:root{font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#18334b;background:#f4f7f8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a.exit{cursor:pointer;border:0;border-radius:9px;padding:.62rem .9rem;background:#075e87;color:white;text-decoration:none}button:hover,a.exit:hover{filter:brightness(.93)}button:disabled{opacity:.45;cursor:not-allowed}button.quiet{background:#e8f0f3;color:#18334b}.top{background:#fff;border-bottom:1px solid #dbe6eb;padding:.8rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem}.brand img{width:44px;height:44px;object-fit:contain}.brand strong,.brand span{display:block}.brand span{font-size:.83rem;color:#5c7281}.top-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.demo-badge{background:#fff0cf;color:#805400;border:1px solid #efca70;border-radius:100px;padding:.35rem .7rem;font-size:.78rem;font-weight:700}.shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 70px)}.nav{background:#12334c;padding:1rem;display:flex;flex-direction:column;gap:.3rem}.nav button{text-align:left;background:transparent;color:#daeaf0}.nav button.active,.nav button:hover{background:#245b77;color:#fff}main{padding:1.7rem;max-width:1300px;width:100%;margin:auto}h1{margin:0;font-size:1.75rem}h2{margin:.1rem 0 .8rem;font-size:1.15rem}.subtitle{color:#637888;margin:.25rem 0 1.4rem}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem}.toolbar-actions{display:flex;gap:.4rem}.filters{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1rem}.filters input,.filters select,form input,form select{border:1px solid #bfced6;border-radius:8px;padding:.55rem .7rem;background:white;min-width:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.4rem}.card,.panel{background:#fff;border:1px solid #dbe6eb;border-radius:13px;padding:1.1rem;box-shadow:0 2px 8px #193b5010}.card span{display:block;color:#647b8a;font-size:.85rem}.card strong{font-size:1.7rem}.panel{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table th{text-align:left;color:#617888;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.table td,.table th{padding:.8rem .55rem;border-bottom:1px solid #e9eff2}.table tr:last-child td{border-bottom:0}.table td:last-child{white-space:nowrap}.table button{font-size:.8rem;padding:.4rem .65rem}.table button+button{margin-left:.3rem}.tags{display:flex;gap:.25rem;flex-wrap:wrap}.tag{background:#e9f5f8;color:#185b72;padding:.18rem .45rem;border-radius:5px;font-size:.75rem}.empty{color:#697e8d;padding:1.2rem}.note{background:#fff7e5;border:1px solid #efd79d;border-radius:10px;padding:.9rem 1rem;margin:1rem 0;color:#74591e}dialog{border:0;border-radius:14px;box-shadow:0 15px 55px #102b4060;width:min(540px,calc(100vw - 2rem));padding:1.25rem}dialog::backdrop{background:#0e2b4290}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head button{background:transparent;color:#445;padding:.1rem .5rem;font-size:1.6rem}form label{display:block;margin:.8rem 0;font-weight:600}form label input,form label select{display:block;width:100%;margin-top:.3rem;font-weight:400}fieldset{border:1px solid #dce7ec;border-radius:9px;margin:1rem 0;padding:.7rem}fieldset label{display:inline-flex;align-items:center;gap:.3rem;font-weight:400;margin:.25rem .7rem .25rem 0}fieldset input{width:auto;margin:0}footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}@media(max-width:720px){.top{align-items:flex-start;flex-direction:column}.shell{display:block}.nav{flex-direction:row;overflow:auto;padding:.5rem}.nav button{white-space:nowrap}main{padding:1rem}}