@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap');
:root{--bg:#080b0c;--panel:#101516cc;--line:#27302f;--text:#f3f5f2;--muted:#8e9995;--acid:#b8ff3d;--danger:#ff6b6b}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Manrope,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 15%,#1c281d 0,transparent 30%),radial-gradient(circle at 85% 65%,#18221a 0,transparent 24%),var(--bg)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glass{background:linear-gradient(145deg,#151b1add,#0d1111dd);border:1px solid var(--line);box-shadow:0 24px 90px #0008;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font:600 15px Space Grotesk;letter-spacing:.16em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--acid);color:#10140d;clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10vw;padding:7vw}.auth-copy .brand{position:absolute;top:38px;left:7vw}.eyebrow{display:flex;align-items:center;gap:9px;font:600 11px Space Grotesk;letter-spacing:.18em;color:var(--muted)}.eyebrow i,.status i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 15px var(--acid)}h1{font:500 clamp(52px,7vw,104px)/.9 Space Grotesk;margin:25px 0;letter-spacing:-.065em}h1 em{font-style:normal;color:var(--acid)}.auth-copy>p,.hero p{max-width:530px;color:var(--muted);font-size:17px;line-height:1.7}.signal{margin-top:50px;border-left:1px solid var(--acid);padding-left:18px;display:flex;flex-direction:column}.signal span{font:600 24px Space Grotesk}.signal small{color:var(--muted)}.login-card{position:relative;overflow:hidden;max-width:470px;padding:46px;border-radius:4px}.card-glow{position:absolute;width:180px;height:180px;background:var(--acid);filter:blur(110px);opacity:.09;right:-80px;top:-70px}.status{font:600 11px Space Grotesk;letter-spacing:.15em;color:#aab4b0}.status i{display:inline-block;margin-right:8px}.login-card h2{font:500 28px Space Grotesk;margin:32px 0 8px}.login-card>p{color:var(--muted);margin:0 0 30px}label{display:block;color:#bac3bf;font-size:12px;margin-top:19px}input[type=text],input[type=password],input[name=username]{display:block;width:100%;height:54px;margin-top:9px;background:#090c0c;border:1px solid var(--line);color:#fff;padding:0 16px;font:500 15px Manrope;outline:0}input:focus{border-color:var(--acid);box-shadow:0 0 0 3px #b8ff3d12}.primary,.secondary,.copy,.icon-btn{border:0;cursor:pointer;font:600 13px Manrope;transition:.2s}.primary{width:100%;height:54px;margin-top:25px;background:var(--acid);color:#10140d;padding:0 18px;display:flex;justify-content:space-between;align-items:center}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.secure-note{text-align:center;color:#8e9995;font:600 10px Space Grotesk;letter-spacing:.15em;margin-top:28px}.flash{padding:13px 16px;margin:15px 0;border:1px solid}.flash.error{border-color:#ff6b6b55;color:#ff9696;background:#ff6b6b0d}.flash.success{border-color:#b8ff3d55;color:var(--acid);background:#b8ff3d0d}header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;position:relative;z-index:2}.account{display:flex;align-items:center;gap:11px}.account b,.account small{display:block}.account b{font-size:13px}.account small{font:600 8px Space Grotesk;color:var(--muted);letter-spacing:.14em;margin-top:3px}.avatar{width:36px;height:36px;border:1px solid var(--line);display:grid;place-items:center;color:var(--acid)}.icon-btn{width:36px;height:36px;background:#111615;color:#bec6c3;border:1px solid var(--line);display:grid;place-items:center;text-decoration:none}.icon-btn:hover{border-color:var(--acid);color:var(--acid)}.dashboard{width:min(1180px,90vw);margin:0 auto}.hero{min-height:400px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:8vw}.hero h1{font-size:clamp(55px,7vw,90px)}.quota{padding:28px}.quota-head,.quota-foot{display:flex;justify-content:space-between;align-items:end}.quota-head>span,.section-title span{font:600 10px Space Grotesk;letter-spacing:.16em;color:var(--muted)}.quota-head b{font:500 30px Space Grotesk}.quota-head small{font-size:13px;color:var(--muted)}.bar{height:5px;background:#29302d;margin:28px 0 13px;overflow:hidden}.bar i{height:100%;display:block;background:var(--acid);box-shadow:0 0 18px var(--acid)}.quota-foot{font-size:10px;color:var(--muted)}.upload{padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.upload>div{display:grid;grid-template-columns:auto 1fr;column-gap:20px}.upload-icon{grid-row:1/3;width:58px;height:58px;display:grid;place-items:center;border:1px solid #b8ff3d55;color:var(--acid);font-size:24px}.upload h2{font:500 18px Space Grotesk;margin:5px 0}.upload p{color:var(--muted);font-size:12px;margin:0}.upload form{display:grid;grid-template-columns:auto auto;gap:10px;align-items:center}.upload input{display:none}.upload .secondary,.upload .primary{height:44px;margin:0;padding:0 21px;width:auto;display:flex;align-items:center}.secondary{background:transparent;color:#fff;border:1px solid var(--line)}.upload form small{grid-column:1/3;color:var(--muted);text-align:right;max-width:350px;overflow:hidden;text-overflow:ellipsis}.files-section{margin:75px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-title h2{font:500 30px Space Grotesk;margin:9px 0 0}.section-title>b{font-size:11px;color:var(--muted)}.file-list{display:grid;gap:8px}.file-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:17px 20px;box-shadow:none}.file-glyph{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);color:var(--acid);font-size:22px}.file-info{padding:0 16px;min-width:0}.file-info b,.file-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info b{font-size:13px}.file-info small{font-size:10px;color:var(--muted);margin-top:5px}.file-actions{display:flex;gap:7px}.copy{background:transparent;color:var(--muted);padding:0 15px;border:1px solid var(--line)}.copy:hover{color:var(--acid);border-color:#b8ff3d66}.danger:hover{color:var(--danger);border-color:var(--danger)}.empty{text-align:center;padding:70px}.empty>span{font-size:45px;color:var(--acid)}.empty h3{font:500 20px Space Grotesk}.empty p{color:var(--muted);font-size:13px}footer{padding:28px 5vw;border-top:1px solid #ffffff0c;color:#59625f;font:600 8px Space Grotesk;letter-spacing:.14em;display:flex;justify-content:space-between}@media(max-width:800px){.auth-shell{display:block;padding:100px 6vw 50px}.auth-copy .brand{left:6vw}.auth-copy{margin-bottom:55px}.login-card{padding:28px}.hero{display:block;padding:70px 0}.quota{margin-top:45px}.upload{display:block}.upload form{margin-top:28px}.file-actions .copy{font-size:0}.file-actions .copy:after{content:'🔗';font-size:14px}.file-row{padding:13px 10px}.dashboard{width:92vw}footer{gap:20px}header{padding:0 4vw}.account div{display:none}}