.gb-app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.gb-sidebar{background:var(--gb-black);color:var(--gb-cream);padding:28px 20px;display:flex;flex-direction:column;gap:28px}.gb-brand{display:flex;align-items:center;gap:12px}.gb-brand .wm{font-weight:800;letter-spacing:.14em;font-size:16px}.gb-eyebrow{font-family:var(--gb-font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gb-text-muted)}.gb-nav{display:flex;flex-direction:column;gap:4px}.gb-nav button{all:unset;cursor:pointer;padding:11px 14px;border-radius:10px;font-size:14px;color:#cfc7bd;display:flex;align-items:center;gap:10px;border-left:3px solid transparent}.gb-nav button:hover{background:#ffffff0d}.gb-nav button.active{background:#d4af3724;color:var(--gb-gold);border-left-color:var(--gb-gold)}.gb-profile{margin-top:auto;padding-top:20px;border-top:1px solid var(--gb-border-inverse);font-size:13px;color:#cfc7bd}.gb-profile .who{font-weight:700;color:var(--gb-cream)}.gb-logout{all:unset;cursor:pointer;margin-top:8px;font-family:var(--gb-font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gb-gold-dark)}.gb-main{display:flex;flex-direction:column;min-width:0}.gb-topbar{background:var(--gb-white);border-bottom:1px solid var(--gb-border-light);padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.gb-topbar .eyebrow{font-family:var(--gb-font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gb-gold-dark)}.gb-topbar h1{margin:2px 0 0;font-size:26px;font-weight:800}.gb-topbar .right{display:flex;align-items:center;gap:12px}.gb-search{height:44px;width:260px;background:var(--gb-cream);border:1px solid var(--gb-border-light);border-radius:12px;padding:0 14px;font:inherit;font-size:14px}.gb-btn{all:unset;cursor:pointer;height:44px;padding:0 18px;border-radius:16px;background:var(--gb-black);color:var(--gb-white);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-sizing:border-box}.gb-btn.secondary{background:var(--gb-white);color:var(--gb-black);border:1px solid var(--gb-border-medium)}.gb-btn.gold{background:var(--gb-gold);color:var(--gb-black)}.gb-btn:disabled{opacity:.5;cursor:default}.gb-body{padding:32px 40px;display:flex;flex-direction:column;gap:28px}.gb-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gb-metric{background:var(--gb-white);border:1px solid var(--gb-border-light);border-radius:24px;padding:24px;box-shadow:var(--gb-shadow-xs)}.gb-metric .label{font-family:var(--gb-font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gb-text-muted)}.gb-metric .value{font-size:30px;font-weight:800;margin:8px 0 4px}.gb-metric .cap{font-family:var(--gb-font-mono);font-size:10px;letter-spacing:.1em;color:var(--gb-text-muted)}.gb-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gb-chips{display:flex;gap:8px;flex-wrap:wrap}.gb-chip{all:unset;cursor:pointer;padding:8px 16px;border-radius:999px;font-size:13px;background:var(--gb-white);color:var(--gb-text-secondary);border:1px solid var(--gb-border-medium)}.gb-chip.active{background:var(--gb-black);color:var(--gb-white);border-color:var(--gb-black)}.gb-table{background:var(--gb-white);border-radius:24px;box-shadow:var(--gb-shadow-sm);overflow:hidden}.gb-tr{display:grid;grid-template-columns:2.4fr 1.6fr 1.1fr 1.2fr 1fr 44px;gap:16px;align-items:center;padding:16px 24px}.gb-thead{background:var(--gb-cream);font-family:var(--gb-font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gb-text-muted)}.gb-row{border-top:1px solid var(--gb-border-light);cursor:pointer;transition:background .15s var(--gb-ease)}.gb-row:hover{background:var(--gb-cream)}.gb-crumb{font-size:14px}.gb-crumb .muted{color:var(--gb-text-muted);font-weight:600}.gb-crumb .sep{color:var(--gb-gold-dark);margin:0 6px}.gb-crumb .strong{color:var(--gb-black);font-weight:700}.gb-folio{font-family:var(--gb-font-mono);font-size:11px;color:var(--gb-text-muted);margin-top:3px}.gb-codechip{font-family:var(--gb-font-mono);font-size:11px;color:var(--gb-gold-dark);background:var(--gb-accent-chip-bg);border-radius:6px;padding:2px 7px;margin-right:8px}.gb-legal{color:var(--gb-text-secondary);font-size:13px}.gb-cell-mono{font-family:var(--gb-font-mono);font-size:12px;color:var(--gb-text-secondary)}.gb-amount{font-weight:700;font-size:15px;text-align:right}.gb-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600}.gb-badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.gb-empty,.gb-loading-wrap{padding:64px;text-align:center;color:var(--gb-text-secondary)}.gb-skel{height:20px;border-radius:8px;background:#14120f17;animation:gbshimmer 1.4s ease-in-out infinite}@keyframes gbshimmer{0%,to{opacity:.5}50%{opacity:1}}.gb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120f52;z-index:40}.gb-drawer{position:fixed;top:0;right:0;height:100vh;width:480px;max-width:100vw;background:var(--gb-white);box-shadow:var(--gb-shadow-drawer);z-index:50;display:flex;flex-direction:column}.gb-drawer header{padding:24px;border-bottom:1px solid var(--gb-border-light)}.gb-drawer .scroll{overflow-y:auto;padding:24px;flex:1;display:flex;flex-direction:column;gap:20px}.gb-drawer footer{padding:16px 24px;border-top:1px solid var(--gb-border-light);display:flex;gap:12px}.gb-metagrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gb-metagrid .cell{background:var(--gb-cream);border-radius:16px;padding:12px}.gb-metagrid .k{font-family:var(--gb-font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gb-text-muted)}.gb-metagrid .v{font-weight:700;font-size:13px;margin-top:4px}.gb-section-title{font-family:var(--gb-font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gb-gold-dark);margin-bottom:8px}.gb-line{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--gb-border-light);gap:12px}.gb-line .lbl{font-size:13px}.gb-line .lmeta{font-family:var(--gb-font-mono);font-size:10px;color:var(--gb-text-muted)}.gb-line .amt{font-weight:700;font-size:13px;white-space:nowrap}.gb-totalbox{background:var(--gb-black);color:var(--gb-cream);border-radius:20px;padding:20px}.gb-totalbox .row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.gb-totalbox .grand{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--gb-gold-dark);padding-top:12px;margin-top:4px}.gb-totalbox .grand .t{font-family:var(--gb-font-mono);font-size:11px;letter-spacing:.14em}.gb-totalbox .grand .n{font-size:24px;font-weight:800;color:var(--gb-gold)}.gb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120f6b;z-index:60;display:grid;place-items:center;padding:24px}.gb-modal{background:var(--gb-white);border-radius:24px;box-shadow:var(--gb-shadow-md);width:720px;max-width:100%;max-height:90vh;overflow-y:auto;padding:28px}.gb-modal h2{margin:0 0 20px;font-size:20px;font-weight:800}.gb-field{margin-bottom:14px}.gb-field label{display:block;font-family:var(--gb-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gb-text-muted);margin-bottom:6px}.gb-input,.gb-select,.gb-textarea{width:100%;border:1px solid var(--gb-border-medium);border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;background:var(--gb-white);box-sizing:border-box}.gb-textarea{min-height:64px;resize:vertical}.gb-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gb-lineedit{display:grid;grid-template-columns:22px 2fr 1.3fr .9fr 1fr .8fr 30px 26px;gap:8px;align-items:center;margin-bottom:8px}.gb-lineedit input,.gb-lineedit select{border:1px solid var(--gb-border-medium);border-radius:10px;padding:8px;font:inherit;font-size:13px;min-width:0;box-sizing:border-box}.gb-rscell{display:grid;place-items:center}.gb-rscell input{width:16px;height:16px;cursor:pointer}.gb-draghandle{cursor:grab;color:var(--gb-text-muted);text-align:center;font-size:15px;-webkit-user-select:none;user-select:none}.gb-draghandle:active{cursor:grabbing}.gb-linehdr{display:grid;grid-template-columns:22px 2fr 1.3fr .9fr 1fr .8fr 30px 26px;gap:8px;font-family:var(--gb-font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--gb-text-muted);margin-bottom:6px}.gb-iconbtn{all:unset;cursor:pointer;color:var(--gb-overdue, #b42318);text-align:center;font-weight:700}.gb-modal-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.gb-formtotal{font-weight:800;font-size:18px}.gb-error{color:#b42318;font-size:13px;margin:8px 0}.gb-login{min-height:100vh;display:grid;place-items:center;padding:24px}.gb-login .card{background:var(--gb-white);border:1px solid var(--gb-border-light);border-radius:24px;box-shadow:var(--gb-shadow-sm);padding:40px;width:380px;max-width:100%;text-align:center}.gb-login .tile{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--gb-black);margin:0 auto 20px}.gb-x{all:unset;cursor:pointer;font-size:20px;color:var(--gb-text-muted);line-height:1}.gb-clients{background:var(--gb-white);border-radius:24px;box-shadow:var(--gb-shadow-sm);overflow:hidden}.gb-client-row{display:grid;grid-template-columns:64px 1.4fr 1fr 84px 160px;gap:16px;align-items:center;padding:14px 24px;border-top:1px solid var(--gb-border-light)}.gb-portal{max-width:700px;margin:0 auto;padding:48px 20px 80px}.gb-portal .gb-tr:first-child{border-top:none}:root{--gb-black: #14120f;--gb-gold: #d4af37;--gb-gold-dark: #a88724;--gb-cream: #faf8f3;--gb-white: #ffffff;--gb-text-secondary: #5f574f;--gb-text-muted: #8b837b;--gb-dark-2: #1b1916;--gb-dark-3: #24211d;--gb-border-light: rgba(20, 18, 15, .08);--gb-border-medium: rgba(20, 18, 15, .14);--gb-border-inverse: rgba(255, 255, 255, .12);--gb-paid: #2e7d4f;--gb-paid-bg: rgba(46, 125, 79, .12);--gb-pending: #b7791f;--gb-pending-bg: rgba(183, 121, 31, .12);--gb-overdue: #b42318;--gb-overdue-bg: rgba(180, 35, 24, .1);--gb-draft: #8b837b;--gb-draft-bg: rgba(20, 18, 15, .06);--gb-info: #246bce;--gb-accent-chip-bg: rgba(212, 175, 55, .14);--gb-font-sans: "Archivo", system-ui, -apple-system, sans-serif;--gb-font-mono: "Space Mono", ui-monospace, "SFMono-Regular", monospace;--gb-radius-chip: 6px;--gb-radius-input: 12px;--gb-radius-button: 16px;--gb-radius-total: 20px;--gb-radius-card: 24px;--gb-radius-pill: 999px;--gb-shadow-xs: 0 1px 2px rgba(20, 18, 15, .05);--gb-shadow-sm: 0 4px 12px rgba(20, 18, 15, .07);--gb-shadow-md: 0 12px 32px rgba(20, 18, 15, .09);--gb-shadow-drawer: -24px 0 64px rgba(20, 18, 15, .12);--gb-ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--gb-font-sans);background:var(--gb-cream);color:var(--gb-black);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}