html,body,#root{min-height:100%;margin:0}:root{color:#0f172a;background-color:#eef2ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 45%,#dbeafe 100%);min-height:100vh;margin:0}.top-nav{background:#0f172a;padding:14px 20px}.top-nav-inner{justify-content:space-between;align-items:center;width:min(1280px,96vw);margin:0 auto;display:flex}.top-nav a{color:#e2e8f0;font-weight:600;text-decoration:none}.ghost-btn{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #64748b;border-radius:8px;padding:7px 10px}.ghost-btn:hover{background:#e2e8f01f}.layout{width:min(1280px,96vw);margin:18px auto 32px}.auth-layout{place-items:center;min-height:calc(100vh - 40px);display:grid}.auth-panel{width:min(460px,100%)}.hero{background:#fff;border:1px solid #cbd5e1;border-radius:12px;margin-bottom:14px;padding:18px 20px}.hero h1{margin:0;font-size:1.55rem}.hero p{color:#334155;margin:8px 0 0}.panel{background:#fff;border:1px solid #cbd5e1;border-radius:12px;margin-bottom:14px;padding:14px}.panel h2{margin-top:0;font-size:1.05rem}.muted{color:#64748b}.grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.status{border-radius:999px;padding:2px 8px;font-size:.82rem;font-weight:600;display:inline-block}.status.active{color:#166534;background:#dcfce7}.status.inactive{color:#991b1b;background:#fee2e2}.search-form{grid-template-columns:1fr auto;gap:8px;display:grid}.search-form input,.operation-form input,.operation-form button,.search-form button{border:1px solid #94a3b8;border-radius:8px;padding:9px 10px;font-size:.95rem}.search-form button,.operation-form button,.op-tabs button{color:#fff;cursor:pointer;background:#1d4ed8}.search-form button:disabled,.operation-form button:disabled{opacity:.65;cursor:not-allowed}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:14px;display:grid}.op-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.op-tabs button{color:#1e40af;background:#eff6ff;border:1px solid #3b82f6;border-radius:999px;padding:7px 10px}.op-tabs button.active{color:#fff;background:#1d4ed8}.operation-form{gap:10px;display:grid}.operation-form label{color:#1e293b;gap:5px;font-size:.9rem;display:grid}.notice{border-radius:8px;margin-top:10px;padding:10px}.notice.success{color:#166534;background:#dcfce7}.notice.error{color:#991b1b;background:#fee2e2}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:8px;font-size:.86rem}th{color:#334155;background:#f8fafc}@media (width<=980px){.dashboard-grid,.grid.two-col{grid-template-columns:1fr}}