:root{color:#14213d;background:#edf2f4;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{border:0;border-radius:12px;background:#0f4c5c;color:#fff;padding:10px 16px;cursor:pointer}button:disabled{opacity:.6}input,select{width:100%;border:1px solid #c9d6df;border-radius:12px;padding:12px 14px;background:#fff}.loginShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,rgba(15,76,92,.22),transparent 28%),linear-gradient(135deg,#edf2f4,#d8e2dc)}.loginCard{width:min(980px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:36px;padding:44px;border-radius:28px;background:#ffffffc7;box-shadow:0 28px 90px #14213d2e}.eyebrow{margin:0 0 8px;color:#ca6702;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2{margin:0}.muted{color:#657786}.form{display:grid;gap:16px}.error{border:1px solid #ef476f;border-radius:12px;background:#fff0f3;color:#9d0208;padding:10px 14px}.success{border:1px solid #52b788;border-radius:12px;background:#effaf3;color:#1b7f45;padding:10px 14px;margin-bottom:12px}.appShell{padding:28px}.topbar,.hero,.panelHead,.sessionBox{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{margin-bottom:24px}.sessionBox{padding:12px;border-radius:18px;background:#fff}.sessionBox small{color:#ca6702;font-weight:800}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.panel{margin-bottom:18px;padding:20px;border-radius:22px;background:#ffffffeb;box-shadow:0 18px 60px #14213d14}.side{align-self:start;position:sticky;top:20px}.clientList{display:grid;gap:10px;margin-top:16px}.clientList.horizontal{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.client{display:grid;gap:5px;width:100%;text-align:left;background:#edf6f9;color:#14213d}.client.active{background:#0f4c5c;color:#fff}.client span,.panelHead span{color:#657786;font-size:12px}.client.active span{color:#cde8ef}.small{padding:8px 12px;font-size:13px}.pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#657786;font-size:13px}.pager select{width:auto;min-width:110px;padding:8px 10px}.toolbarStack{display:grid;gap:8px}.dateFilter{display:flex;align-items:center;gap:6px;color:#657786}.dateFilter input{width:auto;min-width:142px;padding:8px 10px}.miniForm{display:grid;gap:8px}.nav{display:grid;gap:10px}.navItem{width:100%;text-align:left;background:#edf6f9;color:#14213d}.navItem.active{background:#0f4c5c;color:#fff}.editor{border:1px solid #b8d8e0}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.formGrid label{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:700}.formGrid .wide{grid-column:1 / -1}.formGrid .check{display:flex;align-items:center;gap:8px}.formGrid .check input{width:auto}.secondary{background:#64748b}.tokenBox{max-width:620px;display:grid;gap:6px}.tokenBox code{display:block;overflow-wrap:anywhere;border-radius:12px;background:#14213d;color:#fefae0;padding:10px 12px}.infoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.infoItem{display:grid;gap:6px;padding:14px;border-radius:16px;background:#edf6f9}.infoItem span{color:#657786;font-size:12px}.infoItem strong{color:#14213d;overflow-wrap:anywhere}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{border-bottom:1px solid #e4edf2;padding:10px 8px;text-align:left;white-space:nowrap}th{color:#657786;font-size:12px;text-transform:uppercase}@media (max-width: 900px){.loginCard,.layout,.formGrid{grid-template-columns:1fr}.side{position:static}}