:root,[data-theme=dark]{--bg:#070b14;--bg-elevated:#0e1522;--bg-card:#121a2a;--bg-card-hover:#182234;--border:#4f8cff33;--border-strong:#4f8cff6b;--text:#e8eef8;--text-muted:#8b97ab;--accent:#4f8cff;--accent-soft:#4f8cff24;--accent-2:#6ec8ff;--danger:#e86a6a;--success:#6bcf8e;--shadow:0 24px 60px #0000008c;--glow:0 0 40px #4f8cff38;--input-bg:#0a101a;--radius:16px;--font:"Outfit", system-ui, sans-serif;--display:"Syne", "Outfit", sans-serif}[data-theme=light]{--bg:#e6ebf4;--bg-elevated:#eef2f8;--bg-card:#f7f9fc;--bg-card-hover:#fff;--border:#23375f1f;--border-strong:#23375f38;--text:#141c2c;--text-muted:#5c6b82;--accent:#2a5fd4;--accent-soft:#2a5fd41f;--accent-2:#3a8fbf;--danger:#c04545;--success:#2f8a52;--shadow:0 18px 40px #14233c14;--glow:0 0 28px #2a5fd424;--input-bg:#fff}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font);background:var(--bg);color:var(--text);margin:0}body{background-image:radial-gradient(80% 50% at 50% -20%,#4f8cff33,#0000 55%),radial-gradient(50% 40% at 100% 0,#6ec8ff1a,#0000 50%),radial-gradient(40% 30% at 0 100%,#2a5fd41a,#0000 45%);background-attachment:fixed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}.page{flex-direction:column;min-height:100vh;display:flex}.shell{width:min(1100px,100% - 2rem);margin:0 auto;padding:1.5rem 0 3rem}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 0 1.5rem;display:flex}.brand{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-mark{width:2.25rem;height:2.25rem;box-shadow:var(--glow), inset 0 1px 0 #ffffff40;font-family:var(--display);color:#eaf2ff;background:linear-gradient(145deg,#6ea0ff,#2a5fd4 60%,#1a3a7a);border-radius:.7rem;place-items:center;font-size:.95rem;font-weight:800;display:grid}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-text strong{font-family:var(--display);letter-spacing:.02em;font-weight:700}.brand-text span{color:var(--text-muted);font-size:.78rem}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:999px;padding:.55rem 1.1rem;transition:transform .15s,background .15s,box-shadow .15s,border-color .15s;box-shadow:0 1px #ffffff0a}.btn:hover{background:var(--bg-card-hover);text-decoration:none;transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg, #6ea0ff, var(--accent));color:#eaf2ff;box-shadow:var(--glow);border-color:#0000;font-weight:600}.btn-primary:hover{background:linear-gradient(#84b0ff,#3f7ef0)}.btn-ghost{background:0 0}.btn-danger{color:var(--danger);border-color:#e86a6a73}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.card{background:linear-gradient(180deg, var(--bg-card), var(--bg-elevated));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;padding:1.35rem 1.4rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);opacity:.7;width:100%;height:2px;position:absolute;inset:0 auto auto 0}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow), var(--glow);text-decoration:none;transform:translateY(-3px)}.card h2{font-family:var(--display);margin:0 0 .4rem;font-size:1.25rem}.card p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.45}.hero-title{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.8rem,3vw,2.4rem)}.hero-sub{color:var(--text-muted);max-width:40rem;margin:0 0 1.75rem;line-height:1.5}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.panel+.panel{margin-top:1rem}.form-stack{flex-direction:column;gap:.9rem;display:flex}label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}input[type=text],input[type=password],input[type=file],select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:12px;outline:none;padding:.75rem .9rem}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.error{color:var(--danger);background:#e86a6a1a;border:1px solid #e86a6a4d;border-radius:12px;padding:.7rem .9rem;font-size:.92rem}.success{color:var(--success);background:#6bcf8e1a;border:1px solid #6bcf8e4d;border-radius:12px;padding:.7rem .9rem;font-size:.92rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.7rem .55rem}th{color:var(--text-muted);font-weight:500}.badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.75rem;display:inline-flex}.badge-muted{color:var(--text-muted);background:0 0}.empty-shell{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);background:linear-gradient(180deg, var(--accent-soft), transparent 40%), var(--bg-elevated);place-items:center;min-height:280px;padding:2rem;display:grid}.empty-shell h2{font-family:var(--display);margin:0 0 .5rem}.empty-shell p{color:var(--text-muted);max-width:28rem;margin:0}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.9rem;display:flex}.breadcrumb a{color:var(--text-muted)}.file-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .35rem;display:flex}.file-meta{flex-direction:column;gap:.15rem;min-width:0;display:flex}.file-meta strong{word-break:break-all}.file-meta span{color:var(--text-muted);font-size:.8rem}.file-actions{flex-wrap:wrap;flex-shrink:0;gap:.4rem;display:flex}.login-wrap{place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.login-wrap:before{content:"";filter:blur(8px);background:radial-gradient(circle,#4f8cff4d,#0000 65%);border-radius:50%;width:420px;height:420px;animation:12s ease-in-out infinite alternate drift;position:absolute;top:8%;right:12%}.login-wrap:after{content:"";filter:blur(10px);background:radial-gradient(circle,#6ec8ff33,#0000 65%);border-radius:50%;width:320px;height:320px;animation:14s ease-in-out infinite alternate-reverse drift;position:absolute;bottom:10%;left:8%}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-24px,18px)}}.login-card{z-index:1;border:1px solid var(--border-strong);width:min(420px,100%);box-shadow:var(--shadow), var(--glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(165deg,#121a2af5,#070b14eb);border-radius:22px;padding:2rem 1.75rem 1.75rem;position:relative}[data-theme=light] .login-card{background:linear-gradient(165deg,#f7f9fcf7,#eef2f8f2)}.login-card .logo-row{align-items:center;gap:.85rem;margin-bottom:1.5rem;display:flex}.login-card h1{font-family:var(--display);margin:0;font-size:1.7rem}.login-card .tagline{color:var(--text-muted);margin:.15rem 0 0;font-size:.92rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:1rem}.stat .label{color:var(--text-muted);font-size:.8rem}.stat .value{font-family:var(--display);margin-top:.25rem;font-size:1.35rem}.muted{color:var(--text-muted)}.inline-form{display:inline}