:is(#app,#modal){color-scheme:light dark;--bg:light-dark(#f5f7fa,#111721);--panel:light-dark(#ffffff,#1b2431);--ink:light-dark(#1a2b40,#e5edf8);--muted:light-dark(#64748b,#a3b3c9);--line:light-dark(#e1e7ef,#354256);--brand:light-dark(#2459d3,#90b4ff);--onbrand:light-dark(#ffffff,#11234c);--soft:light-dark(#edf3ff,#253a5b);--good:light-dark(#15794e,#86dfb1);--goodbg:light-dark(#e9f7ef,#183d30);--warn:light-dark(#986015,#f0c274);--warnbg:light-dark(#fff4df,#42351f);--bad:light-dark(#b73947,#ffa2ac);font:14px/1.5 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:clip}
:is(#app,#modal) *{box-sizing:border-box}:is(#app,#modal) button,:is(#app,#modal) input,:is(#app,#modal) select,:is(#app,#modal) textarea{font:inherit}:is(#app,#modal) button{cursor:pointer}:is(#app,#modal) button:disabled{cursor:not-allowed;opacity:.5}:is(#app,#modal) button:focus-visible,:is(#app,#modal) input:focus-visible,:is(#app,#modal) select:focus-visible{outline:3px solid var(--brand);outline-offset:2px}:is(#app,#modal) h1{font-size:25px;font-weight:600;letter-spacing:-.6px;margin:0}:is(#app,#modal) h2{font-size:18px;font-weight:600;margin:0 0 14px}:is(#app,#modal) h3{font-size:14px;font-weight:600;margin:0 0 8px}:is(#app,#modal) p{margin:6px 0}:is(#app,#modal) .muted{color:var(--muted)}:is(#app,#modal) .small{font-size:12px}:is(#app,#modal) .shell{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:700px}:is(#app,#modal) aside{background:var(--panel);padding:22px 12px;border-right:1px solid var(--line)}:is(#app,#modal) .logo{display:flex;align-items:center;gap:9px;padding:0 10px 25px;font-size:18px;font-weight:600;letter-spacing:-.5px}:is(#app,#modal) .logomark{background:var(--brand);color:var(--onbrand);width:30px;height:30px;border-radius:9px;display:grid;place-items:center}:is(#app,#modal) nav{display:grid;gap:5px}:is(#app,#modal) nav button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--muted);padding:10px 12px;text-align:left;border-radius:8px}:is(#app,#modal) nav button.active{background:var(--soft);color:var(--brand);font-weight:600}:is(#app,#modal) svg{width:17px;height:17px;flex-shrink:0}:is(#app,#modal) .aside-note{margin:30px 10px 0;padding-top:16px;border-top:1px solid var(--line)}:is(#app,#modal) .workspace{min-width:0}:is(#app,#modal) header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--panel);padding:13px 22px;border-bottom:1px solid var(--line);padding-right:96px}:is(#app,#modal) .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}:is(#app,#modal) .spread{justify-content:space-between}:is(#app,#modal) .demo{font-size:11px;letter-spacing:1px;font-weight:600;color:var(--warn)}:is(#app,#modal) main{padding:25px;min-width:0}:is(#app,#modal) .pagehead{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap;margin-bottom:22px}:is(#app,#modal) .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:5px}:is(#app,#modal) .button{border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:var(--panel);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}:is(#app,#modal) .button.primary{background:var(--brand);border-color:var(--brand);color:var(--onbrand)}:is(#app,#modal) .button.quiet{border-color:transparent;background:transparent;color:var(--brand)}:is(#app,#modal) .button.danger{color:var(--bad)}:is(#app,#modal) .box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:16px}:is(#app,#modal) .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}:is(#app,#modal) .two{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:16px}:is(#app,#modal) .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}:is(#app,#modal) .metric{font-size:25px;letter-spacing:-.7px;font-weight:600;margin-top:8px;font-variant-numeric:tabular-nums}:is(#app,#modal) .pill{display:inline-flex;align-items:center;border-radius:5px;padding:3px 7px;background:var(--soft);color:var(--brand);font-size:11px;font-weight:600;white-space:normal}:is(#app,#modal) .pill.good{background:var(--goodbg);color:var(--good)}:is(#app,#modal) .pill.warn{background:var(--warnbg);color:var(--warn)}:is(#app,#modal) .notice{border-radius:8px;background:var(--soft);padding:11px 13px;margin-bottom:16px;color:var(--ink)}:is(#app,#modal) .notice.warn{background:var(--warnbg)}:is(#app,#modal) .board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}:is(#app,#modal) .lane{background:var(--bg);min-width:0}:is(#app,#modal) .lanehead{padding:0 2px 13px;display:flex;justify-content:space-between;gap:6px}:is(#app,#modal) .opportunity{display:block;width:100%;background:var(--panel);color:var(--ink);text-align:left;border:1px solid var(--line);padding:15px;border-radius:9px;margin-bottom:12px}:is(#app,#modal) .opportunity:hover{border-color:var(--brand)}:is(#app,#modal) .opportunity strong{display:block;margin:10px 0 4px;font-weight:600}:is(#app,#modal) .amount{font-weight:600;font-variant-numeric:tabular-nums;margin:14px 0}:is(#app,#modal) .divider{border-top:1px solid var(--line);padding-top:11px;margin-top:12px}:is(#app,#modal) label.field{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:12px}:is(#app,#modal) input,:is(#app,#modal) select,:is(#app,#modal) textarea{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink)}:is(#app,#modal) header select{width:auto;max-width:100%}:is(#app,#modal) textarea{min-height:70px;resize:vertical}:is(#app,#modal) .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:16px}:is(#app,#modal) .tablewrap{overflow-x:auto}:is(#app,#modal) table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}:is(#app,#modal) th{color:var(--muted);font-weight:500;white-space:nowrap;background:var(--bg)}:is(#app,#modal) th,:is(#app,#modal) td{padding:12px 9px;border-bottom:1px solid var(--line);vertical-align:middle}:is(#app,#modal) td.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}:is(#app,#modal) td input{width:70px;padding:6px}:is(#app,#modal) .steps{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}:is(#app,#modal) .step{color:var(--muted);font-size:12px;background:var(--panel);border:1px solid var(--line);padding:6px 9px;border-radius:6px}:is(#app,#modal) .step.current{color:var(--brand);background:var(--soft);border-color:var(--brand)}:is(#app,#modal) .totalrow{display:flex;justify-content:space-between;gap:10px;margin:10px 0;font-variant-numeric:tabular-nums}:is(#app,#modal) .totalrow.final{font-size:22px;font-weight:600;border-top:1px solid var(--line);padding-top:13px}:is(#app,#modal) .timeline{border-left:2px solid var(--line);margin:14px 8px;padding-left:18px}:is(#app,#modal) .event{position:relative;padding-bottom:21px}:is(#app,#modal) .event:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--brand);position:absolute;left:-23px;top:6px}:is(#app,#modal) .event.pending:before{background:var(--muted)}:is(#app,#modal) .unit-top{display:flex;gap:10px;align-items:center;margin-bottom:13px}:is(#app,#modal) .uniticon{background:var(--soft);color:var(--brand);padding:10px;border-radius:9px;display:flex}:is(#app,#modal) .keyvalue{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0;font-size:12px}:is(#app,#modal) .keyvalue span:nth-child(odd){color:var(--muted)}:is(#app,#modal) .empty{text-align:center;padding:35px 15px;color:var(--muted)}:is(#app,#modal) .toast{padding:11px 16px;border-bottom:1px solid var(--line);background:var(--goodbg);color:var(--good)}:is(#app,#modal) .back{margin-bottom:12px;padding-left:0}:is(#app,#modal) .avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--soft);color:var(--brand);font-size:12px;font-weight:600}:is(#app,#modal) .preview{padding:28px;background:var(--panel);border:1px solid var(--line);margin:15px 0;border-radius:7px}:is(#app,#modal) .settingsline{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}:is(#app,#modal) .settingsline label{display:flex;gap:8px;align-items:center}:is(#app,#modal) .settingsline input[type=checkbox]{width:auto}:is(#app,#modal) .foot{margin-top:24px;color:var(--muted);font-size:11px}:is(#app,#modal) .link{background:transparent;border:0;color:var(--brand);padding:0;text-align:left;font:inherit;text-decoration:underline;text-underline-offset:3px}:is(#app,#modal) .mobiletitle{display:none}
@media(max-width:850px){:is(#app,#modal) .shell{grid-template-columns:145px minmax(0,1fr)}:is(#app,#modal) main{padding:18px}:is(#app,#modal) .grid{grid-template-columns:1fr}:is(#app,#modal) .two{grid-template-columns:1fr}:is(#app,#modal) .board{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#app,#modal) .board .lane:last-child{grid-column:1/-1}:is(#app,#modal) header{padding-right:90px}}
@media(max-width:580px){:is(#app,#modal) .shell{display:block}:is(#app,#modal) aside{padding:10px;border-right:0;border-bottom:1px solid var(--line)}:is(#app,#modal) .logo{padding:0 4px 12px}:is(#app,#modal) nav{display:flex;flex-wrap:wrap;gap:3px}:is(#app,#modal) nav button{padding:8px;font-size:12px}:is(#app,#modal) nav svg{display:none}:is(#app,#modal) .aside-note{display:none}:is(#app,#modal) header{padding:12px}:is(#app,#modal) header .row{width:100%}:is(#app,#modal) header select{flex:1;width:100%}:is(#app,#modal) main{padding:14px}:is(#app,#modal) .stats{grid-template-columns:1fr}:is(#app,#modal) .stats .box{margin-bottom:0}:is(#app,#modal) .board{display:block}:is(#app,#modal) .fields{grid-template-columns:1fr}:is(#app,#modal) h1{font-size:22px}:is(#app,#modal) .button{min-height:42px}:is(#app,#modal) .pagehead>.row{width:100%}:is(#app,#modal) .grid{gap:0}}

:root{color-scheme:light dark}body{margin:0;background:light-dark(#f5f7fa,#111721)}#app{min-height:100vh;border:0;border-radius:0;overflow:visible}#app .shell{min-height:100vh;grid-template-columns:190px minmax(0,1fr)}#app header{padding-right:24px}#app main{max-width:1500px;margin:auto}#app nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;color:var(--muted);padding:10px 12px;border-radius:8px}#app nav a.active{background:var(--soft);color:var(--brand);font-weight:600}#app .opportunity{text-decoration:none}#app .board{grid-template-columns:repeat(3,minmax(0,1fr))}#app .lane-empty{padding:15px 4px}#app .auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:960px;margin:8vh auto;padding:24px;gap:48px;align-items:center}#app .auth-brand{padding:25px}#app .auth-brand .logomark{margin-bottom:20px}#app .auth-brand h1{font-size:34px;margin-bottom:14px}#app .auth-brand>p{font-size:18px;margin-bottom:20px}#app .auth-brand p.small{font-size:13px}#app .auth-form{background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:14px}#app .auth-form h2{margin-top:25px}#app form,#modal form{display:grid;gap:16px}#app fieldset,#modal fieldset{border:1px solid var(--line);border-radius:8px;padding:14px;min-width:0}#app legend,#modal legend{font-weight:600;padding:0 5px}#app .checkbox,#modal .checkbox{display:flex;align-items:center;gap:9px;margin:10px 0}#app input[type=checkbox],#modal input[type=checkbox]{width:18px;height:18px}#app .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#modal{max-width:700px;width:calc(100% - 32px);padding:24px;max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:12px}#modal::backdrop{background:#101b32a6}#modal #modal-error:empty{display:none}#modal #modal-error{padding:12px;background:var(--warnbg);color:var(--ink);margin:12px 0;border-radius:7px}#modal form .button[type=submit]{margin-top:4px}#app button[type=submit]{justify-self:start}#app input:disabled,#app select:disabled{opacity:.7}#app .notice[role=alert]{background:var(--warnbg)}
@media(min-width:1400px){#app .board{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){#app .shell{grid-template-columns:155px minmax(0,1fr)}#app .board{grid-template-columns:repeat(2,minmax(0,1fr))}#app .auth{gap:15px;margin:2vh auto}}@media(max-width:650px){#app .shell{display:block}#app .board{display:block}#app .auth{display:block;margin:0 auto;padding:12px}#app .auth-brand{padding:18px}#app .auth-brand>p{font-size:16px}#app .auth-form{padding:20px}#app aside{padding:10px;border-right:0;border-bottom:1px solid var(--line)}#app .logo{padding:0 4px 12px}#app nav{display:flex;flex-wrap:wrap}#app nav a{padding:9px;font-size:12px}#app .aside-note{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 4px 0;padding-top:10px}#app .aside-note p{display:none}#app .stats{grid-template-columns:1fr}#app .stats .box{margin-bottom:0}#app .fields{grid-template-columns:1fr}#app header select{width:100%}#app .pagehead>.row{width:auto}}

#app main{overflow-wrap:anywhere}#app .box>.field{margin-bottom:12px}#app .keyvalue>*{min-width:0}