:root{font-family:DM Sans,system-ui,sans-serif;color:#eaf6f0;background:#07110e;color-scheme:dark;--bg:#07110e;--panel:#0d1915;--panel2:#111f1a;--line:#243b32;--muted:#91a69d;--mint:#98e8c3;--deep:#09261c;--danger:#ffaaa0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 16% 8%,#123429 0,transparent 28%),var(--bg)}button,input,textarea,select{font:inherit}button,a.button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.brand{display:flex;align-items:center;gap:11px;font:700 1.08rem Manrope}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--mint);color:#09261c;font-weight:800}.eyebrow{margin:0 0 10px;color:#75b99c;letter-spacing:.16em;font-size:.72rem;font-weight:700}.primary,.secondary,.danger,.chip{border:0;border-radius:12px;padding:12px 17px;font-weight:700}.primary{background:var(--mint);color:#082219}.secondary,.chip{background:#192c25;color:#d9ede4;border:1px solid #2c493e}.danger{background:#39201e;color:#ffc0b8;border:1px solid #72413b}.link,.quiet{background:none;border:0;color:#a8d9c3;padding:9px}.notice{border:1px solid #365d4c;background:#11271e;padding:12px 14px;border-radius:12px;line-height:1.4}.notice.error,[data-kind=error]{color:#ffb3aa;border-color:#663d38}.auth-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);min-height:100vh}.auth-copy{padding:clamp(42px,8vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-copy:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #9ce5c422;border-radius:50%;right:-120px;bottom:-100px;box-shadow:0 0 0 60px #9ce5c408,0 0 0 130px #9ce5c405}.auth-copy .brand{position:absolute;top:38px}.auth-copy h1{font:500 clamp(3rem,6vw,6.4rem)/.98 Manrope;margin:0 0 30px;letter-spacing:-.06em}.auth-copy h1 em{font-style:normal;color:var(--mint)}.auth-copy>p:not(.eyebrow){max-width:520px;color:#a9bdb4;line-height:1.65;font-size:1.08rem}.trust{margin-top:48px;display:flex;flex-direction:column;border-left:2px solid var(--mint);padding-left:16px;gap:4px}.trust span{color:var(--muted);font-size:.88rem}.auth-card{align-self:center;width:min(440px,calc(100% - 36px));padding:40px;background:#0c1814ef;border:1px solid var(--line);border-radius:26px;box-shadow:0 32px 100px #0009}.auth-card h2,.gate-card h1{font:600 2rem Manrope;margin:0 0 8px}.auth-card>p,.gate-card>p{color:var(--muted);line-height:1.55}.auth-card form,.gate-card form{display:grid;gap:17px;margin:28px 0 16px}label{display:grid;gap:8px;color:#b8cbc2;font-size:.88rem;font-weight:600}input,textarea,select{width:100%;border:1px solid #365047;background:#07110e;color:#eef9f4;padding:13px 14px;border-radius:11px}textarea{min-height:92px;resize:vertical}.auth-card small,.gate-card small{color:#71877d;line-height:1.45;display:block}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.gate-card{width:min(500px,100%);padding:42px;background:var(--panel);border:1px solid var(--line);border-radius:26px;box-shadow:0 28px 90px #0009;text-align:center}.gate-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 24px;background:#123b2d;color:var(--mint);border-radius:20px;font-size:1.7rem}.gate-card label{text-align:left}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#0a1512;border-right:1px solid #1d3129;padding:24px 16px;display:flex;flex-direction:column;z-index:4}aside>.brand{padding:0 10px 27px;border-bottom:1px solid #1e332a}nav{display:grid;gap:4px;margin-top:20px}nav button{display:flex;align-items:center;gap:13px;width:100%;padding:11px 13px;border:0;border-radius:11px;background:none;color:#91a79d;text-align:left}nav button:first-letter{font-size:1.2rem}nav button:hover,nav button.active{background:#14251e;color:#e9f6f0}.nav-section{margin:26px 13px 0;color:#5f786d;font-size:.67rem;font-weight:700;letter-spacing:.15em}.sidebar-foot{margin-top:auto;border-top:1px solid #1e332a;padding:18px 10px 0}.quota-line{display:flex;justify-content:space-between;font-size:.76rem;color:var(--muted)}.quota{height:5px;background:#21332c;border-radius:99px;overflow:hidden;margin:9px 0 15px}.quota i,.big-progress i{display:block;height:100%;background:var(--mint);border-radius:inherit}.sidebar-foot .quiet{display:block;width:100%;text-align:left;color:#80978c}.app-shell>main{padding:0 clamp(20px,4vw,55px) 60px;min-width:0}.app-shell header{display:flex;align-items:center;gap:24px;min-height:116px;border-bottom:1px solid #1c3028;position:sticky;top:0;background:#07110ef2;backdrop-filter:blur(18px);z-index:3}.app-shell h1{font:600 clamp(1.55rem,3vw,2.25rem) Manrope;margin:0}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.search{display:flex;align-items:center;gap:8px;padding-left:13px;background:#0e1b17;border:1px solid #243c33;border-radius:12px}.search input{width:min(240px,20vw);border:0;background:none;padding-left:2px}.upload{display:inline-flex;align-items:center;white-space:nowrap}.menu{display:none;background:none;border:0;color:#fff;font-size:1.3rem}#content{padding-top:28px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.section-head>div{display:flex;flex-direction:column;gap:4px}.section-head span{color:var(--muted);font-size:.84rem}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:16px}.file-card{position:relative;min-width:0;background:#0c1814;border:1px solid #20372e;border-radius:17px;overflow:hidden;transition:.18s transform,.18s border-color}.file-card:hover{transform:translateY(-2px);border-color:#426956}.preview{position:relative;width:100%;aspect-ratio:1.25;border:0;background:linear-gradient(145deg,#142921,#0b1713);color:#6b9985}.type-icon{font-size:2.4rem}.file-state{position:absolute;top:12px;right:12px;color:var(--mint)}.file-card>div{padding:13px 38px 14px 14px;display:flex;flex-direction:column;gap:4px}.file-card b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.91rem}.file-card span{color:#789086;font-size:.72rem}.more{position:absolute;right:7px;bottom:11px;background:none;border:0;color:#90a69c}.empty{display:grid;justify-items:center;text-align:center;padding:90px 20px;color:var(--muted)}.empty>span{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#11251d;color:#69a98c;font-size:2rem}.empty h2{color:#e5f2ec;margin:20px 0 4px}.empty p{max-width:430px;line-height:1.55}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.album-grid button{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;gap:3px 12px;text-align:left;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;color:#fff;padding:18px}.album-grid button>span{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#17372a;color:var(--mint);font-size:1.4rem}.album-grid small{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.metric p,.plan-card>p{color:#6f9987;font-size:.72rem;letter-spacing:.13em;font-weight:700}.metric strong{font:600 2rem Manrope}.metric strong small{font-size:.9rem;color:var(--muted)}.metric>span{display:block;color:var(--muted);font-size:.82rem;margin-top:9px}.big-progress{height:9px;background:#20352c;border-radius:99px;margin-top:26px;overflow:hidden}.device-list{display:grid;gap:10px}.device-list article{display:flex;align-items:center;gap:15px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px}.device-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#173329;color:var(--mint);font-size:1.3rem}.device-list article>div{display:flex;flex-direction:column;gap:3px;min-width:0}.device-list article>div span{color:var(--muted);font-size:.82rem}.device-list em{margin-left:auto;font-style:normal;font-size:.76rem;color:#70b99a}.small{padding:8px 11px;font-size:.78rem}.plan-card{max-width:620px;background:linear-gradient(140deg,#10251d,#0c1814);border:1px solid #315544;border-radius:24px;padding:34px}.plan-card h2{font:600 3rem Manrope;margin:5px 0}.plan-card li{margin:11px 0;color:#bdd0c7}.plan-card a{display:inline-block;text-decoration:none;margin:16px 0}.plan-card small{display:block;color:var(--muted)}dialog{width:min(1050px,calc(100% - 28px));border:1px solid #2f4c40;border-radius:22px;background:#0b1612;color:#fff;padding:0;box-shadow:0 30px 100px #000c}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.viewer{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);min-height:min(680px,85vh);position:relative}.viewer-media{display:grid;place-items:center;background:#050b09;overflow:hidden}.viewer-media img,.viewer-media video,.viewer-media embed{max-width:100%;max-height:82vh}.viewer-media embed{width:100%;height:82vh}.viewer-info{padding:48px 30px}.viewer-info h2{overflow-wrap:anywhere}.viewer-info dl{display:grid;grid-template-columns:90px 1fr;gap:9px;margin:30px 0;color:var(--muted);font-size:.85rem}.viewer-info dd{margin:0;color:#d6e7df}.viewer-actions{display:grid;gap:10px}.dialog-close{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid #3a554a;background:#10211a;color:#fff;font-size:1.2rem}.doc-preview{display:flex;flex-direction:column;gap:15px;align-items:center;color:var(--muted);font-size:2.5rem}.doc-preview span{font-size:.9rem}.action-sheet{padding:32px;display:grid;gap:10px;max-width:520px;margin:auto}.action-sheet>button:not(.dialog-close){text-align:left;border:1px solid #2a4439;background:#11231c;color:#fff;border-radius:12px;padding:13px}.action-sheet>button.danger{color:#ffb4ab;border-color:#693b36}.loading{padding:60px;text-align:center;color:var(--muted)}#status{min-height:22px;color:#a9d9c4;font-size:.86rem}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-copy{min-height:46vh;padding:90px 34px 36px}.auth-copy h1{font-size:clamp(2.8rem,11vw,5rem)}.auth-card{margin:28px auto 60px}.app-shell{grid-template-columns:1fr}aside{position:fixed;left:-280px;width:252px;transition:.2s left;box-shadow:20px 0 50px #0008}aside.open{left:0}.menu{display:block}.metric-grid{grid-template-columns:1fr 1fr}.metric.wide{grid-column:1/-1}.viewer{grid-template-columns:1fr}.viewer-info{padding:28px}.viewer-media{min-height:45vh}}@media(max-width:620px){.auth-copy{display:none}.auth-shell{display:grid;place-items:center;padding:20px}.auth-card{margin:0;padding:28px}.gate-card{padding:28px 21px}.app-shell>main{padding-inline:14px}.app-shell header{align-items:flex-start;padding:20px 0;min-height:144px;flex-wrap:wrap}.header-actions{width:100%;order:3}.search{flex:1}.search input{width:100%}.upload{padding-inline:12px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.file-card>div{padding:10px 30px 12px 10px}.section-head{align-items:flex-start}.metric-grid{grid-template-columns:1fr}.metric.wide{grid-column:auto}.device-list article{flex-wrap:wrap}.device-list article>div{flex:1}.device-list em{margin-left:58px}.viewer{display:block}.viewer-media{height:45vh;min-height:0}.viewer-info{padding:28px 20px}.album-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.progress-0{width:0}.progress-1{width:10%}.progress-2{width:20%}.progress-3{width:30%}.progress-4{width:40%}.progress-5{width:50%}.progress-6{width:60%}.progress-7{width:70%}.progress-8{width:80%}.progress-9{width:90%}.progress-10{width:100%}