@font-face{font-family:Suhanto Stamp;src:url(/fonts/Suhanto-Stamp.otf) format("opentype");font-display:swap}.crm-theme{--bg:#17191c;--surface:#202327;--surface2:#262a2f;--surface3:#2f3338;--line:#34383e;--ink:#ecedee;--muted:#9aa0a6;--subtle:#5a6068;--orange:#d77b32;--orange2:#b5662a;--orange-s:#2b1a09;--orange-t:#f0a060;--hop:#99cda2;--hop2:#b4dab8;--hop-s:#172215;--warn:#eecf74;--warn-s:#2d2710;--bad:#e0603a;--bad-s:#2e1812;--bad-t:#f09080;--info:#5ab0c4;--info-s:#0e2028;--kpi-bad:#2e1812;--kpi-bad-2:#43200e;--kpi-warn:#2d2710;--kpi-warn-2:#43390d;--kpi-ok:#172215;--kpi-ok-2:#223320;--kpi-info:#0e2028;--kpi-info-2:#163040}.crm-theme.light{--bg:#f0f1f3;--surface:#fff;--surface2:#e4e6e9;--surface3:#d4d7dc;--line:#c8cdd2;--ink:#17191c;--muted:#5a6068;--subtle:#8a9099;--orange:#c56e28;--orange2:#a05820;--orange-s:#f5e0cc;--orange-t:#a05820;--hop:#4a9a5a;--hop2:#3a8048;--hop-s:#d5ebd8;--warn:#9a8830;--warn-s:#f5edcc;--bad:#c04428;--bad-s:#f8d8d0;--bad-t:#8c2018;--info:#2f8296;--info-s:#d0e8ee;--kpi-bad:#f8d8d0;--kpi-bad-2:#f0b8a8;--kpi-warn:#f5edcc;--kpi-warn-2:#eedba8;--kpi-ok:#d5ebd8;--kpi-ok-2:#a8d5b0;--kpi-info:#d0e8ee;--kpi-info-2:#a8cdd8}.crm-theme{background:var(--bg);color:var(--ink);font-family:Barlow,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;transition:background .2s ease,color .2s ease}.crm-theme .section-h,.crm-theme h1{font-family:Titan One,Arial Black,sans-serif;font-weight:400;letter-spacing:.01em}.crm-theme h2,.crm-theme h3,.crm-theme h4{font-family:Barlow,system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}.crm-theme .section-sub{font-size:14px;color:var(--muted)}.crm-theme .kpi-num{font-family:Barlow Condensed,system-ui,sans-serif;font-size:32px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.05}.crm-theme .card{background:var(--surface);box-shadow:2px 2px 0 rgba(0,0,0,.35)}.crm-theme .card,.crm-theme .card-soft{border:1px solid var(--line);border-radius:3px}.crm-theme .card-soft{background:var(--surface2)}.crm-theme .kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:transform .05s ease,box-shadow .12s ease,filter .12s ease}.crm-theme .kpi-card[data-tone=bad]{background:var(--kpi-bad);border-color:var(--kpi-bad-2)}.crm-theme .kpi-card[data-tone=warn]{background:var(--kpi-warn);border-color:var(--kpi-warn-2)}.crm-theme .kpi-card[data-tone=ok]{background:var(--kpi-ok);border-color:var(--kpi-ok-2)}.crm-theme .kpi-card[data-tone=info]{background:var(--kpi-info);border-color:var(--kpi-info-2)}.crm-theme a.kpi-card,.crm-theme button.kpi-card{cursor:pointer;text-decoration:none;color:inherit}.crm-theme a.kpi-card:hover,.crm-theme button.kpi-card:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,.4);filter:brightness(1.06)}.crm-theme a.kpi-card[data-active=true],.crm-theme button.kpi-card[data-active=true]{box-shadow:0 0 0 2px var(--orange) inset}.crm-theme .kpi-label{font-family:Barlow Condensed,system-ui,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}.crm-theme .kpi-card[data-tone=bad] .kpi-label,.crm-theme .kpi-card[data-tone=info] .kpi-label,.crm-theme .kpi-card[data-tone=ok] .kpi-label,.crm-theme .kpi-card[data-tone=warn] .kpi-label{color:var(--ink);opacity:.75}.crm-theme .kpi-card[data-tone=bad] .kpi-num,.crm-theme .kpi-card[data-tone=info] .kpi-num,.crm-theme .kpi-card[data-tone=ok] .kpi-num,.crm-theme .kpi-card[data-tone=warn] .kpi-num{color:var(--ink)}.crm-theme .kpi-sub{font-size:12px;color:var(--muted)}.crm-theme .kpi-card[data-tone=bad] .kpi-sub,.crm-theme .kpi-card[data-tone=info] .kpi-sub,.crm-theme .kpi-card[data-tone=ok] .kpi-sub,.crm-theme .kpi-card[data-tone=warn] .kpi-sub{color:var(--ink);opacity:.7}.crm-theme .pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700;line-height:1.3;font-family:Barlow Condensed,system-ui,sans-serif;letter-spacing:.05em}.crm-theme .pill-ok{background:var(--hop-s);color:var(--hop2)}.crm-theme .pill-warn{background:var(--warn-s);color:var(--warn)}.crm-theme .pill-bad{background:var(--bad-s);color:var(--bad-t)}.crm-theme .pill-info{background:var(--info-s);color:var(--info)}.crm-theme .pill-muted{background:var(--surface2);color:var(--muted)}.crm-theme .pill-accent{background:var(--orange-s);color:var(--orange-t)}.crm-theme .btn,.crm-theme .btn-accent,.crm-theme .btn-ghost,.crm-theme .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:3px;font-family:Barlow,system-ui,sans-serif;font-weight:600;font-size:14px;line-height:1.2;border:1px solid transparent;cursor:pointer;white-space:nowrap;box-shadow:2px 2px 0 rgba(0,0,0,.4);transition:background .12s ease,border-color .12s ease,box-shadow .08s ease,transform .05s ease}.crm-theme .btn-primary{background:var(--orange);color:var(--bg);border-color:var(--orange2)}.crm-theme .btn-primary:hover{background:var(--orange2);border-color:var(--orange2);box-shadow:1px 1px 0 rgba(0,0,0,.4);transform:translate(1px,1px)}.crm-theme .btn-accent{background:var(--hop);color:var(--bg);border-color:var(--hop)}.crm-theme .btn-accent:hover{background:var(--hop2);border-color:var(--hop2);box-shadow:1px 1px 0 rgba(0,0,0,.4);transform:translate(1px,1px)}.crm-theme .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.crm-theme .btn-ghost:hover{background:var(--surface2)}.crm-theme .nav-link{display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:3px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;font-family:Barlow,system-ui,sans-serif;border-left:2px solid transparent;transition:background .1s ease,color .1s ease,border-color .1s ease}.crm-theme .nav-link svg{color:var(--subtle);transition:color .1s ease}.crm-theme .nav-link:hover{background:var(--surface2);color:var(--info);border-left-color:var(--info)}.crm-theme .nav-link:hover svg{color:var(--info)}.crm-theme .nav-link[data-current=true]{background:var(--surface2);color:var(--info);border-left-color:var(--info)}.crm-theme .nav-link[data-current=true] svg{color:var(--info)}.crm-theme .nav-section{font-family:Barlow Condensed,system-ui,sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--subtle);font-weight:700;padding:6px 12px 3px}.crm-theme .bg-bg{background-color:var(--bg)!important}.crm-theme .bg-surface{background-color:var(--surface)!important}.crm-theme .bg-surface2,.crm-theme .hover\:bg-surface2:hover{background-color:var(--surface2)!important}.crm-theme .hover\:bg-surface:hover{background-color:var(--surface)!important}.crm-theme .text-ink{color:var(--ink)!important}.crm-theme .text-muted{color:var(--muted)!important}.crm-theme .text-orange{color:var(--orange)!important}.crm-theme .text-hop-2{color:var(--hop2)!important}.crm-theme .text-warn{color:var(--warn)!important}.crm-theme .text-bad{color:var(--bad-t)!important}.crm-theme .border-line{border-color:var(--line)!important}.crm-theme ::-webkit-scrollbar{width:8px;height:8px}.crm-theme ::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:0}.crm-theme ::-webkit-scrollbar-thumb:hover{background:var(--line)}.crm-theme ::-webkit-scrollbar-track{background:transparent}.crm-theme .theme-toggle{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);padding:5px 10px;border-radius:3px;font-family:Barlow,system-ui,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.crm-theme .theme-toggle:hover{background:var(--surface3);color:var(--ink)}.crm-theme .brew-widget{background:var(--surface2);border:1px solid var(--line);border-radius:3px;padding:10px 14px;box-shadow:2px 2px 0 rgba(0,0,0,.25)}.crm-theme .brew-widget .label{font-family:Barlow Condensed,system-ui,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--subtle);font-weight:700}.crm-theme .brew-widget .value{font-family:Barlow,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--ink);margin-top:4px;line-height:1.3}.safe-bottom{padding-bottom:calc(env(safe-area-inset-bottom) + 76px)}@media (min-width:1024px){.safe-bottom{padding-bottom:24px}}.crm-theme{color-scheme:dark}.crm-theme .input{width:100%;background:var(--surface2);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-family:Barlow,system-ui,sans-serif;font-size:14px;line-height:1.3;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.crm-theme .input::-moz-placeholder{color:var(--subtle)}.crm-theme .input::placeholder{color:var(--subtle)}.crm-theme .input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-s)}.crm-theme .input:disabled{opacity:.55;cursor:not-allowed}.crm-theme select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239AA0A6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.crm-theme select.input option{background:var(--surface);color:var(--ink)}.crm-theme .label{display:block;font-family:Barlow Condensed,system-ui,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:5px}