@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-dark:#0a0e17;--bg-panel:#111827;--bg-panel-hover:#1f2937;--bg-accent:#38bdf81a;--text-main:#e2e8f0;--text-muted:#94a3b8;--text-accent:#38bdf8;--border-color:#ffffff1a;--border-glow:#38bdf880;--color-primary:#38bdf8;--color-primary-hover:#0284c7;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#ef4444;--shadow-glow:0 0 15px #38bdf833;--shadow-panel:0 4px 6px -1px #00000080, 0 2px 4px -1px #0000004d;--overlay-bg:#000000d9;--input-bg:#0000004d;--chart-grid:#ffffff0d;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s ease;--transition-normal:.3s ease}body.light-mode{--bg-dark:#f1f5f9;--bg-panel:#fff;--bg-panel-hover:#f8fafc;--bg-accent:#38bdf80d;--text-main:#0f172a;--text-muted:#475569;--text-accent:#0284c7;--border-color:#0000001a;--border-glow:#38bdf84d;--shadow-panel:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--overlay-bg:#0f172a99;--input-bg:#f8fafc;--chart-grid:#0000000d}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:30px 30px;min-height:100vh;line-height:1.5}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{color:#fff;letter-spacing:-.025em;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}.panel{background-color:var(--bg-panel);border:1px solid var(--border-color);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}input,select,textarea{background-color:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-sans);transition:all var(--transition-fast);border-radius:8px;outline:none;padding:.75rem 1rem}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--bg-accent)}.btn{transition:all var(--transition-fast);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#0369a1;font-weight:600;box-shadow:0 0 10px #38bdf84d}.btn-primary:hover{background-color:#7dd3fc;transform:translateY(-1px);box-shadow:0 0 15px #38bdf880}.btn-outline{border-color:var(--border-color);color:var(--text-main);background-color:#0000}.btn-outline:hover{background-color:var(--bg-panel-hover);border-color:var(--color-primary)}.btn-icon{transition:all var(--transition-fast);border:1px solid var(--border-color);cursor:pointer;color:var(--text-muted);background-color:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background-color:var(--bg-panel-hover);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.app-container{height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.page-wrapper{overscroll-behavior:contain;flex:1;padding:1rem 1.25rem;overflow:hidden auto}.top-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;flex-shrink:0;width:70px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.sidebar:hover,.sidebar.pinned{width:250px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff26}body.light-mode .sidebar-nav::-webkit-scrollbar-thumb{background:#00000014}body.light-mode .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#00000026}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;height:70px;padding:0 1.35rem;transition:padding .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar:hover .sidebar-header,.sidebar.pinned .sidebar-header{padding:0 1.5rem}.sidebar-title{color:#fff;letter-spacing:.5px;white-space:nowrap;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex;overflow:hidden}.sidebar-title-text{opacity:0;pointer-events:none;max-width:0;transition:opacity .2s,max-width .2s,transform .2s;display:inline-block;overflow:hidden;transform:translate(-10px)}.sidebar:hover .sidebar-title-text,.sidebar.pinned .sidebar-title-text{opacity:1;pointer-events:auto;max-width:150px;transform:translate(0)}.sidebar-nav{overscroll-behavior:contain;flex-direction:column;flex:1;gap:.15rem;padding:.75rem;transition:padding .3s;display:flex;overflow-y:auto}.sidebar:not(:hover):not(.pinned) .sidebar-nav{padding:.75rem .5rem}.sidebar-section-heading,.sidebar-section-title{opacity:0;max-height:0;margin-bottom:0;transition:opacity .2s,max-height .2s;overflow:hidden}.sidebar:hover .sidebar-section-heading,.sidebar.pinned .sidebar-section-heading,.sidebar:hover .sidebar-section-title,.sidebar.pinned .sidebar-section-title{opacity:.85;max-height:40px}.sidebar-logout-btn{color:#ef4444;cursor:pointer;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;width:100%;height:42px;padding:0 .6rem;font-size:.82rem;font-weight:800;transition:all .2s;display:flex;overflow:hidden}.sidebar-logout-btn:hover{color:#fff;background-color:#ef4444;border-color:#ef4444;box-shadow:0 4px 15px #ef444466}.sidebar-logout-text{opacity:0;white-space:nowrap;max-width:0;transition:opacity .2s,max-width .2s;overflow:hidden}.sidebar:hover .sidebar-logout-text,.sidebar.pinned .sidebar-logout-text{opacity:1;max-width:100px}.nav-item{color:var(--text-muted);transition:all var(--transition-fast), padding .3s cubic-bezier(.4, 0, .2, 1), gap .3s cubic-bezier(.4, 0, .2, 1);white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.6rem .85rem;font-size:.875rem;font-weight:500;display:flex;overflow:hidden}.sidebar:not(:hover):not(.pinned) .nav-item{justify-content:center;gap:0;padding:.6rem .75rem}.nav-item span{opacity:0;pointer-events:none;max-width:0;transition:opacity .2s,max-width .2s,transform .2s;display:inline-block;overflow:hidden;transform:translate(-10px)}.sidebar:hover .nav-item span,.sidebar.pinned .nav-item span{opacity:1;pointer-events:auto;max-width:200px;transform:translate(0)}.submenu-chevron{opacity:0;width:0;max-width:0;transition:opacity .2s,max-width .2s,width .2s;overflow:hidden}.sidebar:hover .submenu-chevron,.sidebar.pinned .submenu-chevron{opacity:1;width:16px;max-width:20px}.submenu-container{flex-direction:column;gap:.15rem;margin-top:.15rem;transition:max-height .3s,opacity .3s;display:none!important}.sidebar:hover .submenu-container,.sidebar.pinned .submenu-container{display:flex!important}.nav-item-content{align-items:center;gap:.75rem;transition:gap .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar:not(:hover):not(.pinned) .nav-item-content{justify-content:center;gap:0;width:100%}.nav-item-submenu-toggle{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;width:100%}.sidebar:not(:hover):not(.pinned) .nav-item-submenu-toggle{justify-content:center!important}.sidebar-nav .no-icon{display:none!important}.sidebar:hover .sidebar-nav .no-icon,.sidebar.pinned .sidebar-nav .no-icon{display:flex!important}.nav-item:hover{background-color:var(--bg-panel-hover);color:var(--text-main)}.nav-item.active{background-color:var(--bg-accent);color:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary);border-color:#38bdf826}.table-container{border:1px solid var(--border-color);background-color:var(--bg-panel);border-radius:12px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.75rem 1.25rem;font-size:.813rem;line-height:1.462}.data-table td{color:var(--text-main);font-weight:500}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:#0003;font-weight:600}.data-table tr:hover{background-color:#ffffff05}.badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge.success{color:var(--color-success);background-color:#34d3991a;border:1px solid #34d39933}.badge.warning{color:var(--color-warning);background-color:#fbbf241a;border:1px solid #fbbf2433}.badge.danger{color:var(--color-danger);background-color:#ef44441a;border:1px solid #ef444433}.badge.info{color:var(--color-primary);background-color:#38bdf81a;border:1px solid #38bdf833}.spinner{border:3px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.stat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.stat-value{color:#fff;font-size:2rem;font-weight:700;font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modern-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);transition:all .3s;background:#ffffff05!important}.modern-card:hover{border-color:#38bdf84d;transform:translateY(-5px);box-shadow:0 10px 20px #0003,0 0 15px #38bdf81a}body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode h5,body.light-mode h6,body.light-mode .sidebar-title,body.light-mode .stat-value{color:var(--text-main)}body.light-mode .modern-card{box-shadow:var(--shadow-panel);background:var(--bg-panel)!important}body.light-mode .stat-card{border-left-width:5px!important}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.blink-animation{animation:1s infinite blink;color:var(--color-warning)!important}.notification-badge{background-color:var(--color-danger);border:2px solid var(--bg-panel);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 5px #ef444480}.modal-overlay{background-color:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-container{width:100%;max-width:100%;animation:fadeIn var(--transition-normal);margin:0 auto;padding:1.5rem 2rem 3rem}.settings-header{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding:1.25rem 1.75rem;display:flex}.settings-header h1{color:var(--text-main);letter-spacing:.5px;align-items:center;gap:.6rem;margin:0;font-size:1.5rem;font-weight:900;display:flex}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:1.5rem;display:grid}.settings-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #0000004d}.settings-card:hover{border-color:var(--color-primary);box-shadow:0 12px 35px #38bdf814}.card-title{color:var(--color-primary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding-bottom:.85rem;font-size:1.05rem;font-weight:800;display:flex}.full-width{grid-column:1/-1}.form-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:var(--text-main);text-transform:uppercase;letter-spacing:.4px;font-size:.82rem;font-weight:700}.logo-preview-container{align-items:flex-end;gap:1rem;display:flex}.logo-preview-box{border:1px solid var(--border-color);background-color:var(--bg-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.logo-preview-box img{object-fit:contain;max-width:100%;max-height:100%}.address-subgrid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.custom-fields-container{flex-direction:column;gap:.85rem;display:flex}.custom-field-row{align-items:center;gap:1rem;display:flex}.custom-field-row input{flex:1}.btn-remove-field{color:var(--color-danger);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-remove-field:hover{background-color:#ef44441a}.settings-footer{border-top:1px solid var(--border-color);grid-column:1/-1;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;display:flex}.settings-tabs{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;gap:.5rem;padding:.4rem;display:flex}.tab-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.82rem;font-weight:800;transition:all .2s;display:flex}.tab-button.active{background-color:var(--color-primary);color:#000}.message-banner{border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.88rem;font-weight:700;animation:.3s slideDown;display:flex}.message-banner.success{color:#22c55e;background-color:#22c55e1f;border:1px solid #22c55e4d}.message-banner.error{color:#ef4444;background-color:#ef44441f;border:1px solid #ef44444d}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.settings-grid,.address-subgrid{grid-template-columns:1fr}}.gst-reports-page{padding-bottom:2.5rem}.gst-header-clean{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.gst-page-title{letter-spacing:.5px;align-items:center;gap:.6rem;margin:0;font-size:1.25rem;font-weight:900;display:flex}.gst-top-actions{gap:.6rem;display:flex}.btn-gst{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-gst.primary{background-color:var(--color-primary);color:#000}.btn-gst.outline{color:var(--text-main);border-color:var(--border-color);background-color:#ffffff0d}.btn-gst.green{color:#22c55e;background-color:#22c55e26;border-color:#22c55e4d}.btn-gst:hover{opacity:.9;transform:translateY(-1px)}.gst-unified-toolbar{border-radius:12px;flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:.6rem 1rem;display:flex}.segmented-control{background-color:var(--bg-accent);border:1px solid var(--border-color);border-radius:8px;padding:3px;display:flex}.seg-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.76rem;font-weight:700;transition:all .2s}.seg-btn.active{background-color:var(--color-primary);color:#000}.toolbar-divider{background-color:var(--border-color);width:1px;height:22px}.date-presets{gap:.35rem;display:flex}.preset-pill{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background-color:#ffffff0a;border-radius:6px;padding:.35rem .65rem;font-size:.75rem;font-weight:700}.preset-pill.active{color:var(--color-primary);border-color:var(--color-primary);background-color:#38bdf826}.date-input-group{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.gst-date-input{border:1px solid var(--border-color);background-color:var(--bg-panel);height:32px;color:var(--text-main);border-radius:6px;padding:0 .5rem;font-size:.78rem}.gst-refresh-btn{border:1px solid var(--border-color);background-color:var(--bg-accent);width:32px;height:32px;color:var(--text-main);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex}.gst-cards-row{grid-template-columns:repeat(5,1fr);gap:.85rem;margin-bottom:1.25rem;display:grid}@media (width<=1200px){.gst-cards-row{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.gst-cards-row{grid-template-columns:repeat(2,1fr)}}.gst-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:.85rem 1rem}.gst-card.highlight{border:2px solid var(--color-primary);background-color:#38bdf80f}.card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:800;display:block}.card-amount{color:var(--text-main);margin:.2rem 0;font-size:1.35rem;font-weight:900}.card-amount.main-cyan{color:var(--color-primary)}.card-amount.green{color:#22c55e}.card-amount.blue{color:#3b82f6}.card-subtext{color:var(--text-muted);font-size:.7rem}.gst-tabs-bar{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.gst-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.8rem;font-weight:800;transition:all .2s}.gst-tab.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);background-color:#38bdf81f}.table-header-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.table-title{text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:800}.table-search-box{position:relative}.search-input{border:1px solid var(--border-color);background-color:var(--bg-accent);height:32px;color:var(--text-main);border-radius:6px;width:200px;padding-left:2rem;padding-right:.5rem;font-size:.78rem}.pill-badge{border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.pill-badge.web{color:#22c55e;background-color:#22c55e1f}.pill-badge.pos{color:#0284c7;background-color:#38bdf81f}.pill-badge.state{color:var(--text-main);border:1px solid var(--border-color);background-color:#ffffff0d}.pill-badge.category{color:#a855f7;background-color:#a855f71f}.pill-badge.rate{color:#f59e0b;background-color:#f59e0b1f;border:1px solid #f59e0b4d}.pill-badge.attachment{color:#22c55e;background-color:#22c55e26;align-items:center;gap:.25rem;text-decoration:none;display:inline-flex}.inv-no{font-weight:800;font-family:var(--font-mono);color:var(--color-primary)}.gst-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#000000d1;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-refined-glass{background:var(--bg-panel);border:1px solid var(--color-primary);border-radius:20px;width:100%;max-width:520px;padding:1.75rem;box-shadow:0 20px 40px #0006}.gst-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.gst-modal-header h3{color:var(--color-primary);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:900;display:flex}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.form-row-grid{grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;display:grid}.field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-size:.72rem;font-weight:800;display:block}.select2-input{border:1px solid var(--border-color);background-color:var(--bg-accent);height:42px;color:var(--text-main);border-radius:10px;outline:none;width:100%;padding:0 .85rem;font-size:.85rem;transition:all .2s}.select2-input:focus{border-color:var(--color-primary);box-shadow:0 0 10px #38bdf833}.select2-container{width:100%;position:relative}.select2-trigger{border:1px solid var(--border-color);background-color:var(--bg-accent);width:100%;height:42px;color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:0 .85rem;font-size:.83rem;font-weight:600;transition:all .2s;display:flex}.select2-trigger:hover,.select2-trigger.open{border-color:var(--color-primary);background-color:#38bdf80d}.select2-selected-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select2-caret{color:var(--color-primary);flex-shrink:0;transition:transform .2s}.select2-caret.rotate{transform:rotate(180deg)}.select2-dropdown{background-color:var(--bg-panel);border:1px solid var(--color-primary);z-index:9999;border-radius:12px;margin-top:6px;padding:6px;animation:.15s ease-out slideDown;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 15px 35px #00000080}.select2-search-box{margin-bottom:6px;position:relative}.select2-search-icon{color:var(--text-muted);position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.select2-search-input{border:1px solid var(--border-color);background-color:var(--bg-accent);width:100%;height:34px;color:var(--text-main);border-radius:6px;outline:none;padding-left:2rem;padding-right:.5rem;font-size:.78rem}.select2-options-list{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.select2-option-item{color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.select2-option-item:hover{color:var(--color-primary);background-color:#38bdf81f}.select2-option-item.selected{color:var(--color-primary);background-color:#38bdf833;font-weight:800}.select2-check-icon{color:var(--color-primary)}.select2-no-results{text-align:center;color:var(--text-muted);padding:12px;font-size:.78rem}.dropzone-box{border:1px dashed var(--border-color);background-color:#ffffff05;border-radius:12px;margin-bottom:1.25rem;padding:.85rem;transition:all .2s}.dropzone-box:hover{border-color:var(--color-primary);background-color:#38bdf808}.dropzone-input-wrapper{margin-top:.5rem;position:relative}.file-input-hidden{display:none}.dropzone-label{background-color:var(--bg-accent);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.dropzone-label:hover{border-color:var(--color-primary);color:var(--color-primary)}.dropzone-icon{color:var(--color-primary)}.upload-status{color:var(--color-primary);margin-top:.35rem;font-size:.75rem;font-weight:700;display:block}.upload-success{color:#22c55e;margin-top:.35rem;font-size:.75rem;font-weight:800;display:block}.modal-actions-gst{justify-content:flex-end;gap:.75rem;display:flex}.loading-box{text-align:center;padding:3rem}.print-document-container{display:none}@media print{@page{size:A4 portrait;margin:8mm}body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;font-family:Arial,Helvetica,sans-serif!important}.no-print,.sidebar,.top-header,.sidebar-header,.sidebar-nav{display:none!important}.app-container,.main-content,.gst-reports-page{background:#fff!important;margin:0!important;padding:0!important}.print-document-container{color:#000!important;width:100%!important;display:block!important}.print-company-header{text-align:center;border-bottom:2px solid #000;margin-bottom:14px;padding-bottom:10px}.print-company-header h2{text-transform:uppercase;color:#000;margin:0 0 3px;font-size:18pt;font-weight:900}.print-company-header p{color:#333;margin:2px 0;font-size:9.5pt}.print-company-header .gstin-pan{color:#000;font-size:9.5pt;font-weight:700}.print-company-header .doc-title{text-transform:uppercase;color:#000;margin-top:6px;margin-bottom:2px;font-size:12pt;font-weight:700;text-decoration:underline}.print-company-header .doc-period{color:#444;margin-top:2px;font-size:8.5pt}.print-summary-box{margin-bottom:16px}.print-summary-table{border-collapse:collapse!important;width:100%!important}.print-summary-table th,.print-summary-table td{color:#000!important;border:1px solid #000!important;padding:5px 8px!important;font-size:8.5pt!important}.print-summary-table th{text-transform:uppercase!important;background-color:#f2f2f2!important;font-weight:700!important}.print-summary-table .net-payable-row td{background-color:#e6f7ff!important;font-weight:700!important}.print-details-section{margin-bottom:20px}.print-section-heading{text-transform:uppercase;color:#000;margin:0 0 6px;font-size:10pt;font-weight:700}.print-details-table{border-collapse:collapse!important;width:100%!important;font-size:8pt!important}.print-details-table th,.print-details-table td{color:#000!important;border:1px solid #333!important;padding:4px 5px!important}.print-details-table th{background-color:#f2f2f2!important;font-weight:700!important}.print-signatures-footer{page-break-inside:avoid!important;justify-content:space-between!important;margin-top:35px!important;display:flex!important}.sig-box{text-align:center;width:210px}.sig-line{border-top:1px dashed #000;margin-bottom:5px}.sig-box p{color:#000;margin:0;font-size:8.5pt;font-weight:700}}.bom-manager-page{padding-bottom:2.5rem}.bom-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.bom-page-title{letter-spacing:.5px;align-items:center;gap:.6rem;margin:0;font-size:1.25rem;font-weight:900;display:flex}.bom-page-subtext{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.btn-bom{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-bom.primary{background-color:var(--color-primary);color:#000}.btn-bom.edit{color:var(--color-primary);background-color:#38bdf81f;border-color:#38bdf84d}.btn-bom.outline{color:var(--text-main);border-color:var(--border-color);background-color:#ffffff0d}.btn-bom.refresh{background-color:var(--bg-panel);color:var(--text-main);border-color:var(--border-color)}.btn-bom.add-row{color:#22c55e;background-color:#22c55e1f;border-color:#22c55e4d;justify-content:center;width:100%;margin-top:.75rem}.bom-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.bom-stat-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:.85rem 1.15rem}.bom-stat-card.highlight{background-color:#22c55e0d;border:2px solid #22c55e}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:800;display:block}.stat-value{color:var(--text-main);margin:.2rem 0;font-size:1.45rem;font-weight:900}.stat-value.green{color:#22c55e}.stat-value.orange{color:#f59e0b}.stat-sub{color:var(--text-muted);font-size:.72rem}.bom-toolbar{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.bom-search-box{flex:1;min-width:240px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.bom-search-input{border:1px solid var(--border-color);background-color:var(--bg-accent);width:100%;height:38px;color:var(--text-main);border-radius:8px;padding-left:2.2rem;padding-right:.75rem;font-size:.82rem}.category-filter-group{align-items:center;gap:.6rem;display:flex}.filter-label{color:var(--text-muted);font-size:.78rem;font-weight:800}.category-pills{flex-wrap:wrap;gap:.35rem;display:flex}.cat-pill{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background-color:#ffffff0a;border-radius:6px;padding:.35rem .75rem;font-size:.76rem;font-weight:700}.cat-pill.active{background-color:var(--color-primary);color:#000;border-color:var(--color-primary)}.recipe-tags-container{flex-wrap:wrap;gap:.4rem;display:flex}.ingredient-tag{color:var(--text-main);background-color:#38bdf814;border:1px solid #38bdf833;border-radius:6px;padding:.25rem .6rem;font-size:.76rem}.category-tag{color:#a855f7;background-color:#a855f71f}.warning-tag{color:#f59e0b;background-color:#f59e0b1f;border:1px solid #f59e0b4d;align-items:center;gap:.3rem;display:inline-flex}.bom-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#000000d1;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.bom-modal-content{background-color:var(--bg-panel);border:1px solid var(--color-primary);border-radius:20px;width:100%;max-width:620px;max-height:90vh;padding:1.75rem;overflow-y:auto;box-shadow:0 20px 40px #00000080}.bom-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.bom-modal-header h3{color:var(--color-primary);align-items:center;gap:.5rem;margin:0;font-size:1.05rem;font-weight:900;display:flex}.modal-sub{color:var(--text-muted);margin-top:.25rem;font-size:.82rem}.ingredients-list-box{border:1px solid var(--border-color);background-color:#ffffff05;border-radius:12px;margin-bottom:1rem;padding:1rem}.ingredient-row{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.bom-select,.bom-input{border-radius:8px;height:40px;font-size:.82rem}.unit-label{color:var(--text-muted);min-width:30px;font-size:.8rem;font-weight:800}.remove-row-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.recipe-calc-summary{background-color:#38bdf814;border:1px solid #38bdf833;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.recipe-calc-summary strong{color:var(--color-primary);font-size:1.05rem}.bom-modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.order-reports-page{padding-bottom:2.5rem}.reports-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.reports-title{letter-spacing:.5px;align-items:center;gap:.6rem;margin:0;font-size:1.25rem;font-weight:900;display:flex}.reports-sub{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.reports-actions{gap:.6rem;display:flex}.btn-rep{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-rep.excel{color:#22c55e;background-color:#22c55e1f;border-color:#22c55e4d}.btn-rep.pdf{color:#ef4444;background-color:#ef44441f;border-color:#ef44444d}.btn-rep.action-timeline{color:var(--color-primary);background-color:#38bdf81f;border-color:#38bdf84d}.reports-kpi-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.kpi-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:.85rem 1.15rem}.kpi-card.highlight{background-color:#22c55e0d;border:2px solid #22c55e}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:800;display:block}.kpi-value{color:var(--text-main);margin:.2rem 0;font-size:1.4rem;font-weight:900}.kpi-value.green{color:#22c55e}.kpi-value.blue{color:#38bdf8}.kpi-value.orange{color:#f59e0b}.kpi-sub{color:var(--text-muted);font-size:.72rem}.reports-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.search-box-rep{flex:1;min-width:220px;position:relative}.search-input-rep{border:1px solid var(--border-color);background-color:var(--bg-accent);width:100%;height:38px;color:var(--text-main);border-radius:8px;padding-left:2.2rem;padding-right:.75rem;font-size:.82rem}.date-pills-group{flex-wrap:wrap;gap:.3rem;display:flex}.date-pill{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;text-transform:capitalize;background-color:#ffffff0a;border-radius:6px;padding:.35rem .65rem;font-size:.76rem;font-weight:700}.date-pill.active{background-color:var(--color-primary);color:#000;border-color:var(--color-primary)}.status-select-rep{border-radius:8px;width:160px;height:38px;font-size:.8rem}.deliv-badge{color:var(--color-primary);background-color:#38bdf81a;border:1px solid #38bdf833;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.78rem;font-weight:800;display:inline-flex}.status-pill{text-transform:uppercase;border-radius:6px;padding:.25rem .6rem;font-size:.74rem;font-weight:800;display:inline-block}.status-pill.pending{color:#f59e0b;background-color:#f59e0b1f}.status-pill.accept{color:#3b82f6;background-color:#3b82f61f}.status-pill.packed{color:#a855f7;background-color:#a855f71f}.status-pill.shipped,.status-pill.out_for_delivery{color:#06b6d4;background-color:#06b6d41f}.status-pill.delivered,.status-pill.completed{color:#22c55e;background-color:#22c55e1f}.status-pill.cancelled{color:#ef4444;background-color:#ef44441f}.reports-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.reports-modal-content{background-color:var(--bg-panel);border:1px solid var(--color-primary);border-radius:20px;width:100%;max-width:540px;max-height:85vh;padding:1.75rem;overflow-y:auto}.timeline-stepper-box{flex-direction:column;gap:.85rem;margin-top:1rem;display:flex}.timeline-step-item{align-items:flex-start;gap:.75rem;display:flex}.timeline-dot{background-color:var(--color-primary);border-radius:50%;width:12px;height:12px;margin-top:6px}.timeline-card{border:1px solid var(--border-color);background-color:#ffffff08;border-radius:8px;flex:1;padding:.65rem .85rem}.timeline-header-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.timeline-status-tag{color:var(--color-primary);font-size:.72rem;font-weight:800}.timeline-time{color:var(--text-muted);font-size:.72rem}.timeline-note{color:var(--text-main);font-size:.8rem}