@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#0f1117;--bg-secondary:#1a1d2e;--bg-card:#1e2235;--bg-card-hover:#252840;--bg-sidebar:#13162a;--bg-input:#252840;--accent-primary:#7c6af7;--accent-primary-light:#9d8fff;--accent-primary-dark:#5d4de0;--accent-secondary:#f59e0b;--accent-success:#10b981;--accent-danger:#ef4444;--accent-warning:#f59e0b;--accent-info:#3b82f6;--text-primary:#e8eaf0;--text-secondary:#9ba3c4;--text-muted:#5c6382;--text-accent:#7c6af7;--border-color:#2a2f4a;--border-light:#323752;--sidebar-width:260px;--header-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px #7c6af733;--transition:all .2s ease}body.light-theme{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-sidebar:#0f172a;--bg-input:#f1f5f9;--accent-primary:#6366f1;--accent-primary-light:#818cf8;--accent-primary-dark:#4f46e5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d;--shadow-glow:0 0 24px #6366f10d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.app-layout{height:100vh;display:flex;overflow:hidden}.mobile-menu-btn,.mobile-sidebar-backdrop{display:none}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;--text-primary:#e8eaf0;--text-secondary:#9ba3c4;--text-muted:#5c6382;--border-color:#2a2f4a;--bg-card-hover:#252840;--bg-input:#1e2235;flex-direction:column;flex-shrink:0;transition:width .3s;display:flex;position:relative}.sidebar.collapsed{width:68px}.main-content{background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.page-content{flex:1;padding:24px;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border-color);min-height:var(--header-height);align-items:center;gap:12px;padding:20px 16px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-primary), #f59e0b);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Outfit,sans-serif;font-size:16px;font-weight:800;display:flex}.logo-text{overflow:hidden}.logo-text h3{color:var(--text-primary);white-space:nowrap;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;line-height:1.2}.logo-text span{color:var(--text-secondary);white-space:nowrap;font-size:11px}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-section-label{letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;padding:8px 8px 4px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-secondary);white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{color:var(--accent-primary-light);border-left:3px solid var(--accent-primary);background:linear-gradient(135deg,#7c6af733,#7c6af70d)}.nav-item .nav-icon{flex-shrink:0;width:18px;height:18px}.nav-item .badge{background:var(--accent-primary);color:#fff;border-radius:99px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border-color);color:var(--text-muted);padding:16px;font-size:11px;line-height:1.5}.sidebar-footer strong{color:var(--accent-primary);font-size:12px;display:block}.top-header{height:var(--header-height);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;align-items:center;gap:16px;padding:0 24px;display:flex}.header-search{background:var(--bg-input);border:1px solid var(--border-color);max-width:360px;height:40px;color:var(--text-secondary);border-radius:99px;flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.header-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.header-search input::placeholder{color:var(--text-muted)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.user-pill{background:var(--bg-input);border:1px solid var(--border-color);cursor:pointer;border-radius:99px;align-items:center;gap:10px;padding:4px 14px 4px 4px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-primary), #f59e0b);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:12px;font-weight:600}.user-role{color:var(--text-muted);font-size:10px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.card-sm{padding:16px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-primary);font-size:15px;font-weight:600}.card-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12px}.stat-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition);padding:20px;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-card:before{content:"";opacity:.05;background:currentColor;border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.stat-card .stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}.stat-card .stat-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:500}.stat-card .stat-value{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.stat-card .stat-change{margin-top:6px;font-size:11px}.stat-card .stat-change.up{color:var(--accent-success)}.stat-card .stat-change.down{color:var(--accent-danger)}.badge-status{border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-status.paid{color:#10b981;background:#10b98126}.badge-status.partial{color:#f59e0b;background:#f59e0b26}.badge-status.unpaid{color:#ef4444;background:#ef444426}.badge-type{letter-spacing:.5px;border-radius:4px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-type.tax{color:#60a5fa;background:#3b82f626}.badge-type.order{color:#a78bfa;background:#7c6af726}.badge-type.cash{color:#10b981;background:#10b98126}.badge-type.quote{color:#f59e0b;background:#f59e0b26}.badge-type.estimate{color:#9ca3af;background:#9ca3af26}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-primary-dark));color:#fff;box-shadow:0 4px 12px #7c6af74d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c6af766}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary-light)}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card-hover)}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:14px}.btn-icon{border-radius:var(--radius-sm);padding:8px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);text-align:left;padding:12px 16px;font-size:11px;font-weight:600}tbody tr{border-bottom:1px solid var(--border-color);transition:var(--transition)}tbody tr:hover{background:var(--bg-card-hover)}tbody td{color:var(--text-primary);vertical-align:middle;padding:12px 16px;font-size:13px}tbody tr:last-child{border-bottom:none}.action-btns{align-items:center;gap:6px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:12px;font-weight:600}.form-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition);outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #7c6af71a}.form-control::placeholder{color:var(--text-muted)}select.form-control option{background:var(--bg-card)}textarea.form-control{resize:vertical;min-height:80px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:2px;font-size:13px}.header-actions-row{align-items:center;gap:10px;display:flex}.tabs{background:var(--bg-secondary);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.tab-btn{cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:600}.tab-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tab-btn:hover:not(.active){color:var(--text-primary)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-lg);padding:28px;overflow-y:auto}.modal-sm{max-width:480px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.modal-close{background:var(--bg-input);border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--accent-danger);border-color:var(--accent-danger)}.invoice-preview{color:#111;background:#fff;font-family:Inter,sans-serif;font-size:12px;line-height:1.5}@media print{.no-print{display:none!important}.invoice-preview{padding:0}}.chart-container{width:100%;height:220px}.divider{background:var(--border-color);height:1px;margin:16px 0}.text-right{text-align:right}.text-center{text-align:center}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.text-warning{color:var(--accent-warning)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.flex{display:flex}.flex-center{align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.justify-between{justify-content:space-between}.sidebar-toggle{background:var(--bg-sidebar);border:1px solid var(--border-color);cursor:pointer;width:24px;height:24px;color:var(--text-secondary);z-index:110;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:24px;right:-12px;box-shadow:0 2px 8px #0000004d}.sidebar-toggle:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.amount-summary-table{width:100%}.amount-summary-table tr td{padding:5px 0;font-size:13px}.amount-summary-table tr td:last-child{text-align:right;font-weight:600}.amount-summary-table .total-row td{color:var(--accent-primary);border-top:1px solid var(--border-color);padding-top:10px;font-size:15px;font-weight:700}.amount-summary-table .balance-row td{color:var(--accent-danger)}.items-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.items-table thead th,.items-table tbody td{padding:10px 12px}.items-table tbody td input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;outline:none;width:100%;padding:4px 8px;font-size:12px}.items-table tbody td input:focus{border-color:var(--accent-primary)}.mobile-items-list{display:none}.items-category-row td{background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.items-category-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.items-category-title{color:var(--accent-primary-light);overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:800}.items-category-actions{flex:none;align-items:center;gap:10px;display:flex}.category-price-control{color:var(--text-secondary);align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.category-price-control .form-control{text-align:right;width:110px;height:28px;padding:2px 8px}.items-summary-row td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;font-size:12px}.items-summary-name{width:100%;color:var(--text-primary);cursor:pointer;font:inherit;text-align:left;white-space:pre-wrap;background:0 0;border:0;max-height:38px;padding:0;font-weight:700;line-height:1.35;display:block;overflow:hidden}.items-summary-name:hover{color:var(--accent-primary-light)}.next-item-row td{color:var(--text-muted);background:#7c6af70d}.next-item-name{color:var(--accent-primary-light);font-weight:800}.next-item-name:before{content:"+";margin-right:8px}.item-summary-actions{justify-content:flex-end;gap:6px;display:flex}.item-modal-overlay{z-index:10000;background:#030712b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.item-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;width:min(900px,100%);max-height:min(720px,100vh - 36px);display:flex;overflow:hidden;box-shadow:0 22px 70px #0000006b}.item-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.item-modal-header h3{margin:0 0 4px;font-size:18px;font-weight:800}.item-modal-header p{color:var(--text-secondary);margin:0;font-size:12px}.item-modal-body{padding:20px;overflow:auto}.item-modal-main-field{margin-bottom:16px}.item-modal-main-field textarea{resize:vertical;min-height:132px}.item-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.item-modal-grid .form-group{margin-bottom:0}.item-modal-total-preview{border-radius:var(--radius-md);min-height:58px;color:var(--accent-primary-light);background:#7c6af71a;border:1px solid #7c6af747;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:12px 16px;display:flex}.item-modal-total-preview span{color:var(--text-secondary);font-size:12px;font-weight:700}.item-modal-total-preview strong{font-size:22px}.item-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.event-card{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);transition:var(--transition);align-items:center;gap:14px;margin-bottom:10px;padding:12px;display:flex}.event-card:hover{border-color:var(--accent-primary)}.event-date-badge{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent-primary), var(--accent-primary-dark));flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:52px;display:flex}.event-date-badge .day{color:#fff;font-size:18px;font-weight:700;line-height:1}.event-date-badge .mon{color:#fffc;font-size:10px;font-weight:600}.event-info{flex:1;min-width:0}.event-customer{font-size:13px;font-weight:600}.event-type{color:var(--text-secondary);font-size:11px}.days-left-badge{border-radius:99px;padding:3px 10px;font-size:10px;font-weight:700}.days-left-badge.urgent{color:#ef4444;background:#ef444426}.days-left-badge.soon{color:#f59e0b;background:#f59e0b26}.days-left-badge.ok{color:#10b981;background:#10b98126}.pagination{align-items:center;gap:4px;padding:16px 0 0;display:flex}.page-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-color);background:var(--bg-input);width:32px;height:32px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.page-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.page-btn:hover:not(.active){border-color:var(--accent-primary);color:var(--accent-primary)}.legend-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-bar .search-input-wrap{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:220px;height:38px;color:var(--text-muted);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.filter-bar .search-input-wrap input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.recharts-wrapper{cursor:default!important}@media (width<=768px){.stat-cards{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sidebar{left:-var(--sidebar-width);position:fixed}}@media (width<=900px){html,body,#root{height:100%;min-height:100%;overflow:hidden}.app-layout{height:100dvh;overflow:hidden}.sidebar{z-index:1000;height:100dvh;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(0);box-shadow:18px 0 48px #00000073;width:min(84vw,304px)!important}.sidebar.collapsed{transform:translate(-105%);width:min(84vw,304px)!important}.sidebar-logo{padding:14px}.sidebar-toggle{border-radius:var(--radius-sm);width:34px;height:34px;top:20px;right:10px}.nav-item{min-height:44px;padding:11px 12px;font-size:14px}.sidebar-footer{padding:12px}.mobile-sidebar-backdrop{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;border:0;display:block;position:fixed;inset:0}.main-content{width:100%;min-width:0}.top-header{flex-wrap:wrap;gap:10px;height:auto;min-height:58px;padding:10px 12px}.mobile-menu-btn{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.top-header>div:first-of-type{flex:1;min-width:0}.header-search{border-radius:var(--radius-sm);flex-basis:100%;order:3;max-width:none;height:42px;margin-left:0!important}.header-actions{margin-left:0;gap:6px!important}.header-actions .btn-primary{min-height:40px;padding:8px 10px}.page-content{padding:14px;overflow-x:hidden}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.page-header h1{font-size:22px;line-height:1.15}.page-header p{line-height:1.4}.header-actions-row,.gallery-print-actions{grid-template-columns:1fr 1fr;width:100%;align-items:stretch!important;gap:8px!important;display:grid!important}.header-actions-row .btn,.gallery-print-actions .btn{justify-content:center;width:100%;min-height:42px}.gallery-print-actions .print-format-control{grid-column:1/-1;width:100%}.print-format-control{flex-direction:column;width:100%;align-items:stretch!important;gap:5px!important}.print-format-control select,.print-format-control .form-control{min-height:42px;width:100%!important}.card{border-radius:var(--radius-md);padding:14px}.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px}.stat-card .stat-icon{width:38px;height:38px;margin-bottom:8px}.stat-card .stat-value{font-size:21px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:12px}.filter-bar{flex-direction:column;align-items:stretch;gap:8px}.filter-bar .search-input-wrap{width:100%;min-width:0;height:44px}.filter-bar .form-control,.filter-bar .btn{justify-content:center;min-height:42px;width:100%!important}.tabs{scrollbar-width:none;padding:4px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex:none;min-height:38px}.btn{justify-content:center;min-height:40px}.btn-sm{min-height:36px;padding:7px 11px}.btn-icon{min-width:38px;padding:8px}.form-control{min-height:42px;font-size:16px}textarea.form-control{min-height:92px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrap table{min-width:760px}thead th,tbody td{padding:10px 12px}.action-btns{gap:8px}.table-footer{flex-direction:column;gap:10px;align-items:stretch!important}.pagination{padding-top:0;overflow-x:auto}.page-btn{flex:0 0 36px;width:36px;height:36px}.modal-overlay{align-items:stretch;padding:0}.modal{border-left:0;border-right:0;border-radius:0;padding:18px;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important}.modal-header{gap:12px;margin-bottom:16px}.modal-title{font-size:18px}.modal-close{flex-shrink:0;width:40px;height:40px}.settings-layout{flex-direction:column;gap:14px!important}.settings-layout>.card,.settings-layout>div,.gallery-control-card,.gallery-content-panel{min-width:0;width:100%!important}.gallery-page{padding-bottom:24px!important}.invoice-form-header{flex-direction:column;gap:12px;align-items:stretch!important;padding:14px!important}.invoice-form-type{grid-template-columns:1fr auto;align-items:stretch!important;gap:8px!important;display:grid!important}.invoice-form-type>span{grid-column:1/-1}.invoice-form-type select{width:100%!important}.invoice-form-body{flex-direction:column;overflow:auto!important}.invoice-form-main{padding:14px!important;overflow:visible!important}.invoice-form-main .card>div:first-child{flex-direction:column;gap:10px;align-items:stretch!important}.invoice-form-main .card>div:first-child select{width:100%!important;min-height:40px!important}.items-table-wrap{display:none}.add-items-card{padding:12px!important}.add-items-header{flex-direction:column;gap:8px;align-items:stretch!important;margin-bottom:8px!important}.add-items-controls{flex-direction:column;align-items:stretch!important;gap:8px!important}.pricing-mode-toggle{grid-template-columns:1fr 1fr;width:100%;border-radius:var(--radius-sm)!important;display:grid!important}.pricing-mode-toggle .btn{white-space:normal;min-height:38px;line-height:1.15;padding:6px 8px!important}.add-items-controls .tabs{width:100%}.add-items-controls .tab-btn{flex:1 0 50%}.add-row-wrap{justify-content:stretch!important;margin-bottom:8px!important}.add-row-wrap .btn{width:100%}.mobile-items-list,.mobile-item-group{flex-direction:column;gap:8px;display:flex}.mobile-category-header{border-radius:var(--radius-sm);min-height:36px;color:var(--accent-primary-light);background:#7c6af71a;border:1px solid #7c6af72e;justify-content:space-between;align-items:center;gap:10px;padding:6px 9px;font-size:13px;font-weight:700;display:flex}.mobile-category-header .btn{flex:none;min-height:30px;padding:4px 8px}.mobile-category-price{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.mobile-category-price label{color:var(--text-secondary);font-size:11px;font-weight:700}.mobile-item-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;gap:7px;padding:9px;display:flex}.mobile-item-card-top{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.mobile-item-summary-card{gap:8px}.mobile-item-name{color:var(--text-primary);cursor:pointer;font:inherit;text-align:left;white-space:pre-wrap;background:0 0;border:0;max-height:58px;padding:0;font-size:14px;font-weight:800;line-height:1.35;overflow:hidden}.mobile-item-meta{flex-wrap:wrap;gap:6px;display:flex}.mobile-item-meta span{border-radius:var(--radius-sm);background:var(--bg-input);min-height:24px;color:var(--text-secondary);align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.mobile-summary-total{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.mobile-summary-total span{color:var(--text-secondary);font-size:11px;font-weight:700}.mobile-summary-total strong{color:var(--accent-primary-light);font-size:16px}.mobile-next-item-card{border-radius:var(--radius-md);min-height:54px;color:var(--accent-primary-light);cursor:pointer;font:inherit;background:#7c6af712;border:1px dashed #7c6af78c;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:800;display:flex}.item-modal-overlay{align-items:stretch;padding:0}.item-modal{border:0;border-radius:0;width:100%;height:100%;max-height:none}.item-modal-header,.item-modal-body{padding:14px}.item-modal-grid{grid-template-columns:1fr 1fr;gap:10px}.item-modal-main-field textarea{min-height:116px}.item-modal-footer{padding:10px 14px}.item-modal-footer .btn{flex:1}.mobile-field{flex-direction:column;gap:4px;min-width:0;display:flex}.mobile-field label,.mobile-total-row label{color:var(--text-secondary);font-size:10px;font-weight:700}.mobile-field-grid{grid-template-columns:1fr;gap:7px;display:grid}.mobile-item-card .mobile-field-grid:not(.compact) .mobile-field:first-child{display:none}.mobile-field-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-item-card textarea.form-control{resize:vertical;min-height:48px}.mobile-total-row{border-top:1px solid var(--border-color);grid-template-columns:52px minmax(0,1fr) 74px;align-items:end;gap:6px;padding-top:7px;display:grid}.mobile-total-row label{grid-column:auto;align-self:center}.mobile-total-row .form-control{min-width:0}.mobile-total-row strong{border-radius:var(--radius-sm);min-height:36px;color:var(--accent-primary-light);background:#7c6af71f;justify-content:center;align-items:center;padding:0 8px;font-size:13px;display:inline-flex}.mobile-item-card .form-control{min-height:36px;font-size:14px}.product-picker-panel{border-top:1px solid var(--border-color);max-height:340px;border-left:0!important;width:100%!important}.invoice-form-footer{flex-wrap:wrap;position:sticky;bottom:0;padding:10px 14px!important}.invoice-form-footer .btn{flex:140px}.invoices-page-shell{height:auto!important;display:block!important}.invoices-list-panel{padding-right:0!important;overflow:visible!important}.invoice-split-preview{display:none!important}.invoice-preview-toolbar{padding:12px!important}.invoice-preview-actions{flex-direction:column;align-items:stretch!important}.invoice-print-buttons{grid-template-columns:1fr;width:100%;margin-left:0!important;display:grid!important}.invoice-preview-scroll{-webkit-overflow-scrolling:touch;padding:10px!important;overflow:auto!important}.invoice-print-container{align-items:flex-start}.invoice-preview{min-width:720px}}@media (width<=520px){.page-content{padding:10px}.top-header{padding:8px 10px}.header-actions .btn-primary{width:42px;padding:0;font-size:0}.header-actions .btn-primary svg{width:18px;height:18px}.stat-cards,.header-actions-row,.gallery-print-actions{grid-template-columns:1fr}.gallery-print-actions>button[title]{width:100%!important}.card{padding:12px}.page-header h1{font-size:20px}.invoice-preview{min-width:700px}}@media (width<=380px){.mobile-field-grid{grid-template-columns:1fr}.mobile-field-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-total-row{grid-template-columns:48px minmax(0,1fr) 68px}}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-item{animation:.2s cubic-bezier(.16,1,.3,1) forwards toast-in}.invoice-preview,.invoice-preview td{color:#1f2937!important}.invoice-preview th{color:#374151!important;text-transform:none!important;letter-spacing:normal!important;background:#f3f4f6!important}.invoice-preview tr:hover{background:0 0!important}@media print{.invoice-print-container{background:0 0!important;gap:0!important;padding:0!important}.invoice-preview{page-break-after:always!important;page-break-inside:avoid!important;box-shadow:none!important;border:none!important;margin:0!important}}.upload-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);text-align:center;cursor:pointer;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 20px;display:flex;position:relative}.upload-dropzone:hover{border-color:var(--accent-primary-light);background:var(--bg-card-hover)}