:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{text-decoration:none}.shell{min-height:100vh;padding:18px 18px 28px;box-sizing:border-box}.shellDark{background:radial-gradient(1200px 800px at 10% 10%,rgba(98,90,255,.26),transparent 55%),radial-gradient(1000px 700px at 90% 20%,rgba(30,208,197,.18),transparent 60%),radial-gradient(900px 700px at 30% 95%,rgba(255,138,79,.12),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 22%),#060912;color:#e7ebf7}.shellLight{background:radial-gradient(900px 680px at 12% 10%,rgba(255,147,147,.55),transparent 62%),radial-gradient(1100px 700px at 64% 0%,rgba(255,238,205,.78),transparent 55%),radial-gradient(900px 700px at 92% 35%,rgba(210,236,255,.9),transparent 60%),linear-gradient(180deg,#ffffffb3,#fff3),#f7f4f1;color:#1e1f24}.topbar{max-width:1180px;margin:0 auto 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 8px}.brand{display:flex;gap:10px;align-items:center}.brandMark{width:38px;height:38px;border-radius:12px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 45%),linear-gradient(135deg,#7982ffe6,#2ecce659);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 35px #00000047}.brandTitle{font-size:16px;font-weight:900;letter-spacing:.3px}.brandSub{margin-top:3px;opacity:.75;font-size:12px}.topbarRight{display:flex;align-items:center;gap:10px}.pill{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);opacity:.9}.shellLight .pill{background:#ffffff8c;border:1px solid rgba(0,0,0,.08);opacity:1}.btnSmall{border-radius:999px;padding:7px 10px;font-weight:700;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#e7ebf7;cursor:pointer}.shellLight .btnSmall{background:#ffffffa6;border:1px solid rgba(0,0,0,.12);color:#1e1f24}.btnOutline{background:transparent}.shellLight .btnOutline{background:#fff3}.navLinks{display:flex;align-items:center;gap:14px}.navLink{border:none;background:transparent;font-weight:700;font-size:12px;opacity:.85;cursor:pointer;padding:6px 2px}.shellDark .navLink{color:#e7ebf7}.shellLight .navLink{color:#1e1f24}.landing{max-width:1180px;margin:0 auto;padding:64px 10px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.landingLeft{padding:6px 0}.heroTitle{font-weight:900;letter-spacing:-1.2px;font-size:64px;line-height:.96;color:#1e1f24}.heroTitle2{margin-top:10px}.heroSub{margin-top:16px;max-width:420px;font-size:13px;opacity:.8;line-height:1.5}.heroActions{margin-top:26px;display:flex;align-items:center;gap:14px}.heroBtn{border-radius:999px;padding:10px 16px}.shellLight .btnPrimary{border-color:#2766ff59;background:linear-gradient(135deg,#2766ffeb,#5edbff80)}.shellLight .btnGhost{border:1px solid rgba(0,0,0,.12);background:#ffffff8c;color:#1e1f24}.landingVisual{border-radius:30px;background:#ffffff59;border:1px solid rgba(0,0,0,.06);box-shadow:0 50px 110px #0000001f;padding:20px}.landingVisualInner{border-radius:26px;padding:22px;background:radial-gradient(450px 450px at 60% 35%,rgba(210,236,255,.9),transparent 60%),radial-gradient(420px 420px at 40% 70%,rgba(255,227,210,.85),transparent 62%),#ffffff8c;border:1px solid rgba(0,0,0,.06)}.loginCard{border-radius:18px;padding:16px;background:#ffffffc7;border:1px solid rgba(0,0,0,.08);box-shadow:0 24px 60px #0000001f}.loginTitle{font-weight:900;font-size:16px;letter-spacing:.2px}.loginForm{margin-top:12px;display:grid;grid-template-columns:1fr;gap:10px}.shellLight input,.shellLight textarea{border:1px solid rgba(0,0,0,.12);background:#ffffffd9;color:#1e1f24}.shellLight input:focus,.shellLight textarea:focus{border-color:#2766ff8c;box-shadow:0 0 0 3px #2766ff29}.shellLight .rememberLabel{opacity:.8}.shellLight .bannerError{background:#ff6e8229;border:1px solid rgba(255,110,130,.28);color:#8b1d2a}.loginBtn{width:100%}.authWrap{max-width:1180px;margin:0 auto;padding:48px 10px 0;display:flex;justify-content:center}.authCard{width:100%;max-width:520px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 90px #00000061}.authTitle{font-size:18px;font-weight:900;letter-spacing:.2px}.authSub{margin-top:6px;opacity:.78;font-size:13px}.authGrid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rememberRow{margin-top:10px;display:flex;justify-content:flex-start}.rememberLabel{display:inline-flex;align-items:center;gap:8px;font-size:12px;opacity:.86;-webkit-user-select:none;user-select:none}.rememberLabel input[type=checkbox]{width:16px;height:16px;accent-color:rgba(121,130,255,.85)}.layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:360px 1fr;gap:12px;align-items:start}.panel{position:sticky;top:14px;background:#ffffff0e;border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:14px 14px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 22px 60px #00000057}.panelTitle{font-size:14px;font-weight:700;margin-bottom:10px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:flex;flex-direction:column;gap:6px}.span2{grid-column:1 / -1}.label{font-size:12px;opacity:.85}input,textarea{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#070a148c;color:#e7ebf7;padding:10px 12px;outline:none}input:focus,textarea:focus{border-color:#7982ffa6;box-shadow:0 0 0 3px #7982ff2e}textarea{min-height:88px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.btn,.btnPrimary,.btnGhost,.btnDanger{border-radius:12px;padding:10px 12px;font-weight:600;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#e7ebf7;cursor:pointer}.btnPrimary{border-color:#7982ff8c;background:linear-gradient(135deg,#7982ffd9,#2ecce673)}.btnGhost{background:transparent}.btnDanger{border-color:#ff6e828c;background:#ff6e821f}.btn:disabled,.btnPrimary:disabled,.btnGhost:disabled,.btnDanger:disabled{opacity:.5;cursor:not-allowed}.main{display:flex;flex-direction:column;gap:12px}.section{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.sectionTitle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;margin-bottom:10px}.tag{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0000001f;opacity:.9}.tag.ok{border-color:#1ed0c559;background:#1ed0c51a}.tag.warn{border-color:#ffb85059;background:#ffb8501f}.dropzone{background:#ffffff0a;border:1px dashed rgba(255,255,255,.22);border-radius:18px;padding:18px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.dropzone.active{border-color:#7982ffb3;background:#7982ff14;transform:translateY(-1px)}.dzTitle{font-weight:800;font-size:14px}.dzHint{margin-top:6px;opacity:.8;font-size:12px}.bannerError{background:#ff6e821f;border:1px solid rgba(255,110,130,.3);border-radius:14px;padding:10px 12px;color:#ffd1d9}.bannerOk{background:#58e6aa1f;border:1px solid rgba(88,230,170,.3);border-radius:14px;padding:10px 12px;color:#d2fff0f2}.empty{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px}.emptyTitle{font-size:14px;font-weight:800}.emptySub{margin-top:6px;opacity:.8;font-size:12px}.list{display:flex;flex-direction:column;gap:12px}.itemCard{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 55px #00000040}.itemHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.itemFolder{font-weight:800}.itemFile{margin-top:4px;font-size:12px;opacity:.82}.itemBadges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.badge{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#00000026;text-transform:uppercase}.badge.pending{border-color:#ffffff2e}.badge.uploading{border-color:#7982ff73;background:#7982ff1f}.badge.done{border-color:#1ed0c573;background:#1ed0c51f}.badge.error{border-color:#ff6e8273;background:#ff6e821f}.chip{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.itemGrid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.span3{grid-column:1 / -1}.progress{margin-top:12px;background:#0003;border:1px solid rgba(255,255,255,.12);border-radius:999px;height:12px;position:relative;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,#7982fff2,#2ecce68c)}.pct{position:absolute;top:-22px;right:0;font-size:12px;opacity:.85}.itemError{margin-top:10px;color:#ffd1d9;background:#ff6e821f;border:1px solid rgba(255,110,130,.25);border-radius:14px;padding:10px 12px;font-size:12px}.itemLink{margin-top:10px;font-size:12px;opacity:.95}.itemLink a{color:#9fd2ff}.itemActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.itemJson{margin-top:12px}pre{background:#00000038;padding:12px;border-radius:14px;overflow:auto;border:1px solid rgba(255,255,255,.08)}@media (max-width: 980px){.layout{grid-template-columns:1fr}.panel{position:static}.landing{grid-template-columns:1fr;padding-top:34px}}@media (max-width: 720px){.formGrid,.authGrid,.itemGrid{grid-template-columns:1fr}}