*,:before,:after{box-sizing:border-box}:root{--bg:#f1f5f9;--panel:#fff;--sidebar:#0f2a3d;--sidebar-hover:#1b3d54;--accent:#0e7490;--accent-light:#06b6d4;--text:#1e293b;--muted:#64748b;--border:#e2e8f0}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14.5px}.app{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#cbd5e1;flex-direction:column;flex-shrink:0;gap:4px;width:250px;padding:18px 12px;display:flex}.brand{align-items:center;gap:10px;padding:4px 8px 18px;display:flex}.brand-icon{font-size:26px}.brand-name{color:#fff;letter-spacing:.5px;font-size:20px;font-weight:700}.brand-sub{color:#7dd3fc;font-size:11px}.nav-group{text-transform:uppercase;letter-spacing:1px;color:#64748b;padding:14px 10px 6px;font-size:11px}.nav-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;transition:background .15s;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--accent);color:#fff;font-weight:600}.sidebar-footer{color:#475569;margin-top:auto;padding:12px 10px 0;font-size:11px;line-height:1.5}.content{flex:1;min-width:0;padding:28px 34px}.module h2{margin:0 0 6px;font-size:22px}.hint{color:var(--muted);max-width:760px;margin:0 0 18px}.hint code{background:#e2e8f0;border-radius:4px;padding:1px 5px;font-size:12.5px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}select{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 12px;font-size:14px}.inline{color:var(--muted);align-items:center;gap:8px;font-size:13.5px;display:flex}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .15s}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-light);color:#fff}.btn.danger{color:#dc2626}.btn.sm{padding:3px 9px;font-size:12px}.table{border-collapse:collapse;background:var(--panel);border-radius:12px;width:100%;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0f2a3d12}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:9px 14px}.table th{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);background:#f8fafc;font-size:12.5px}.table tr:last-child td{border-bottom:none}.table td.yes{color:#16a34a;font-weight:700}.table td.no{color:var(--muted)}.card{background:var(--panel);border-radius:12px;margin-bottom:20px;padding:14px;box-shadow:0 1px 3px #0f2a3d12}.grid2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=1100px){.grid2{grid-template-columns:1fr}}.empty{text-align:center;color:var(--muted);background:var(--panel);border:2px dashed var(--border);border-radius:12px;padding:46px}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 14px}.txt{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;width:170px;padding:8px 12px;font-size:14px}.txt.sm{width:90px}textarea{border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:8px;padding:10px;font-size:13px}.module h3{color:var(--text);margin:22px 0 10px;font-size:16px}.infobox{background:#ecfeff;border:1px solid #a5f3fc;border-radius:10px;max-width:900px;margin-bottom:18px}.infobox summary{cursor:pointer;color:#155e75;-webkit-user-select:none;user-select:none;padding:10px 16px;font-weight:600;list-style-position:inside}.infobox summary::marker{color:#06b6d4}.infobox[open] summary{border-bottom:1px solid #a5f3fc}.infobox-body{color:#164e63;padding:4px 18px 12px;font-size:13.5px;line-height:1.55}.infobox-body h4{text-transform:uppercase;letter-spacing:.5px;color:#0e7490;margin:12px 0 4px;font-size:13px}.infobox-body p{margin:4px 0}.infobox-body ul{margin:4px 0;padding-left:20px}.infobox-body li{margin:2px 0}.infobox-body code{background:#cffafe;border-radius:4px;padding:1px 5px;font-size:12px}html[data-theme=dark]{--bg:#0b1220;--panel:#16233a;--sidebar:#060b14;--sidebar-hover:#12203a;--accent:#22d3ee;--accent-light:#67e8f9;--text:#dbe7f3;--muted:#8aa0b8;--border:#24344f}html[data-theme=dark] .nav-item.active{background:#0e7490}html[data-theme=dark] .table th{background:#101b2e}html[data-theme=dark] .btn.primary{background:#0e7490;border-color:#0e7490}html[data-theme=dark] .btn.primary:hover:not(:disabled){background:#155e75;border-color:#155e75}html[data-theme=dark] .infobox{background:#0d2431;border-color:#155e75}html[data-theme=dark] .infobox summary{color:#67e8f9}html[data-theme=dark] .infobox[open] summary{border-bottom-color:#155e75}html[data-theme=dark] .infobox-body{color:#a5d8e6}html[data-theme=dark] .infobox-body h4{color:#22d3ee}html[data-theme=dark] .infobox-body code{color:#cffafe;background:#164e63}html[data-theme=dark] .hint code{background:#24344f}html[data-theme=dark] .error{color:#fca5a5;background:#2b1214;border-color:#7f1d1d}html[data-theme=dark] select,html[data-theme=dark] .txt,html[data-theme=dark] textarea{color:var(--text);border-color:var(--border);background:#101b2e}.theme-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #24344f;border-radius:8px;width:calc(100% - 20px);margin:10px 10px 0;padding:7px 10px;font-size:12.5px}.theme-toggle:hover{color:#fff;border-color:#475569}.print-bar{justify-content:flex-end;margin-bottom:8px;display:flex}.print-header{display:none}@media print{.sidebar,.toolbar,.infobox,.print-bar,.btn,input,select,textarea{display:none!important}.app{display:block}.content{padding:0}body{background:#fff;font-size:11.5px}.card,.table{box-shadow:none;break-inside:avoid;border:1px solid #ddd}.print-header{border-bottom:2px solid #0e7490;margin-bottom:14px;padding-bottom:8px;display:block}.print-header .ph-title{color:#0e7490;font-size:18px;font-weight:700}.print-header .ph-meta{color:#666;font-size:11px}}