:root{font:14px/1.5 Arial,"Segoe UI",sans-serif;color:#182235;background:#f5f6fb;--purple:#6246df;--soft:#efebff;--muted:#929aab;--line:#e5e7ef;--sidebar:244px;--shadow:0 2px 3px #1c234303,0 7px 22px #1c234306}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}[hidden]{display:none!important}a{color:var(--purple);text-decoration:none}button,a{transition:background .16s,border-color .16s}img{width:18px;height:18px;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b9a9ff;outline-offset:3px}
.topbar{max-width:1184px;margin:0 auto;padding:34px 28px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.signed-in .topbar{max-width:none;margin-right:var(--sidebar);padding-left:max(28px,calc((100vw - var(--sidebar) - 1128px)/2));padding-right:max(28px,calc((100vw - var(--sidebar) - 1128px)/2))}.eyebrow{font-size:10px;letter-spacing:.85px;color:#959db0;line-height:1.6}.topbar h1{font-size:24px;letter-spacing:-.6px;line-height:1.35;margin:3px 0 0}.topbar-actions{display:flex;align-items:center;gap:10px}.status-pill{font-size:11px;color:#8c7f58;background:#fff9e9;border:1px solid #f0e7cc;padding:7px 11px;border-radius:7px;white-space:nowrap}.status-pill.running{background:#eaf8ee;color:#27854d;border-color:#d5ebdc}
main{max-width:1184px;margin:auto;padding:0 28px 32px}.signed-in main{max-width:none;margin-right:var(--sidebar);padding-left:max(28px,calc((100vw - var(--sidebar) - 1128px)/2));padding-right:max(28px,calc((100vw - var(--sidebar) - 1128px)/2))}#panel>section:not(.overview-view),.surface{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:23px;margin:0 0 20px}h2{font-size:16px;line-height:1.45;letter-spacing:-.2px;margin:0 0 18px}p{margin:0 0 18px;color:#69758a;font-size:13px}button{cursor:pointer;border:1px solid transparent;border-radius:7px;background:var(--purple);color:white;padding:10px 16px;min-height:39px;font-size:12px;font-weight:500}button:hover{background:#5637d1}button:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#35425b;background:white;border-color:var(--line)}.secondary:hover{background:#f8f7fd;border-color:#c8bff0}.danger{color:#b74148;background:#fff4f4;border-color:#f2d8da}.danger:hover{background:#fde4e5}.icon-button{display:flex;align-items:center;gap:7px}.icon-button img{width:15px;height:15px}.subtle{color:var(--muted);font-size:12px}.subtle-link{color:#8e88a5;font-size:11px}.subtle-link:hover{color:var(--purple)}
#sidebar{position:fixed;top:0;right:0;bottom:0;width:var(--sidebar);background:white;border-left:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 29px;color:#172135}.brand-mark{display:grid;place-items:center;background:var(--purple);width:36px;height:36px;border-radius:11px;flex-shrink:0}.brand-mark img{filter:brightness(0) invert(1);width:23px;height:23px}.brand strong{font-size:13px;display:block;letter-spacing:-.2px}.brand small{font-size:10px;display:block;color:#7e889b;margin-top:1px}.nav-caption{font-size:9px;letter-spacing:.9px;color:#9aa2b2;margin:15px 10px 9px}#sidebar>.nav-caption{margin-top:0}nav{display:flex;flex-direction:column;gap:5px}nav>a{padding:11px 12px;border-radius:8px;color:#3f4c65;display:flex;align-items:center;gap:10px;font-size:12px;min-height:42px}nav>a>img{width:17px;height:17px;opacity:.65}nav>a:hover{background:#f5f3ff}nav>a.active{background:var(--purple);color:white;box-shadow:0 4px 10px #6246df22;font-weight:600}nav>a.active>img{filter:brightness(0) invert(1);opacity:1}.nav-count{margin-left:auto;background:#f0edff;color:#7866d4;border-radius:6px;min-width:21px;text-align:center;padding:1px 5px;font-size:10px}nav>a.active .nav-count{background:#ffffff2b;color:white}.sidebar-footer{margin-top:auto;padding:28px 10px 2px}.profile{display:flex;align-items:center;gap:9px;padding:14px 0;border-top:1px solid var(--line)}.profile-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f5f4fa}.profile strong{font-size:11px;display:block;max-width:158px;overflow:hidden;text-overflow:ellipsis}.profile small{display:block;font-size:10px;color:var(--muted)}.text-button{background:none;color:#9298a8;display:flex;align-items:center;gap:8px;padding:5px 0;font-size:11px;min-height:30px}.text-button img{width:15px;height:15px;opacity:.6}.text-button:hover{background:none;color:var(--purple)}.mobile-menu,.nav-backdrop{display:none}
.overview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.period-picker{display:flex;align-items:center;gap:10px;color:#9299a8;font-size:11px;font-weight:400}.period-picker select{margin:0;padding:7px 30px 7px 11px;width:auto;font-size:11px;min-height:34px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-top:3px solid #3e77e8;box-shadow:var(--shadow);border-radius:12px;min-height:128px;padding:17px 19px 15px}.metric.purple{border-top-color:#6d4deb}.metric.green{border-top-color:#249a61}.metric.red{border-top-color:#d45b57}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#7e879c;font-size:11px}.metric-top img{width:16px;height:16px;opacity:.4}.metric strong{font-size:32px;line-height:1.25;font-weight:500;letter-spacing:-1px;display:block;color:#142236;margin:5px 0 2px}.metric.red strong{color:#bc4d4a}.metric small{font-size:10px;color:#99a1b2;display:block}.overview-columns{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}.overview-columns>.surface{min-height:374px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-heading h2{font-size:15px;margin:2px 0 0}.panel-heading .eyebrow{font-size:9px}.quick-actions{display:flex;flex-direction:column;gap:9px}.quick-actions>a{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:9px;color:#22334b;min-height:65px}.quick-actions>a:hover{border-color:#c9bef1;background:#fcfbff}.quick-actions strong{display:block;font-size:12px;font-weight:500}.quick-actions small{display:block;font-size:10px;color:#939cae;margin-top:3px}.action-icon{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;background:var(--soft);border-radius:9px}.action-icon img{width:17px;height:17px;filter:invert(35%) sepia(64%) saturate(1545%) hue-rotate(225deg) brightness(87%)}.quick-actions .chevron{margin-left:auto;opacity:.35;width:14px;height:14px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:203px;padding:23px 16px}.empty-icon{width:49px;height:49px;background:#f7f6fd;border-radius:14px;display:grid;place-items:center;margin-bottom:13px}.empty-icon img{width:23px;height:23px;opacity:.45}.empty-state strong{font-size:13px;font-weight:500}.empty-state p{font-size:11px;color:#9aa2b1;max-width:270px;margin:7px 0 0;line-height:1.7}.notice{display:flex;align-items:flex-start;gap:10px;border:1px solid #ede3c8;background:#fffaf0;border-radius:9px;padding:13px 14px;margin-top:12px;font-size:11px;color:#796947}.notice img{width:16px;height:16px;opacity:.6;margin-top:2px}.notice strong{display:block;color:#6f5c38;font-weight:500;font-size:11px}.notice small{display:block;font-size:10px;margin-top:3px;color:#a29376}.notice a{font-size:10px;display:inline-block;margin-top:4px}.attention-row{padding:13px 0;border-bottom:1px solid #eff0f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.attention-row strong{display:block;font-size:12px;font-weight:500}.attention-row small{display:block;font-size:10px;color:#a0a7b5;margin-top:3px}.tag{font-size:10px;background:#fceeed;color:#bf635d;padding:3px 8px;border-radius:10px;white-space:nowrap}.activity-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;border-top:1px solid #f0f1f6;padding:12px 0}.activity-icon{width:28px;height:28px;display:grid;place-items:center;background:#f5f3fd;border-radius:8px}.activity-icon img{width:15px;height:15px;opacity:.6}.activity-row strong{font-size:11px;font-weight:500;display:block}.activity-row small{display:block;color:#9ca4b3;font-size:10px;margin-top:2px}.activity-row time{font-size:10px;color:#a0a8b7}.overview-footnote{display:flex;justify-content:space-between;color:#a1a8b7;font-size:10px;margin-top:3px}.overview-view>.surface{margin-bottom:17px}
label{display:block;font-weight:500;font-size:12px;color:#59657a}input,textarea,select{display:block;width:100%;padding:10px 12px;margin:6px 0 15px;border:1px solid #dce0ea;border-radius:7px;background:white;color:#25324b;font-size:13px;min-height:39px}input[type=checkbox]{display:inline;width:15px;height:15px;min-height:0;vertical-align:middle;margin-right:6px;accent-color:var(--purple)}textarea{min-height:106px;resize:vertical}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wide{grid-column:1/-1}.grid button{align-self:end}.technical-details{margin:20px 0 0;border-top:1px solid var(--line);padding-top:15px}.technical-details summary{font-size:12px;color:#8c94a6;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f8fc;padding:14px;border:1px solid #eceef5;border-radius:8px;font-size:11px;color:#69758a;max-height:420px;overflow:auto}article{padding:16px 0;border-bottom:1px solid #eceef4}article p{margin-top:8px}article button{margin-right:6px}#message{position:fixed;bottom:22px;left:24px;max-width:520px;max-height:180px;overflow:auto;z-index:40;box-shadow:0 8px 35px #242c4520;border:1px solid #ded8f2;border-radius:10px;background:white;padding:14px 19px;color:#5b4b89;font-size:12px}#message:empty{display:none}#alert{color:#b2635f}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;padding:12px;background:#f8f9fc;color:#8891a4;font-weight:500;font-size:11px;border-bottom:1px solid var(--line)}td{text-align:left;padding:12px;border-bottom:1px solid #eff0f6;vertical-align:top;max-width:320px;overflow-wrap:anywhere}#products,#audit{overflow:auto;margin-top:18px}#audit td:last-child{font-size:11px;color:#8c94a6}.account-summary{background:#f8f7ff;border:1px solid #eae6fa;padding:17px;border-radius:9px;margin-bottom:18px}.account-summary strong{display:block;font-size:14px;margin-bottom:4px}.account-summary small{font-size:12px;color:#8f88a7}
body:not(.signed-in) .topbar-actions{display:none}body:not(.signed-in) .topbar{justify-content:center;padding-top:65px;text-align:center}body:not(.signed-in) #pageTitle{display:none}#login,#ownerSetup{max-width:424px;margin:36px auto 0;padding:35px;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.auth-brand{font-size:10px;letter-spacing:1.2px;color:var(--purple);display:block;margin-bottom:20px}#login h2,#ownerSetup h2{font-size:24px;letter-spacing:-.7px;margin-bottom:5px}#login .subtle{margin-bottom:25px}#login button,#ownerSetup button{width:100%;margin-top:7px}#ownerSetup p{font-size:12px;margin:14px 0 22px}#login label,#ownerSetup label{margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1600px){:root{--sidebar:258px}.metric{min-height:133px}}
@media(max-width:1150px){:root{--sidebar:224px}.topbar-actions .status-pill{display:none}.cards{gap:11px}.metric{padding:14px}.metric-top{font-size:10px}.overview-columns{gap:15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.signed-in main{margin-right:0;padding:0 20px 28px}.signed-in .topbar{margin-right:0;padding:23px 20px 17px}.topbar h1{font-size:22px}#sidebar{transform:translateX(100%);transition:transform .2s;width:244px}.menu-open #sidebar{transform:translateX(0)}.mobile-menu{display:flex;align-items:center;padding:8px}.menu-open .nav-backdrop{display:block;position:fixed;inset:0;background:#18223555;z-index:19;border:0;border-radius:0}.topbar-actions{gap:7px}.topbar-actions>button{font-size:11px;padding:8px 10px;min-height:35px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{min-height:115px}.overview-heading{margin-bottom:14px}.overview-heading>.subtle{font-size:11px;max-width:190px}.overview-columns{grid-template-columns:1fr}.overview-columns>.surface{min-height:0}.empty-state{min-height:155px}.metric strong{font-size:30px}.overview-footnote{font-size:9px;gap:12px}.surface{padding:18px}}
@media(max-width:480px){.signed-in main{padding:0 14px 24px}.signed-in .topbar{padding:20px 14px 16px}.topbar .eyebrow{font-size:8px}.topbar-actions .icon-button{font-size:0;gap:0;padding:8px}.topbar-actions .icon-button img{width:17px;height:17px}.topbar .danger{font-size:10px;padding:8px}.overview-heading{align-items:flex-start}.overview-heading>.subtle{max-width:155px;line-height:1.6}.period-picker{font-size:0;gap:0}.period-picker select{font-size:10px;max-width:128px}.metric{padding:13px}.metric-top img{display:none}.metric small{font-size:9px}.grid{grid-template-columns:1fr}#panel>section:not(.overview-view){padding:18px}.activity-row{grid-template-columns:28px 1fr}.activity-row time{grid-column:2;margin-top:-7px}.overview-footnote{flex-direction:column;gap:3px}#message{bottom:12px;left:14px;right:14px;max-width:none}#login,#ownerSetup{padding:26px;margin-top:20px}}

.profile-picker{display:grid;gap:8px;margin:12px 0}.profile-picker select{width:100%;min-width:0}#profileForm,#newProfileForm{max-width:640px;margin-bottom:24px}#profileForm textarea,#newProfileForm textarea{min-height:100px;width:100%}
