@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-body:#0a0a14;--bg-sidebar:#0d0d1a;--bg-card:#1a1a2e;--bg-card-2:#16213e;--bg-topbar:#12122a;--bg-row-alt:#1e1e32;--accent-purple:#bb86fc;--accent-amber:#ffb300;--success:#4caf50;--danger:#cf6679;--text-primary:#e0e0e0;--text-subtle:#8a8a9a;--text-heading:#fff;--divider:#2a2a3e;--nav-hover:#bb86fc21;--nav-active-bg:#bb86fc33;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 2px 12px #0000004d;--shadow-elevated:0 8px 32px #0006;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-body);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;overflow:hidden}#app{flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.topbar{background:var(--bg-topbar);padding:12px var(--space-md);border-bottom:1px solid var(--divider);flex-shrink:0;justify-content:space-between;align-items:center;min-height:52px;display:flex}.topbar h1{color:var(--text-heading);letter-spacing:-.3px;font-size:16px;font-weight:700}.topbar .sync-badge{color:var(--text-subtle);align-items:center;gap:4px;font-size:11px;display:flex}.topbar .sync-dot{background:var(--success);border-radius:50%;width:6px;height:6px;display:inline-block}.main-content{padding:var(--space-md);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:80px;overflow:hidden auto}.bottom-nav{background:var(--bg-topbar);border-top:1px solid var(--divider);padding:6px 0 max(6px, env(safe-area-inset-bottom));z-index:100;-webkit-backdrop-filter:blur(12px);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{border-radius:var(--radius-sm);color:var(--text-subtle);transition:all .2s var(--ease-out);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.nav-item.active{color:var(--accent-purple);background:var(--nav-active-bg)}.nav-item:hover{color:var(--accent-purple);background:var(--nav-hover)}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-card);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);margin-bottom:12px}.card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.card-header{background:var(--bg-card-2);margin:calc(-1 * var(--space-md));margin-bottom:var(--space-md);padding:12px var(--space-md);border-radius:var(--radius-md) var(--radius-md) 0 0;align-items:center;gap:var(--space-sm);display:flex}.card-header:before{content:"";background:var(--accent-purple);border-radius:2px;flex-shrink:0;width:3px;height:14px}.card-header h2{color:var(--text-primary);font-size:14px;font-weight:600}.kpi-grid{margin-bottom:var(--space-md);grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.kpi-tile{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:14px;position:relative;overflow:hidden}.kpi-tile:after{content:"";background:var(--accent-purple);opacity:.6;width:100%;height:3px;position:absolute;top:0;left:0}.kpi-tile.amber:after{background:var(--accent-amber)}.kpi-tile.success:after{background:var(--success)}.kpi-tile.danger:after{background:var(--danger)}.kpi-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:500}.kpi-value{color:var(--text-heading);letter-spacing:-.5px;font-size:20px;font-weight:700}.kpi-sub{color:var(--text-subtle);margin-top:4px;font-size:11px}.filter-bar{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.filter-bar input,.filter-bar select{background:var(--bg-card);border:1px solid var(--divider);border-radius:var(--radius-sm);min-width:120px;color:var(--text-primary);outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--accent-purple)}.filter-bar input::placeholder{color:var(--text-subtle)}.data-table{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table table{border-collapse:collapse;width:100%;min-width:500px}.data-table th{background:var(--bg-card-2);color:var(--accent-purple);text-align:left;border-bottom:1px solid var(--divider);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:1;padding:10px 12px;font-size:12px;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--divider);white-space:nowrap;padding:10px 12px;font-size:13px}.data-table tr:nth-child(2n){background:var(--bg-row-alt)}.data-table tr:hover{background:var(--nav-active-bg)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table .note{text-overflow:ellipsis;max-width:150px;overflow:hidden}.data-card{background:var(--bg-card);border-radius:var(--radius-md);padding:12px var(--space-md);box-shadow:var(--shadow-card);justify-content:space-between;align-items:flex-start;gap:var(--space-sm);transition:transform .15s var(--ease-out);margin-bottom:8px;display:flex}.data-card:active{transform:scale(.98)}.data-card-left{flex:1;min-width:0}.data-card-name{color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.data-card-detail{color:var(--text-subtle);font-size:12px;line-height:1.35}.data-card-right{text-align:right;flex-shrink:0}.data-card-amount{color:var(--accent-amber);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.data-card-amount.success{color:var(--success)}.data-card-amount.danger{color:var(--danger)}.data-card-amount.amber{color:var(--accent-amber)}.data-card-date{color:var(--text-subtle);margin-top:2px;font-size:11px}.login-page{min-height:100dvh;padding:var(--space-xl);background:var(--bg-body);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:360px;box-shadow:var(--shadow-elevated)}.login-logo{text-align:center;margin-bottom:var(--space-lg)}.login-logo h1{color:var(--accent-purple);margin-bottom:4px;font-size:22px;font-weight:700}.login-logo p{color:var(--text-subtle);font-size:13px}.login-field{margin-bottom:var(--space-md)}.login-field label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.login-field input{background:var(--bg-card-2);border:1px solid var(--divider);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.login-field input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #bb86fc26}.btn-primary{background:var(--accent-purple);color:#121212;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.login-error{color:var(--danger);border-radius:var(--radius-sm);margin-bottom:var(--space-md);text-align:center;background:#cf667926;padding:10px;font-size:13px}.loading{padding:var(--space-xl);color:var(--text-subtle);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.spinner{border:3px solid var(--divider);border-top-color:var(--accent-purple);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-xl);color:var(--text-subtle)}.empty-state svg{width:48px;height:48px;stroke:var(--divider);margin-bottom:var(--space-md)}.empty-state p{font-size:14px}.page-title{color:var(--text-heading);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:18px;font-weight:700;display:flex}.page-title .count-badge{background:var(--nav-active-bg);color:var(--accent-purple);border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.tab-bar{padding-bottom:var(--space-sm);margin-bottom:var(--space-md);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-subtle);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.fade-in{animation:fadeIn .3s var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.main-content{padding:var(--space-lg);padding-bottom:80px}}.pull-indicator{justify-content:center;align-items:center;gap:var(--space-sm);height:0;color:var(--text-subtle);margin:calc(-1 * var(--space-md));margin-bottom:var(--space-md);background:linear-gradient(#bb86fc14,#0000);font-size:12px;transition:height .1s,opacity .1s;display:flex;overflow:hidden}.period-bar{margin-bottom:var(--space-md);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;display:flex;overflow-x:auto}.period-bar::-webkit-scrollbar{display:none}.period-pill{background:var(--bg-card);color:var(--text-subtle);border:1px solid var(--divider);cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:20px;flex-shrink:0;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:600}.period-pill.active{background:var(--accent-purple);color:#121212;border-color:var(--accent-purple)}.period-pill:not(.active):hover{border-color:var(--accent-purple);color:var(--accent-purple)}.hero-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-md);margin-bottom:var(--space-md);text-align:center;box-shadow:var(--shadow-elevated);position:relative;overflow:hidden}.hero-card:before{content:"";background:var(--success);height:4px;position:absolute;top:0;left:0;right:0}.hero-card.danger:before{background:var(--danger)}.hero-card.success:before{background:var(--success)}.hero-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:12px;font-weight:500}.hero-value{color:var(--text-heading);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}.hero-card.success .hero-value{color:var(--success)}.hero-card.danger .hero-value{color:var(--danger)}.hero-sub{color:var(--text-subtle);margin-top:6px;font-size:11px}.kpi-tile.purple:after{background:var(--accent-purple)}.attention-badge{color:var(--accent-amber);text-transform:uppercase;letter-spacing:.3px;vertical-align:middle;background:#ffb30026;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.chart-container{width:100%;height:220px;position:relative}@media (width>=640px){.chart-container{height:280px}}.stat-pair-row{gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.stat-pair{background:var(--bg-card-2);border-radius:var(--radius-sm);flex:1;padding:10px 12px}.stat-pair-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;display:block}.stat-pair-value{color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;display:block}.stat-pair-value.success{color:var(--success)}.attention-banner{border-radius:var(--radius-sm);color:var(--accent-amber);margin-bottom:var(--space-md);background:#ffb3001a;border:1px solid #ffb30040;padding:8px 12px;font-size:12px;font-weight:600}.stale-dot{background:var(--accent-amber);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.data-card.stale{border-left:3px solid var(--accent-amber)}.section-sublabel{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;margin-bottom:8px;font-size:11px;font-weight:600}.expense-bar{background:var(--bg-card-2);border-radius:10px;height:20px;margin-bottom:8px;display:flex;overflow:hidden}.expense-bar-segment{min-width:4px;transition:width .4s var(--ease-out)}.expense-bar-segment.salary{background:var(--accent-purple)}.expense-bar-segment.daily{background:var(--accent-amber)}.expense-bar-segment.raw{background:var(--danger)}.expense-legend{margin-bottom:var(--space-md);flex-wrap:wrap;gap:10px;display:flex}.legend-item{color:var(--text-subtle);align-items:center;gap:4px;font-size:11px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-dot.salary{background:var(--accent-purple)}.legend-dot.daily{background:var(--accent-amber)}.legend-dot.raw{background:var(--danger)}.do-header{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--divider);justify-content:space-between;margin-bottom:8px;padding:0 4px 6px;font-size:10px;display:flex}.demand-output-row{border-bottom:1px solid #2a2a3e4d;justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.demand-output-row:last-child{border-bottom:none}.do-product{color:var(--text-heading);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.do-values{font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:6px;font-size:13px;display:flex}.do-ordered{color:var(--accent-amber);font-weight:600}.do-arrow{color:var(--text-subtle);font-size:11px}.do-produced{color:var(--success);font-weight:600}.do-gap{background:var(--bg-card-2);color:var(--text-subtle);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px}.do-gap.danger{color:var(--danger);background:#cf66791f}.do-gap.success{color:var(--success);background:#4caf501f}.audit-card{background:var(--bg-card-2);border-radius:var(--radius-sm);margin-bottom:8px;padding:10px 12px}.audit-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.audit-action{text-transform:uppercase;letter-spacing:.3px;color:var(--accent-purple);background:#bb86fc26;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.audit-action.delete{color:var(--danger);background:#cf667926}.audit-action.update{color:var(--accent-amber);background:#ffb30026}.audit-entity{color:var(--text-subtle);font-size:11px}.audit-time{color:var(--text-subtle);margin-left:auto;font-size:11px}.audit-name{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600;line-height:1.35}.audit-reason{color:var(--text-subtle);font-size:12px;font-style:italic;line-height:1.35}.audit-via{color:var(--text-subtle);margin-top:3px;font-size:10px}