@import"https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&display=swap";:root{font-family:Jost,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#1b1464;--primary: #1b1464;--primary-dark: #120d45;--primary-mid: #2d229e;--primary-soft: #eeedfb;--primary-soft-hover: #e2e0f8;--gray-25: #ffffff;--gray-50: #f8f9fa;--gray-100: #ebeced;--gray-150: #e0e2e3;--gray-200: #d0d3d5;--gray-300: #b8bcbf;--gray-400: #9ca0a3;--gray-500: #7c8082;--gray-600: #5f6365;--gray-700: #3d4042;--gray-800: #1e2021;--success-bg: #dcfce7;--success-text: #15803d;--danger-bg: #fee2e2;--danger-text: #b91c1c;--warning-bg: #fef3c7;--warning-text: #92400e;--info-bg: #dbeafe;--info-text: #1e40af;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--shadow-xs: 0 1px 3px rgba(27, 20, 100, .06);--shadow-sm: 0 2px 8px rgba(27, 20, 100, .08);--shadow-md: 0 4px 16px rgba(27, 20, 100, .1);--shadow-lg: 0 8px 28px rgba(27, 20, 100, .13);--shadow-btn: 0 4px 14px rgba(27, 20, 100, .25);--ease: cubic-bezier(.4, 0, .2, 1);--transition: .16s var(--ease)}body.theme-dark{background:#111827;color:#e2e8f0;--primary: #7c9ff7;--primary-dark: #bfdbfe;--primary-mid: #60a5fa;--primary-soft: #1a2a45;--primary-soft-hover: #1e3252;--gray-25: #030712;--gray-50: #0f172a;--gray-100: #1e293b;--gray-150: #243044;--gray-200: #2d3a4e;--gray-300: #3d4f66;--gray-400: #5d7191;--gray-500: #8ea3be;--gray-600: #a8bbcc;--gray-700: #c8d8e8;--gray-800: #e2ecf5;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .45);--shadow-btn: 0 4px 14px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:#fff;color:var(--primary)}body.theme-dark{background:#111827}a{color:inherit}.container{max-width:1100px;margin:0 auto;padding:var(--space-4)}.app-content{padding-bottom:84px}.container.app-content.app-content--budgets{max-width:1400px}.grid{display:grid;gap:var(--space-3)}.grid2{grid-template-columns:1fr}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}@media (min-width: 860px){.grid2{grid-template-columns:1fr 1fr}}.nav{display:flex;flex-wrap:nowrap;gap:0 12px;align-items:center;padding:0 24px;height:56px;background:#fffffff7;border-bottom:1px solid var(--gray-150);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.theme-dark .nav{background:#0f172af7;border-bottom-color:var(--gray-200);box-shadow:0 2px 10px #00000080}.nav-header{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-logo{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--gray-200);background:#fff;object-fit:contain;flex-shrink:0}.nav-title-wrap{display:grid;gap:0}.nav-title{font-weight:700;color:var(--primary-dark);font-size:clamp(14px,2.4vw,18px);line-height:1.1;letter-spacing:.01em}.nav-subtitle{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-500);font-weight:600}.nav-items{display:contents}.nav-project-label{white-space:nowrap;color:var(--gray-500);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:none}.nav-items select{max-width:260px;min-height:36px;font-size:14px;padding:6px 10px;flex-shrink:1}.nav-links-desktop{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.nav-tabs-pill{display:inline-flex;gap:2px;background:var(--gray-100);border-radius:var(--radius-full);padding:4px}.nav-tabs-pill button{font-size:14px;font-weight:600;padding:8px 28px;border-radius:var(--radius-full);background:transparent;color:var(--gray-600);border:none;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.nav-tabs-pill button:hover:not(.active){background:#ffffffb3;color:var(--primary);transform:none;box-shadow:none}.nav-tabs-pill button.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 6px #1b146424,0 0 0 1px #1b14640f;transform:none}body.theme-dark .nav-tabs-pill{background:var(--gray-100)}body.theme-dark .nav-tabs-pill button{color:var(--gray-500)}body.theme-dark .nav-tabs-pill button:hover:not(.active){background:#ffffff14;color:var(--primary-dark)}body.theme-dark .nav-tabs-pill button.active{background:var(--gray-200);color:var(--primary-dark);box-shadow:0 1px 6px #0006}.nav-user-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.nav-user{font-size:13px;color:var(--gray-600);text-align:right;line-height:1.3}body.theme-dark .nav-user{color:var(--gray-600)}.theme-toggle{min-width:auto;padding:7px 14px;font-size:13px;font-weight:600;background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-full);transition:background var(--transition),color var(--transition)}.theme-toggle:hover{background:var(--gray-150)}body.theme-dark .theme-toggle{background:var(--gray-100);color:var(--gray-700)}body.theme-dark .theme-toggle:hover{background:var(--gray-150)}.nav-profile-trigger{display:none;min-width:36px;min-height:36px;padding:6px 10px;border-radius:var(--radius-sm);margin-left:auto;background:var(--gray-100);color:var(--gray-700);font-size:16px}.settings-mobile-picker,.settings-sheet,.settings-sheet-overlay,.mobile-bottom-nav,.mobile-topbar,.mobile-drawer,.mobile-drawer-overlay{display:none}.nav-logo-box{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-divider{width:1px;height:26px;background:var(--gray-150);flex-shrink:0}body.theme-dark .nav-divider{background:var(--gray-200)}.nav-select{min-height:34px;padding:5px 10px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-150);background:var(--gray-50);color:var(--gray-700);font:inherit;font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:border-color var(--transition);flex-shrink:1;max-width:200px}.nav-select:hover{border-color:var(--gray-300)}.nav-select:focus{border-color:var(--primary-mid);box-shadow:0 0 0 3px #2d229e1a}body.theme-dark .nav-select{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-700)}.nav-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.03em;flex-shrink:0}body.theme-dark .nav-avatar{background:var(--primary-mid)}.nav-user-name{font-size:12px;font-weight:600;color:var(--gray-700);line-height:1.2}.nav-user-role{font-size:10px;color:var(--gray-500);line-height:1.2}.card{background:#fff;border:1px solid var(--gray-150);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}body.theme-dark .card{background:#0f172a;border-color:var(--gray-200)}label{font-size:12px;font-weight:600;color:var(--gray-600);letter-spacing:.02em;display:block;margin-bottom:5px}.small{font-size:12px;color:var(--gray-500)}h2{margin:0 0 var(--space-3);font-size:30px;font-weight:800;color:var(--primary-dark);letter-spacing:-.02em;line-height:1.1}h3{margin:0;font-size:16px;font-weight:700;color:var(--primary-dark)}input,select,textarea{width:100%;min-height:42px;padding:9px 12px;border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--gray-50);color:var(--gray-700);font:inherit;font-size:14px;line-height:1.3;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}input:hover,select:hover,textarea:hover{border-color:var(--gray-300)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-mid);background:#fff;box-shadow:0 0 0 3px #2d229e1a}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#0f172a;border-color:var(--gray-200);color:var(--gray-700)}body.theme-dark input:focus,body.theme-dark select:focus,body.theme-dark textarea:focus{background:#0f172a;border-color:var(--primary-mid);box-shadow:0 0 0 3px #7c9ff726}input[type=checkbox],input[type=radio]{width:16px;min-width:16px;min-height:16px;height:16px;padding:0;border-radius:4px;accent-color:var(--primary);flex-shrink:0;background:unset;box-shadow:none}input[type=date]{min-width:0}input[type=date]::-webkit-date-and-time-value{text-align:left}button{font:inherit;font-size:14px;font-weight:600;padding:9px 18px;min-height:38px;border-radius:var(--radius-md);border:none;background:var(--primary);color:#fff;cursor:pointer;transition:background var(--transition),box-shadow var(--transition),opacity var(--transition),transform var(--transition)}button:hover:not(:disabled){background:var(--primary-mid);box-shadow:var(--shadow-btn);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);box-shadow:none}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}button.secondary{background:var(--gray-100);color:var(--gray-700);box-shadow:none}button.secondary:hover:not(:disabled){background:var(--gray-150);box-shadow:none}body.theme-dark button.secondary{background:var(--gray-100);color:var(--gray-700)}body.theme-dark button.secondary:hover:not(:disabled){background:var(--gray-150)}button.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary);box-shadow:none}button.btn-outline:hover:not(:disabled){background:var(--primary-soft);box-shadow:none}button.btn-danger{background:var(--danger-bg);color:var(--danger-text);box-shadow:none}button.btn-danger:hover:not(:disabled){background:#fecaca;box-shadow:none}.search-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.search-toolbar button{background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:var(--shadow-btn)}.search-toolbar button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-mid),var(--primary-dark))}.search-toolbar button.secondary{background:var(--gray-100);color:var(--gray-700);box-shadow:none}.search-toolbar button.secondary:hover:not(:disabled){background:var(--gray-150);box-shadow:none;transform:none}body.theme-dark .search-toolbar button.secondary{background:var(--gray-100);color:var(--gray-700)}body.theme-dark .search-toolbar button.secondary:hover:not(:disabled){background:var(--gray-150)}.date-filter-inline{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1 1 240px;min-width:220px;max-width:320px}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:var(--gray-50)}th{padding:10px;border-bottom:2px solid var(--gray-200);text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);white-space:nowrap}td{padding:10px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--gray-50)}body.theme-dark thead{background:var(--gray-100)}body.theme-dark th{border-bottom-color:var(--gray-200);color:var(--gray-500)}body.theme-dark td{border-bottom-color:var(--gray-150);color:var(--gray-700)}body.theme-dark tbody tr:hover{background:var(--gray-100)}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--radius-full);background:var(--primary-soft);color:var(--primary);display:inline-block;letter-spacing:.02em}.badge.income{background:var(--primary-soft);color:var(--primary-dark)}.badge.expense{background:var(--gray-100);color:var(--gray-600)}.badge-row{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}.badge-source{background:var(--primary-soft);color:var(--primary-dark)}.badge-sbo{background:var(--gray-100);color:var(--gray-600)}.badge-manual{background:var(--warning-bg);color:var(--warning-text)}.badge-cancelled{background:var(--danger-bg);color:var(--danger-text)}.badge-visible{background:var(--success-bg);color:var(--success-text)}.badge-hidden{background:var(--danger-bg);color:var(--danger-text)}.transaction-row-cancelled{opacity:.65}.budget-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap;letter-spacing:.02em}.budget-badge.in-budget{background:var(--success-bg);color:var(--success-text)}.budget-badge.paid{background:var(--info-bg);color:var(--info-text)}.budget-badge.exceeded{background:var(--danger-bg);color:var(--danger-text)}.budget-status{min-width:108px}.budget-progress{min-width:74px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f142873;display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(540px,92vw);background:#fff;border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--gray-150);box-shadow:var(--shadow-lg)}body.theme-dark .modal{background:#0f172a;border-color:var(--gray-200)}.bar{height:8px;border-radius:var(--radius-full);background:var(--gray-150);overflow:hidden}.bar>div{height:100%;min-width:18px;display:flex;align-items:center;justify-content:flex-end;padding:0 6px;color:#fff;font-size:9px;font-weight:700;background:linear-gradient(90deg,var(--primary-dark),var(--primary));border-radius:var(--radius-full);transition:width .3s var(--ease)}.dashboard-shell{display:grid;gap:var(--space-4)}.dashboard-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.dashboard-controls{padding:5px 10px;border:1.5px solid var(--gray-200);border-radius:var(--radius-full);background:var(--gray-50);display:inline-flex;width:fit-content}.dashboard-primary-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1.5px solid var(--gray-200);border-radius:var(--radius-full);background:var(--gray-100);width:fit-content}.dashboard-primary-switch button{min-height:34px;padding:6px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:700;background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);transform:none}.dashboard-primary-switch button:hover:not(:disabled){background:var(--primary-mid);transform:none}.dashboard-primary-switch button.secondary{background:transparent;color:var(--gray-600);box-shadow:none;font-weight:600}.dashboard-primary-switch button.secondary:hover:not(:disabled){background:var(--gray-50);color:var(--primary);box-shadow:none;transform:none}.dashboard-checkbox{display:inline-flex;align-items:center;gap:8px;margin:0}.dashboard-state{padding:14px;border:1.5px dashed var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);color:var(--gray-600);font-size:14px}.dashboard-state-error{border-color:#fca5a5;background:#fff1f2;color:#9f1239}body.theme-dark .dashboard-state{background:var(--gray-100)}body.theme-dark .dashboard-state-error{background:#3f1d2e;color:#fecdd3;border-color:#be123c}body.theme-dark .dashboard-primary-switch{background:var(--gray-100);border-color:var(--gray-200)}body.theme-dark .dashboard-primary-switch button.secondary{color:var(--gray-500)}body.theme-dark .dashboard-primary-switch button.secondary:hover:not(:disabled){background:var(--gray-150);color:var(--primary-dark)}body.theme-dark .dashboard-tabs{border-bottom-color:var(--gray-200)}body.theme-dark .dashboard-tabs button{background:var(--primary-soft);color:var(--primary-dark)}body.theme-dark .dashboard-tabs button.secondary{background:transparent;color:var(--gray-500)}body.theme-dark .dashboard-tabs button.secondary:hover:not(:disabled){background:var(--gray-100);color:var(--primary-dark)}.dashboard-summary{display:grid;gap:var(--space-4)}.dashboard-kpi-grid--three{grid-template-columns:repeat(3,1fr)}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.dashboard-kpi-card{background:#fff;border:1.5px solid var(--gray-150);border-radius:var(--radius-lg);padding:14px;display:grid;gap:4px;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition),transform var(--transition)}.dashboard-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-kpi-card strong{font-size:22px;line-height:1.15;color:var(--primary-dark);font-weight:800}.dashboard-kpi-card span{font-size:12px;color:var(--gray-500);font-weight:500}.dashboard-kpi-icon{font-size:20px;margin-bottom:2px}body.theme-dark .dashboard-kpi-card{background:#0f172a;border-color:var(--gray-200)}.dashboard-summary-grid{display:grid;gap:14px;grid-template-columns:1fr}.dashboard-panel{border:1.5px solid var(--gray-150);border-radius:var(--radius-lg);padding:16px;background:#fff;display:grid;gap:10px}.dashboard-panel h3{font-size:14px;color:var(--primary-dark);letter-spacing:.02em}body.theme-dark .dashboard-panel{background:#0f172a;border-color:var(--gray-200)}.dashboard-line-chart{width:100%;height:120px;background:linear-gradient(180deg,var(--primary-soft),#fff);border-radius:var(--radius-md);border:1px solid var(--gray-100)}body.theme-dark .dashboard-line-chart{background:var(--gray-100)}.dashboard-gauge-panel{justify-items:center;text-align:center}.dashboard-gauge{width:140px;aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;position:relative}.dashboard-gauge:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:#fff;border-radius:50%}body.theme-dark .dashboard-gauge:after{background:#0f172a}.dashboard-gauge span{position:relative;z-index:1;font-size:26px;font-weight:800;color:var(--primary-dark)}.dashboard-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1.5px solid var(--gray-150);padding-bottom:10px}.dashboard-tabs button{min-height:34px;padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:700;white-space:nowrap;background:var(--primary-soft);color:var(--primary);box-shadow:none;transform:none}.dashboard-tabs button:hover:not(:disabled){background:var(--primary-soft-hover);box-shadow:none;transform:none}.dashboard-tabs button.secondary{background:transparent;color:var(--gray-500);font-weight:600}.dashboard-tabs button.secondary:hover:not(:disabled){background:var(--gray-100);color:var(--primary);box-shadow:none;transform:none}.dashboard-recent-list{display:grid;gap:8px}.dashboard-recent-item{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border:1px solid var(--gray-100);border-radius:var(--radius-sm);padding:10px;transition:background var(--transition)}.dashboard-recent-item:hover{background:var(--gray-50)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--primary-dark) 0%,var(--primary) 55%,var(--primary-mid) 100%);padding:var(--space-4)}body.theme-dark .login-page{background:linear-gradient(145deg,#020617,#0f172a 55%,#1e293b)}.login-card{width:100%;max-width:400px;background:#fff;border-radius:var(--radius-xl);padding:36px 32px 32px;box-shadow:0 24px 64px #00000052,0 4px 16px #00000029}body.theme-dark .login-card{background:#0f172a;border:1px solid var(--gray-200);box-shadow:0 24px 64px #0009}.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:28px;padding-bottom:24px;border-bottom:1.5px solid var(--gray-100)}body.theme-dark .login-brand{border-bottom-color:var(--gray-200)}.login-logo-wrap{width:72px;height:72px;border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--gray-150);background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:var(--shadow-sm);flex-shrink:0}body.theme-dark .login-logo-wrap{border-color:var(--gray-200);background:var(--gray-100)}.login-logo-wrap img{width:100%;height:100%;object-fit:contain}.login-brand-title{font-size:20px;font-weight:800;color:var(--primary-dark);letter-spacing:.06em;text-transform:uppercase;margin:0;line-height:1.1}body.theme-dark .login-brand-title{color:var(--gray-800)}.login-brand-subtitle{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-500);margin:0}.login-heading{font-size:18px;font-weight:700;color:var(--primary-dark);margin:0 0 20px;letter-spacing:-.01em}body.theme-dark .login-heading{color:var(--gray-800)}.login-form{display:grid;gap:16px}.login-field{display:grid;gap:5px}.login-error{padding:10px 12px;background:var(--danger-bg);color:var(--danger-text);border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid #fca5a5}body.theme-dark .login-error{background:#3f1d2e;color:#fecdd3;border-color:#be123c}.login-btn{width:100%;min-height:46px;font-size:15px;font-weight:700;background:linear-gradient(135deg,var(--primary-dark),var(--primary-mid));border-radius:var(--radius-md);box-shadow:var(--shadow-btn);letter-spacing:.03em;margin-top:4px}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-mid),var(--primary-dark));box-shadow:0 6px 22px #1b146461;transform:translateY(-1px)}.login-btn:disabled{opacity:.65;background:linear-gradient(135deg,var(--primary-dark),var(--primary-mid))}.budgets-card,.budgets-table-shell{width:100%}.budgets-table{min-width:1120px}.budgets-table th{white-space:nowrap}.budgets-table .col-supplier{min-width:320px}.budgets-table .col-count{min-width:120px}.budgets-table .col-money{min-width:150px}.budgets-table .col-progress,.budgets-table .col-status{min-width:130px}.budgets-table .col-detail{min-width:88px}.budgets-table .supplier-name{white-space:nowrap}.budgets-table-nested{min-width:980px}.budgets-group-row{background:var(--gray-50)}body.theme-dark .budgets-group-row{background:#0b1220}.budgets-assignment-panel{border:1.5px solid var(--gray-200);background:var(--gray-50);border-radius:var(--radius-md)}body.theme-dark .budgets-assignment-panel{border-color:var(--gray-200);background:#0b1220}.budgets-expand-btn{min-width:28px;min-height:28px;padding:4px 7px;border-radius:var(--radius-sm);font-size:13px;line-height:1;background:var(--gray-100);color:var(--gray-700);box-shadow:none}.budgets-expand-btn:hover:not(:disabled){background:var(--gray-150);box-shadow:none;transform:none}.settings-layout{display:grid;gap:14px;align-items:start}.settings-sidebar{padding:14px;position:sticky;top:64px}.settings-sidebar-header{display:grid;gap:4px;margin-bottom:12px}.settings-sidebar-menu{display:grid;gap:8px}.settings-sidebar-category+.settings-sidebar-category{margin-top:12px}.settings-sidebar-category-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-500);margin:0 0 8px}.settings-menu-button{width:100%;text-align:left;justify-content:flex-start;background:transparent;color:var(--gray-700);border:1px solid transparent;box-shadow:none;transform:none}.settings-menu-button:hover:not(:disabled){background:var(--gray-50);color:var(--primary);border-color:var(--gray-150);box-shadow:none;transform:none}.settings-menu-button.active{background:var(--primary-soft);color:var(--primary);border-color:#1b146429;border-left:3px solid var(--primary);padding-left:9px}.settings-content{display:grid;gap:12px;min-width:0}.settings-content-header{padding:12px 16px}body.theme-dark .settings-menu-button{color:var(--gray-600)}body.theme-dark .settings-sidebar-category-title{color:var(--gray-500)}body.theme-dark .settings-menu-button:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-200);color:var(--primary-dark)}body.theme-dark .settings-menu-button.active{background:var(--gray-100);color:var(--primary-dark);border-color:var(--gray-200)}@media (max-width: 680px){.container{padding:10px}.container.app-content.app-content--budgets{max-width:100%}.budgets-table{min-width:980px}.budgets-table-nested{min-width:860px}.nav{display:none}.app-content{padding-bottom:16px}.grid,.grid>*,.card,.dashboard-shell,.dashboard-kpi-grid>*,.dashboard-summary-grid>*{min-width:0;max-width:100%}.dashboard-primary-switch{max-width:100%}.dashboard-primary-switch button{padding-left:14px;padding-right:14px}.nav-header{width:100%}.nav-logo{width:30px;height:30px}.nav-title{font-size:14px}.nav-subtitle{font-size:9px}.nav-profile-trigger{display:inline-flex;align-items:center;justify-content:center}.nav-items{width:100%;gap:6px;flex-direction:column;align-items:stretch}.nav-items select{max-width:none}.nav-project-label{display:block}.nav-links-desktop{display:none}.nav-user-actions{display:none;width:100%;margin-left:0;flex-direction:column;align-items:stretch}.nav-user-actions.open{display:flex}.nav-user{text-align:left}.dashboard-kpi-grid,.dashboard-kpi-grid.dashboard-kpi-grid--three{grid-template-columns:minmax(0,1fr)}.dashboard-kpi-card strong{font-size:clamp(20px,7vw,26px);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.dashboard-kpi-card span{overflow-wrap:anywhere}.dashboard-summary-grid{grid-template-columns:1fr}.date-filter-inline{min-width:100%;max-width:none}.settings-sidebar{position:static;top:auto}}@media (max-width: 680px){.mobile-topbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:1000;height:52px;padding:0 12px;background:#fffffff7;border-bottom:1px solid var(--gray-150);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.theme-dark .mobile-topbar{background:#0f172af7;border-bottom-color:var(--gray-200)}.mobile-topbar-title{flex:1;font-size:16px;font-weight:700;color:var(--primary-dark);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-avatar{flex-shrink:0}.mobile-hamburger{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;border-radius:var(--radius-sm);background:transparent;box-shadow:none;transform:none}.mobile-hamburger:hover{transform:none;box-shadow:none;background:var(--gray-100)}.mobile-hamburger>span:not(.mobile-hamburger-dot){display:block;width:22px;height:2px;border-radius:2px;background:var(--gray-700)}.mobile-hamburger-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:#dc2626}.mobile-drawer-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1290;background:#0f172a80;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{display:flex;flex-direction:column;gap:10px;position:fixed;top:0;bottom:0;left:0;z-index:1300;width:min(84vw,320px);padding:14px 14px calc(14px + env(safe-area-inset-bottom));overflow-y:auto;background:var(--white, #fff);box-shadow:var(--shadow-lg);transform:translate(-102%);transition:transform .22s ease;visibility:hidden}.mobile-drawer.open{transform:translate(0);visibility:visible}body.theme-dark .mobile-drawer{background:#0f172a}.mobile-drawer-header{display:flex;align-items:center;gap:10px}.mobile-drawer-close{min-width:40px;min-height:40px;padding:0}.mobile-drawer-label{font-size:12px;font-weight:600;color:var(--gray-500);margin-bottom:-4px}.mobile-drawer .nav-select{width:100%;max-width:none;min-height:44px}.mobile-drawer-items{display:flex;flex-direction:column;gap:6px;margin-top:4px}.mobile-drawer-items button{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 14px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;text-align:left;background:transparent;color:var(--gray-700);box-shadow:none;transform:none}.mobile-drawer-items button:hover{transform:none;box-shadow:none;background:var(--gray-100)}.mobile-drawer-items button.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.mobile-drawer-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--gray-150)}.mobile-drawer-logout{min-height:44px;width:100%}}@media (max-width: 680px){.settings-layout{display:block}.settings-layout>.settings-sidebar{display:none}.settings-content-header{display:none}.settings-mobile-picker{display:block;position:sticky;top:52px;z-index:900;margin:0 -10px 10px;padding:8px 10px;background:#fffffff7;border-bottom:1px solid var(--gray-150)}body.theme-dark .settings-mobile-picker{background:#0f172af7;border-bottom-color:var(--gray-200)}.settings-mobile-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--gray-100);color:var(--primary-dark);box-shadow:none;transform:none;text-align:left}.settings-mobile-trigger:hover{transform:none;box-shadow:none}.settings-mobile-trigger-text{display:flex;flex-direction:column;min-width:0}.settings-mobile-trigger-hint{font-size:11px;font-weight:600;color:var(--gray-500)}.settings-mobile-trigger-text strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-sheet-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1290;background:#0f172a80;opacity:0;pointer-events:none;transition:opacity .2s ease}.settings-sheet-overlay.open{opacity:1;pointer-events:auto}.settings-sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:1300;max-height:80vh;overflow-y:auto;padding:8px 14px calc(16px + env(safe-area-inset-bottom));background:var(--white, #fff);border-radius:18px 18px 0 0;box-shadow:0 -8px 30px #0f172a40;transform:translateY(104%);transition:transform .22s ease;visibility:hidden}.settings-sheet.open{transform:translateY(0);visibility:visible}body.theme-dark .settings-sheet{background:#0f172a}.settings-sheet-handle{width:40px;height:4px;border-radius:4px;background:var(--gray-200);margin:0 auto 8px}.settings-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:17px;color:var(--primary-dark)}.settings-sheet-header button{min-width:40px;min-height:40px;padding:0}.settings-sheet-items{display:flex;flex-direction:column;gap:4px}.settings-sheet .settings-menu-button{min-height:46px;text-align:left;width:100%}}@media (min-width: 860px){.dashboard-summary-grid{grid-template-columns:1.6fr 1fr}.settings-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr)}}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}@media (max-width: 860px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:#fff;border:1.5px solid var(--gray-150);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-xs);display:flex;align-items:center;gap:12px;transition:box-shadow var(--transition),transform var(--transition)}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}body.theme-dark .kpi-card{background:var(--gray-50);border-color:var(--gray-200)}.kpi-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:var(--primary-soft);display:flex;align-items:center;justify-content:center}body.theme-dark .kpi-icon{background:var(--primary-soft)}.kpi-label{font-size:11px;color:var(--gray-500);font-weight:500;margin-bottom:3px;letter-spacing:.02em}.kpi-value{font-size:18px;font-weight:800;color:var(--primary-dark);letter-spacing:-.02em;line-height:1}.kpi-sub{font-size:10px;color:var(--gray-400);margin-top:2px}.card-header{padding:14px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--gray-100)}body.theme-dark .card-header{border-bottom-color:var(--gray-200)}.search-input-wrap{position:relative;flex:1;min-width:260px;max-width:440px}.search-input{width:100%;min-height:38px;padding:8px 12px;border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--gray-50);color:var(--gray-700);font:inherit;font-size:13px;outline:none;transition:border-color var(--transition),background var(--transition)}.search-input:focus{border-color:var(--primary-mid);background:#fff;box-shadow:0 0 0 3px #2d229e1a}body.theme-dark .search-input{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-700)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 16px;border-bottom:1px solid var(--gray-100);background:var(--gray-50)}body.theme-dark .filter-bar{background:var(--gray-100);border-bottom-color:var(--gray-200)}.status-bar{padding:8px 16px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;gap:12px;flex-wrap:wrap}body.theme-dark .status-bar{border-bottom-color:var(--gray-200)}.status-total{font-size:15px;font-weight:700;color:var(--primary-dark);letter-spacing:-.01em}.status-count{font-size:12px;color:var(--gray-500)}.type-switch{display:inline-flex;gap:2px;background:var(--gray-100);border-radius:var(--radius-full);padding:3px;flex-shrink:0}body.theme-dark .type-switch{background:var(--gray-150)}.type-btn{font:inherit;font-size:12px;font-weight:600;padding:5px 14px;border-radius:var(--radius-full);border:none;cursor:pointer;background:transparent;color:var(--gray-600);transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.type-btn.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 4px #1b14641f}body.theme-dark .type-btn.active{background:var(--gray-200);color:var(--primary-dark)}body.theme-dark .type-btn{color:var(--gray-500)}.table-wrap{overflow-x:auto}.nav-tabs-pill button.nav-flash,.mobile-drawer-items button.nav-flash{position:relative;animation:nav-flash-pulse 1.3s ease-in-out infinite}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:8px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;line-height:1;vertical-align:middle}@keyframes nav-flash-pulse{0%,to{background:#fde68a;color:#92400e;box-shadow:0 0 #f59e0b00}50%{background:#f59e0b;color:#fff;box-shadow:0 0 0 5px #f59e0b59}}@media (prefers-reduced-motion: reduce){.nav-tabs-pill button.nav-flash,.mobile-drawer-items button.nav-flash{animation:none;background:#fde68a;color:#92400e;box-shadow:0 0 0 2px #f59e0b}}