:root{--bg:#080b10;--panel:#0e131b;--panel2:#121923;--line:#202936;--muted:#8290a3;--text:#f3f6fa;--green:#62e6a7;--green2:#30bd82;--blue:#5c8cff;--purple:#8b78ff;--danger:#ff647c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.hidden{display:none!important}.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.12}.ambient-one{width:500px;height:500px;background:#42d99a;left:-260px;top:-240px}.ambient-two{width:450px;height:450px;background:#3c5dff;right:-250px;bottom:-280px}.login-view{min-height:100vh;display:grid;place-items:center;padding:32px}.login-card{width:min(440px,100%);position:relative}.brand{height:74px;display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:17px;white-space:nowrap}.brand b{color:var(--green);font-weight:600}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid #396b5b;border-radius:10px;color:var(--green);font-weight:700;background:#13241f}.brand-login{justify-content:center;margin-bottom:54px;font-size:19px}.brand-login .brand-mark{width:42px;height:42px}.login-copy{text-align:center}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--green);font-weight:700}.login-copy h1{font:700 38px/1.18 Manrope,sans-serif;margin:15px 0}.login-copy h1 em{font-style:normal;color:var(--green)}.login-copy p{color:var(--muted);line-height:1.6;margin:0 auto 35px;max-width:410px}.login-card form label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}.label-row{display:flex;justify-content:space-between;align-items:end}.label-row label{margin-bottom:8px}.link-button{border:0;background:none;color:var(--green);font-size:11px;margin-bottom:8px}.input-wrap{height:49px;border:1px solid #26313f;border-radius:9px;background:#0c1118;display:flex;align-items:center;padding:0 14px;gap:10px;color:#687588}.input-wrap:focus-within{border-color:#4cb88b;box-shadow:0 0 0 3px #43cc9316}.input-wrap input{flex:1;border:0;outline:0;background:transparent;color:var(--text);min-width:0}.eye{border:0;background:none;color:#748194;cursor:pointer}.primary{background:linear-gradient(135deg,var(--green),#43cf95);color:#07110d;border:0;border-radius:8px;font-weight:700;cursor:pointer}.login-button{width:100%;height:49px;margin-top:24px;display:flex;justify-content:center;gap:16px;align-items:center}.passkey-button{width:100%;height:48px;margin-top:10px;border:1px solid #283342;border-radius:8px;background:#10161f;color:var(--text);cursor:pointer}.passkey-button span{color:var(--green);margin-right:7px}.security-note{text-align:center!important;font-size:11px!important;color:#637083!important;margin:18px!important}.login-footer{position:absolute;bottom:20px;color:#566273;font-size:10px}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:#0b1017;border-right:1px solid var(--line);padding:0 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:10}.upload-sidebar{height:43px;background:#17221f;border:1px solid #2a5d4b;color:var(--green);border-radius:8px;font-weight:600;margin:10px 0 22px;cursor:pointer}.nav-title{font-size:9px;color:#526071;letter-spacing:.16em;font-weight:700;margin:17px 10px 7px}.nav-item{border:0;background:none;color:#8794a6;height:38px;border-radius:7px;width:100%;display:flex;align-items:center;gap:12px;padding:0 12px;cursor:pointer;font-size:12px;text-align:left}.nav-item span{font-size:16px;width:16px}.nav-item i{margin-left:auto;background:#1c2835;border-radius:10px;padding:2px 7px;font-style:normal;font-size:9px}.nav-item:hover,.nav-item.active{background:#15241f;color:#e8fff5}.nav-item.active span{color:var(--green)}.nav-item.danger{margin-top:12px}.storage-card{margin-top:auto;background:#111821;border:1px solid #202a37;border-radius:10px;padding:14px}.storage-heading{display:flex;justify-content:space-between;font-size:11px}.storage-heading b{color:var(--green)}.progress{height:5px;background:#27303b;border-radius:5px;margin:11px 0}.progress span{display:block;width:64%;height:100%;background:linear-gradient(90deg,var(--green2),var(--green));border-radius:5px}.storage-card p{font-size:9px;color:#728095}.storage-card button{border:0;background:none;color:var(--green);font-size:9px;padding:0}.user-mini{height:70px;display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#223b33;color:var(--green);font-size:10px;font-weight:700}.user-mini div:nth-child(2){display:flex;flex-direction:column;flex:1}.user-mini strong{font-size:11px}.user-mini small{font-size:9px;color:#697689}.user-mini button{border:0;background:none;color:#697689;cursor:pointer}main{min-width:0;background:radial-gradient(circle at 80% 0,#111c20 0,transparent 30%),#0b0f15}header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;gap:10px}.search{width:min(430px,50vw);height:39px;background:#111720;border:1px solid #222c39;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:9px}.search input{flex:1;border:0;outline:0;background:none;color:var(--text);font-size:12px}.search kbd{font:9px inherit;border:1px solid #34404e;border-radius:4px;padding:3px 5px;color:#6d798a}.icon-button{margin-left:auto;width:38px;height:38px;border:1px solid #222c39;background:#111720;color:#8794a6;border-radius:8px}.icon-button+.icon-button{margin-left:0}.notify{position:relative}.notify i{width:5px;height:5px;background:var(--green);position:absolute;right:8px;top:8px;border-radius:50%}.header-upload{height:39px;padding:0 17px;margin-left:5px}.mobile-menu{display:none;border:0;background:none;color:white;font-size:20px}.content{padding:31px 36px 50px;max-width:1500px;margin:auto}.welcome{display:flex;align-items:center;justify-content:space-between}.welcome h2{font:700 27px Manrope,sans-serif;margin:8px 0}.welcome h2 span{font-size:22px}.welcome p,.section-heading p{color:var(--muted);font-size:12px;margin:0}.secure-pill{font-size:10px;color:#a5b1be;background:#111a1b;border:1px solid #253630;padding:9px 12px;border-radius:20px}.secure-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:27px 0 35px}.quick{height:82px;border:1px solid #202936;background:#111720;border-radius:10px;color:var(--text);display:flex;align-items:center;padding:13px;gap:12px;text-align:left;cursor:pointer;transition:.2s}.quick:hover{transform:translateY(-2px);border-color:#344254}.quick.upload{border-color:#305f4e;background:linear-gradient(135deg,#14251f,#111820)}.quick-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:#1b332b;color:var(--green);font-size:20px}.quick-icon.folder{background:#1b2b3e;color:#74a8ff}.quick-icon.share{background:#302744;color:#a994ff}.quick-icon.backup{background:#352b1e;color:#ffc769}.quick div:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.quick b{font-size:12px}.quick small{color:#728094;font-size:9px}.quick>strong{color:#617083}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-heading h3{font:600 15px Manrope,sans-serif;margin:0 0 5px}.section-heading>button{border:0;background:none;color:var(--green);font-size:10px}.folder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.folder-card{min-height:130px;background:#111720;border:1px solid #202936;border-radius:10px;padding:16px;position:relative;transition:.2s}.folder-card:hover{border-color:#354254;transform:translateY(-2px)}.folder-card .folder-icon{font-size:28px;color:var(--blue)}.folder-card:nth-child(2) .folder-icon{color:#be90ff}.folder-card:nth-child(3) .folder-icon{color:#ffbd65}.folder-card:nth-child(4) .folder-icon{color:var(--green)}.folder-card button{position:absolute;right:10px;top:10px;border:0;background:none;color:#647184}.folder-card h4{font-size:12px;margin:17px 0 5px}.folder-card p{font-size:9px;color:#728094;margin:0}.files-heading{margin-top:32px}.view-buttons{display:flex;border:1px solid #27313e;border-radius:6px;overflow:hidden}.view-buttons button{border:0;background:#111720;color:#657385;padding:6px 9px}.view-buttons button.active{background:#21352e;color:var(--green)}.table-wrap{background:#10161e;border:1px solid #202936;border-radius:10px;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:#637184;font-weight:500;font-size:9px;padding:12px 15px;border-bottom:1px solid #202936}td{padding:11px 15px;border-bottom:1px solid #1a222d;color:#9ba6b5}tr:last-child td{border-bottom:0}td:first-child{color:#e7ebf1;font-weight:500}.file-cell{display:flex;align-items:center;gap:10px}.file-type{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:#1a2b3c;color:#74a8ff}.file-type.image{background:#273225;color:#82dc82}.file-type.video{background:#332536;color:#d691ec}.file-type.archive{background:#352e20;color:#eec56e}.more{border:0;background:none;color:#637184}.empty{text-align:center;color:#748194;padding:35px}.toast{position:fixed;right:25px;bottom:25px;background:#17221e;border:1px solid #356b56;border-radius:10px;padding:12px 17px;display:flex;gap:11px;align-items:center;transform:translateY(120px);opacity:0;transition:.3s;z-index:30}.toast.show{transform:translateY(0);opacity:1}.toast>span{color:var(--green)}.toast b{font-size:11px}.toast p{font-size:9px;color:#839081;margin:3px 0 0}dialog{color:var(--text);background:#111820;border:1px solid #2a3543;border-radius:13px;padding:0;width:min(390px,90vw)}dialog::backdrop{background:#030507cc;backdrop-filter:blur(4px)}dialog form{padding:26px;text-align:center}.dialog-icon{font-size:30px;color:#75a7ff}dialog h3{margin:12px 0 5px}dialog p{color:var(--muted);font-size:12px}dialog input{width:100%;height:44px;border:1px solid #2b3745;background:#0b1016;color:white;border-radius:7px;padding:0 12px;outline:none;margin:14px 0}dialog form>div:last-child{display:flex;justify-content:flex-end;gap:8px}dialog form>div:last-child button{padding:9px 14px;border-radius:7px;border:1px solid #303b48;background:#171e27;color:#a9b4c1}dialog form>div:last-child .primary{border:0;color:#06110c}.dragging{outline:2px dashed var(--green);outline-offset:3px}
@media(max-width:1000px){.quick-grid,.folder-grid{grid-template-columns:repeat(2,1fr)}.sidebar{position:fixed;transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app{grid-template-columns:1fr}.mobile-menu{display:block}.content{padding:25px}.login-footer{display:none}}
@media(max-width:650px){header{padding:0 15px}.search{width:auto;flex:1}.search kbd,.icon-button:first-of-type{display:none}.header-upload{font-size:0}.header-upload::after{content:"＋";font-size:18px}.content{padding:20px 14px}.welcome{align-items:flex-start}.secure-pill{display:none}.welcome h2{font-size:22px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick{height:72px}.quick>strong{display:none}.folder-grid{grid-template-columns:1fr 1fr}.folder-card{min-height:115px}th:nth-child(2),td:nth-child(2),th:nth-child(4),td:nth-child(4){display:none}.login-copy h1{font-size:31px}}