:root{color-scheme:dark;--bg: #080a0d;--bg-soft: #10141b;--panel: #121720;--panel-strong: #171d28;--panel-border: rgba(255, 255, 255, .08);--text: #eef2f7;--muted: #94a0b2;--accent: #7dd3fc;--accent-strong: #38bdf8;--danger: #ffb4b4;--line: rgba(255, 255, 255, .1);--shadow: 0 24px 72px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Avenir Next,Segoe UI,Helvetica Neue,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 22%),radial-gradient(circle at bottom right,rgba(59,130,246,.08),transparent 24%),linear-gradient(180deg,var(--bg) 0%,#0d1218 100%)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}.shell{width:calc(100% - 20px);margin:10px auto;padding:18px}.login-shell{min-height:calc(100vh - 20px);display:grid;place-items:center}.login-card{width:min(460px,100%);padding:28px;border:1px solid var(--panel-border);border-radius:20px;background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel);box-shadow:var(--shadow)}.dashboard-shell{display:grid;gap:20px}.topbar{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:10px 4px 20px;border-bottom:1px solid var(--line)}.topbar h1,.topbar p,.card h2,.card h3,.card p{margin:0}.eyebrow,label,th,.meta,.share-link{font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.eyebrow,label,.meta{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.topbar h1{font-size:clamp(2rem,4vw,3.5rem);line-height:.95}.topbar p{max-width:68ch;margin-top:10px;line-height:1.6;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1.8fr);gap:20px;align-items:start}.sidebar,.main{display:grid;gap:16px}.card{padding:20px;border:1px solid var(--panel-border);border-radius:16px;background:linear-gradient(180deg,#ffffff05,#fff0),var(--panel-strong);box-shadow:var(--shadow)}.card-head{display:grid;gap:8px;margin-bottom:16px}.card-head p{line-height:1.55;color:var(--muted)}form{display:grid;gap:12px}.field{display:grid;gap:8px}.field-note{color:var(--muted);line-height:1.5}input[type=text],input[type=password],input[type=file],input[type=number],select{width:100%;min-height:46px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#0c1016;color:var(--text);font:inherit}input:focus,select:focus{outline:none;border-color:var(--accent)}.checkbox-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.checkbox-row input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent-strong)}button{width:fit-content;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#071018;font:inherit;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.05)}.button-secondary,.button-link,.button-danger{min-height:36px;padding:8px 12px;background:transparent;color:var(--text)}.button-link{color:var(--accent)}.button-danger{color:var(--danger)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.quota-meter{display:grid;gap:10px}.quota-bar{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#ffffff0f}.quota-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.upload-progress{display:none;gap:10px;margin-top:4px}.upload-progress.active{display:grid}.upload-status-list{display:grid;gap:8px;max-height:180px;overflow-y:auto}.upload-status-item{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff05;color:var(--muted)}.upload-status-item strong{color:var(--text);font-size:.92rem}.upload-status-item.done{border-color:#7dd3fc47}.upload-status-item.error{border-color:#ff78784d}.statline{display:flex;justify-content:space-between;gap:10px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#0c1016}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:#ffffff05}tbody tr:hover{background:#ffffff05}.file-name{display:grid;gap:5px}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.inline-form{display:inline}.share-link{display:block;margin-top:6px;font-size:.74rem;color:var(--muted);word-break:break-all}.error{margin-bottom:14px;padding:12px 14px;border:1px solid rgba(255,120,120,.26);border-radius:12px;background:#ff787814;color:#ffd1d1}.empty{padding:22px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);background:#ffffff05}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.user-grid{display:grid;gap:14px}.user-row{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#ffffff05}.user-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.user-head strong{font-size:1.05rem}.user-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}@media(max-width:1100px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:900px){.form-grid,.user-actions{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}@media(max-width:700px){.shell{width:calc(100% - 10px);margin:5px auto;padding:12px}th,td{padding:12px}}