.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 28px}.sidebar-logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent);color:#fff;font-family:var(--font-mono);font-weight:700;font-size:.875rem;border-radius:8px}.sidebar-title{font-weight:700;font-size:1.125rem;color:var(--sidebar-text-active)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 8px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:var(--sidebar-text);text-decoration:none;font-size:.875rem;font-weight:500;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-link--active{background:var(--sidebar-active);color:var(--sidebar-text-active)}.sidebar-icon{font-size:1rem;width:20px;text-align:center}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--sidebar-hover);display:flex;flex-direction:column;gap:2px}.sidebar-meta{font-size:.6875rem;color:var(--text-muted)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-bg: #0f172a;--sidebar-hover: #1e293b;--sidebar-active: #334155;--sidebar-text: #94a3b8;--sidebar-text-active: #f1f5f9;--sidebar-width: 240px;--content-bg: #f8fafc;--panel-bg: #ffffff;--panel-border: #e2e8f0;--panel-shadow: 0 1px 3px rgba(0, 0, 0, .06);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--status-estimated: #3b82f6;--status-reconciled: #22c55e;--status-variance: #ef4444;--status-draft: #a3a3a3;--accent: #3b82f6;--accent-hover: #2563eb;--gauge-vacation: #3b82f6;--gauge-personal: #8b5cf6;--gauge-sick: #f59e0b;--gauge-fbhe: #22c55e;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist Mono", "SF Mono", "Fira Code", monospace;--page-padding: 32px;--card-radius: 8px}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--content-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:1.5rem;font-weight:700;line-height:1.3}h2{font-size:1.25rem;font-weight:600;line-height:1.3}h3{font-size:1rem;font-weight:600;line-height:1.4}.mono{font-family:var(--font-mono)}.money{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums}.text-muted{color:var(--text-secondary)}.text-right{text-align:right}.app-layout{display:flex;height:100%}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--page-padding);overflow-y:auto}.card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--card-radius);box-shadow:var(--panel-shadow);padding:24px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-grid{display:grid;gap:20px}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:auto}.data-table th{text-align:left;font-weight:600;color:var(--text-secondary);padding:10px 12px;border-bottom:2px solid var(--panel-border);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;vertical-align:bottom}.data-table td{padding:10px 12px;border-bottom:1px solid var(--panel-border);vertical-align:top}.data-table tbody tr:hover{background:#f1f5f9}.data-table .money-col{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.data-table th.text-right,.data-table td.text-right{text-align:right}.data-table--form td{padding:6px 8px;vertical-align:middle}.data-table--form th{padding:8px}.status-chip{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-chip--draft{background:#f1f5f9;color:var(--status-draft)}.status-chip--estimated{background:#dbeafe;color:var(--status-estimated)}.status-chip--reconciled{background:#dcfce7;color:#16a34a}.status-chip--variance{background:#fee2e2;color:var(--status-variance)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.form-input{padding:8px 12px;border:1px solid var(--panel-border);border-radius:6px;font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.form-input--mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.gauge{display:flex;flex-direction:column;gap:6px}.gauge-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.8125rem}.gauge-label{font-weight:600;color:var(--text-secondary)}.gauge-value{font-family:var(--font-mono);font-weight:600}.gauge-bar{height:8px;border-radius:4px;background:#e2e8f0;overflow:hidden}.gauge-fill{height:100%;border-radius:4px;transition:width .4s ease}.page-header{margin-bottom:24px}.page-header h1{margin-bottom:4px}.page-header p{color:var(--text-secondary);font-size:.875rem}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;background:none;border:none;border-bottom:1px solid var(--panel-border);cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:left}.accordion-trigger:hover{color:var(--accent)}.accordion-arrow{transition:transform .2s;font-size:.75rem}.accordion-arrow--open{transform:rotate(90deg)}.accordion-content{padding:12px 0}.callout{padding:12px 16px;border-radius:6px;font-size:.875rem;display:flex;align-items:flex-start;gap:10px}.callout--warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.callout--success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.callout--error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-muted)}.empty-state{text-align:center;padding:48px;color:var(--text-muted)}@media(max-width:1024px){.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}}