:root{--color-canvas:#f4f7fb;--color-surface:#fff;--color-surface-subtle:#f8fafc;--color-ink:#172033;--color-ink-muted:#596579;--color-line:#d9e1ec;--color-line-strong:#b7c3d4;--color-primary:#1746a2;--color-primary-hover:#0f3787;--color-primary-soft:#eaf0ff;--color-focus:#ffb000;--color-success:#13795b;--color-success-soft:#e7f6f1;--color-warning:#9a5b00;--color-warning-soft:#fff4dc;--color-danger:#b42318;--color-danger-soft:#fff0ee;--color-nav-bg:#14213a;--color-nav-text:#bdc9da;--color-nav-active:#244b91;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--sidebar-width:15.5rem;--control-height:2.5rem;--content-max:90rem}
*{box-sizing:border-box}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font:0.9375rem/1.5 Inter,"Segoe UI",Roboto,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--color-primary)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}[hidden]{display:none!important}h1{font-size:clamp(1.55rem,3vw,2rem);line-height:1.2;margin:0 0 .75rem}h2{font-size:1.12rem;margin:0}h3{font-size:.98rem;margin:0 0 .5rem}p{margin:0 0 1rem}.muted,small{color:var(--color-ink-muted)}small{font-size:.75rem}.eyebrow{font-size:.75rem;font-weight:650;color:var(--color-ink-muted);margin:0 0 .25rem}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:1.5rem 1rem;display:flex;flex-direction:column;background:var(--color-nav-bg);color:var(--color-nav-text);overflow:auto}.brand{display:flex;gap:.75rem;align-items:center;text-decoration:none;color:#fff;margin-bottom:2.5rem}.brand strong{display:block;font-size:1.125rem}.brand small{display:block;color:var(--color-nav-text)}.brand-mark{height:2.5rem;width:2.5rem;flex-shrink:0;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--color-primary);color:#fff;font-weight:700}.nav-caption{font-size:.75rem;color:#9cacbf;padding:0 .75rem;margin-bottom:.5rem}.nav-link{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:.75rem;border-radius:var(--radius-sm);color:var(--color-nav-text);text-decoration:none;margin-bottom:.25rem}.nav-link:hover{background:#1d304f}.nav-link.active{background:var(--color-nav-active);color:#fff}.nav-link svg,.icon-button svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.sidebar-foot{margin-top:auto;border-top:1px solid #344159;padding-top:1rem;display:flex;gap:.5rem;align-items:center}.sidebar-foot strong{display:block;font-size:.875rem;overflow-wrap:anywhere}.sidebar-foot small{color:var(--color-nav-text)}.sidebar-foot .icon-button{margin-left:auto;background:transparent;color:inherit;border-color:#344159;flex-shrink:0}.avatar{display:grid;place-items:center;width:2.125rem;height:2.125rem;background:#244b91;color:#fff;border-radius:50%;flex-shrink:0}.workspace{min-width:0}.topbar{min-height:7rem;background:var(--color-surface);border-bottom:1px solid var(--color-line);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 2rem}.page{padding:1.8rem clamp(1rem,3vw,2.5rem) 4rem;max-width:var(--content-max);margin:auto;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-head p:last-child{margin:0}.breadcrumbs{font-size:.75rem;color:var(--color-ink-muted);margin-bottom:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.55rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--color-line-strong);font-weight:600;text-decoration:none;white-space:normal}.button.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.button.primary:hover{background:var(--color-primary-hover)}.button.secondary{background:var(--color-surface);color:var(--color-ink)}.button.secondary:hover{background:var(--color-surface-subtle)}.icon-button{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;color:var(--color-ink);font-size:1.4rem}.pill{display:inline-block;border-radius:999px;padding:.25rem .65rem;background:var(--color-surface-subtle);font-size:.75rem;font-weight:600;line-height:1.5;white-space:normal}.pill.success{color:var(--color-success);background:var(--color-success-soft)}.pill.warning{color:var(--color-warning);background:var(--color-warning-soft)}.pill.danger{color:var(--color-danger);background:var(--color-danger-soft)}.notice{border-left:3px solid var(--color-primary);background:var(--color-primary-soft);padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;overflow-wrap:anywhere}.notice.warning{border-color:var(--color-warning);background:var(--color-warning-soft)}.notice.danger{border-color:var(--color-danger);background:var(--color-danger-soft)}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.metric{padding:1rem;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff}.metric strong{display:block;font-size:1.75rem;margin:.25rem 0}.metric p{font-size:.75rem;margin:0;color:var(--color-ink-muted)}.filters{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.filters input{max-width:28rem}.result-summary{color:var(--color-ink-muted);font-size:.875rem}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}caption{text-align:left;font-weight:650;margin-bottom:1rem}th{font-size:.75rem;color:var(--color-ink-muted);font-weight:650;background:var(--color-surface-subtle)}th,td{padding:.875rem .75rem;border-bottom:1px solid var(--color-line);vertical-align:top}td strong{display:block}td small{display:block;margin-top:.25rem}td .button{min-height:2.125rem;padding:.35rem .65rem;font-size:.875rem}td{overflow-wrap:anywhere}.condition{min-width:10rem}.empty{padding:2.5rem 1rem;text-align:center;color:var(--color-ink-muted)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.integration-grid .panel{margin-bottom:0}.details{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.75rem;font-size:.875rem}.details dt{color:var(--color-ink-muted)}.details dd{margin:0;overflow-wrap:anywhere}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.875rem}label small{font-weight:400}input:not([type=checkbox]),select,textarea{width:100%;min-width:0;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);padding:.55rem .65rem;min-height:var(--control-height)}textarea{resize:vertical}dialog{border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:0;width:min(52rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);color:var(--color-ink);box-shadow:0 10px 28px rgb(17 31 58 / .12);overflow:auto}dialog::backdrop{background:rgb(17 31 58 / .5)}.dialog-head,.dialog-actions{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff}.dialog-head{justify-content:space-between;border-bottom:1px solid var(--color-line)}.dialog-actions{border-top:1px solid var(--color-line);justify-content:flex-end;position:sticky;bottom:0}.dialog-actions span{margin-right:auto;font-size:.875rem}.dialog-body{padding:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.full{grid-column:1/-1}.check{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-weight:400}.check input{width:1.125rem;height:1.125rem}.preview{padding:1rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-subtle)}.preview p{margin:.75rem 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:absolute;top:-5rem;background:#fff;padding:1rem;z-index:100}.skip-link:focus{top:0}#mobile-menu{display:none}#mobile-nav{background:var(--color-nav-bg);color:#fff}#dirty-dialog{max-width:30rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-panel{max-width:30rem;background:#fff;border:1px solid var(--color-line);padding:2rem;border-radius:var(--radius-lg)}.login-panel .brand-mark{margin-bottom:1.5rem}.login-panel h1{font-size:clamp(1.8rem,4vw,2.7rem)}.login-panel .button{width:100%}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-grid{grid-template-columns:1fr}.topbar{padding:1.25rem}.shell{grid-template-columns:13rem minmax(0,1fr)}.sidebar{padding:1.25rem .75rem}}
@media(max-width:760px){.shell{display:block}.sidebar{display:none}#mobile-menu{display:grid}.topbar{min-height:5rem;padding:1rem;flex-wrap:wrap}.topbar>div{flex:1}.page{padding:1.5rem 1rem 3rem}.page-head{flex-direction:column}.page-head>.button{width:100%}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.dialog-body{padding:1rem}.dialog-head,.dialog-actions{padding:1rem}.dialog-actions{flex-wrap:wrap}.dialog-actions span{width:100%}.dialog-actions .button{flex:1}.filters{flex-wrap:wrap}.filters input{max-width:none}.details{grid-template-columns:1fr;gap:.25rem}.details dd{margin-bottom:.5rem}}
@media(max-width:390px){.metric-grid{grid-template-columns:1fr}.topbar .pill{margin-left:3.75rem}.page{padding:1rem .75rem 2rem}.dialog-actions .button{width:100%;flex:auto}.login-panel{padding:1.25rem}.panel-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.code-label{overflow-wrap:anywhere}.danger-text{color:var(--color-danger,#b42318)}#bulk-preview{overflow-wrap:anywhere}#crm-search{min-width:0}.filters label{min-width:0;flex:1}
.table-wrap{position:relative}
@media(max-width:760px){.pagination{flex-wrap:wrap;gap:.5rem}}
.segment-rule{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) auto;gap:.75rem;align-items:start;margin:1rem 0}.segment-rule>*{min-width:0}.segment-rule .segment-value[multiple]{min-height:7rem}#bulk-dynamic>p{margin-top:1rem}#segment-editor{margin-top:1rem}#segment-editor h3{margin-bottom:1rem}
@media(max-width:760px){.segment-rule{grid-template-columns:1fr;padding-bottom:1rem;border-bottom:1px solid var(--color-line)}}