@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--ink-50:#f5f7fb;--ink-100:#edf1f7;--ink-200:#dce2ee;--ink-300:#c3ccdd;--ink-400:#98a3ba;--ink-500:#6b7589;--ink-600:#4e586c;--ink-700:#3a4357;--ink-800:#1a2233;--ink-900:#0b1326;--ink-950:#0a0f1c;--white:#fff;--cobalt-50:#eef2ff;--cobalt-100:#dde4ff;--cobalt-200:#bfccff;--cobalt-300:#94a8ff;--cobalt-400:#6076f5;--cobalt-500:#3b5beb;--cobalt-600:#2b4be0;--cobalt-700:#1e3ac4;--cobalt-800:#1a309b;--cobalt-900:#182b7a;--cobalt-950:#111b4d;--ai-50:#f1effe;--ai-100:#e6e2fd;--ai-200:#d0c8fb;--ai-300:#b2a6f9;--ai-400:#8e7bf7;--ai-500:#6d5df6;--ai-600:#5a45e8;--ai-700:#4a35c9;--ai-800:#3d2ea3;--ai-900:#342a80;--success-50:#e7f5ef;--success-100:#c7e8d8;--success-500:#1ba871;--success-600:#15935f;--success-700:#0f7a4d;--warning-50:#fbf1e0;--warning-100:#f6e0bb;--warning-500:#ec9a1e;--warning-600:#d9890b;--warning-700:#b26f08;--danger-50:#fceaea;--danger-100:#f8d0d0;--danger-500:#e63946;--danger-600:#dc2626;--danger-700:#b91c1c;--info-50:#e8f0fe;--info-100:#cfe0fd;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--background:var(--ink-50);--surface:var(--white);--surface-raised:var(--white);--surface-sunken:var(--ink-100);--border:var(--ink-200);--border-strong:var(--ink-300);--border-focus:var(--cobalt-600);--text:var(--ink-900);--text-secondary:var(--ink-700);--text-muted:var(--ink-500);--text-inverse:var(--white);--text-link:var(--cobalt-600);--sidebar-bg:#0b1326;--sidebar-bg-2:#0e1730;--sidebar-text:#cdd4e0;--sidebar-muted:#7a879f;--sidebar-active:rgba(43,75,224,.18);--sidebar-border:hsla(0,0%,100%,.07);--font-ui:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;--text-display:2.5rem;--text-h1:2rem;--text-h2:1.5rem;--text-h3:1.25rem;--text-h4:1.0625rem;--text-body:0.9375rem;--text-sm:0.8125rem;--text-caption:0.75rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-caps:0.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--container-max:1320px;--sidebar-w:248px;--sidebar-w-collapsed:72px;--topbar-h:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(11,19,38,.05),0 1px 3px rgba(11,19,38,.04);--shadow-md:0 4px 12px rgba(11,19,38,.08),0 2px 4px rgba(11,19,38,.04);--shadow-lg:0 16px 40px rgba(11,19,38,.16),0 4px 12px rgba(11,19,38,.08);--shadow-focus:0 0 0 3px rgba(43,75,224,.22);--shadow-focus-ai:0 0 0 3px rgba(109,93,246,.22);--ease-out:cubic-bezier(0.22,1,0.36,1);--dur-fast:150ms;--dur-base:200ms;--chart-1:#2b4be0;--chart-2:#6d5df6;--chart-3:#15935f;--chart-4:#d9890b;--chart-5:#2563eb;--chart-grid:var(--ink-200);--chart-axis:var(--ink-400)}.theme-dark,[data-theme=dark]{--background:var(--ink-950);--surface:#0e1424;--surface-raised:#131b2e;--surface-sunken:#0a0f1c;--border:#20293d;--border-strong:#2c3650;--border-focus:var(--cobalt-400);--text:#edf1f7;--text-secondary:#b6c0d4;--text-muted:#7a879f;--text-inverse:var(--ink-950);--text-link:var(--cobalt-300);--cobalt-600:#4262e8;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 6px 16px rgba(0,0,0,.5);--shadow-lg:0 20px 48px rgba(0,0,0,.6);--chart-grid:#20293d;--chart-axis:#4e586c}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--text-body);line-height:1.5;color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv05" 1,"ss01" 1}.kpi-value,.money,.mono,.tnum,td.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.mono{font-family:var(--font-mono)}.type-display{font-size:var(--text-display);line-height:1.1}.type-display,.type-h1{font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.type-h1{font-size:var(--text-h1);line-height:1.15}.type-h2{font-size:var(--text-h2);line-height:1.2;letter-spacing:var(--tracking-tight)}.type-h2,.type-h3{font-weight:var(--weight-semibold)}.type-h3{font-size:var(--text-h3);line-height:1.3}.type-h4{font-size:var(--text-h4);font-weight:var(--weight-semibold);line-height:1.35}.type-body{font-size:var(--text-body);font-weight:var(--weight-regular);line-height:1.55}.type-sm{font-size:var(--text-sm);line-height:1.5}.type-caption{line-height:1.4}.type-caption,.type-label{font-size:var(--text-caption);color:var(--text-muted)}.type-label{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-body);font-weight:var(--weight-semibold);line-height:1;letter-spacing:0;white-space:nowrap;height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:active{transform:translateY(.5px)}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn .ic{width:18px;height:18px;flex:none}.btn-primary{background:var(--cobalt-600);color:#fff}.btn-primary:hover{background:var(--cobalt-700)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--ink-50);border-color:var(--ink-400)}[data-theme=dark] .btn-secondary:hover{background:var(--surface-raised)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--ink-100);color:var(--text)}[data-theme=dark] .btn-ghost:hover{background:var(--surface-raised)}.btn-danger{background:var(--danger-600);color:#fff}.btn-danger:hover{background:var(--danger-700)}.btn-ai{background:var(--ai-500);color:#fff}.btn-ai:hover{background:var(--ai-600)}.btn-ai:focus-visible{box-shadow:var(--shadow-focus-ai)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-h4)}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:32px}.btn-block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.is-loading{color:transparent!important;position:relative;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid;border-top:2px solid transparent;border-radius:50%;color:#fff;animation:gf-spin .6s linear infinite}.btn-ghost.is-loading:after,.btn-secondary.is-loading:after{color:var(--cobalt-600)}@keyframes gf-spin{to{transform:rotate(1turn)}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.field-hint{color:var(--text-muted)}.field-error,.field-hint{font-size:var(--text-caption)}.field-error{color:var(--danger-600);display:flex;align-items:center;gap:4px}.input,.select,.textarea{width:100%;height:40px;padding:0 var(--space-3);font-family:var(--font-ui);font-size:var(--text-body);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.textarea{height:auto;padding:var(--space-3);line-height:1.5;resize:vertical;min-height:88px}.input::placeholder,.textarea::placeholder{color:var(--ink-400)}.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-400)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.input:disabled{background:var(--ink-100);color:var(--text-muted);cursor:not-allowed}.input.is-error,.select.is-error{border-color:var(--danger-600)}.input.is-error:focus{box-shadow:0 0 0 3px rgba(220,38,38,.18)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7589' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right var(--space-3) center}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:var(--space-8)}.input-group .affix{position:absolute;left:var(--space-3);color:var(--text-muted);font-size:var(--text-body);pointer-events:none;display:flex;align-items:center}.input-money{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-right:var(--space-3);padding-left:var(--space-8)}.switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.switch input{position:absolute;opacity:0}.switch .track{width:38px;height:22px;border-radius:var(--radius-full);background:var(--ink-300);transition:background var(--dur-fast);position:relative;flex:none}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out)}.switch input:checked+.track{background:var(--cobalt-600)}.switch input:checked+.track:after{transform:translateX(16px)}.switch input:focus-visible+.track{box-shadow:var(--shadow-focus)}.checkbox{width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--surface);transition:background var(--dur-fast),border-color var(--dur-fast);flex:none}.checkbox.is-checked{background:var(--cobalt-600);border-color:var(--cobalt-600)}.checkbox svg{width:12px;height:12px;color:#fff;opacity:0;transition:opacity var(--dur-fast)}.checkbox.is-checked svg{opacity:1}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px 0 7px;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;flex:none}.badge .ic{width:12px;height:12px;flex:none}.badge-pagado{background:var(--success-50);color:var(--success-700)}.badge-pendiente{background:var(--warning-50);color:var(--warning-700)}.badge-remesa{background:var(--info-50);color:var(--info-700)}.badge-devuelto{background:var(--danger-50);color:var(--danger-700)}.badge-moroso{background:var(--danger-600);color:#fff}.badge-neutral{background:var(--ink-100);color:var(--ink-700)}.badge-ai{background:var(--ai-50);color:var(--ai-700)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--space-6)}.card-hover{transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.kpi{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-6)}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted)}.kpi-ic{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--cobalt-50);color:var(--cobalt-600)}.kpi-value{font-size:1.75rem;font-weight:var(--weight-bold);letter-spacing:-.01em;line-height:1;color:var(--text)}.kpi-value .cur{font-size:1.1rem;font-weight:var(--weight-semibold);color:var(--text-muted)}.kpi-foot{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.kpi-foot,.trend{align-items:center}.trend{display:inline-flex;gap:3px;font-weight:var(--weight-semibold)}.trend-up{color:var(--success-600)}.trend-down{color:var(--danger-600)}.trend .ic{width:14px;height:14px}.table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}table.data{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}table.data thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--surface-sunken);color:var(--text-muted);font-weight:var(--weight-semibold);font-size:var(--text-caption);letter-spacing:.02em;text-align:left;padding:10px var(--space-4);white-space:nowrap;border-bottom:1px solid var(--border)}table.data thead th.num{text-align:right}table.data thead th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}table.data thead th.sortable:hover{color:var(--text)}table.data thead th .sort-ic{display:inline-block;width:12px;height:12px;vertical-align:-2px;margin-left:3px;opacity:.5}table.data tbody td{padding:12px var(--space-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}table.data tbody tr{transition:background var(--dur-fast)}table.data tbody tr:hover{background:var(--cobalt-50)}[data-theme=dark] table.data tbody tr:hover{background:rgba(43,75,224,.1)}table.data tbody tr.is-selected{background:var(--cobalt-50)}table.data td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}table.data td.mono{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-secondary)}table.data .row-checkbox{width:40px}.density-comfortable table.data tbody td{padding:16px var(--space-4)}.density-comfortable table.data thead th{padding:14px var(--space-4)}table.data tfoot td{padding:12px var(--space-4);border-top:2px solid var(--border-strong);font-weight:var(--weight-bold);background:var(--surface-sunken);white-space:nowrap}table.data tfoot td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table-toolbar{gap:var(--space-3);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.pagination,.table-toolbar{display:flex;align-items:center;padding:var(--space-3) var(--space-4)}.pagination{justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted)}.pagination .pages{display:flex;gap:2px}.page-btn{min-width:32px;height:32px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.page-btn:hover{background:var(--ink-100)}.page-btn.is-active{background:var(--cobalt-600);color:#fff}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);overflow-x:auto}.tab{position:relative;padding:10px var(--space-3);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-muted);background:none;border:none;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast)}.tab:hover{color:var(--text)}.tab.is-active{color:var(--cobalt-700);font-weight:var(--weight-semibold)}.tab.is-active:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:-1px;height:2px;background:var(--cobalt-600);border-radius:2px}.tab .count{margin-left:6px;font-size:var(--text-caption);color:var(--text-muted);background:var(--ink-100);padding:1px 6px;border-radius:var(--radius-full)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--text)}.breadcrumb .sep{color:var(--ink-300)}.breadcrumb .current{color:var(--text);font-weight:var(--weight-medium)}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast)}.chip:hover{border-color:var(--ink-400)}.chip.is-active{background:var(--cobalt-50);border-color:var(--cobalt-300);color:var(--cobalt-700);font-weight:var(--weight-medium)}.chip .ic{width:14px;height:14px}.tip{position:relative;display:inline-flex}.tip .tip-body{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--ink-900);color:#fff;font-size:var(--text-caption);font-weight:var(--weight-medium);padding:6px 9px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-fast),transform var(--dur-fast);box-shadow:var(--shadow-md);z-index:50}.tip .tip-body:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--ink-900)}.tip:hover .tip-body{opacity:1;transform:translateX(-50%) translateY(0)}.banner{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;align-items:flex-start}.banner .ic{width:20px;height:20px;flex:none;margin-top:1px}.banner-title{font-weight:var(--weight-semibold);font-size:var(--text-body);margin:0 0 2px}.banner-text{font-size:var(--text-sm);margin:0}.banner-actions{margin-top:var(--space-3);display:flex;gap:var(--space-2)}.banner-danger{background:var(--danger-50);border-color:var(--danger-100);color:var(--danger-700)}.banner-warning{background:var(--warning-50);border-color:var(--warning-100);color:var(--warning-700)}.banner-info{background:var(--info-50);border-color:var(--info-100);color:var(--info-700)}.banner-danger .banner-text,.banner-info .banner-text,.banner-warning .banner-text{color:var(--text-secondary)}.ai-card{position:relative;border-radius:var(--radius-lg);padding:var(--space-5);background:var(--ai-50);border:1px solid var(--ai-200);overflow:hidden}[data-theme=dark] .ai-card{background:rgba(109,93,246,.1);border-color:rgba(109,93,246,.3)}.ai-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ai-500)}.ai-tag{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--ai-700);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.ai-tag .ic{width:14px;height:14px}.ai-card .ai-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.ai-seal{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);border:1px dashed var(--ai-400);color:var(--ai-700);background:var(--ai-50);font-size:var(--text-caption);font-weight:var(--weight-semibold)}.scrim{position:fixed;inset:0;background:rgba(10,15,28,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:grid;place-items:center;padding:var(--space-6)}.modal{width:100%;max-width:520px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.modal-head{padding:var(--space-6) var(--space-6) var(--space-4);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.modal-body{padding:0 var(--space-6)}.modal-foot{padding:var(--space-6);display:flex;justify-content:flex-end;gap:var(--space-3)}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:92vw;background:var(--surface);box-shadow:var(--shadow-lg);z-index:101;display:flex;flex-direction:column}.drawer-head{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.drawer-body{padding:var(--space-6);overflow:auto;flex:1 1}.toast{display:flex;align-items:center;gap:var(--space-3);background:var(--ink-900);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);min-width:280px}.toast .ic{width:18px;height:18px;flex:none}.toast-success .ic{color:#5be3a7}.toast-danger .ic{color:#ff8a8a}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-12) var(--space-6)}.empty-art{width:88px;height:88px;border-radius:var(--radius-xl);display:grid;place-items:center;background:var(--cobalt-50);color:var(--cobalt-400);margin-bottom:var(--space-2)}.empty-art .ic{width:40px;height:40px}.empty h4{margin:0;font-size:var(--text-h4);font-weight:var(--weight-semibold);color:var(--text)}.empty p{margin:0;max-width:340px;color:var(--text-muted);font-size:var(--text-sm)}.skel{background:linear-gradient(90deg,var(--ink-100) 25%,var(--ink-200) 37%,var(--ink-100) 63%);background-size:400% 100%;animation:gf-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}[data-theme=dark] .skel{background:linear-gradient(90deg,#131b2e 25%,#1b2640 37%,#131b2e 63%);background-size:400% 100%}@keyframes gf-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skel-text{height:12px;border-radius:var(--radius-full)}.skel-line{height:40px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--cobalt-100);color:var(--cobalt-700);flex:none}.avatar,.sum-pill{font-size:var(--text-caption);font-weight:var(--weight-semibold)}.sum-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-full);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sum-ok{background:var(--success-50);color:var(--success-700)}.sum-bad{background:var(--danger-50);color:var(--danger-700)}.sum-bad .ic,.sum-ok .ic{width:12px;height:12px}@keyframes gf-paid{0%{background:var(--success-50)}to{background:transparent}}.row-paid-flash{animation:gf-paid 1.2s var(--ease-out)}@keyframes gf-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.pop-in{animation:gf-pop .4s var(--ease-out)}.divider{height:1px;background:var(--border);border:0;margin:0}.gf-app{display:flex;min-height:100vh;background:var(--background)}.gf-sidebar{width:var(--sidebar-w);flex:none;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);position:-webkit-sticky;position:sticky;top:0;height:100vh}.gf-brand{display:flex;align-items:center;gap:10px;padding:6px var(--space-3) var(--space-5);color:#fff;font-weight:800;font-size:16px;letter-spacing:-.02em}.gf-brand .ai{color:var(--ai-400)}.gf-brand .mark{width:30px;height:30px;border-radius:8px;flex:none;background:linear-gradient(135deg,var(--cobalt-500),var(--cobalt-700));display:grid;place-items:center;color:#fff;font-size:15px}.gf-nav{display:flex;flex-direction:column;gap:2px}.gf-nav-label{font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--sidebar-muted);padding:var(--space-4) var(--space-3) var(--space-2)}.gf-nav-item{display:flex;align-items:center;gap:10px;padding:9px var(--space-3);border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;font-size:var(--text-body);font-weight:500;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast)}.gf-nav-item:hover{background:hsla(0,0%,100%,.05);color:#fff}.gf-nav-item.is-active{background:var(--sidebar-active);color:#fff}.gf-nav-item .ic{width:18px;height:18px;flex:none;opacity:.9}.gf-side-foot{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--sidebar-border)}.gf-side-user{color:var(--sidebar-text);font-size:var(--text-sm);padding:0 var(--space-3) var(--space-3)}.gf-side-user .role{color:var(--sidebar-muted);font-size:var(--text-caption)}.gf-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.gf-topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-8);background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.gf-topbar .search{flex:1 1;max-width:420px}.gf-content{padding:var(--space-8);max-width:var(--container-max);width:100%}.gf-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.gf-grid-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:860px){.gf-sidebar{width:64px}.gf-brand span,.gf-nav-item span,.gf-nav-label,.gf-side-user{display:none}.gf-content,.gf-topbar{padding-left:var(--space-4);padding-right:var(--space-4)}}