:root{--bg: #f3f5fb;--surface: #ffffff;--border: #e5e8f0;--text: #0f172a;--muted: #64748b;--primary: #4f46e5;--primary-2: #7c3aed;--primary-soft: #eef2ff;--ok: #16a34a;--ok-soft: #dcfce7;--bad: #dc2626;--bad-soft: #fee2e2;--warn: #d97706;--radius: 14px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h2{margin:0 0 4px;font-size:1.5rem;letter-spacing:-.02em}h3{margin:0;font-size:1rem;display:flex;align-items:center;gap:8px}button,input,select{font:inherit}input,select{padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);cursor:pointer;font-weight:500;transition:background .15s,transform .05s,box-shadow .15s}button:hover{background:#f8fafc}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:default}button.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;color:#fff;box-shadow:0 4px 12px #4f46e54d}button.primary:hover{filter:brightness(1.07)}button.link{border:none;background:none;padding:0;color:var(--primary);font-weight:500;box-shadow:none}button.link:hover{text-decoration:underline;background:none}.danger{color:var(--bad)!important}a{color:var(--primary);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}code{background:var(--primary-soft);color:#3730a3;padding:1px 6px;border-radius:6px;font-size:.85em}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em;word-break:break-all}.center{min-height:100vh;display:grid;place-items:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.error{background:var(--bad-soft);color:#991b1b;padding:10px 14px;border-radius:10px;margin:8px 0;border:1px solid #fecaca}.muted{color:var(--muted);font-size:.9em;margin:0}.warn-text{color:#92400e;background:#fef3c7;padding:8px 12px;border-radius:10px;font-size:.88em;margin:10px 0 0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grow{flex:1}.badge{background:var(--primary-soft);color:#3730a3;font-size:.75em;padding:2px 8px;border-radius:999px}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,#6366f1 0,transparent 45%),radial-gradient(circle at 80% 80%,#a855f7 0,transparent 45%),#1e1b4b}.login{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;padding:32px;border-radius:20px;background:#fffffff5;box-shadow:0 24px 60px #00000059}.login h2{margin:6px 0 0}.login label{display:flex;flex-direction:column;gap:6px;font-size:.85em;font-weight:600;color:#334155}.login button.primary{padding:11px;margin-top:4px}.layout{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:linear-gradient(180deg,#111827,#1e1b4b);color:#e2e8f0;display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 22px}.brand strong{display:block;font-size:1.05em}.brand small{color:#94a3b8;font-size:.78em}.brand-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 6px 16px #7c3aed73}.brand-logo.big{width:54px;height:54px;border-radius:16px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{justify-content:flex-start;gap:12px;padding:10px 12px;background:none;border:none;color:#a5b4cb;border-radius:10px}.sidebar nav button:hover{background:#ffffff0f;color:#fff}.sidebar nav button.active{background:#818cf82e;color:#fff;box-shadow:inset 3px 0 #818cf8}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px 0;border-top:1px solid rgba(255,255,255,.08)}.me{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.me strong{display:block;font-size:.92em;overflow:hidden;text-overflow:ellipsis}.me small{color:#94a3b8;font-size:.78em;text-transform:capitalize}.avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#6366f1);color:#fff;font-weight:700}.avatar.sm{width:26px;height:26px;font-size:.8em}.logout{background:#ffffff0f;border:none;color:#cbd5e1;padding:8px}.logout:hover{background:#ef444433;color:#fecaca}.content{flex:1;padding:28px 32px;overflow:auto;min-width:0}.content.full{padding:14px;display:flex;flex-direction:column}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.stat{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.stat small{color:var(--muted);font-size:.82em}.stat strong{display:block;font-size:1.35em;letter-spacing:-.02em}.stat-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px}.stat-icon.blue{background:#dbeafe;color:#2563eb}.stat-icon.green{background:var(--ok-soft);color:var(--ok)}.stat-icon.violet{background:#ede9fe;color:#7c3aed}.stat-icon.amber{background:#fef3c7;color:var(--warn)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.storage-card{grid-column:span 2}@media(max-width:900px){.storage-card{grid-column:auto}}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.card-head h3 svg{color:var(--primary)}.card-foot{margin-top:18px;display:flex;gap:8px}.storage-body{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.ring{width:140px;height:140px;flex-shrink:0;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:12}.ring-track{stroke:#eef2f7}.ring-fill{stroke-linecap:round;transition:stroke-dasharray .6s}.ring.ok .ring-fill{stroke:var(--primary)}.ring.warn .ring-fill{stroke:var(--warn)}.ring.bad .ring-fill{stroke:var(--bad)}.ring text{transform:rotate(90deg);transform-origin:60px 60px;text-anchor:middle;font-size:22px;font-weight:700;fill:var(--text)}.ring text.ring-sub{font-size:12px;font-weight:500;fill:var(--muted)}.ring-empty{width:140px;height:140px;display:grid;place-items:center;border-radius:50%;background:#f1f5f9;color:var(--muted)}.checks{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.check{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#f8fafc}.check-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:.75em;font-weight:700;color:#fff}.check.ok .check-icon{background:var(--ok)}.check.bad .check-icon{background:var(--bad)}.check.bad{background:#fff5f5}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.78em;font-weight:600;background:#f1f5f9;color:#475569;text-transform:capitalize}.pill.ok{background:var(--ok-soft);color:#15803d}.pill.ok:before,.pill.bad:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill.ok:before{animation:pulse 2s infinite}.pill.bad{background:var(--bad-soft);color:#b91c1c}.pill.violet{background:#ede9fe;color:#6d28d9}@keyframes pulse{50%{opacity:.35}}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.list li{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #f1f5f9}.list li:last-child{border-bottom:none}.list li.stack{flex-direction:column;align-items:stretch;gap:8px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.dot.ok{background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}.dot.bad{background:var(--bad);box-shadow:0 0 0 4px var(--bad-soft)}.bar{position:relative;height:8px;background:#eef2f7;border-radius:999px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:999px;transition:width .4s}.bar.upload{height:26px;margin:8px 0 12px}.bar.upload span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.8em;font-weight:600}.dropzone{min-height:80vh;border:2px dashed transparent;border-radius:var(--radius);transition:background .15s,border-color .15s}.dropzone.dragging{border-color:var(--primary);background:var(--primary-soft)}.search{display:flex;align-items:center;gap:6px;padding-left:10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--muted)}.search input{border:none;box-shadow:none;padding-left:2px}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin:0 0 12px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--muted)}.crumbs button.link{display:inline-flex;gap:4px}table.files{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:0 0 16px;box-shadow:var(--shadow)}table.files th,table.files td{padding:11px 16px;border-bottom:1px solid #f1f5f9;text-align:left}table.files th{background:#f8fafc;font-weight:600;font-size:.8em;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}table.files tbody tr{transition:background .1s}table.files tbody tr:hover{background:#fafbff}table.files tbody tr:last-child td{border-bottom:none}table.files td.empty{text-align:center;padding:40px;color:var(--muted)}.name{display:inline-flex;align-items:center;gap:10px;color:var(--text)}button.link.name{color:var(--text)}.ico-folder{color:#f59e0b}.ico-pdf{color:#ef4444}.ico-file{color:#94a3b8}.actions{display:flex;gap:14px;justify-content:flex-end}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:10}.modal-body{background:#fff;border-radius:var(--radius);width:90vw;height:90vh;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 24px 60px #0000004d}.modal-body .page-head{margin-bottom:0}.modal-body iframe{flex:1;border:none;border-radius:8px}.form{display:flex;flex-direction:column;gap:10px;max-width:400px}.browser-page{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.browser-toolbar{display:flex;gap:8px;align-items:center;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.bookmarks{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip{background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px 12px;display:inline-flex;gap:8px;box-shadow:var(--shadow)}.hint{margin:0}.remote-browser{flex:1;width:100%;min-height:500px;border:1px solid var(--border);border-radius:12px;background:#000}@media(max-width:760px){.layout{flex-direction:column}.sidebar{width:auto;height:auto;position:static;flex-direction:row;align-items:center;padding:10px;gap:8px}.brand{padding:0}.brand div,.me div,.sidebar nav button span{display:none}.sidebar nav{flex-direction:row;flex:1}.sidebar-footer{margin:0;padding:0;border:none}.content{padding:18px}}.remote-browser.popped{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--surface);color:var(--muted)}