:root{--kat:#21b8e6;--kat-dark:#128ab2;--nav:#17272d;--bg:#f4f7f9;--text:#24343a;--danger:#e45142}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:var(--nav);color:white}.brand{background:var(--kat-dark);padding:22px 18px;font-weight:800;font-size:19px}.brand span{color:#dff7ff}.os{padding:22px 18px 8px;color:#70d9f7;font-size:12px;letter-spacing:2px}.sidebar nav a{display:block;color:#d7e3e7;text-decoration:none;padding:13px 18px;border-left:3px solid transparent}.sidebar nav a:hover{background:#21373f;border-color:var(--kat)}main{margin-left:230px}header{height:64px;background:white;border-bottom:1px solid #dde6ea;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.muted{color:#94a3a8;font-weight:normal;margin-left:8px}.content{padding:26px}h1{margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.card{background:linear-gradient(135deg,var(--kat),var(--kat-dark));color:white;border-radius:8px;padding:24px;box-shadow:0 5px 18px #00000012}.card.danger{background:var(--danger)}.card b{font-size:34px;display:block}.card span{display:block;margin-top:7px}.panel{background:white;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 3px 12px #0000000d}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.btn{display:inline-block;background:var(--kat-dark);color:white;border:0;border-radius:5px;padding:11px 16px;text-decoration:none;cursor:pointer;font-weight:700}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7edef}th{font-size:12px;text-transform:uppercase;color:#6d7d83}.badge{background:#e2f7fd;color:#087a9e;border-radius:20px;padding:5px 9px;font-size:12px}.form{max-width:800px}.form label{display:block;font-weight:700;margin-bottom:15px}.form input,.form select,.form textarea,.inline input{width:100%;margin-top:7px;padding:11px;border:1px solid #cfdadd;border-radius:5px;background:white}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.two{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}.terms{white-space:pre-wrap;font-family:inherit;line-height:1.65}.terms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.terms-grid .panel{margin:0}.terms-grid li{margin:8px 0;line-height:1.4}.inline{display:grid;grid-template-columns:2fr 1fr auto;gap:12px}.inline input{margin:0}@media(max-width:900px){.sidebar{position:relative;width:100%}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}main{margin:0}.cards{grid-template-columns:1fr 1fr}.two,.terms-grid{grid-template-columns:1fr}}@media(max-width:560px){.cards,.grid{grid-template-columns:1fr}.content{padding:15px}table{font-size:12px;display:block;overflow:auto}}
.no-side{margin-left:0}.login{max-width:430px;margin:8vh auto}.search{display:flex;gap:8px;margin:0 0 15px}.search input{flex:1;padding:10px;border:1px solid #ccd7dc;border-radius:5px}.tiny{width:70px}.flash{padding:12px;border-radius:6px;margin-bottom:12px;background:#e7f8fd}.flash.error{background:#fdebea}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))} select{padding:10px;border:1px solid #cfdadd;border-radius:5px;background:white}