:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f1f5f9;background:#020617;--sidebar-w: 260px;--border: rgba(148, 163, 184, .18);--card-bg: rgba(15, 23, 42, .78);--surface: #1e293b}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(ellipse at 18% 14%,#1e293b,#020617 62%)}.glow{position:fixed;width:280px;height:280px;filter:blur(80px);opacity:.18;z-index:-1;pointer-events:none}.glow-left{background:#38bdf8;left:-60px;top:80px}.glow-right{background:#f59e0b;right:-40px;top:260px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative}.login-box{width:min(420px,90vw);background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:2.4rem 2rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 80px #0000008c;text-align:center}.login-icon{font-size:2.6rem;margin-bottom:.4rem}.login-box h1{font-size:1.55rem;letter-spacing:.3px;margin-bottom:.25rem}.login-box .subtitle{color:#94a3b8;margin-bottom:1.4rem;font-size:.92rem}.login-box form{display:grid;gap:.55rem;text-align:left}.login-box label{font-size:.82rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.login-status{margin-top:.9rem;color:#f87171;font-size:.88rem}.login-box button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:700;letter-spacing:.3px}.login-box button:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b)}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:linear-gradient(180deg,#0f172a,#020617);border-right:1px solid var(--border);padding:1.2rem .9rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;justify-content:center;padding-bottom:.7rem;border-bottom:1px solid var(--border)}.brand-logo{width:100%;max-width:190px;height:auto;border-radius:8px}.sidebar-section{display:grid;gap:.5rem}.sidebar-section h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.6px;color:#94a3b8}.sidebar-spacer{flex:1}.sidebar-bottom{border-top:1px solid var(--border);padding-top:.8rem}.user-badge{background:var(--surface);border-radius:8px;padding:.45rem .6rem;font-size:.85rem;text-align:center;color:#cbd5e1;border:1px solid var(--border)}.content{flex:1;padding:1.4rem 1.6rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem}.topbar h1{font-size:1.5rem;letter-spacing:.3px}.toast{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.4rem .9rem;font-size:.85rem;color:#cbd5e1}.toast-success{border-color:#22c55e;color:#4ade80}.check{margin-right:.35rem;font-weight:700}.card{border:1px solid var(--border);background:var(--card-bg);border-radius:16px;padding:1.1rem 1.25rem;box-shadow:0 14px 40px #02061759}.card h3{margin-bottom:.7rem;font-size:1.05rem}select,input{border-radius:10px;border:1px solid #334155;background:#0f172a;color:#f8fafc;padding:.55rem .7rem;width:100%;font-size:.88rem}select:focus,input:focus{outline:none;border-color:#0ea5e9}button{border-radius:10px;border:none;font-weight:600;font-size:.88rem;padding:.55rem .8rem;cursor:pointer;transition:opacity .15s;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.full{width:100%}.btn-login{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-weight:700}.btn-login:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-logout{background:transparent;border:1px solid #475569;color:#94a3b8}.btn-logout:hover{border-color:#f87171;color:#f87171}.table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border)}.table-controls{margin-bottom:.55rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.45rem}.table-filter{width:100%;font-size:.8rem;padding:.4rem .55rem}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:.5rem .65rem;border-bottom:1px solid rgba(148,163,184,.12);font-size:.83rem;white-space:nowrap}th{background:#1e293bb3;color:#e2e8f0;position:sticky;top:0;z-index:2}tbody tr:hover{background:#1e293b59}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:.7rem}.summary-tile{border:1px solid var(--border);border-radius:14px;padding:.8rem .9rem;background:#1e293b59;display:flex;flex-direction:column;gap:.25rem;border-left-width:4px}.tile-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.tile-label{font-size:.85rem;color:#cbd5e1}.tile-count{font-size:1.35rem;font-weight:700}.plot-wrap{text-align:center}.plot-wrap img{max-width:100%;border-radius:10px;border:1px solid var(--border)}.table-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding:0 .2rem}.row-hint{font-size:.8rem;color:#64748b}.btn-expand{background:transparent;border:1px solid #475569;color:#94a3b8;padding:.35rem .75rem;font-size:.8rem;border-radius:8px}.btn-expand:hover{border-color:#0ea5e9;color:#38bdf8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-box{background:#0f172a;border:1px solid var(--border);border-radius:16px;width:min(1400px,96vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 40px 100px #000000a6}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.1rem;border-bottom:1px solid var(--border);font-size:.9rem;color:#94a3b8}.btn-close{background:transparent;border:1px solid #475569;color:#f87171;padding:.3rem .7rem;font-size:.8rem;border-radius:8px}.btn-close:hover{border-color:#f87171}.modal-table{flex:1;overflow:auto;border:none;border-radius:0 0 16px 16px}.muted{color:#64748b}