:root{--bg:#07101e;--bg2:#0b1423;--panel:#0d1829;--panel2:#101d31;--line:#22324d;--text:#eef4ff;--muted:#91a4bf;--blue:#3b82f6;--violet:#8b5cf6;--red:#ef4444;--green:#22c55e;--yellow:#f59e0b;--shadow:0 18px 60px rgba(0,0,0,.24)}
:root[data-theme="light"]{--bg:#eef3fb;--bg2:#f8fafc;--panel:#ffffff;--panel2:#f5f8fc;--line:#d7dfeb;--text:#172033;--muted:#66758d;--shadow:0 14px 40px rgba(25,45,75,.10)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 80% 0,#172b61 0,var(--bg) 34%,var(--bg) 100%);color:var(--text)}:root[data-theme="light"] body{background:linear-gradient(135deg,#f3f7fd,#eaf0f8)}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted);font-size:12px}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 15px;background:color-mix(in srgb,var(--bg) 92%,transparent);border-right:1px solid var(--line);display:flex;flex-direction:column;backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:11px;margin-bottom:25px}.brand strong{display:block;font-size:15px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.brand-mark{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-weight:900;letter-spacing:-1px;font-size:23px;box-shadow:0 15px 38px rgba(59,130,246,.28)}.brand-mark.sm{width:42px;height:42px;border-radius:13px;font-size:16px}.nav{display:block;text-decoration:none;padding:11px 12px;border-radius:11px;color:var(--muted);margin:3px 0;font-weight:650}.nav:hover,.nav.active{background:var(--panel2);color:var(--text)}.side-user{margin-top:auto;padding:13px 10px 4px;border-top:1px solid var(--line)}.side-user strong,.side-user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user span{font-size:11px;color:var(--muted);margin:3px 0 10px}.side-user a,.theme-btn{display:inline-block;background:none;border:0;color:var(--muted);padding:5px 0;text-decoration:none;cursor:pointer;margin-right:12px}.main{padding:26px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.topbar h1{margin:0 0 6px;font-size:28px}.crumbs{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px}.crumbs a{text-decoration:none}.top-actions,.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;background:var(--panel2);color:var(--text);padding:10px 14px;border-radius:11px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{filter:brightness(1.08)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff}.btn.ghost{border-color:var(--line)}.btn.danger{background:#32151a;border-color:#73232c;color:#fecaca}.btn.full{width:100%;margin-top:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric,.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--bg2) 96%,transparent));border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:var(--shadow)}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:23px;margin-top:7px}.type-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:12px 0 18px}.type-bar{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:10px}.type-bar span,.type-bar small{display:block;font-size:10px;color:var(--muted)}.type-bar>div{height:5px;border-radius:10px;background:var(--bg2);overflow:hidden;margin:7px 0}.type-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:10px}.upload-zone{display:grid;place-items:center;text-align:center;min-height:160px;border:2px dashed #395276;border-radius:18px;background:color-mix(in srgb,var(--panel) 78%,transparent);transition:.2s;margin-bottom:15px}.upload-zone.drag{border-color:#60a5fa;background:color-mix(in srgb,#1d4ed8 14%,var(--panel))}.upload-zone>div{font-size:35px}.upload-zone strong{font-size:18px;margin:4px}.upload-zone span{font-size:12px;color:var(--muted)}.upload-zone.public{min-height:190px;margin-top:18px;padding:22px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:15px 0}.search-wrap{display:flex;gap:8px;flex:1;max-width:760px}.input{width:100%;border:1px solid var(--line);background:var(--bg2);color:var(--text);border-radius:11px;padding:11px 13px;outline:none}.input:focus{border-color:#5b8ee8;box-shadow:0 0 0 3px rgba(59,130,246,.10)}label{display:block;color:var(--muted);font-size:12px;margin:12px 0 6px}.view-actions{display:flex;gap:4px}.icon-toggle,.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;cursor:pointer}.icon-toggle{width:38px;height:38px}.icon-toggle.active{background:#203657}.icon-btn{width:34px;height:34px;display:grid;place-items:center;text-decoration:none}.icon-btn:hover{background:var(--panel2)}.advanced{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr auto;gap:9px;background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:14px;margin-bottom:14px}.bulkbar{position:sticky;top:10px;z-index:12;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#152543;border:1px solid #39547d;padding:10px 12px;border-radius:14px;margin-bottom:10px;box-shadow:var(--shadow)}.bulkbar>div{display:flex;gap:7px;flex-wrap:wrap}.files-panel{background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.file-row{display:grid;grid-template-columns:minmax(300px,1fr) 120px 170px 190px;gap:12px;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line);min-width:820px}.file-row:last-child{border-bottom:0}.file-row.head{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg2)}.file-row.item:hover{background:color-mix(in srgb,var(--panel2) 85%,transparent)}.file-row.drop-target{outline:2px solid #60a5fa;outline-offset:-2px;background:rgba(59,130,246,.12)}.file-main{display:flex;align-items:center;gap:9px;min-width:0}.file-thumb{width:40px;height:40px;border-radius:10px;background:var(--panel2);display:grid;place-items:center;overflow:hidden;flex:0 0 auto;font-size:19px}.file-thumb img{width:100%;height:100%;object-fit:cover}.file-link{font-weight:680;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-star{color:#fbbf24;font-size:13px}.empty{padding:36px;text-align:center;color:var(--muted)}.files-panel.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:10px;padding:10px;background:transparent;border:0;box-shadow:none;overflow:visible}.files-panel.grid-layout .head{display:none}.files-panel.grid-layout .file-row.item{display:flex!important;flex-direction:column;align-items:stretch;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:12px;min-height:170px}.files-panel.grid-layout .file-row.item>div:nth-child(2),.files-panel.grid-layout .file-row.item>div:nth-child(3){font-size:10px}.files-panel.grid-layout .file-main{flex:1;flex-direction:column;align-items:flex-start}.files-panel.grid-layout .file-thumb{width:100%;height:88px;font-size:35px}.files-panel.grid-layout .actions{justify-content:flex-end}.files-panel.grid-layout .select-item{position:absolute}.upload-queue{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:12px 0;overflow:hidden}.queue-head{display:flex;justify-content:space-between;padding:11px 13px;background:var(--bg2);border-bottom:1px solid var(--line)}.upload-item{padding:11px 13px;border-bottom:1px solid var(--line)}.upload-item:last-child{border-bottom:0}.upload-error{background:rgba(127,29,29,.12)}.upload-line{display:flex;justify-content:space-between;gap:12px}.upload-line>div:first-child{min-width:0}.upload-line strong,.upload-line small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-line small{color:var(--muted);font-size:10px;margin-top:2px}.upload-controls{display:flex;align-items:center;gap:7px}.upload-controls button{border:0;background:none;color:var(--muted);cursor:pointer}.u-status{font-size:11px;color:var(--muted);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{height:7px;border-radius:10px;background:var(--bg2);margin:8px 0;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--violet));transition:width .15s}.upload-meta{display:flex;gap:16px;color:var(--muted);font-size:10px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.66);display:none;place-items:center;padding:18px;z-index:100}.modal.open{display:grid}.modal-card{position:relative;width:min(460px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-card.wide{width:min(680px,100%)}.modal-card h2{margin:0 0 15px}.modal-x{position:absolute;right:12px;top:10px;border:0;background:none;color:var(--text);font-size:25px;cursor:pointer}.checkline{display:flex;gap:18px;margin-top:12px}.checkline label{margin:0}.context-menu{position:fixed;width:210px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;z-index:200;box-shadow:0 20px 60px rgba(0,0,0,.35)}.context-menu button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--text);padding:9px 10px;border-radius:8px;cursor:pointer}.context-menu button:hover{background:var(--panel2)}.danger-text{color:#fca5a5!important}.search-results{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:14px;overflow:hidden}.search-result{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line)}.search-result:last-child{border-bottom:0}.search-result strong,.search-result small{display:block}.search-result small{color:var(--muted);font-size:10px;margin-top:3px}.share-row{display:grid;grid-template-columns:minmax(260px,1fr) 180px 120px 210px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);min-width:760px}.share-row.head{font-size:10px;text-transform:uppercase;color:var(--muted);background:var(--bg2)}.share-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.info-grid{display:grid;grid-template-columns:120px 1fr;gap:9px 15px}.info-grid dt{color:var(--muted)}.info-grid dd{margin:0;min-width:0;overflow-wrap:anywhere}.hash{font-family:Consolas,monospace;font-size:11px}.toast{position:fixed;right:20px;bottom:20px;z-index:500;background:#102919;color:#dcfce7;border:1px solid #166534;padding:11px 14px;border-radius:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);transition:.2s}.toast.error{background:#32161a;border-color:#7f1d1d;color:#fecaca}.toast.show{opacity:1;transform:none}.auth-page{display:grid;place-items:center;min-height:100vh;padding:20px}.auth-card,.public-upload-card,.share-card{width:min(460px,100%);background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.32)}.public-upload-card{width:min(720px,100%)}.auth-card h1,.public-upload-card h1,.share-card h1{margin:17px 0 5px}.auth-card p,.public-upload-card p,.share-card p{color:var(--muted)}.alert{padding:11px 13px;border-radius:11px;margin:12px 0}.alert.success{background:#102b1c;border:1px solid #166534;color:#bbf7d0}.alert.error{background:#34161a;border:1px solid #7f1d1d;color:#fecaca}.simple-page{width:min(1050px,calc(100% - 28px));margin:30px auto}.simple-page h1{margin-bottom:6px}.back{text-decoration:none;color:var(--muted);display:inline-block;margin-bottom:16px}.version-row,.trash-row,.history-row,.admin-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.version-row:last-child,.trash-row:last-child,.history-row:last-child,.admin-row:last-child{border-bottom:0}.version-row small,.trash-row small,.history-row small,.admin-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.history-row span{display:block;margin:3px 0}.history-row time{color:var(--muted);font-size:11px;white-space:nowrap}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.panel h2{margin-top:0;font-size:17px}.secret-box{background:#10243d;border:1px solid #31547f;border-radius:13px;padding:12px;margin:12px 0}.secret-box strong{display:block;margin-bottom:8px}.viewer-page,.editor-page{background:var(--bg)}.viewer-top,.editor-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;background:var(--panel);border-bottom:1px solid var(--line)}.viewer-top>a,.editor-top>a{text-decoration:none;color:var(--muted)}.viewer-body{min-height:calc(100vh - 65px);display:grid;place-items:center;padding:18px}.viewer-image{max-width:95vw;max-height:85vh;object-fit:contain}.viewer-media{width:min(1100px,95vw);max-height:82vh}.viewer-audio{width:min(700px,90vw)}.pdf-frame{width:100%;height:calc(100vh - 100px);border:0;background:#fff}.code-preview{width:min(1200px,96vw);min-height:80vh;background:#07111f;color:#dce9ff;padding:20px;border-radius:14px;overflow:auto;tab-size:4;white-space:pre-wrap}.editor-top>div:nth-child(2) strong,.editor-top>div:nth-child(2) span{display:block}.editor-top span{color:var(--muted);font-size:10px}.editor-wrap{display:grid;grid-template-columns:58px 1fr;height:calc(100vh - 66px);background:#07111f}.line-numbers{padding:14px 10px;text-align:right;color:#53657f;background:#091523;border-right:1px solid #1d2c42;font:13px/1.55 Consolas,monospace;overflow:hidden;user-select:none}.editor-wrap textarea{resize:none;border:0;outline:0;background:#07111f;color:#e4efff;padding:14px;font:13px/1.55 Consolas,monospace;tab-size:4;white-space:pre;overflow:auto}.editor-status{position:fixed;right:15px;bottom:15px;background:var(--panel);border:1px solid var(--line);padding:7px 10px;border-radius:9px;color:var(--muted);font-size:11px}.editor-top kbd{background:rgba(255,255,255,.12);padding:2px 5px;border-radius:5px;font-size:9px}.share-page{display:grid;place-items:center;min-height:100vh;padding:20px}.share-card{width:min(680px,100%)}.share-brand{display:flex;align-items:center;gap:10px}.shared-preview{margin:18px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg2);display:grid;place-items:center;min-height:160px}.shared-preview img,.shared-preview video{max-width:100%;max-height:480px}.shared-preview iframe{width:100%;height:520px;border:0}.shared-preview audio{width:90%;margin:40px}.file-big{font-size:60px}.share-details{color:var(--muted);font-size:12px;line-height:1.8}
@media(max-width:1050px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.type-bars{grid-template-columns:repeat(4,1fr)}.admin-grid{grid-template-columns:1fr 1fr}.file-row{grid-template-columns:minmax(260px,1fr) 100px 145px 175px}}
@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{display:flex;overflow:auto;gap:4px}.nav{white-space:nowrap}.side-user{margin-top:8px}.main{padding:16px}.topbar{flex-direction:column}.top-actions{width:100%}.advanced{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.file-row{grid-template-columns:minmax(250px,1fr) 90px 140px 170px}.type-bars{grid-template-columns:repeat(3,1fr)}.bulkbar{position:static;align-items:flex-start;flex-direction:column}.share-row{grid-template-columns:minmax(220px,1fr) 160px 100px 190px}}
@media(max-width:560px){.dashboard-cards{grid-template-columns:1fr 1fr}.type-bars{grid-template-columns:1fr 1fr}.metric strong{font-size:18px}.toolbar,.search-wrap{flex-direction:column}.view-actions{display:none}.advanced{grid-template-columns:1fr}.top-actions .btn{flex:1}.auth-card,.public-upload-card,.share-card{padding:22px}.upload-line{flex-direction:column}.upload-controls{justify-content:space-between}.viewer-top,.editor-top{align-items:flex-start;flex-wrap:wrap}.editor-wrap{grid-template-columns:42px 1fr}.line-numbers{padding-left:4px;padding-right:6px}.checkline{flex-direction:column;gap:7px}.info-grid{grid-template-columns:1fr}.info-grid dt{margin-top:6px}}
.requirements{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.req{font-size:10px;padding:5px 7px;border-radius:8px;border:1px solid var(--line)}.req.on{color:#bbf7d0;background:#102b1c;border-color:#166534}.req.off{color:#fde68a;background:#33250e;border-color:#854d0e}