:root{--ink:#16251f;--muted:#66736d;--cream:#f5f2e9;--paper:#fffdf7;--green:#1f6048;--light:#dce9e0;--line:#dce1dc;--red:#a53b35}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.55 Inter,Segoe UI,sans-serif}
header{height:76px;padding:0 max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfddd4}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:800;font-size:18px;text-decoration:none}.brand>span{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:white;border-radius:11px;font-size:13px}
.user{display:flex;align-items:center;gap:18px}.user form{margin:0}.link{border:0;background:none;color:var(--green);font:inherit;cursor:pointer}
main{max-width:1120px;margin:0 auto;padding:54px 24px 80px}
.hero{min-height:620px;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--green);margin:0 0 12px}.hero h1,.dashboard-head h1,.center-card h1{font-family:Georgia,serif;font-size:58px;line-height:1.07;margin:0 0 22px;letter-spacing:-.035em}.hero>div>p:not(.eyebrow){max-width:540px;color:var(--muted);font-size:18px}.hero ul{list-style:none;padding:12px 0 0;margin:0;display:grid;gap:10px}.hero li:before{content:"✓";display:inline-grid;place-items:center;background:var(--light);color:var(--green);border-radius:50%;width:22px;height:22px;margin-right:10px;font-weight:bold}
.auth-card,.panel,.center-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 50px #34473a12}.auth-card{padding:28px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{flex:1;padding:12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-weight:700;cursor:pointer}.tab.active{color:var(--green);border-color:var(--green)}
.auth-form{display:none}.auth-form.active{display:grid;gap:17px}label{font-size:13px;font-weight:700}input[type=email],input[type=password],input[name=name]{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cdd3ce;border-radius:9px;background:white;font:inherit;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f604819}
button,.primary,.secondary{font:inherit;cursor:pointer}.primary{border:0;border-radius:9px;background:var(--green);color:white;padding:13px 20px;text-decoration:none;font-weight:750}.primary:hover{background:#174d39}.primary.small{padding:8px 13px}.inline{display:inline-block}.secondary{border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:8px 13px;text-decoration:none}.danger{border:0;background:#f7e5e2;color:var(--red);font-size:22px;width:36px;height:36px;border-radius:8px}.auth-form small,.upload small{color:var(--muted);text-align:center}
.flash{padding:13px 16px;border-radius:10px;margin-bottom:22px;background:#dcebdd;color:#23563e}.flash.error{background:#f8dfdb;color:#84342e}
.dashboard-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.dashboard-head h1{font-size:42px;margin-bottom:8px}.dashboard-head p{color:var(--muted);margin:0}.upload{display:flex;flex-direction:column;align-items:center}.upload label{background:var(--green);color:white;padding:12px 20px;border-radius:9px;cursor:pointer}.upload input{display:none}.upload small{margin-top:5px}
.panel{padding:26px;margin-bottom:24px}.panel-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.panel h2{margin:0;font-family:Georgia,serif;font-size:25px}.panel-title p{margin:3px 0 0;color:var(--muted)}.badge{background:#efe7d3;color:#775c20;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:800}
.explorer-title{gap:20px}.breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px}.breadcrumbs a{color:var(--green);text-decoration:none;font-size:13px}.breadcrumbs span{color:#9aa39e}.mkdir{display:flex;gap:8px}.mkdir input[name=folder_name]{width:180px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit}.entry-name{font-weight:750;color:var(--green);text-decoration:none}.entry-name:hover{text-decoration:underline}.folder-icon{background:#efe6c9;color:#80601f}
.request,.file-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #eceeea}.request:last-child,.file-row:last-child{border-bottom:0}.request>div:nth-child(2){display:flex;flex-direction:column;flex:1}.request span,.file-info span{color:var(--muted);font-size:13px}.request form{display:flex;gap:8px}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--light);color:var(--green);font-weight:800}.empty-small{color:var(--muted);margin:20px 0 0}
.file-icon{display:grid;place-items:center;width:44px;height:48px;background:#e4ebe6;color:var(--green);border-radius:8px;font-size:10px;font-weight:900}.file-info{min-width:0;display:flex;flex:1;flex-direction:column}.file-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row form{margin:0}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.empty span{font-size:34px;color:var(--green)}.empty h3{color:var(--ink);margin:8px 0 2px}.empty p{margin:0}
.center-card{max-width:560px;margin:70px auto;text-align:center;padding:55px}.center-card h1{font-size:38px}.center-card p{color:var(--muted);margin-bottom:28px}.status-icon{font-size:42px}
footer{text-align:center;padding:25px;color:var(--muted);border-top:1px solid #dfddd4;font-size:13px}
@media(max-width:760px){main{padding-top:30px}.hero{grid-template-columns:1fr;gap:35px}.hero h1{font-size:44px}.dashboard-head{align-items:start;gap:25px;flex-direction:column}.file-row{flex-wrap:wrap}.file-info{min-width:calc(100% - 60px)}.request{align-items:flex-start;flex-wrap:wrap}.request>div:nth-child(2){min-width:calc(100% - 60px)}.request form{margin-left:56px}.panel{padding:18px}.center-card{padding:35px 22px}.explorer-title{align-items:flex-start;flex-direction:column}.mkdir{width:100%}.mkdir input[name=folder_name]{min-width:0;flex:1}}
.download-client{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:28px;padding:12px 16px;border:1px solid #bfd0c5;border-radius:11px;background:#edf4ef;color:var(--green);text-decoration:none}.download-client>span{font-size:25px;font-weight:800}.download-client div{display:flex;flex-direction:column}.download-client small{color:var(--muted)}
.client-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e8f0ea;border:1px solid #cfddd3;border-radius:12px;padding:15px 18px;margin:-14px 0 24px}.client-strip>div{display:flex;flex-direction:column}.client-strip span{color:var(--muted);font-size:13px}
@media(max-width:760px){.client-strip{align-items:flex-start;flex-direction:column}}