:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f8fc;--surface:#fff;--surface2:#eaf6fe;--border:#d9d9d9;--text:#101b2c;--muted:#586574;--primary:#00a4f6;--primary-dark:#0079b5;--danger:#c7431e;--shadow:0 0 14px 6px #a4b6dd47;--radius:15px}*{box-sizing:border-box}body{background:var(--bg) url(/background-page.svg) bottom center/contain no-repeat fixed;min-height:100vh;color:var(--text);margin:0;font:15px/1.5 Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:auto;padding:0 24px}.header{background:var(--surface);border-bottom:1px solid var(--border)}.header-top{justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.brand{color:#0038bf;align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.brand img{width:40px;height:40px}.brand span{border-left:2px solid var(--primary);padding-left:12px}.nav{flex-wrap:wrap;gap:6px;padding-bottom:14px;display:flex}.nav button{color:var(--primary-dark);background:0 0;border:0;border-radius:6px;padding:9px 14px;font-weight:700}.nav button.active,.nav button:hover{background:var(--surface2)}.header-user{align-items:center;gap:12px;display:flex}.avatar{object-fit:cover;background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.main{padding-top:34px;padding-bottom:100px}h1{margin:0 0 8px;font-size:29px}h2{margin:0 0 16px;font-size:20px}.muted{color:var(--muted)}.lead{margin:0 0 28px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:22px;padding:25px}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.tile{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);width:100%;min-height:138px;box-shadow:var(--shadow);padding:22px;transition:transform .15s;display:block}.tile:hover{border-color:var(--primary);transform:translateY(-2px)}.tile strong{margin-bottom:8px;font-size:19px;display:block}.tile small{color:var(--muted)}.form{gap:14px;max-width:650px;display:grid}.form.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}.form label{gap:6px;font-weight:600;display:grid}.form input,.form select,.form textarea,.search{background:var(--surface);width:100%;height:44px;color:var(--text);border:1px solid #bcbcbc;border-radius:5px;padding:9px 12px}.form textarea{resize:vertical;height:105px}.form .wide{grid-column:1/-1}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.btn{background:var(--primary);border:1px solid var(--primary);color:#fff;border-radius:5px;min-height:40px;padding:10px 16px;font-weight:700}.btn:hover{background:var(--primary-dark)}.btn.secondary{background:var(--surface);color:var(--primary-dark)}.btn.danger{background:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:650px}.table th{background:var(--primary);color:#fff;text-align:left;padding:11px;font-weight:600}.table td{border-bottom:1px solid var(--border);padding:11px}.table tr:nth-child(2n) td{background:var(--surface2)}.table .btn{min-height:32px;padding:4px 9px;font-size:13px}.notice{background:#e4f5e4;border-radius:6px;margin:12px 0;padding:12px 16px}.notice.error{color:#963516;background:#ffede5}.stats{flex-wrap:wrap;gap:15px;display:flex}.stat{background:var(--surface2);border-radius:8px;min-width:135px;padding:13px 18px}.stat strong{font-size:24px;display:block}.checkboxes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.checkboxes label{align-items:center;gap:8px;font-weight:400;display:flex}.checkboxes input{width:auto;height:auto}.login{max-width:470px;margin:9vh auto}.pill{background:var(--surface2);border-radius:20px;padding:3px 9px;font-size:12px;display:inline-block}.pill.off{color:var(--danger);background:#fbe7e1}@media (max-width:680px){.form.two{grid-template-columns:1fr}.header-top{flex-direction:column;align-items:flex-start;padding-top:15px;padding-bottom:15px}.container{padding:0 15px}.card{padding:18px}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101722;--surface:#192434;--surface2:#22364a;--border:#3a5066;--text:#eaf2fa;--muted:#afc0d0;--primary:#086b9a;--primary-dark:#8edaff;--danger:#ee8974;--shadow:0 4px 20px #050a1299}:root[data-theme=dark] .brand{color:#b9e4ff}:root[data-theme=dark] .tile{color:var(--text)}:root[data-theme=dark] .form input,:root[data-theme=dark] .form select,:root[data-theme=dark] .form textarea,:root[data-theme=dark] .search{border-color:var(--border)}:root[data-theme=dark] .btn:not(.secondary):hover{background:#07577f}:root[data-theme=dark] .btn.secondary{border-color:var(--border)}:root[data-theme=dark] .btn.secondary:hover{background:var(--surface2)}:root[data-theme=dark] .notice{color:#d7f8e9;background:#183d38}:root[data-theme=dark] .notice.error{color:#ffcbc1;background:#49302d}:root[data-theme=dark] .pill.off{color:#ffb3a4;background:#49302d}.theme-toggle{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:inline-flex}.theme-toggle span:first-child{font-size:19px;line-height:1}.login-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.header-user{flex-wrap:wrap}@media (max-width:680px){.login-heading .theme-toggle{margin-left:auto}}
.section-tabs{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:0 0 22px;padding:3px 0 10px;display:flex;overflow-x:auto}.section-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;flex:none;padding:10px 15px;font-weight:700}.section-tabs button:hover{background:var(--surface2);color:var(--primary-dark)}.section-tabs button.active{background:var(--surface2);color:#005c8a;border-color:#b4e5ff}.section-tabs button:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}:root[data-theme=dark] .section-tabs button.active{color:#b9e4ff;border-color:#457b9b}