:root{--surf-ink: #101820;--surf-ink-soft: #354252;--surf-blue: #0b63f6;--surf-blue-strong: #084fc4;--surf-cyan: #18b7c8;--surf-green: #24a148;--surf-amber: #f59e0b;--surf-red: #d64545;--surf-surface: #ffffff;--surf-muted: #f5f7fa;--surf-muted-strong: #eaf0f6;--surf-border: #d9e1ea;--surf-border-strong: #b8c4d2;--surf-sidebar: #0e1724;--surf-sidebar-soft: #172235;--surf-sidebar-text: #dce7f5;--surf-radius-xs: 4px;--surf-radius-sm: 6px;--surf-radius-md: 8px;--surf-shadow-sm: 0 1px 2px rgba(16, 24, 32, .08);--surf-shadow-md: 0 10px 30px rgba(16, 24, 32, .08);--surf-space-1: 4px;--surf-space-2: 8px;--surf-space-3: 12px;--surf-space-4: 16px;--surf-space-5: 20px;--surf-space-6: 24px;--surf-space-8: 32px;--surf-space-10: 40px;--surf-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--surf-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html{min-width:320px;min-height:100%;color:var(--surf-ink);background:var(--surf-muted);font-family:var(--surf-font-sans);font-synthesis:none;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-frame{display:grid;min-height:100vh;grid-template-columns:248px minmax(0,1fr);background:var(--surf-muted)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:var(--surf-space-8);padding:var(--surf-space-5);color:var(--surf-sidebar-text);background:var(--surf-sidebar);border-right:1px solid rgba(255,255,255,.08)}.brand-block{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:var(--surf-space-3)}.brand-mark{display:grid;width:40px;height:40px;place-items:center;color:#fff;background:var(--surf-blue);border-radius:var(--surf-radius-md);box-shadow:0 12px 28px #0b63f63d}.brand-name,.brand-caption,.eyebrow,.page-header h1,.page-header p,.empty-state h2,.empty-state p{margin:0}.brand-name{color:#fff;font-size:.95rem;font-weight:750}.brand-caption{margin-top:2px;color:#dce7f5ad;font-size:.78rem}.sidebar-nav{display:grid;gap:var(--surf-space-2)}.nav-link{display:grid;min-height:40px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:var(--surf-space-3);padding:0 var(--surf-space-3);color:#dce7f5b8;border-radius:var(--surf-radius-sm);outline:0}.nav-link:hover,.nav-link:focus-visible{color:#fff;background:var(--surf-sidebar-soft)}.nav-link--active{color:#fff;background:#0b63f638;box-shadow:inset 3px 0 0 var(--surf-cyan)}.app-content{min-width:0;padding:var(--surf-space-8)}.page-shell{display:grid;gap:var(--surf-space-6);max-width:1280px}.gateway-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--surf-space-4);max-width:1280px;margin-bottom:var(--surf-space-5);padding:var(--surf-space-4);color:var(--surf-red);background:#d645450f;border:1px solid rgba(214,69,69,.28);border-radius:var(--surf-radius-md)}.gateway-banner strong,.gateway-banner span{display:block}.gateway-banner strong{font-size:.92rem}.gateway-banner span{margin-top:2px;color:var(--surf-ink-soft);font-size:.84rem}.page-header{display:grid;gap:var(--surf-space-2);padding-bottom:var(--surf-space-5);border-bottom:1px solid var(--surf-border)}.eyebrow{color:var(--surf-blue);font-size:.78rem;font-weight:800;text-transform:uppercase}.page-header h1{color:var(--surf-ink);font-size:1.75rem;font-weight:800;line-height:1.15}.page-header p{max-width:760px;color:var(--surf-ink-soft);font-size:.96rem}.empty-state{display:grid;max-width:720px;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:var(--surf-space-4);padding:var(--surf-space-6);background:var(--surf-surface);border:1px solid var(--surf-border);border-radius:var(--surf-radius-md);box-shadow:var(--surf-shadow-sm)}.empty-state__mark{width:52px;height:52px;background:linear-gradient(135deg,#0b63f624,#18b7c82e),var(--surf-muted);border:1px solid var(--surf-border);border-radius:var(--surf-radius-md)}.empty-state h2{color:var(--surf-ink);font-size:1rem;font-weight:800}.empty-state p{margin-top:var(--surf-space-1);color:var(--surf-ink-soft);font-size:.92rem}.muted-text{margin:0;color:var(--surf-ink-soft)}:root{--surf-accent: var(--surf-blue);--surf-amber-soft: rgba(245, 158, 11, .12);--surf-red-soft: rgba(214, 69, 69, .1);--surf-green-soft: rgba(36, 161, 72, .1);--surf-blue-soft: rgba(11, 99, 246, .1);--surf-cyan-soft: rgba(24, 183, 200, .1)}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--surf-space-3)}.kpi-card{display:flex;flex-direction:column;gap:var(--surf-space-2);padding:var(--surf-space-4) var(--surf-space-4) var(--surf-space-3);background:var(--surf-surface);border:1px solid var(--surf-border);border-radius:10px;box-shadow:var(--surf-shadow-sm);transition:transform .18s ease,box-shadow .18s ease;overflow:hidden;position:relative}.kpi-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--surf-blue);border-radius:10px 10px 0 0}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1018201a}.kpi-card__top{display:flex;align-items:center;justify-content:space-between}.kpi-card__label{color:var(--surf-ink-soft);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kpi-card__icon-wrap{display:grid;place-items:center;width:28px;height:28px;background:var(--surf-muted);border:1px solid var(--surf-border);border-radius:6px;color:var(--surf-blue);flex-shrink:0}.kpi-card__value{color:var(--surf-ink);font-size:2.2rem;font-weight:800;line-height:1;letter-spacing:-.02em}.kpi-card__sub{color:var(--surf-ink-soft);font-size:.78rem}.kpi-card--green:before{background:var(--surf-green)}.kpi-card--green .kpi-card__icon-wrap{color:var(--surf-green);background:var(--surf-green-soft);border-color:#24a14833}.kpi-card--amber:before{background:var(--surf-amber)}.kpi-card--amber .kpi-card__icon-wrap{color:var(--surf-amber);background:var(--surf-amber-soft);border-color:#f59e0b33}.kpi-card--red:before{background:var(--surf-red)}.kpi-card--red .kpi-card__icon-wrap{color:var(--surf-red);background:var(--surf-red-soft);border-color:#d6454533}.kpi-card--cyan:before{background:var(--surf-cyan)}.kpi-card--cyan .kpi-card__icon-wrap{color:var(--surf-cyan);background:var(--surf-cyan-soft);border-color:#18b7c833}.dashboard-grid,.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--surf-space-4)}.dashboard-panel{display:grid;gap:var(--surf-space-4);min-width:0;padding:var(--surf-space-5);background:var(--surf-surface);border:1px solid var(--surf-border);border-radius:10px;box-shadow:var(--surf-shadow-sm)}.dashboard-panel--wide{grid-column:span 2}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--surf-space-4)}.panel-heading h2,.panel-heading p{margin:0}.panel-heading h2{color:var(--surf-ink);font-size:.98rem;font-weight:800;letter-spacing:-.01em}.panel-heading p{margin-top:3px;color:var(--surf-ink-soft);font-size:.84rem;line-height:1.4}.badge--danger{background:#d645451f;color:var(--surf-red);border:1px solid rgba(214,69,69,.25)}.badge--priority-a{background:#d645451a;color:var(--surf-red)}.badge--priority-b{background:#f59e0b1a;color:var(--surf-amber)}.badge--priority-c{background:#0b63f61a;color:var(--surf-blue)}.action-list{display:grid;gap:var(--surf-space-2)}.action-row{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:var(--surf-space-3);align-items:center;padding:var(--surf-space-3) var(--surf-space-3) var(--surf-space-3) 0;background:var(--surf-muted);border:1px solid var(--surf-border);border-radius:var(--surf-radius-sm);overflow:hidden;transition:background .15s ease,border-color .15s ease}.action-row:hover{background:var(--surf-muted-strong);border-color:var(--surf-border-strong)}.action-row__indicator{align-self:stretch;background:var(--surf-border);border-radius:0;min-height:100%}.action-row--overdue .action-row__indicator{background:var(--surf-red)}.action-row--overdue{border-color:#d6454538;background:#d6454508}.action-row--today .action-row__indicator{background:var(--surf-amber)}.action-row--today{border-color:#f59e0b38;background:#f59e0b08}.action-row--upcoming .action-row__indicator{background:var(--surf-green)}.action-row__body strong,.action-row__body span{display:block}.action-row__body strong{color:var(--surf-ink);font-size:.9rem;font-weight:700}.action-row__body span{margin-top:2px;color:var(--surf-ink-soft);font-size:.82rem;line-height:1.35}.action-row time{display:block;color:var(--surf-ink-soft);font-size:.82rem;font-weight:700;white-space:nowrap;text-align:right}.action-row__date--overdue{color:var(--surf-red)!important}.focus-block{display:grid;gap:var(--surf-space-2)}.focus-block__header{display:flex;align-items:center;gap:var(--surf-space-3);flex-wrap:wrap}.focus-block__name{color:var(--surf-ink);font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease,opacity .15s ease}a.focus-block__name:hover{color:var(--surf-accent);opacity:.9;text-decoration:underline;text-underline-offset:3px}.focus-block__company{display:block;color:var(--surf-ink-soft);font-size:.88rem}.focus-block__reason{margin:0;color:var(--surf-ink-soft);font-size:.88rem}.focus-block__angle{margin:0;font-size:.82rem;font-style:italic}.focus-block strong,.focus-block>span{display:block}.focus-block strong{color:var(--surf-ink);font-size:1rem}.focus-block>span,.focus-block>p{margin:0;color:var(--surf-ink-soft);font-size:.88rem}.content-signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--surf-space-3)}.content-signal-card{display:flex;flex-direction:column;gap:var(--surf-space-2);padding:var(--surf-space-4);background:var(--surf-muted);border:1px solid var(--surf-border);border-radius:8px;transition:transform .15s ease,box-shadow .15s ease}.content-signal-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1018201a}.content-signal-card--cyan{background:linear-gradient(135deg,#18b7c8,#0e9aaa);border-color:transparent;color:#fff}.content-signal-card--blue{background:linear-gradient(135deg,#0b63f6,#084fc4);border-color:transparent;color:#fff}.content-signal-card__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;margin-bottom:4px;background:#ffffff2e;color:#fff}.content-signal-card strong{display:block;font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.03em;color:inherit}.content-signal-card span{display:block;font-size:.82rem;opacity:.85;color:inherit}.content-signal-hint{margin:0;padding:var(--surf-space-3);color:var(--surf-green);font-size:.82rem;background:#24a14812;border:1px solid rgba(36,161,72,.18);border-radius:var(--surf-radius-sm);line-height:1.4;font-weight:500}.chart-panel{min-height:340px}.relance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--surf-space-4)}.relance-section{align-content:start}.relance-list{display:grid;gap:var(--surf-space-3)}.relance-card{display:grid;gap:var(--surf-space-3);padding:var(--surf-space-3);background:var(--surf-muted);border:1px solid var(--surf-border);border-radius:var(--surf-radius-sm)}.relance-card__main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--surf-space-3)}.relance-card p,.relance-card span{margin:0;color:var(--surf-ink-soft);font-size:.86rem}.relance-card span{display:block;margin-top:4px;font-weight:800}.postpone-box{color:var(--surf-ink-soft);font-size:.84rem;font-weight:800}.postpone-box summary{cursor:pointer}.postpone-box form{display:grid;gap:var(--surf-space-3);margin-top:var(--surf-space-3)}.postpone-box label{display:grid;gap:var(--surf-space-1)}.postpone-box input{width:100%;min-height:34px;padding:0 10px;color:var(--surf-ink);background:var(--surf-surface);border:1px solid var(--surf-border);border-radius:var(--surf-radius-sm);outline:0}.postpone-box input:focus{border-color:var(--surf-blue);box-shadow:0 0 0 3px #0b63f61f}.outbound-actions{display:grid;gap:var(--surf-space-2);min-width:190px}.insight-toolbar{display:grid;gap:var(--surf-space-4);padding-bottom:var(--surf-space-4);border-bottom:1px solid var(--surf-border)}.segmented-control{display:inline-grid;width:fit-content;grid-auto-flow:column;overflow:hidden;background:var(--surf-muted-strong);border:1px solid var(--surf-border);border-radius:var(--surf-radius-md)}.segmented-control__item{min-height:38px;padding:0 14px;color:var(--surf-ink-soft);background:transparent;border:0;border-right:1px solid var(--surf-border);font-size:.86rem;font-weight:800}.segmented-control__item:last-child{border-right:0}.segmented-control__item--active,.segmented-control__item:hover,.segmented-control__item:focus-visible{color:#fff;background:var(--surf-blue)}.insight-filters{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:var(--surf-space-3)}.insight-filters label,.insight-use-form label{display:grid;gap:var(--surf-space-1);color:var(--surf-ink-soft);font-size:.78rem;font-weight:800}.insight-filters select,.insight-use-form input,.insight-use-form select{width:100%;min-height:36px;padding:0 10px;color:var(--surf-ink);background:var(--surf-surface);border:1px solid var(--surf-border);border-radius:var(--surf-radius-sm);outline:0}.insight-filters select:focus,.insight-use-form input:focus,.insight-use-form select:focus{border-color:var(--surf-blue);box-shadow:0 0 0 3px #0b63f61f}.insight-stats{display:flex;flex-wrap:wrap;gap:var(--surf-space-2)}.insight-stats span{display:inline-flex;min-height:26px;align-items:center;padding:0 10px;color:var(--surf-ink-soft);background:var(--surf-muted);border:1px solid var(--surf-border);border-radius:var(--surf-radius-sm);font-size:.8rem;font-weight:800}.insight-list{display:grid;gap:var(--surf-space-4)}.insight-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:var(--surf-space-5);padding:var(--surf-space-5);background:var(--surf-surface);border:1px solid var(--surf-border);border-left:4px solid var(--surf-cyan);border-radius:var(--surf-radius-md);box-shadow:var(--surf-shadow-sm)}.insight-card__main,.insight-use-form{display:grid;align-content:start;gap:var(--surf-space-3);min-width:0}.insight-card__meta,.insight-card__source{display:flex;flex-wrap:wrap;align-items:center;gap:var(--surf-space-2)}.insight-card h2,.insight-card p,.insight-card__source span,.insight-usage-note strong,.insight-usage-note span{margin:0}.insight-card h2{color:var(--surf-ink);font-size:1rem;font-weight:850;line-height:1.35}.insight-card p,.insight-card__source span,.insight-usage-note span{color:var(--surf-ink-soft);font-size:.88rem}.insight-usage-note{display:grid;gap:2px;padding:var(--surf-space-3);background:var(--surf-muted);border:1px solid var(--surf-border);border-radius:var(--surf-radius-sm)}.insight-usage-note strong{color:var(--surf-ink);font-size:.9rem}.badge{display:inline-flex;min-height:24px;align-items:center;gap:6px;padding:0 10px;color:var(--surf-ink);background:var(--surf-muted-strong);border:1px solid var(--surf-border);border-radius:999px;font-size:.78rem;font-weight:700}.button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:#fff;background:var(--surf-blue);border:1px solid var(--surf-blue);border-radius:var(--surf-radius-sm);font-weight:750;box-shadow:var(--surf-shadow-sm)}.button:hover,.button:focus-visible{background:var(--surf-blue-strong);border-color:var(--surf-blue-strong)}.button:disabled{cursor:not-allowed;opacity:.55}.button--secondary{color:var(--surf-ink);background:var(--surf-surface);border-color:var(--surf-border)}.button--secondary:hover,.button--secondary:focus-visible{color:var(--surf-ink);background:var(--surf-muted);border-color:var(--surf-border-strong)}.data-table{display:grid;gap:var(--surf-space-3)}.data-table__toolbar{display:flex;align-items:end;justify-content:space-between;gap:var(--surf-space-4)}.data-table__search{display:grid;gap:var(--surf-space-1);width:min(100%,360px);color:var(--surf-ink-soft);font-size:.78rem;font-weight:750}.data-table__search input,.column-filter{width:100%;min-height:34px;padding:0 10px;color:var(--surf-ink);background:var(--surf-surface);border:1px solid var(--surf-border);border-radius:var(--surf-radius-sm);outline:0}.data-table__search input:focus,.column-filter:focus{border-color:var(--surf-blue);box-shadow:0 0 0 3px #0b63f61f}.data-table__count{color:var(--surf-ink-soft);font-size:.84rem;font-weight:700}.table-shell{overflow:hidden;background:var(--surf-surface);border:1px solid var(--surf-border);border-radius:var(--surf-radius-md);box-shadow:var(--surf-shadow-sm)}.table-shell{overflow-x:auto}.crm-table{width:100%;border-collapse:collapse;font-size:.88rem}.crm-table th{color:var(--surf-ink-soft);background:var(--surf-muted);font-size:.76rem;font-weight:800;text-align:left;text-transform:uppercase}.crm-table th,.crm-table td{padding:12px 14px;border-bottom:1px solid var(--surf-border);vertical-align:top}.table-row{content-visibility:auto;contain-intrinsic-size:0 54px}.table-row:hover{background:#0b63f609}.table-sort-button{display:inline-flex;min-height:24px;align-items:center;gap:6px;padding:0;color:inherit;background:transparent;border:0;font:inherit;font-weight:inherit;text-align:left;text-transform:inherit}.table-sort-button:disabled{cursor:default}.column-filter{min-height:30px;margin-top:var(--surf-space-2);font-size:.8rem;font-weight:500;text-transform:none}.table-state,.table-state-cell{color:var(--surf-ink-soft);background:var(--surf-surface)}.table-state{display:grid;gap:var(--surf-space-1);padding:var(--surf-space-5);border:1px solid var(--surf-border);border-radius:var(--surf-radius-md)}.table-state--error{color:var(--surf-red);border-color:#d6454547;background:#d645450f}.table-state-cell{padding:var(--surf-space-8);text-align:center}.table-state-cell strong,.table-state-cell span{display:block}.table-link{color:var(--surf-blue);font-weight:800}.table-link:hover,.table-link:focus-visible{color:var(--surf-blue-strong);text-decoration:underline}.cell-text-long{display:block;max-width:360px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--surf-space-4)}.detail-panel{display:grid;gap:var(--surf-space-4);min-width:0;padding:var(--surf-space-5);background:var(--surf-surface);border:1px solid var(--surf-border);border-radius:var(--surf-radius-md);box-shadow:var(--surf-shadow-sm)}.detail-panel--wide{grid-column:span 1}.detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--surf-space-3)}.detail-field{display:grid;gap:2px;padding:var(--surf-space-3);background:var(--surf-muted);border:1px solid var(--surf-border);border-radius:var(--surf-radius-sm)}.detail-field span,.detail-list-item span,.edit-form label{color:var(--surf-ink-soft);font-size:.78rem;font-weight:800}.detail-field strong{color:var(--surf-ink);font-size:.9rem}.detail-note{margin:0;color:var(--surf-ink-soft)}.detail-list{display:grid;gap:var(--surf-space-3)}.detail-list-item{display:grid;gap:4px;padding:var(--surf-space-3);background:var(--surf-muted);border:1px solid var(--surf-border);border-radius:var(--surf-radius-sm)}.detail-list-item strong{color:var(--surf-ink)}.detail-list-item p{margin:0;color:var(--surf-ink-soft);font-size:.88rem}.edit-form label{display:grid;gap:var(--surf-space-1)}.edit-form input,.edit-form select,.edit-form textarea{width:100%;padding:10px;color:var(--surf-ink);background:var(--surf-surface);border:1px solid var(--surf-border);border-radius:var(--surf-radius-sm);outline:0}.edit-form input:focus,.edit-form select:focus,.edit-form textarea:focus{border-color:var(--surf-blue);box-shadow:0 0 0 3px #0b63f61f}.data-table__pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--surf-space-3);color:var(--surf-ink-soft);font-size:.86rem;font-weight:700}@media (max-width: 820px){.app-frame{grid-template-columns:1fr}.sidebar{position:relative;height:auto;gap:var(--surf-space-4)}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.app-content{padding:var(--surf-space-5)}.kpi-grid,.dashboard-grid,.chart-grid,.detail-grid,.relance-grid,.insight-filters,.insight-card{grid-template-columns:1fr}.dashboard-panel--wide{grid-column:span 1}.empty-state{grid-template-columns:1fr}.data-table__toolbar,.data-table__pagination,.gateway-banner{align-items:stretch;grid-template-columns:1fr;flex-direction:column}.segmented-control{width:100%;grid-auto-flow:row}.segmented-control__item{border-right:0;border-bottom:1px solid var(--surf-border)}.segmented-control__item:last-child{border-bottom:0}}