:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#18243b;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.app{min-height:100vh;display:flex}.sidebar{width:255px;min-height:100vh;background:#111f39;color:#d9e3f6;display:flex;flex-direction:column;flex-shrink:0}.logo{display:flex;align-items:center;gap:12px;padding:27px 20px;border-bottom:1px solid #304059}.logo strong{display:block;letter-spacing:.07em;color:#fff}.logo small{color:#92a5c5;font-size:11px}.logoicon{background:#276ee8;color:#fff;border-radius:12px;padding:10px;display:flex}.sidebar nav{padding:23px 12px;display:grid;gap:6px}.sidebar nav button{display:flex;gap:13px;align-items:center;width:100%;background:transparent;border:0;padding:13px 15px;color:#b9c9e2;text-align:left;border-radius:10px}.sidebar nav button:hover,.sidebar nav button.selected{background:#273e65;color:#fff}.sidebarfoot{margin-top:auto;padding:20px;display:flex;align-items:center;gap:10px;color:#8c9bb3;font-size:12px}.main{flex:1;min-width:0}header{height:94px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 35px}.headtitle .breadcrumb{color:#8290a8;font-size:11px;letter-spacing:.08em;text-transform:uppercase}h1{font-size:22px;margin:4px 0 0}h2{font-size:22px;margin:0}h3{font-size:17px;margin:0}.headeractions,.plain,.outline,.primary{display:flex;align-items:center;justify-content:center;gap:9px}.headeractions{gap:14px}.plain{border:0;background:transparent;color:#3c4d68}.content{padding:32px 35px;max-width:1450px;margin:auto}.welcome{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}.welcome p,.auth p,.setup p{margin:7px 0 0;color:#7c8ca6}.primary{border:0;background:#286ae6;color:#fff;border-radius:9px;padding:11px 17px;font-weight:600}.primary:hover{background:#1758cc}.outline{border:1px solid #d7deeb;background:#fff;color:#3c4d68;border-radius:9px;padding:10px 16px}.filterbar{display:flex;align-items:center;gap:12px;margin-bottom:23px;color:#71809a;font-size:13px}.filterbar select{max-width:290px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat,.panel{background:#fff;border:1px solid #e3eaf4;border-radius:14px;box-shadow:0 3px 14px #16233a06}.stat{padding:22px}.stathead{display:flex;align-items:center;justify-content:space-between;color:#7688a1;font-size:13px}.stat strong{font-size:34px;display:block;margin-top:17px;color:#172642}.panel{padding:25px;margin-bottom:20px}.paneltop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{color:#7e8da5;font-size:12px;background:#f7f9fc;font-weight:600}th,td{padding:15px 13px;border-bottom:1px solid #edf0f6;white-space:nowrap}td{font-size:13px}.pill{font-size:11px;border-radius:50px;background:#fff2e5;padding:5px 10px;color:#ad6113}.pill.active{background:#e7f8ef;color:#16854b}.actions{display:flex;gap:9px}.actions button{border:0;background:#edf3ff;border-radius:6px;color:#2762c5;padding:7px 9px}.empty{text-align:center;padding:45px;color:#91a0b8}.authwrap{display:flex;justify-content:center;padding-top:25px}.auth{max-width:440px;width:100%;padding:32px}.authicon{width:54px;height:54px;display:grid;place-items:center;background:#eaf0ff;color:#2364d3;border-radius:15px;margin-bottom:20px}.auth label,.editform label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#52627e;margin:18px 0}.auth .primary{width:100%;margin-top:20px}.textlink{border:0;background:none;color:#2264d7;display:block;margin:20px auto 0}.setup{max-width:650px}.setup svg{color:#2a6ae2}.setup code{display:block;margin-top:20px;background:#eff3fb;padding:15px;overflow-wrap:anywhere}.notice{padding:14px 17px;border-radius:10px;display:flex;gap:10px;align-items:center;margin-bottom:20px}.notice.success{background:#e8f8f0;color:#0c6d40}.notice.error{background:#fff0ed;color:#ac321f}.notice button{margin-left:auto;border:0;background:none;font-size:21px;color:inherit}input,select{border:1px solid #d7dfeb;background:#fff;padding:11px 12px;border-radius:8px;outline:none;max-width:100%;color:#20324e}input:focus,select:focus{border-color:#3c79e7;box-shadow:0 0 0 3px #cde0ff}input[type=checkbox]{width:20px;height:20px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d193baa;display:flex;justify-content:flex-end;z-index:5}.modal{background:#fff;width:min(520px,100%);height:100%;overflow-y:auto;box-shadow:-6px 0 25px #0002}.modaltop{display:flex;align-items:center;justify-content:space-between;padding:25px;border-bottom:1px solid #e2e8f3}.modaltop h2{font-size:18px}.iconbtn{background:transparent;border:0;color:#596b89}.editform{padding:10px 25px 28px}.editform label input,.editform label select{width:100%}.formactions{display:flex;justify-content:flex-end;gap:12px;padding:15px 0}.mobile{display:none}@media (max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:4;transform:translate(-100%);transition:transform .2s}.sidebar.opened{transform:translate(0)}.mobile{display:block}header{padding:0 18px;height:78px}.headtitle h1{font-size:18px}.content{padding:20px 14px}.cards{gap:10px}.stat{padding:16px}.stat strong{font-size:28px}.panel{padding:14px}.welcome{align-items:flex-start}.welcome h2{font-size:19px}.desktop{display:none}.filterbar{flex-wrap:wrap}}