:root{--ink-900: #0B0B0C;--ink-800: #161719;--ink-700: #26282D;--paper: #FFFFFF;--paper-2: #F5F6F7;--paper-3: #ECEEF1;--line: #E2E5E9;--line-strong: #C9CDD3;--teal-700: #007C93;--teal-600: #0097B2;--teal-500: #14ADC9;--teal-100: #CFEEF4;--teal-50: #E9F8FB;--magenta: #FF00FF;--magenta-700: #B0008A;--cyan: #00FFFF;--text: #161719;--text-soft: #4A4E55;--text-mute: #717680;--text-inv: #F5F6F7;--text-inv-soft: #AFB4BB;--amber: #C77A00;--green: #1F7A4D;--red: #C0392B;--font-display: "Fraunces", Georgia, serif;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "Consolas", monospace;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(11,11,12,.06);--shadow-md: 0 8px 28px -10px rgba(11,11,12,.22)}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{font-family:var(--font-sans);color:var(--text);background:var(--paper-2);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--teal-700);text-decoration:none}.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px;border-radius:var(--r-sm)}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--ink-900);color:var(--text-inv-soft);display:flex;flex-direction:column;padding:1.1rem .9rem;position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:baseline;gap:.4rem;padding:.3rem .6rem 1.2rem}.sidebar__brand b{font-family:var(--font-display);font-weight:600;font-size:1.35rem;color:#fff}.sidebar__brand span{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-inv-soft)}.nav{display:flex;flex-direction:column;gap:.15rem}.nav__item{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:var(--r-md);color:var(--text-inv-soft);font-weight:550;text-align:left;width:100%;transition:background .15s,color .15s}.nav__item:hover{background:var(--ink-800);color:#fff}.nav__item--active{background:var(--teal-600);color:#fff}.nav__item--active:hover{background:var(--teal-600)}.nav__dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.7;flex:none}.sidebar__foot{margin-top:auto;padding:.7rem;font-size:.72rem;color:var(--text-mute);border-top:1px solid rgba(255,255,255,.08)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.6rem;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.topbar h1{font-family:var(--font-display);font-weight:600;font-size:1.4rem}.topbar__sub{color:var(--text-mute);font-size:.8rem}.topbar__right{display:flex;align-items:center;gap:.75rem}.tenant-pill{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;background:var(--teal-50);color:var(--teal-700);padding:.4em .7em;border-radius:var(--r-pill);border:1px solid var(--teal-100)}.content{padding:1.6rem}.btn{display:inline-flex;align-items:center;gap:.4em;padding:.55em .95em;border-radius:var(--r-md);font-weight:600;font-size:.9rem}.btn--primary{background:var(--teal-600);color:#fff}.btn--primary:hover{background:var(--teal-700)}.btn--ghost{border:1px solid var(--line-strong);color:var(--text)}.btn--ghost:hover{border-color:var(--ink-700)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg)}.panel__head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.panel__head h2{font-size:1rem;font-weight:650}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.1rem 1.2rem;position:relative}.kpi:before{content:"";position:absolute;top:1.2rem;left:0;width:3px;height:1.6rem;background:var(--teal-600);border-radius:0 2px 2px 0}.kpi__label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}.kpi__value{font-family:var(--font-display);font-weight:600;font-size:2rem;line-height:1.1;margin-top:.35rem}.kpi__delta{font-size:.78rem;font-weight:600;margin-top:.2rem}.kpi__delta--up{color:var(--green)}.kpi__delta--down{color:var(--red)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.88rem}table.data th{text-align:left;padding:.7rem 1rem;color:var(--text-mute);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:.75rem 1rem;border-bottom:1px solid var(--line)}table.data tbody tr{cursor:pointer}table.data tbody tr:hover{background:var(--paper-2)}.badge{display:inline-flex;align-items:center;padding:.2em .6em;border-radius:var(--r-pill);font-size:.72rem;font-weight:650;white-space:nowrap}.badge--new{background:#eef2f6;color:#44505c}.badge--called{background:var(--teal-50);color:var(--teal-700)}.badge--demo_booked{background:#fff3df;color:var(--amber)}.badge--demo_done{background:#e7f4ec;color:var(--green)}.badge--closed{background:#def0e6;color:#126b40}.badge--lost{background:#fdeceb;color:var(--red)}.score{font-family:var(--font-mono);font-weight:700}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:.9rem;overflow-x:auto;padding-bottom:.5rem}.kcol{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;min-height:200px}.kcol__head{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;border-bottom:1px solid var(--line)}.kcol__title{font-weight:650;font-size:.82rem}.kcol__count{font-family:var(--font-mono);font-size:.72rem;color:var(--text-mute);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);padding:.05em .5em}.kcol__body{padding:.6rem;display:flex;flex-direction:column;gap:.55rem}.kcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:.7rem .8rem;box-shadow:var(--shadow-sm)}.kcard__name{font-weight:650;font-size:.88rem}.kcard__meta{color:var(--text-mute);font-size:.76rem;margin-top:.15rem}.kcard__row{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0c66;display:flex;justify-content:flex-end;z-index:20}.drawer{width:min(440px,92vw);height:100%;background:var(--paper);box-shadow:var(--shadow-md);overflow-y:auto;padding:1.4rem 1.5rem}.drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.drawer h3{font-family:var(--font-display);font-weight:600;font-size:1.4rem}.drawer__close{font-size:1.4rem;color:var(--text-mute);line-height:1}.drawer__row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.9rem}.drawer__row span:first-child{color:var(--text-mute)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0c66;display:flex;align-items:center;justify-content:center;z-index:30;padding:1rem}.modal-box{width:min(440px,100%);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:1.4rem 1.5rem;max-height:90vh;overflow-y:auto}.modal-box__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-box h3{font-family:var(--font-display);font-weight:600;font-size:1.25rem}.form{display:grid;gap:.9rem}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.4rem}.form-error{color:var(--red);font-size:.85rem}.row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.muted{color:var(--text-mute)}.section-gap{margin-top:1.4rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.78rem;font-weight:600;color:var(--text-soft)}.field input,.field select{padding:.55em .7em;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper)}.empty{padding:2.5rem;text-align:center;color:var(--text-mute)}.bar{height:8px;border-radius:999px;background:var(--paper-3);overflow:hidden}.bar>span{display:block;height:100%;background:var(--teal-600)}
