:root{--color-bg-canvas:#090c10;--color-bg-surface:#121824;--color-bg-card:#182232;--color-bg-card-hover:#1f2b3e;--color-bg-elevated:#243248;--color-bg-overlay:rgba(9, 12, 16, 0.88);--color-border-subtle:#223046;--color-border-medium:#2e415e;--color-border-focus:#10b981;--color-border-danger:#ef4444;--color-text-title:#f8fafc;--color-text-body:#e2e8f0;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#090c10;--color-accent-cash:#10b981;--color-accent-cash-bg:rgba(16, 185, 129, 0.12);--color-accent-cash-glow:rgba(16, 185, 129, 0.25);--color-accent-warn:#f59e0b;--color-accent-warn-bg:rgba(245, 158, 11, 0.12);--color-accent-danger:#ef4444;--color-accent-danger-bg:rgba(239, 68, 68, 0.12);--color-accent-info:#38bdf8;--color-accent-info-bg:rgba(56, 189, 248, 0.12);--font-ui:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono:'JetBrains Mono', monospace;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 20px rgba(0, 0, 0, 0.45);--shadow-lg:0 10px 40px rgba(0, 0, 0, 0.6);--shadow-cash:0 0 25px rgba(16, 185, 129, 0.2);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:250ms cubic-bezier(0.4, 0, 0.2, 1);}
@import url('tokens.css');*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}body{background-color:var(--color-bg-canvas);color:var(--color-text-body);font-family:var(--font-ui);font-size:15px;line-height:1.5;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-md);-webkit-font-smoothing:antialiased;}.app-container{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md);}.app-container--wide{max-width:680px;}.card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;}.card--metric{background:linear-gradient(180deg, var(--color-bg-card) 0%, var(--color-bg-surface) 100%);border:1px solid var(--color-border-medium);box-shadow:var(--shadow-md);}.card--cash{border-color:var(--color-accent-cash);box-shadow:var(--shadow-cash);}.brand{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md) 0;gap:var(--space-xs);}.brand__emblem{width:64px;height:64px;background:linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-elevated) 100%);border:2px solid var(--color-border-medium);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:800;font-size:26px;color:var(--color-text-title);letter-spacing:-1px;box-shadow:var(--shadow-sm);}.brand__title{font-size:20px;font-weight:800;letter-spacing:-0.5px;color:var(--color-text-title);text-transform:uppercase;}.brand__subtitle{font-size:12px;font-weight:600;letter-spacing:1px;color:var(--color-text-muted);text-transform:uppercase;}.metric-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--color-text-secondary);margin-bottom:var(--space-xs);}.metric-value{font-family:var(--font-mono);font-size:38px;font-weight:700;letter-spacing:-1px;color:var(--color-accent-cash);line-height:1.1;}.metric-value--sm{font-size:22px;}.metric-subtext{font-size:12px;color:var(--color-text-muted);margin-top:var(--space-xs);}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);}.form-label{font-size:13px;font-weight:600;color:var(--color-text-secondary);display:flex;justify-content:space-between;align-items:center;}.form-input{width:100%;min-height:52px;background-color:var(--color-bg-canvas);border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-title);font-family:var(--font-ui);font-size:17px;padding:0 var(--space-md);transition:var(--transition-fast);outline:none;}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-cash-bg);}.form-input--mono{font-family:var(--font-mono);font-size:22px;font-weight:600;letter-spacing:1px;}.form-input--lg{min-height:60px;font-size:26px;}.btn{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:none;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:16px;font-weight:700;letter-spacing:0.2px;cursor:pointer;transition:var(--transition-fast);text-decoration:none;padding:0 var(--space-lg);touch-action:manipulation;}.btn--primary{background-color:var(--color-accent-cash);color:var(--color-text-inverse);box-shadow:var(--shadow-sm);}.btn--primary:hover{background-color:#059669;}.btn--secondary{background-color:var(--color-bg-elevated);color:var(--color-text-title);border:1px solid var(--color-border-medium);}.btn--secondary:hover{background-color:var(--color-bg-card-hover);}.btn--danger{background-color:var(--color-accent-danger);color:var(--color-text-title);}.btn--lg{min-height:64px;font-size:18px;}.btn-gear-discrete{position:fixed;bottom:16px;right:16px;width:44px;height:44px;border-radius:var(--radius-full);background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:var(--transition-fast);opacity:0.35;z-index:50;}.btn-gear-discrete:hover{opacity:1;color:var(--color-text-title);border-color:var(--color-border-medium);transform:rotate(30deg);}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-overlay);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:100;}.modal-content{background-color:var(--color-bg-surface);border:1.5px solid var(--color-border-medium);border-radius:var(--radius-md);padding:var(--space-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);animation:modalPop 200ms cubic-bezier(0.16, 1, 0.3, 1);}@keyframes modalPop{from{transform:scale(0.95);opacity:0;}to{transform:scale(1);opacity:1;}}.status-pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);font-size:12px;font-weight:700;text-transform:uppercase;}.status-pill--active{background-color:var(--color-accent-cash-bg);color:var(--color-accent-cash);}.status-pill--warn{background-color:var(--color-accent-warn-bg);color:var(--color-accent-warn);}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:currentColor;}