@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#e9e7e1;--surface:#fff;--surface-2:#f4f3ee;--surface-3:#edece5;--line:#e8e6df;--line-2:#f0efe9;--ink:#1e2a22;--ink-2:#3a473e;--muted:#8b948c;--muted-2:#a9b0a9;--pill-bg:#1b241d;--pill-fg:#fff;--sage:#6e8a6d;--sage-l:#9db79b;--sage-d:#58755a;--sage-dd:#3c5340;--sage-soft:#e7efe5;--accent-strong:#58755a;--accent-strong-hover:#3c5340;--accent-on:#fff;--art-card:#3c5340;--err:#b4534a;--shadow-rgb:30, 42, 34;--status-new-bg:#e6edf3;--status-new-text:#40607a;--status-paid-bg:#e4eee3;--status-paid-text:#4a6b48;--status-sent-bg:#f5ebdd;--status-sent-text:#8a6231;--tier-bronze-bg:#f2e7dd;--tier-bronze-text:#8a5a38;--tier-silver-bg:#eaebe7;--tier-silver-text:#5c645c;--tier-gold-bg:#f6efda;--tier-gold-text:#8a6e23;--tier-platinum-bg:#e7e9f0;--tier-platinum-text:#4a5170;--delta-up-bg:#e4eee3;--delta-up-text:#4a6b48;--delta-down-bg:#f7e5e2;--delta-down-text:#a9524a;--icon-lime-bg:#eef3e6;--icon-lime-text:#6b8236;--icon-gold-bg:#f6efda;--icon-gold-text:#8a6e23;--icon-blue-bg:#e6edf3;--icon-blue-text:#40607a;--xfer-out:#d98b7a;--brand-green:#366a54;--brand-gold:#e2be4b;--green:var(--sage-d);--green-d:var(--sage-dd);--green-l:var(--sage);--lime:var(--sage-l);--lime-d:var(--sage-d);--gold:var(--brand-gold);--cream:var(--surface-2);--cream-2:var(--surface-3);--sidebar:var(--pill-bg);--dark:var(--pill-bg);--shadow-sm:0 2px 10px rgba(var(--shadow-rgb), .05);--shadow-md:0 8px 26px rgba(var(--shadow-rgb), .09);--shadow-lg:0 18px 44px rgba(var(--shadow-rgb), .16);--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-pill:999px;--rail-width:68px;--gap:18px;--shell-pad:22px;--sidebar-width:68px;--header-height:64px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#121513;--surface:#1c201d;--surface-2:#252a26;--surface-3:#2f352f;--line:#2c322d;--line-2:#242926;--ink:#ecefe8;--ink-2:#c7cec5;--muted:#8d958b;--muted-2:#6d756c;--pill-bg:#e8ede5;--pill-fg:#161a16;--sage:#7ca07a;--sage-l:#5c7a5c;--sage-d:#a2c39e;--sage-dd:#c0d9bc;--sage-soft:#253027;--accent-strong:#7ca07a;--accent-strong-hover:#92b48f;--accent-on:#10140f;--art-card:#2e3d30;--err:#e08578;--shadow-rgb:0, 0, 0;--status-new-bg:#22303b;--status-new-text:#9ec3de;--status-paid-bg:#24331f;--status-paid-text:#a6cfa1;--status-sent-bg:#372b1d;--status-sent-text:#e0b77e;--tier-bronze-bg:#33251c;--tier-bronze-text:#d9a276;--tier-silver-bg:#2a2e2a;--tier-silver-text:#b8bfb6;--tier-gold-bg:#332c1a;--tier-gold-text:#dcc178;--tier-platinum-bg:#262a38;--tier-platinum-text:#adb4d8;--delta-up-bg:#23311f;--delta-up-text:#a6cfa1;--delta-down-bg:#38241f;--delta-down-text:#e09a8c;--icon-lime-bg:#262e1f;--icon-lime-text:#b3c88f;--icon-gold-bg:#332c1a;--icon-gold-text:#dcc178;--icon-blue-bg:#22303b;--icon-blue-text:#9ec3de;--xfer-out:#c07a66}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#121513;--surface:#1c201d;--surface-2:#252a26;--surface-3:#2f352f;--line:#2c322d;--line-2:#242926;--ink:#ecefe8;--ink-2:#c7cec5;--muted:#8d958b;--muted-2:#6d756c;--pill-bg:#e8ede5;--pill-fg:#161a16;--sage:#7ca07a;--sage-l:#5c7a5c;--sage-d:#a2c39e;--sage-dd:#c0d9bc;--sage-soft:#253027;--accent-strong:#7ca07a;--accent-strong-hover:#92b48f;--accent-on:#10140f;--art-card:#2e3d30;--err:#e08578;--shadow-rgb:0, 0, 0;--status-new-bg:#22303b;--status-new-text:#9ec3de;--status-paid-bg:#24331f;--status-paid-text:#a6cfa1;--status-sent-bg:#372b1d;--status-sent-text:#e0b77e;--tier-bronze-bg:#33251c;--tier-bronze-text:#d9a276;--tier-silver-bg:#2a2e2a;--tier-silver-text:#b8bfb6;--tier-gold-bg:#332c1a;--tier-gold-text:#dcc178;--tier-platinum-bg:#262a38;--tier-platinum-text:#adb4d8;--delta-up-bg:#23311f;--delta-up-text:#a6cfa1;--delta-down-bg:#38241f;--delta-down-text:#e09a8c;--icon-lime-bg:#262e1f;--icon-lime-text:#b3c88f;--icon-gold-bg:#332c1a;--icon-gold-text:#dcc178;--icon-blue-bg:#22303b;--icon-blue-text:#9ec3de;--xfer-out:#c07a66}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px;line-height:1.55}h1,h2,h3,h4,h5,h6,.display-font{letter-spacing:-.02em;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ul{list-style:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:3px solid var(--bg-color);background:#d6d4cc;border-radius:99px}.app-layout{gap:var(--gap);height:100vh;padding:var(--shell-pad);background-color:var(--bg-color);flex-direction:column;display:flex;overflow:hidden}.topbar{grid-template-columns:var(--rail-width) minmax(0, 1fr) auto auto;align-items:center;gap:var(--gap);flex-shrink:0;grid-template-areas:"brand greet search tools";display:grid}.brand-mark{grid-area:brand;justify-self:center;place-items:center;width:52px;height:52px;transition:transform .18s;display:grid}.brand-mark:hover{transform:scale(1.06)}.brand-mark img{object-fit:contain;width:44px;height:44px}.topbar-greet{grid-area:greet;min-width:0}.topbar-greet-title{color:var(--ink);letter-spacing:-.03em;font-size:clamp(1.15rem,1rem + 1vw,1.65rem);font-weight:800}.topbar-greet-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.875rem;overflow:hidden}.topbar-tools{grid-area:tools;align-items:center;gap:10px;display:flex}.search-pill{background-color:var(--surface);border-radius:var(--radius-pill);width:330px;max-width:34vw;box-shadow:var(--shadow-sm);grid-area:search;align-items:center;gap:8px;padding:6px 6px 6px 22px;display:flex}.search-pill input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.875rem}.search-pill input::placeholder{color:var(--muted-2)}.search-pill-btn{background-color:var(--pill-bg);width:40px;height:40px;color:var(--pill-fg);border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .18s,background-color .18s;display:grid}.search-pill-btn:hover{background-color:var(--accent-strong);color:var(--accent-on);transform:scale(1.05)}.icon-btn{background-color:var(--surface);width:44px;height:44px;color:var(--ink-2);box-shadow:var(--shadow-sm);border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .18s,color .18s;display:grid;position:relative}.icon-btn:hover{color:var(--sage-d);transform:translateY(-2px)}.icon-btn-dot:after{content:"";border:2px solid var(--surface);background-color:#e0623f;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:11px}.shell-body{gap:var(--gap);flex:1;min-height:0;display:flex}.rail{width:var(--rail-width);scrollbar-width:none;background-color:var(--surface);min-height:0;box-shadow:var(--shadow-sm);border-radius:34px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:12px 11px;display:flex;overflow-y:auto}.rail-item{width:46px;height:46px;color:var(--muted);background:0 0;border:none;border-radius:50%;place-items:center;transition:background-color .18s,color .18s;display:grid;position:relative}.rail-item:hover{background-color:var(--surface-2);color:var(--ink)}.rail-item.active,.rail-item.active:hover{background-color:var(--pill-bg);color:var(--pill-fg)}.rail-item[data-label]:after{content:attr(data-label);background-color:var(--pill-bg);color:var(--pill-fg);white-space:nowrap;opacity:0;pointer-events:none;z-index:40;border-radius:8px;padding:6px 11px;font-size:.75rem;font-weight:600;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px)}.rail-item[data-label]:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.rail::-webkit-scrollbar{display:none}.rail-spacer{flex:1 0 12px}.rail-item-text,.show-sm{display:none}.rail-divider{background-color:var(--line);width:26px;height:1px;margin:6px 0}.rail-avatar{background-color:var(--pill-bg);width:46px;height:46px;color:var(--pill-fg);border-radius:50%;flex-shrink:0;place-items:center;font-size:.95rem;font-weight:700;display:grid}.page-container{flex:1;min-width:0;padding-bottom:8px;padding-right:4px;overflow:hidden auto}@media (max-width:1200px){.topbar{grid-template-columns:var(--rail-width) minmax(0, 1fr) auto;grid-template-areas:"brand greet tools"".search search"}.search-pill{justify-self:end;width:100%;max-width:420px}}@media (max-width:900px){.brand-mark{width:44px}.brand-mark img{width:38px;height:38px}.topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand greet tools""search search search";gap:12px}.search-pill{justify-self:stretch;max-width:none}}@media (max-width:760px){:root{--shell-pad:14px;--gap:14px}.app-layout{height:auto;min-height:100dvh;padding-bottom:0;overflow:visible}.hide-sm{display:none!important}.show-sm{display:grid}.topbar-greet-sub{font-size:.78rem}.icon-btn{width:40px;height:40px}.search-pill{padding:5px 5px 5px 18px}.search-pill-btn{width:36px;height:36px}.shell-body{flex-direction:column}.rail{z-index:60;overscroll-behavior-x:contain;width:auto;padding:8px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 22px rgba(var(--shadow-rgb), .12);border-radius:20px 20px 0 0;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:2px;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.rail-item{border-radius:14px;flex:1 0 auto;grid-auto-flow:row;place-items:center;gap:3px;width:auto;min-width:56px;height:auto;padding:6px 4px}.rail-item svg{width:19px;height:19px}.rail-item-text{letter-spacing:.01em;font-size:.62rem;font-weight:700;display:block}.rail-item[data-label]:after,.rail-spacer,.rail-divider,.rail-avatar{display:none}.page-container{padding-bottom:96px;padding-right:0;overflow:visible}}@media (max-width:420px){.topbar-greet-sub{display:none}.rail-item-text{font-size:.58rem}}.card,.panel{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:none;padding:22px}.card:hover{box-shadow:var(--shadow-md)}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-title{color:var(--ink);align-items:center;gap:8px;font-size:1rem;font-weight:800;display:flex}.panel-sub{color:var(--muted);font-size:.78rem;font-weight:500}.chip{border-radius:var(--radius-pill);background-color:var(--sage-soft);color:var(--sage-d);align-items:center;gap:6px;padding:4px 11px;font-size:.72rem;font-weight:700;display:inline-flex}.chip-dot{background-color:var(--sage);border-radius:50%;width:6px;height:6px}.chip-ghost{background-color:var(--surface-2);color:var(--muted)}.kpi-grid{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(auto-fit,minmax(215px,1fr));display:grid}.kpi-card{flex-direction:column;gap:8px;padding:20px;display:flex}.kpi-header{color:var(--muted);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.kpi-icon-wrap{border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.kpi-icon-green{background-color:var(--sage-soft);color:var(--sage-d)}.kpi-icon-lime{background-color:var(--icon-lime-bg);color:var(--icon-lime-text)}.kpi-icon-gold{background-color:var(--icon-gold-bg);color:var(--icon-gold-text)}.kpi-icon-blue{background-color:var(--icon-blue-bg);color:var(--icon-blue-text)}.kpi-value{color:var(--ink);letter-spacing:-.03em;font-size:1.85rem;font-weight:800}.kpi-trend{color:var(--muted);align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex}.trend-up{color:var(--sage-d)}.trend-down{color:var(--err)}.btn{border-radius:var(--radius-pill);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.83rem;font-weight:700;transition:all .18s;display:inline-flex}.btn-primary{background-color:var(--accent-strong);color:var(--accent-on)}.btn-primary:hover{background-color:var(--accent-strong-hover);transform:translateY(-1px)}.btn-primary:disabled{background-color:var(--muted-2);cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--surface-2);color:var(--ink-2)}.btn-secondary:hover{background-color:var(--surface-3);color:var(--ink)}.btn-wa{color:#fff;background-color:#25d366}.btn-wa:hover{background-color:#1fb855}.btn-icon{background-color:var(--surface-2);width:40px;height:40px;color:var(--ink-2);border:none;border-radius:50%;place-items:center;transition:all .18s;display:grid}.btn-icon:hover{background-color:var(--surface-3);color:var(--sage-d)}.form-group{margin-bottom:16px}.form-label{color:var(--ink-2);margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.form-input{border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--surface-2);width:100%;color:var(--ink);padding:11px 15px;font-family:inherit;font-size:.875rem;transition:border-color .18s,background-color .18s}.form-input:focus{border-color:var(--sage);background-color:var(--surface);outline:none}.table-container{border-radius:var(--radius-md);background-color:#0000;border:none;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.data-table th{background-color:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:none;padding:11px 16px;font-size:.72rem;font-weight:700}.data-table th:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.data-table th:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.data-table td{border-bottom:1px solid var(--line-2);color:var(--ink);vertical-align:middle;padding:14px 16px;font-size:.85rem}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background-color:var(--surface-2);cursor:pointer}.data-table tbody tr:last-child td{border-bottom:none}.table-header-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.search-box{width:320px;max-width:100%;position:relative}.search-box input{border-radius:var(--radius-pill);background-color:var(--surface-2);width:100%;color:var(--ink);border:1px solid #0000;padding:10px 16px 10px 40px;font-family:inherit;font-size:.85rem}.search-box input:focus{border-color:var(--sage);background-color:var(--surface);outline:none}.search-box svg{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.badge{border-radius:var(--radius-pill);letter-spacing:.03em;text-transform:uppercase;align-items:center;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.badge-new{background-color:var(--status-new-bg);color:var(--status-new-text)}.badge-paid{background-color:var(--status-paid-bg);color:var(--status-paid-text)}.badge-sent{background-color:var(--status-sent-bg);color:var(--status-sent-text)}.tier-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.tier-bronze{background-color:var(--tier-bronze-bg);color:var(--tier-bronze-text)}.tier-silver{background-color:var(--tier-silver-bg);color:var(--tier-silver-text)}.tier-gold{background-color:var(--tier-gold-bg);color:var(--tier-gold-text)}.tier-platinum{background-color:var(--tier-platinum-bg);color:var(--tier-platinum-text)}.login-page{background:linear-gradient(145deg,#26372a 0%,#3c5340 45%,#58755a 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-bg-pattern{pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#84c03c1f 0%,#0000 50%),radial-gradient(circle at 80% 70%,#f1c40f14 0%,#0000 50%),radial-gradient(circle,#ffffff08 0%,#0000 70%);position:absolute;inset:0}.login-card{background-color:var(--surface);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;padding:48px 40px 40px;position:relative;box-shadow:0 24px 80px #00000040}.login-logo-circle{background:linear-gradient(135deg, var(--green-d), var(--green-l));border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex;box-shadow:0 8px 24px #0c5a2c40}.login-logo-text{color:#fff;letter-spacing:1px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800}.login-brand{margin-bottom:24px}.login-brand-title{color:var(--green-d);font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800}.login-brand-subtitle{color:var(--muted);margin-top:-2px;font-size:.85rem}.login-welcome{background:linear-gradient(135deg, var(--cream) 0%, #e8f5e9 100%);border-radius:var(--radius-sm);text-align:left;align-items:flex-start;gap:10px;margin-bottom:28px;padding:14px 18px;display:flex}.login-welcome-icon{color:var(--green);flex-shrink:0;margin-top:2px}.login-welcome p{color:var(--green-d);margin:0;font-size:.82rem;font-weight:500;line-height:1.5}.login-icon-wrap{background-color:var(--cream);width:48px;height:48px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.login-title{color:var(--ink);margin-bottom:6px;font-size:1.2rem;font-weight:700}.login-desc{color:var(--muted);margin-bottom:24px;font-size:.88rem}.login-password-wrap{position:relative}.login-password-wrap .form-input{padding-right:44px}.login-eye-btn{color:var(--muted);background:0 0;border:none;padding:4px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-eye-btn:hover{color:var(--green)}.login-error{color:var(--err);border-radius:var(--radius-sm);text-align:left;background-color:#fef2f2;margin-bottom:16px;padding:10px 14px;font-size:.85rem;font-weight:500}.login-btn{width:100%;padding:12px;font-size:1rem}.login-footer{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:28px;font-size:.78rem;display:flex}.login-footer-line{background:var(--line);flex:1;height:1px}.modal-actions{flex-wrap:wrap;gap:12px;display:flex}.doc-link{color:var(--green);word-break:break-all;text-decoration:underline}.doc-link:hover{color:var(--green-d)}.text-muted{color:var(--muted)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.85rem}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-0{margin-bottom:0}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-title{color:var(--green-d);margin-bottom:8px;font-size:1.8rem;font-weight:800}.page-subtitle{color:var(--muted);margin-bottom:32px}.toast{border-radius:var(--radius-sm);color:#fff;z-index:200;padding:14px 20px;font-size:.9rem;font-weight:600;animation:.3s slideUp;position:fixed;bottom:24px;right:24px}.toast-success{background-color:var(--accent-strong)}.toast-error{background-color:var(--err)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background-color:#1b2a1e99;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal-content{background-color:var(--surface);border-radius:var(--radius-lg);width:90%;max-width:640px;max-height:90vh;transition:transform .3s cubic-bezier(.16,1,.3,1);overflow-y:auto;transform:translateY(20px);box-shadow:0 24px 60px #0003}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-title{color:var(--green-d);font-size:1.25rem;font-weight:800}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.modal-close:hover{background-color:var(--cream);color:var(--ink)}.modal-body{padding:32px}.detail-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.detail-value{color:var(--ink);font-weight:500}.message-box{background-color:var(--cream);border-radius:var(--radius-sm);color:var(--muted);border-left:4px solid var(--lime);padding:16px;font-style:italic}.btn-fu{border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-fu:hover{opacity:.9;transform:translateY(-1px)}.btn-fu:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{padding:6px 12px;font-size:.8rem}.fu-stage-badge{color:#fff;text-transform:uppercase;border-radius:99px;align-items:center;padding:3px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:700;display:inline-flex}.fu-section{background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--line);margin-bottom:12px;overflow:hidden}.fu-section-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;transition:background-color .15s;display:flex}.fu-section-header:hover{background-color:var(--cream)}.fu-section-body{padding:0 24px 20px}.fu-count{background-color:var(--cream-2);min-width:28px;height:24px;color:var(--muted);border-radius:99px;justify-content:center;align-items:center;padding:0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:.8rem;font-weight:700;display:inline-flex}.fu-empty{text-align:center;color:var(--muted);padding:24px;font-size:.9rem}.fu-card{border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;padding:16px;transition:box-shadow .15s}.fu-card:hover{box-shadow:var(--shadow-sm)}.fu-card:last-child{margin-bottom:0}.fu-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.fu-card-name{color:var(--ink);font-size:.95rem;font-weight:700}.fu-card-meta{color:var(--muted);margin-top:2px;font-size:.8rem}.fu-card-actions{align-items:center;gap:8px;display:flex}.fu-card-date{color:var(--muted);align-items:center;gap:4px;margin-bottom:10px;font-size:.75rem;display:flex}.fu-card-buttons{flex-wrap:wrap;gap:8px;display:flex}.crm-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}@media (max-width:900px){.crm-stats-row{grid-template-columns:repeat(2,1fr)}}.crm-stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:14px;padding:18px 20px;display:flex}.crm-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.crm-stat-value{color:var(--ink);font-family:Plus Jakarta Sans,sans-serif;font-size:1.3rem;font-weight:800}.crm-stat-label{color:var(--muted);font-size:.78rem}.crm-row{cursor:pointer}.crm-row:hover{background-color:var(--cream)!important}.btn-back{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:20px;padding:8px 0;font-size:.9rem;font-weight:600;transition:color .15s;display:inline-flex}.btn-back:hover{color:var(--green)}.crm-profile-card{margin-bottom:22px;padding:28px}.crm-profile-header{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.crm-profile-avatar{background:linear-gradient(135deg, var(--green-d), var(--green-l));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.crm-profile-avatar span{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800}.crm-profile-info{flex:1}.crm-profile-name{color:var(--ink);margin-bottom:4px;font-size:1.4rem;font-weight:800}.crm-profile-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.crm-meta-item{color:var(--muted);align-items:center;gap:5px;font-size:.85rem;display:inline-flex}.crm-profile-actions{flex-wrap:wrap;gap:10px;display:flex}.crm-detail-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}@media (max-width:900px){.crm-detail-stats{grid-template-columns:repeat(2,1fr)}}.crm-detail-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:14px;padding:18px 20px;display:flex}.crm-detail-stat-value{color:var(--ink);font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem;font-weight:800}.crm-detail-stat-label{color:var(--muted);font-size:.75rem}.crm-detail-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}@media (max-width:900px){.crm-detail-grid{grid-template-columns:1fr}}.crm-section{margin-bottom:0}.crm-section-header{border-bottom:1px solid var(--line);padding:18px 24px}.crm-section-header h3{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;display:flex}.crm-section-body{padding:20px 24px}.crm-note-input{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.crm-note-input textarea{resize:vertical;min-height:70px}.crm-notes-list{flex-direction:column;gap:10px;display:flex}.crm-note-item{background:var(--cream);border-radius:var(--radius-sm);border-left:3px solid var(--gold);padding:14px 16px}.crm-note-text{color:var(--ink);white-space:pre-wrap;margin-bottom:8px;font-size:.9rem;line-height:1.5}.crm-note-footer{justify-content:space-between;align-items:center;display:flex}.crm-note-delete{color:var(--err);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:background .15s}.crm-note-delete:hover{background:#c0392b1a}.crm-timeline{flex-direction:column;gap:0;display:flex}.crm-timeline-item{border-bottom:1px solid var(--line);gap:14px;padding:12px 0;display:flex}.crm-timeline-item:last-child{border-bottom:none}.crm-timeline-dot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.crm-timeline-content{flex:1}.crm-timeline-title{color:var(--ink);font-size:.88rem;font-weight:600}.crm-timeline-desc{color:var(--muted);margin-top:2px;font-size:.82rem}.crm-timeline-time{color:var(--muted);margin-top:4px;font-size:.72rem}.crm-tx-list{flex-direction:column;gap:12px;display:flex}.crm-tx-item{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px}.crm-tx-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.crm-tx-details{justify-content:space-between;margin-bottom:6px;font-size:.9rem;display:flex}.crm-tx-pesan{color:var(--muted);margin-bottom:6px;font-size:.82rem;font-style:italic}.crm-tx-doc{color:var(--green);align-items:center;gap:4px;font-size:.8rem;text-decoration:underline;display:inline-flex}.crm-fu-progress{flex-direction:column;gap:8px;display:flex}.crm-fu-step{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.crm-fu-step.completed{background:var(--cream)}.crm-fu-step.current{background:var(--status-new-bg)}.crm-fu-step-dot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;font-weight:700;display:flex}.crm-fu-step-label{color:var(--ink);font-size:.85rem;font-weight:700}.crm-fu-step-name{color:var(--muted);font-size:.78rem}.crm-overview-grid{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;display:grid}@media (max-width:900px){.crm-overview-grid{grid-template-columns:1fr}}.crm-overview-card{padding:24px}.crm-overview-title{color:var(--ink);align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:700;display:flex}.crm-overview-items{flex-direction:column;gap:10px;display:flex}.crm-overview-item{color:var(--ink);align-items:center;gap:10px;font-size:.88rem;display:flex}.crm-overview-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.crm-overview-count{color:var(--ink);margin-left:auto;font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.crm-empty-state{text-align:center;color:var(--muted);padding:30px 20px}.crm-empty-state p{margin-top:8px;font-size:.88rem}.btn-po{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:linear-gradient(135deg,#e6552e,#c4432a);border:none;align-items:center;gap:6px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-po:hover{opacity:.9;transform:translateY(-1px)}.po-form-section{padding:0}.po-print-area{color:#1a1a1a;background:#fff;font-family:Poppins,system-ui,sans-serif}.po-header{border-bottom:3px solid var(--green);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;display:flex}.po-header-left{align-items:flex-start;gap:14px;display:flex}.po-logo{background:linear-gradient(135deg, var(--green-d), var(--green));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800;display:flex}.po-company{color:var(--green-d);margin-bottom:2px;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:800}.po-company-detail{color:var(--muted);font-size:.72rem;line-height:1.4}.po-header-right{text-align:right;flex-shrink:0}.po-title{color:var(--green-d);letter-spacing:1px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800}.po-number{color:var(--ink);margin-top:4px;font-size:.82rem;font-weight:700}.po-date{color:var(--muted);margin-top:2px;font-size:.78rem}.po-section{margin-bottom:20px}.po-section-title{color:var(--green-d);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:700}.po-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.po-field{flex-direction:column;gap:3px;display:flex}.po-field-full{grid-column:1/-1}.po-label{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.po-value{color:var(--ink);font-size:.88rem;font-weight:600}.po-input{border:1px solid var(--line);background:var(--cream);width:100%;color:var(--ink);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:.85rem}.po-input:focus{border-color:var(--green);background:#fff;outline:none}.po-table{border-collapse:collapse;width:100%;font-size:.85rem}.po-table th{background:var(--green-d);color:#fff;text-align:left;padding:8px 12px;font-size:.78rem;font-weight:600}.po-table td{border-bottom:1px solid var(--line);padding:10px 12px}.po-table tfoot td{border-top:2px solid var(--green);border-bottom:none;padding-top:12px}.po-quote{background:var(--cream);border-left:3px solid var(--gold);color:var(--muted);border-radius:0 6px 6px 0;padding:12px 16px;font-size:.85rem;font-style:italic}.po-signatures{grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;padding-top:20px;display:grid}.po-sig{text-align:center}.po-sig-label{color:var(--muted);margin-bottom:40px;font-size:.75rem}.po-sig-line{border-top:1px solid var(--ink);margin:0 20px}.po-sig-name{color:var(--ink);font-size:.78rem;font-weight:600}.po-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:20px;padding:16px 0 0;display:flex}.po-list{flex-direction:column;gap:16px;display:flex}.po-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.po-card-header{border-bottom:1px solid var(--line);background:var(--cream);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.po-card-name{color:var(--ink);font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:700}.po-card-ref{color:var(--muted);margin-top:2px;font-size:.78rem}.po-card-qty{text-align:right}.po-card-qty-num{color:var(--green-d);font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:800}.po-card-qty-price{color:var(--gold-d);font-size:.82rem;font-weight:600}.po-card-items{padding:0 20px}.po-card-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:.88rem;display:flex}.po-card-item:last-child{border-bottom:none}.po-card-item-ref{color:var(--green-d);margin-right:8px;font-weight:600}.po-card-item-mushaf{color:var(--ink)}.po-card-item-right{align-items:center;gap:10px;display:flex}.po-card-item-qty{color:var(--ink);text-align:right;min-width:45px;font-weight:600}.po-card-item-subtotal{color:var(--green);text-align:right;min-width:100px;font-weight:700}.po-card-footer{background:var(--cream);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.po-card-number{color:var(--muted);font-size:.78rem;font-weight:600}.dash{gap:var(--gap);flex-direction:column;display:flex}.stat-strip{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-mini{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:14px;min-height:84px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex}.stat-mini:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-mini-icon{background-color:var(--surface-2);width:40px;height:40px;color:var(--sage-d);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.stat-mini-body{flex:1;min-width:0}.stat-mini-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.stat-mini-value{color:var(--ink);letter-spacing:-.03em;font-size:1.3rem;font-weight:800;line-height:1.25}.stat-mini-art{flex-shrink:0;place-items:center;display:grid}.stat-mini.is-accent{background-color:var(--sage);box-shadow:0 10px 26px #6e8a6d52}.stat-mini.is-accent .stat-mini-value{color:#fff}.stat-mini.is-accent .stat-mini-icon{color:#fff;background-color:#ffffff2e}.dash-row{gap:var(--gap);grid-template-columns:1.62fr 1fr 1fr;align-items:stretch;display:grid}.dash-row>*{min-width:0}.trend-panel{flex-direction:column;display:flex}.trend-tiles{gap:12px;margin-bottom:6px;display:flex}.trend-tile{background-color:var(--surface-2);border-radius:var(--radius-md);flex:1;padding:11px 14px}.trend-tile-label{color:var(--muted);margin-bottom:2px;font-size:.7rem;font-weight:600}.trend-tile-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trend-tile-value{color:var(--ink);letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.delta{border-radius:var(--radius-pill);align-items:center;gap:2px;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.delta-up{background-color:var(--delta-up-bg);color:var(--delta-up-text)}.delta-down{background-color:var(--delta-down-bg);color:var(--delta-down-text)}.trend-chart{flex:1;min-height:118px;margin-top:10px}.trend-chart svg{width:100%;height:100%;display:block}.trend-axis{color:var(--muted-2);justify-content:space-between;margin-top:8px;font-size:.68rem;font-weight:600;display:flex}.gauge-panel{flex-direction:column;display:flex}.gauge-lead{color:var(--muted);font-size:.72rem;font-weight:600}.gauge-amount{color:var(--sage-d);letter-spacing:-.03em;margin-top:2px;font-size:1.55rem;font-weight:800;line-height:1.2}.gauge-note{color:var(--muted);margin-top:6px;font-size:.74rem;line-height:1.45}.gauge-wrap{place-items:center;margin-top:auto;padding-top:12px;display:grid;position:relative}.gauge-wrap svg{width:100%;max-width:190px;display:block}.gauge-value{color:var(--ink);letter-spacing:-.03em;font-size:1.5rem;font-weight:800;position:absolute;bottom:2px}.profile-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.profile-crown{border-radius:var(--radius-pill);background-color:var(--tier-gold-bg);color:var(--tier-gold-text);align-items:center;gap:5px;padding:4px 10px;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:16px;left:16px}.profile-rank{background-color:var(--tier-gold-bg);width:26px;height:26px;color:var(--tier-gold-text);border:3px solid var(--surface);border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-avatar{background:linear-gradient(140deg, var(--sage), var(--accent-strong));color:#fff;border:4px solid var(--surface-2);border-radius:50%;place-items:center;width:74px;height:74px;margin-bottom:8px;font-size:1.6rem;font-weight:800;display:grid;position:relative}.profile-name{color:var(--ink);letter-spacing:-.02em;font-size:1.02rem;font-weight:800;transition:color .18s}a.profile-name:hover{color:var(--sage-d)}.profile-meta{color:var(--muted);margin-bottom:4px;font-size:.76rem}.profile-stats{width:100%;margin-top:12px;display:flex}.profile-stat{flex:1}.profile-stat-label{color:var(--muted);font-size:.68rem;font-weight:600}.profile-stat-value{color:var(--ink);margin-top:1px;font-size:1.02rem;font-weight:800}.promo-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:18px;display:grid}.promo-title{color:var(--ink);letter-spacing:-.03em;margin-bottom:10px;font-size:1.12rem;font-weight:800;line-height:1.28}.promo-desc{color:var(--muted);margin-bottom:16px;font-size:.78rem;line-height:1.6}.promo-art{background-color:var(--sage-soft);border-radius:var(--radius-md);place-items:center;min-height:168px;padding:18px 10px;display:grid}.promo-art svg{width:100%;max-width:230px;display:block}.xfer-list{flex-direction:column;gap:12px;display:flex}.xfer-item{border-left:3px solid var(--sage-l);align-items:center;gap:10px;padding-left:12px;display:flex}.xfer-item.is-out{border-left-color:var(--xfer-out)}.xfer-body{flex:1;min-width:0}.xfer-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.xfer-time{color:var(--muted-2);font-size:.68rem;font-weight:600}.callout-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.callout-icon{background-color:var(--sage-soft);width:64px;height:64px;color:var(--sage-d);border-radius:50%;place-items:center;margin-bottom:10px;display:grid}.callout-title{color:var(--ink);letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.callout-desc{color:var(--muted);margin-bottom:14px;font-size:.78rem;line-height:1.5}.seg-list{flex-direction:column;gap:12px;display:flex}.seg-row{align-items:center;gap:10px;display:flex}.seg-label{width:76px;color:var(--ink-2);flex-shrink:0;font-size:.76rem;font-weight:700}.seg-track{background-color:var(--surface-2);border-radius:99px;flex:1;height:8px;overflow:hidden}.seg-fill{background-color:var(--sage);border-radius:99px;height:100%}.seg-count{text-align:right;width:30px;color:var(--ink);flex-shrink:0;font-size:.8rem;font-weight:800}@media (max-width:1280px){.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-row{grid-template-columns:1fr 1fr}.dash-row>.trend-panel,.dash-row>.promo-panel{grid-column:1/-1}}@media (max-width:820px){.stat-strip,.dash-row,.promo-panel{grid-template-columns:1fr}}.dash-row.is-split{grid-template-columns:2fr 1fr}@media (max-width:1280px){.dash-row.is-split{grid-template-columns:1fr}}.flex-wrap{flex-wrap:wrap}.gap-3{gap:12px}.mt-2{margin-top:8px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}select.form-input{appearance:none;border-radius:var(--radius-pill);color:var(--ink-2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238B948C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-color:#0000;padding-right:36px;font-weight:600}select.form-input:focus{border-color:var(--sage)}.login-page,.po-print-area{--surface:#fff;--surface-2:#f4f3ee;--surface-3:#edece5;--line:#e8e6df;--line-2:#f0efe9;--ink:#1e2a22;--ink-2:#3a473e;--muted:#8b948c;--muted-2:#a9b0a9;--sage:#6e8a6d;--sage-l:#9db79b;--sage-d:#58755a;--sage-dd:#3c5340;--sage-soft:#e7efe5;--accent-strong:#58755a;--accent-strong-hover:#3c5340;--accent-on:#fff;--err:#b4534a;--art-card:#3c5340;--green:#58755a;--green-d:#3c5340;--green-l:#6e8a6d;--lime:#9db79b;--lime-d:#58755a;--cream:#f4f3ee;--cream-2:#edece5;--sidebar:#1b241d;--dark:#1b241d;--shadow-rgb:30, 42, 34;--shadow-sm:0 2px 10px #1e2a220d;--shadow-md:0 8px 26px #1e2a2217;--shadow-lg:0 18px 44px #1e2a2229;--status-new-bg:#e6edf3;--status-new-text:#40607a;--status-paid-bg:#e4eee3;--status-paid-text:#4a6b48;--status-sent-bg:#f5ebdd;--status-sent-text:#8a6231;--tier-bronze-bg:#f2e7dd;--tier-bronze-text:#8a5a38;--tier-silver-bg:#eaebe7;--tier-silver-text:#5c645c;--tier-gold-bg:#f6efda;--tier-gold-text:#8a6e23;--tier-platinum-bg:#e7e9f0;--tier-platinum-text:#4a5170}.profile-avatar{color:var(--accent-on)}:root[data-theme=dark] .card,:root[data-theme=dark] .panel,:root[data-theme=dark] .stat-mini,:root[data-theme=dark] .rail,:root[data-theme=dark] .icon-btn,:root[data-theme=dark] .search-pill{border:1px solid var(--line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .card,:root:not([data-theme=light]) .panel,:root:not([data-theme=light]) .stat-mini,:root:not([data-theme=light]) .rail,:root:not([data-theme=light]) .icon-btn,:root:not([data-theme=light]) .search-pill{border:1px solid var(--line)}}.stat-mini.is-accent,:root[data-theme=dark] .stat-mini.is-accent{border-color:#0000}.stat-mini.is-accent .stat-mini-label{color:#ffffffe6}::-webkit-scrollbar-thumb{background:var(--surface-3);border:3px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}.theme-toggle svg{display:block}@media (max-width:1280px){.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.card,.panel{padding:18px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.kpi-value{font-size:1.5rem}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:620px}.table-header-tools{flex-direction:column;align-items:stretch}.search-box{width:100%}.table-header-tools .flex{flex-wrap:wrap}select.form-input{width:100%!important}.trend-chart{min-height:96px}.promo-art{min-height:132px}.profile-crown{margin-bottom:10px;position:static}}@media (max-width:560px){.stat-strip{grid-template-columns:1fr}.stat-mini{min-height:72px;padding:14px 16px}.trend-tiles{flex-direction:column}.modal-content{width:calc(100vw - 28px);max-height:calc(100dvh - 120px)}.po-actions{flex-direction:column}.po-actions .btn{width:100%}.crm-profile-header{text-align:center;flex-direction:column}.crm-profile-actions{flex-wrap:wrap;justify-content:center}.fu-card-header{flex-direction:column;align-items:flex-start;gap:8px}.fu-card-buttons{flex-wrap:wrap}}.dash,.dash>*,.dash-row>*,.shell-body>*,.card,.panel,.stat-mini{min-width:0}.table-container,.app-layout{max-width:100%}@media (max-width:760px){html,body{overflow-x:hidden}}.tl-dots{align-items:center;gap:5px;display:flex}.tl-dot{background:var(--surface-3);border:1.5px solid var(--line);border-radius:50%;width:11px;height:11px;transition:all .15s}.tl-dot.done{background:var(--sage-l);border-color:var(--sage-d)}.tl-dot.current{background:var(--surface);border-color:var(--brand-gold);box-shadow:0 0 0 3px #e2be4b40}.vtl{padding-top:4px}.vtl-item{gap:14px;padding-bottom:24px;display:flex;position:relative}.vtl-item:not(:last-child):before{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:38px;bottom:4px;left:17px}.vtl-item.done:not(:last-child):before{background:var(--sage-l);opacity:.55}.vtl-dot{background:var(--surface-2);width:36px;height:36px;color:var(--muted);border:2px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.vtl-item.current .vtl-dot{border-color:var(--brand-gold);color:#8a6e23;background:#fff9e8;box-shadow:0 0 0 4px #e2be4b2e}:root[data-theme=dark] .vtl-item.current .vtl-dot{background:#2e2913}.vtl-body{flex:1;min-width:0;padding-top:5px}.vtl-label{color:var(--ink);flex-wrap:wrap;align-items:center;gap:10px;font-size:.93rem;font-weight:700;display:flex}.vtl-now{text-transform:uppercase;letter-spacing:.4px;color:#8a6e23;border-radius:var(--radius-pill);background:#e2be4b29;padding:2px 9px;font-size:.68rem;font-weight:700}.vtl-desc{color:var(--muted);margin-top:2px;font-size:.8rem}.vtl-meta{color:var(--ink-2);background:var(--surface-2);border-radius:var(--radius-sm);flex-wrap:wrap;gap:14px;margin-top:7px;padding:8px 12px;font-size:.79rem;display:flex}.vtl-meta a{align-items:center;gap:4px;display:inline-flex}.batch-tabs{margin-bottom:var(--gap);flex-wrap:wrap;gap:8px;display:flex}.batch-tab{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;padding:9px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.batch-tab:hover{border-color:var(--sage-l);color:var(--sage-d)}.batch-tab.active{background:var(--pill-bg);color:var(--pill-fg);border-color:#0000}.loc-list{flex-direction:column;gap:10px;display:flex}.loc-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:14px;padding:12px 16px;display:flex}.loc-icon{border-radius:var(--radius-sm);background:var(--icon-lime-bg);width:38px;height:38px;color:var(--icon-lime-text);flex-shrink:0;place-items:center;display:grid}.loc-body{flex:1;min-width:0}.loc-name{color:var(--ink);font-size:.92rem;font-weight:700}.loc-total{border-radius:var(--radius-sm);background:var(--surface-3);color:var(--ink-2);text-align:right;margin-top:12px;padding:10px 14px;font-size:.85rem}.flow-bars{align-items:center;gap:3px;height:16px;display:flex}.flow-in,.flow-out{border-radius:3px;min-width:4px;height:100%}.flow-in{background:var(--sage-l)}.flow-out{background:var(--xfer-out)}.fin-split{grid-template-columns:3fr 2fr}@media (max-width:1100px){.fin-split{grid-template-columns:1fr}}.stat-strip.is-five{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1100px){.stat-strip.is-five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.stat-strip.is-five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.stat-strip.is-five{grid-template-columns:1fr}}.stats-grid{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.stat-card{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;min-width:0;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{color:var(--ink);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:1.7rem;font-weight:800;line-height:1.15}.stat-label{color:var(--muted);font-size:.78rem;font-weight:600}:root[data-theme=dark] .stat-card{border:1px solid var(--line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .stat-card{border:1px solid var(--line)}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.4rem}}.mx-auto{margin-left:auto;margin-right:auto;display:block}.mb-3{margin-bottom:12px}.seg-list.is-money .seg-label{flex:none;width:auto;min-width:88px;max-width:42%}.seg-list.is-money .seg-track{min-width:32px}.seg-list.is-money .seg-count{white-space:nowrap;flex-shrink:0;width:auto;min-width:0;font-size:.76rem}.stat-edit{border-radius:var(--radius-pill);background-color:var(--surface-2);color:var(--muted);border:none;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-family:inherit;font-size:.68rem;font-weight:700;transition:background-color .18s,color .18s;display:inline-flex}.stat-edit:hover{background-color:var(--surface-3);color:var(--sage-d)}.saldo-edit{align-items:center;gap:8px;display:flex}.saldo-edit .form-input{min-width:0;padding:7px 10px;font-size:.95rem;font-weight:700}.saldo-edit .btn-icon{flex-shrink:0;width:34px;height:34px}.goal-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.goal-value{color:var(--ink);letter-spacing:-.04em;font-size:2.1rem;font-weight:800;line-height:1}.goal-target{color:var(--muted);font-size:.85rem;font-weight:700}.goal-bar{border-radius:var(--radius-pill);background-color:var(--surface-2);height:10px;margin-bottom:12px;overflow:hidden}.goal-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--sage-l), var(--sage));min-width:4px;height:100%;display:block}.goal-meta{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-bottom:18px;font-size:.76rem;font-weight:600;display:flex}.goal-meta b{color:var(--ink);font-weight:800}@media (max-width:560px){.goal-value{font-size:1.75rem}}