:root{color:#17211d;background:#f7f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.66}.login-screen{align-items:center;background:#f7f6f1;display:grid;min-height:100vh;padding:24px}.login-panel{display:grid;gap:16px;margin:0 auto;max-width:420px;width:100%}.login-brand{background:#17211d;border-radius:8px;color:#fff;min-height:88px;padding:18px}.login-brand span{color:#b8c4bd}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#17211d;color:#fff;display:flex;flex-direction:column;gap:24px;padding:20px 14px}.brand-block{border-bottom:1px solid rgba(255,255,255,.14);display:grid;gap:4px;min-height:72px;padding:6px 8px 20px}.brand-block strong{font-size:18px;line-height:1.2}.brand-block span{color:#b8c4bd;font-size:13px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{align-items:center;background:transparent;border:0;border-radius:8px;color:#dce4df;display:flex;gap:10px;height:42px;padding:0 12px;text-align:left}.sidebar nav button:hover,.sidebar nav button.active{background:#fff;color:#17211d}main{min-width:0}.topbar{align-items:center;background:#f7f6f1eb;border-bottom:1px solid #dedbd1;display:flex;justify-content:space-between;min-height:76px;padding:16px 28px;position:sticky;top:0;z-index:2}.topbar p,.topbar h1{margin:0}.topbar p{color:#65736b;font-size:13px;font-weight:700}.topbar h1{font-size:24px;line-height:1.2}.operator-badge{align-items:center;background:#fff;border:1px solid #dedbd1;border-radius:999px;display:flex;gap:8px;min-height:36px;padding:0 12px}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.notice{background:#fff8e7;border:1px solid #ead293;border-radius:8px;color:#7a5405;font-size:13px;margin:0;max-width:360px;padding:9px 10px}.notice.error{background:#f7e7e5;border-color:#f1b9b4;color:#b42318;max-width:none}.workspace{padding:28px}.page-stack,.side-stack{display:grid;gap:18px}.metrics-grid{display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card,.panel{background:#fff;border:1px solid #dedbd1;border-radius:8px}.stat-card{align-items:center;display:flex;gap:12px;min-height:112px;padding:18px}.stat-icon{align-items:center;border-radius:8px;display:flex;height:42px;justify-content:center;width:42px}.tone-ink .stat-icon{background:#17211d;color:#fff}.tone-sea .stat-icon{background:#0f766e;color:#fff}.tone-gold .stat-icon{background:#a16207;color:#fff}.tone-accent .stat-icon{background:#b42318;color:#fff}.stat-card p,.stat-card strong{display:block;margin:0}.stat-card p{color:#65736b;font-size:13px}.stat-card strong{font-size:26px;line-height:1.15;margin-top:4px}.split-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{align-items:start;display:grid;gap:18px;grid-template-columns:340px minmax(0,1fr)}.panel{min-width:0;padding:18px}.full-panel{padding:0}.panel-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.panel-heading h2,.panel-heading span{margin:0}.panel-heading h2{font-size:17px;line-height:1.2}.panel-heading span{color:#65736b;font-size:13px}.page-toolbar{align-items:center;border-bottom:1px solid #dedbd1;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(240px,360px) auto;padding:18px}.page-toolbar h2,.page-toolbar span{margin:0}.page-toolbar h2{font-size:20px;line-height:1.2}.page-toolbar span{color:#65736b;display:block;font-size:13px;margin-top:4px}.form-shell{display:grid;gap:18px;margin:0 auto;max-width:1080px}.form-heading{align-items:center;border-bottom:1px solid #ebe8df;display:flex;gap:14px;padding-bottom:16px}.form-heading h2{font-size:22px;line-height:1.2;margin:0}.section-title{align-items:center;border-top:1px solid #ebe8df;color:#0f766e;display:flex;gap:8px;padding-top:18px}.section-title:first-of-type{border-top:0;padding-top:0}.section-title h3{color:#17211d;font-size:15px;margin:0}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{align-items:center;border-top:1px solid #ebe8df;display:flex;gap:10px;justify-content:flex-end;padding-top:18px}.inline-form{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(220px,360px) auto}.inline-actions{display:flex;flex-wrap:wrap;gap:10px}.form-panel{display:grid;gap:14px}label{color:#405048;display:grid;font-size:13px;font-weight:700;gap:6px}input,select{background:#fff;border:1px solid #cfcac0;border-radius:8px;color:#17211d;min-height:40px;outline:none;padding:0 10px;width:100%}input[type=checkbox]{min-height:18px;padding:0;width:18px}.checkbox-label{align-items:center;display:flex;flex-direction:row}input:focus,select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.primary-button,.secondary-button,.icon-button{align-items:center;border-radius:8px;display:inline-flex;gap:8px;justify-content:center}.primary-button{background:#17211d;border:1px solid #17211d;color:#fff;min-height:42px;padding:0 14px}.secondary-button{background:#fff;border:1px solid #cfcac0;color:#17211d;min-height:38px;padding:0 12px}.icon-button{background:#fff;border:1px solid #cfcac0;color:#17211d;height:34px;width:34px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:720px;width:100%}th,td{border-bottom:1px solid #ebe8df;padding:12px 10px;text-align:left;vertical-align:middle}th{color:#65736b;font-size:12px;text-transform:uppercase}td{font-size:14px}td strong,td span{display:block}td span{color:#65736b;font-size:12px;margin-top:3px}.action-cell{display:flex;gap:8px}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;gap:5px;min-height:28px;padding:0 9px;white-space:nowrap}.status-pill.active{background:#e6f5ee;color:#0f766e}.status-pill.paused{background:#f7e7e5;color:#b42318}.portal-list{display:grid;gap:10px}.portal-row{align-items:center;border:1px solid #ebe8df;border-radius:8px;display:flex;gap:16px;justify-content:space-between;min-height:66px;padding:12px}.portal-row strong,.portal-row span{display:block}.portal-row span,.mini-stats span{color:#65736b;font-size:12px;margin-top:3px}.mini-stats{align-items:flex-end;display:grid;gap:6px;justify-items:end}.search-field{align-items:center;display:flex;min-width:240px;position:relative}.search-field svg{color:#65736b;left:10px;position:absolute}.search-field input{padding-left:34px}.user-list{display:grid;gap:8px}.user-button{align-items:center;background:#fff;border:1px solid #ebe8df;border-radius:8px;color:#17211d;display:flex;justify-content:space-between;min-height:58px;padding:10px 12px;text-align:left;width:100%}.user-button.selected{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.user-button span,.user-button strong,.user-button small{display:block}.user-button small{color:#65736b}@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid,.split-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;display:grid;gap:12px;padding:16px}.topbar-actions{justify-content:flex-start}.workspace{padding:16px}.metrics-grid{grid-template-columns:1fr}.panel-heading{align-items:flex-start;display:grid}.page-toolbar,.form-grid.two,.inline-form{grid-template-columns:1fr}.search-field{min-width:0;width:100%}}