@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#ff6b00;--primary-hover:#e85d00;--accent:#ff6b00;--accent-light:#ffb17a;--bg:#fdf3eb;--surface:#fff;--border:#e2e8f0;--border-color:#cbd5e1;--text:#475569;--text-dark:#111827;--text-light:#9ca3af;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius:16px;--radius-lg:24px;--font-sans:"Inter", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--primary:#2abcfb;--primary-hover:#fff;--accent:#e40f7a;--accent-light:#d150d7;--bg:#121212;--surface:#1e1e1e;--border:#333;--border-color:#475569;--text:#94a3b8;--text-dark:#f1f5f9;--text-light:#64748b;--success:#22c55e;--danger:#fc5247;--warning:#fdb337}}:root{--primary:#ff6b00;--primary-hover:#e85d00;--accent:#ff6b00;--accent-light:#ffb17a;--bg:#fdf3eb;--surface:#fff;--border:#e2e8f0;--border-color:#cbd5e1;--text:#475569;--text-dark:#111827;--text-light:#9ca3af;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius:16px;--radius-lg:24px;--font-sans:"Inter", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--primary:#2abcfb;--primary-hover:#fff;--accent:#e40f7a;--accent-light:#d150d7;--bg:#121212;--surface:#1e1e1e;--border:#333;--border-color:#475569;--text:#94a3b8;--text-dark:#f1f5f9;--text-light:#64748b;--success:#22c55e;--danger:#fc5247;--warning:#fdb337}}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}input::-ms-reveal{display:none!important}input::-ms-clear{display:none!important}input::-webkit-credentials-auto-fill-button{pointer-events:none!important;visibility:hidden!important;width:0!important;height:0!important;display:none!important}input::-webkit-contacts-auto-fill-button{pointer-events:none!important;visibility:hidden!important;width:0!important;height:0!important;display:none!important}input::-webkit-strong-password-auto-fill-button{pointer-events:none!important;visibility:hidden!important;width:0!important;height:0!important;display:none!important}input[type=password]::-webkit-textfield-decoration-container{display:none!important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none!important}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none!important}html,body{height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;background-color:#fff;margin:0;padding:0;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;width:100vw;max-width:100%;height:100%;display:flex;overflow-x:hidden}.app-container{box-sizing:border-box;background:#f1f5f9;grid-template-rows:1fr;grid-template-columns:260px 1fr;width:100vw;height:100%;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.app-container.sidebar-collapsed{grid-template-columns:72px 1fr}.sidebar-divider{background:linear-gradient(90deg, var(--warning), var(--danger), var(--accent), var(--accent-light), var(--primary), var(--primary-hover));opacity:.8;border-radius:2px;width:100%;height:2px;margin-bottom:32px}.logo-section span{color:var(--text-dark);font-size:24px;font-weight:800}.nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-btn{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:16px;width:100%;padding:12px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-btn:hover{color:var(--primary);background-color:#ff6b000d}.nav-btn.active{color:var(--primary);background:#fff;border:1px solid #ff6b001a;font-weight:700;box-shadow:0 4px 15px #ff6b0026}.nav-item-group{border-radius:12px;margin-bottom:2px;transition:all .2s}.nav-item-group.expanded{background-color:#eaf0f9;box-shadow:0 2px 10px #0000000a}@media (prefers-color-scheme:dark){.nav-item-group.expanded{background-color:#ffffff0d}}.nav-item-group.expanded>.nav-btn{color:#0f4098;box-shadow:none;background:0 0;font-weight:700}.nav-item-group.expanded>.nav-btn svg{color:#0f4098}.nav-item-group.expanded>.nav-btn:hover{background-color:#0000}.nav-submenu-list{flex-direction:column;gap:6px;margin:0 8px 0 35px;padding:8px 4px 12px 0;list-style:none;display:flex;position:relative}.nav-submenu-list:before{content:"";border-left:1px dashed #cbd5e1;width:1px;position:absolute;top:0;bottom:22px;left:0}.nav-submenu-item{position:relative}.nav-submenu-item:before{content:"";border-top:1px dashed #cbd5e1;width:16px;position:absolute;top:19px;left:0}.nav-sub-btn{width:100%;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;z-index:2;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px 10px 24px;font-size:13px;font-weight:500;transition:all .18s;display:flex;position:relative}.nav-sub-btn svg{flex-shrink:0}.nav-sub-btn span{text-overflow:ellipsis;overflow:hidden}.nav-sub-btn:hover{color:var(--text-dark)}.nav-sub-btn[data-active=true]{color:var(--text-dark);font-weight:700}.nav-sub-badge{color:#fff;letter-spacing:.4px;white-space:nowrap;background:#ef4444;border-radius:5px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:800}.nav-sub-btn[data-active=true][data-variant=blue] .nav-sub-badge{color:#fff;background:#ffffff40}.btn-primary{background:linear-gradient(90deg, var(--warning), var(--danger), var(--accent), var(--accent-light), var(--primary), var(--primary-hover));color:#fff;cursor:pointer;background-size:200%;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{background-position:100%}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary{color:var(--text);border-color:var(--border);box-shadow:var(--shadow-sm);background-color:#fff}.btn-secondary:hover{color:var(--text-dark);background-color:#f8fafc;border-color:#cbd5e1}.main-content{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow-y:auto}.main-content>.padded-view{flex:1;padding:24px 24px 0;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--text-dark);font-size:28px;font-weight:700}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.metric-card{background-color:var(--surface);border:none;border-radius:16px;flex-direction:column;gap:8px;padding:24px 24px 0;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 25px #00000008,0 1px 3px #00000005}.metric-card:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0000000d,0 1px 3px #00000005}.metric-card.clickable{cursor:pointer}.metric-card.clickable:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-2px)}.metric-card .title{color:var(--text-light);text-transform:uppercase;font-size:14px;font-weight:600}.metric-card .value{color:var(--text-dark);font-size:32px;font-weight:700}.card{background-color:var(--surface);border:none;border-radius:24px;margin-bottom:24px;overflow:hidden;box-shadow:0 20px 40px #0000000a,0 1px 3px #0000000d}.card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.table-responsive{overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 24px;font-size:13px;font-weight:700}.table th:last-child{border-right:none}.table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:12px 16px;font-size:14px}.table tr:last-child td{border-bottom:none}.pos-grid{grid-template-columns:1fr 400px;gap:24px;height:calc(100vh - 100px);display:grid}.pos-catalog-section{flex-direction:column;gap:16px;padding-right:8px;display:flex;overflow-y:auto}.pos-search-bar{flex-shrink:0;gap:12px;display:flex}.input-field{border:1px solid var(--border);background-color:var(--surface);color:var(--text-dark);border-radius:8px;flex:1;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.input-field:focus{border-color:#235bdd;outline:none;box-shadow:0 0 0 3px #235bdd1a}.pos-categories{flex-wrap:wrap;flex-shrink:0;gap:8px;padding-bottom:8px;display:flex}.customer-info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.category-pill{background-color:var(--surface);border:1px solid var(--border);cursor:pointer;white-space:nowrap;color:var(--text);border-radius:20px;padding:8px 16px;font-size:14px}.category-pill.active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.product-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-2px)}.product-card .name{color:var(--text-dark);font-size:14px;font-weight:600}.product-card .price{color:var(--accent);font-size:18px;font-weight:700}.product-card .stock-badge{background-color:var(--bg);border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:11px}.pos-cart-section{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex;overflow:hidden}.cart-header{border-bottom:1px solid var(--border);color:var(--text-dark);cursor:pointer;justify-content:space-between;align-items:center;padding:16px;font-size:16px;font-weight:700;display:flex}.cart-toggle-icon{display:none}.cart-collapsible{flex-direction:column;flex:1;display:flex;overflow:hidden}.cart-items{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.cart-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.cart-item-info{flex:1}.cart-item-name{color:var(--text-dark);font-size:14px;font-weight:600}.cart-item-price{color:var(--text-light);font-size:12px}.cart-qty-ctrl{align-items:center;gap:8px;display:flex}.qty-btn{border:1px solid var(--border);background-color:var(--bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.qty-btn:hover{background-color:var(--border)}.cart-summary{border-top:1px solid var(--border);background-color:var(--bg);flex-direction:column;gap:8px;padding:16px;display:flex}.summary-row{justify-content:space-between;font-size:14px;display:flex}.summary-row.total{color:var(--text-dark);border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-size:18px;font-weight:700}.checkout-btn{background:linear-gradient(90deg, var(--warning), var(--danger), var(--accent), var(--accent-light), var(--primary), var(--primary-hover));color:#fff;cursor:pointer;background-size:200%;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.checkout-btn:hover{background-position:100%}.badge{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-success{color:var(--success);background-color:#22c55e26}.badge-danger{color:var(--danger);background-color:#ef446e26}.badge-warning{color:var(--warning);background-color:#f59e0b26}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--surface);border-radius:24px;width:500px;max-width:90%;overflow:hidden;box-shadow:0 20px 40px #00000014,0 1px 3px #0000000d}.modal-header h2{color:var(--text-dark);margin:0;font-size:20px;font-weight:700}.modal-body{padding:32px}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-light)}.btn-secondary{background-color:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background-color:var(--bg);border-color:var(--text-light)}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible!important}.print-area{color:#000!important;background-color:#fff!important;width:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.modal-overlay,.modal-content,.modal-body{background:0 0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;transform:none!important}.no-print,.modal-header,.modal-footer{display:none!important}}.dashboard-cards{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1024px){.dashboard-cards{grid-template-columns:1fr}.pos-grid{grid-template-columns:1fr 350px}}@media (width<=768px){.app-container{flex-direction:column;max-width:100vw;display:flex;overflow-x:hidden}.sidebar{border-right:none;border-bottom:1px solid var(--border);z-index:100;width:100%;padding:0;position:sticky;top:0}.sidebar-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffffff2;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.logo-section{border-bottom:none;margin-bottom:0;padding:8px 16px}.mobile-menu-toggle{color:var(--text-dark);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-content{border-top:1px solid var(--border);background:#fffffffa;flex-direction:column;justify-content:space-between;width:280px;height:calc(100% - 85px);transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:100%;left:-100vw;overflow-y:auto;box-shadow:4px 0 25px #0000001a}.sidebar-content.open{left:0}.nav-links{padding:12px 20px}.nav-btn span{display:inline}.sidebar-footer{padding:12px 20px}.main-content{height:calc(100vh - 64px);padding:16px}.pos-grid{grid-template-columns:1fr;gap:16px;height:auto;padding-bottom:70px}.pos-cart-section{z-index:90;border-radius:16px 16px 0 0;width:100%;max-height:85vh;position:fixed;bottom:0;left:0;box-shadow:0 -4px 15px #0000001a}.cart-toggle-icon{display:block}.cart-collapsible{display:none}.cart-collapsible.open{flex:1;display:flex;overflow-y:auto}.cart-items{min-height:150px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.customer-info-grid{grid-template-columns:1fr}}@media (width>=769px){.mobile-menu-toggle{display:none}.sidebar-content{flex-direction:column;flex:1;justify-content:space-between;display:flex}}@media (width<=480px){.metrics-grid{grid-template-columns:1fr}.modal-content{width:95%}}.auth-background{background-color:#0b0f19;background-image:radial-gradient(circle at 15%,#e40f7a26,#0000 40%),radial-gradient(circle at 85% 30%,#2abbfb26,#0000 40%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.particles-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.particle{opacity:.6;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}.particle:first-child{background:#e40f7a;width:6px;height:6px;animation-delay:0s;top:20%;left:10%}.particle:nth-child(2){background:#2abcfb;width:4px;height:4px;animation-delay:-2s;top:60%;left:20%}.particle:nth-child(3){background:#d150d7;width:8px;height:8px;animation-delay:-4s;top:40%;left:80%}.particle:nth-child(4){background:#fdb337;width:5px;height:5px;animation-delay:-6s;top:80%;left:70%}.particle:nth-child(5){background:#235bdd;width:7px;height:7px;animation-delay:-8s;top:10%;left:60%}.particle:nth-child(6){background:#e40f7a;width:4px;height:4px;animation-delay:-10s;top:30%;left:40%}.particle:nth-child(7){background:#2abcfb;width:6px;height:6px;animation-delay:-12s;top:75%;left:30%}.particle:nth-child(8){background:#d150d7;width:5px;height:5px;animation-delay:-14s;top:90%;left:90%}@keyframes float{0%{transform:translateY(0)translate(0)}33%{transform:translateY(-40px)translate(30px)}66%{transform:translateY(20px)translate(-20px)}to{transform:translateY(0)translate(0)}}.glass-panel{-webkit-backdrop-filter:blur(16px);z-index:10;background:#0f152399;border:1px solid #e40f7a4d;border-radius:20px;width:420px;max-width:90%;padding:40px;position:relative;box-shadow:0 0 25px #e40f7a33,0 0 50px #2abbfb26,inset 0 0 0 1px #ffffff0d}.auth-form{flex-direction:column;gap:20px;display:flex}.input-group{position:relative}.input-icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.dark-input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 16px 12px 42px;transition:border-color .3s,background .3s}.dark-input:focus{border-color:var(--accent);background:#ffffff0d}.dark-input::placeholder{color:#ffffff4d}.gradient-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#e40f7a,#d150d7);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-weight:600;transition:opacity .3s;display:flex}.gradient-btn:hover{opacity:.9}.outline-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-weight:600;transition:all .3s;display:flex}.outline-btn:hover{color:#fff;background:#ffffff0d}@media print{body,html,#root,.app-container,.modal-overlay,.modal-content,.modal-body,body *{visibility:hidden!important;box-shadow:none!important;background:0 0!important}.printable-target,.printable-target *{visibility:visible!important}.printable-target{width:100%!important;max-width:100%!important;height:auto!important;box-shadow:none!important;z-index:9999999!important;background:#fff!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important}}.db-root{background:#f8f9fb;min-height:100%;padding:0;font-family:Inter,system-ui,sans-serif}.db-page-header{background:#fff;border-bottom:1px solid #e8ecf0;justify-content:space-between;align-items:center;padding:14px 24px 10px;display:flex}.db-page-title{color:#1e293b;margin:0;font-size:15px;font-weight:600}.db-header-icons{color:#94a3b8;align-items:center;gap:10px;display:flex}.db-header-icon-sep{background:#e2e8f0;width:1px;height:16px}.db-header-icon-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:background .2s;display:flex}.db-header-icon-btn:hover{color:#475569;background:#f1f5f9}.db-promo-row{border-bottom:1px solid #e8ecf0;grid-template-columns:1fr 1fr;gap:0;display:grid}.db-promo-banner{border-right:1px solid #e8ecf0;justify-content:space-between;align-items:center;padding:16px 20px 14px;transition:filter .2s;display:flex;position:relative;overflow:hidden}.db-promo-banner:last-child{border-right:none}.db-promo-text{flex:1}.db-promo-title{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.3}.db-promo-sub{color:#64748b;margin-bottom:10px;font-size:12px;line-height:1.4}.db-promo-cta{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:12px;font-weight:600;transition:opacity .2s;display:inline-flex}.db-promo-cta:hover{opacity:.75}.db-promo-img{flex-shrink:0;margin-left:16px}.db-section-header{background:#fff;border-bottom:1px solid #e8ecf0;justify-content:space-between;align-items:center;padding:12px 20px 8px;display:flex}.db-section-title{color:#1e293b;font-size:13px;font-weight:700}.db-last-updated{color:#94a3b8;align-items:center;gap:6px;font-size:11px;display:flex}.db-inline-refresh{cursor:pointer;color:#3b82f6;background:0 0;border:none;padding:2px;display:inline-flex}.db-metrics-row{border-bottom:1px solid #e8ecf0;grid-template-columns:1fr 1fr 1fr;display:grid}.db-metric-card{background:#fff;border-right:1px solid #e8ecf0;padding:14px 18px 18px;transition:background .15s}.db-metric-card:last-child{border-right:none}.db-metric-card:hover{background:#fafbfc}.db-metric-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.db-metric-label{align-items:center;font-size:12px;font-weight:600;display:flex}.db-metric-refresh{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px;display:flex}.db-metric-refresh:hover{color:#475569;background:#f1f5f9}.db-metric-value{color:#1e293b;letter-spacing:-.5px;font-size:22px;font-weight:700}.db-mid-row{border-bottom:1px solid #e8ecf0;grid-template-columns:1fr 300px;gap:0;display:grid}.db-card{background:#fff;border:1px solid #e8ecf0;border-radius:6px;margin:12px;overflow:hidden}.db-card-header{border-bottom:1px solid #f1f5f9;padding:12px 16px 10px}.db-card-title{color:#1e293b;font-size:13px;font-weight:700}.db-transactions-card{margin-right:6px}.db-table-wrap{overflow-x:auto}.db-table{border-collapse:collapse;width:100%;font-size:12px}.db-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:11px;font-weight:700}.db-table td{color:#475569;white-space:nowrap;border-bottom:1px solid #f8fafc;padding:10px 14px}.db-table tr:last-child td{border-bottom:none}.db-table tr:hover td{background:#fafbff}.db-type-badge{color:#2563eb;background:#eff6ff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.db-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;display:flex}.db-empty-title{color:#475569;margin-top:14px;margin-bottom:6px;font-size:14px;font-weight:600}.db-empty-sub{color:#94a3b8;font-size:12px;line-height:1.5}.db-checklist-card{margin-left:6px}.db-coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:32px 16px;display:flex}.db-cs-title{color:#1e293b;margin-top:12px;margin-bottom:6px;font-size:14px;font-weight:700}.db-cs-sub{color:#94a3b8;font-size:11.5px;line-height:1.5}.db-sales-report-card{margin:12px}.db-sales-report-header{border-bottom:1px solid #f1f5f9;padding:12px 16px 10px}.db-sales-report-body{align-items:stretch;padding:8px 0;display:flex}.db-chart-area{flex:1;min-width:0;padding:0 12px}.db-sales-right{border-left:1px solid #f1f5f9;flex-direction:column;flex-shrink:0;gap:18px;width:180px;padding:12px 16px;display:flex}.db-dropdown-wrap{align-self:flex-start;position:relative}.db-dropdown-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:border-color .2s;display:flex}.db-dropdown-btn:hover{border-color:#94a3b8}.db-dropdown-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:110px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000014}.db-dropdown-item{color:#475569;cursor:pointer;padding:9px 14px;font-size:12px;font-weight:500;transition:background .15s}.db-dropdown-item:hover{background:#f8fafc}.db-dropdown-item.active{color:#2563eb;background:#eff6ff;font-weight:700}.db-sales-stat-label{color:#94a3b8;text-align:right;margin-bottom:3px;font-size:11px;font-weight:500}.db-sales-stat-value{color:#1e293b;text-align:right;letter-spacing:-.5px;font-size:18px;font-weight:700}.db-chart-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #00000014}.db-ct-label{color:#64748b;margin-bottom:2px;font-size:11px;font-weight:600}.db-ct-value{color:#16a34a;font-size:13px;font-weight:700}@keyframes db-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.db-spin{animation:.8s linear infinite db-spin}@media (width<=900px){.db-promo-row,.db-metrics-row,.db-mid-row{grid-template-columns:1fr}.db-checklist-card{margin-top:0;margin-left:12px}.db-sales-report-body{flex-direction:column}.db-sales-right{border-top:1px solid #f1f5f9;border-left:none;flex-direction:row;gap:24px;width:100%}}.rpt-root{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.rpt-topbar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px 10px;display:flex}.rpt-page-title{color:var(--text-dark);letter-spacing:-.3px;font-size:18px;font-weight:700}.rpt-ca-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:opacity .18s;display:inline-flex}.rpt-ca-btn:hover{opacity:.88}.rpt-filters-row{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;display:flex}.rpt-filter-label{color:var(--text-light);white-space:nowrap;margin-right:4px;font-size:12px;font-weight:600}.rpt-filter-chip{border:1px solid var(--border-color);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.rpt-filter-chip:hover{border-color:var(--primary);color:var(--primary)}.rpt-filter-chip--active{border-color:var(--primary);color:var(--primary);background:#235bdd14}.rpt-grid{flex:1;align-items:stretch;display:flex;overflow-y:auto}.rpt-col{flex-direction:column;flex:1;display:flex}.rpt-col:not(:last-child){border-right:1px solid var(--border)}.rpt-cell{border-bottom:1px solid var(--border);background:var(--surface);padding:16px}.rpt-search-wrap{background:var(--bg);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:6px;min-width:200px;margin-left:auto;padding:5px 10px;display:flex}.rpt-search-icon{color:var(--text-light);flex-shrink:0}.rpt-search-input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:12px}.rpt-search-input::placeholder{color:var(--text-light)}.rpt-grid{border-top:none;flex:1;grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);display:grid;overflow-y:auto}.rpt-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:16px}.rpt-cell:nth-child(3n){border-right:none}.rpt-cell:first-child{grid-column:1}.rpt-section-header{border-bottom:1px solid var(--border);background:#f8fafc;align-items:center;gap:7px;margin:-16px -16px 12px;padding:12px 16px;display:flex}.rpt-section-icon{color:var(--text-light)}.rpt-icon--star{color:#f59e0b!important}.rpt-section-title{color:var(--text-dark);letter-spacing:.1px;font-size:13px;font-weight:700}.rpt-links{flex-direction:column;gap:2px;display:flex}.rpt-link-row{border-radius:4px;align-items:center;gap:4px;transition:background .12s;display:flex}.rpt-link-row:hover{background:#00000006}.rpt-link{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:5px 6px;font-size:13px;line-height:1.4;transition:color .15s}.rpt-link:hover{color:var(--primary)}.rpt-link--accent{color:var(--primary);font-weight:500}.rpt-link--accent:hover{color:var(--primary-hover)}.rpt-star{cursor:pointer;color:#f59e0b;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .15s,color .15s;display:flex}.rpt-star--active{color:#f59e0b;opacity:1!important}.rpt-star:hover{color:#f59e0b}.rpt-see-more{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;margin-top:8px;padding:2px 4px;font-size:12px;font-weight:500;transition:opacity .15s;display:inline-flex}.rpt-see-more:hover{opacity:.75}.rpt-empty-msg{color:var(--text-light);padding:8px 6px;font-size:12px;font-style:italic}@media (width<=900px){.rpt-grid{flex-direction:column;display:flex}.rpt-col{flex:100%;border-right:none!important}.rpt-search-wrap{min-width:160px;margin-left:0}}.rv-root{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.rv-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;display:flex}.rv-back-btn{border:1px solid var(--border-color);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.rv-back-btn:hover{background:var(--bg);color:var(--primary);border-color:var(--primary)}.rv-report-title{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:700;overflow:hidden}.rv-topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.rv-action-btn{background:var(--surface);border:1px solid var(--border-color);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.rv-action-btn:hover{background:var(--bg);color:var(--primary)}.rv-action-btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.rv-action-btn--primary:hover{opacity:.88;color:#fff}.rv-filters{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:10px 20px;display:flex}.rv-filter-group{align-items:center;gap:6px;display:flex}.rv-filter-label{color:var(--text-light);white-space:nowrap;font-size:12px;font-weight:500}.rv-date-input{border:1px solid var(--border-color);color:var(--text-dark);background:var(--bg);cursor:pointer;border-radius:6px;outline:none;padding:5px 8px;font-size:12px;transition:border-color .15s}.rv-date-input:focus{border-color:var(--primary)}.rv-body{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.rv-summary-bar{flex-wrap:wrap;gap:10px;display:flex}.rv-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:1;min-width:140px;padding:10px 16px}.rv-summary-card--highlight{border-color:var(--primary);background:#235bdd0a}.rv-summary-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.rv-summary-value{color:var(--text-dark);font-size:16px;font-weight:700}.rv-summary-card--highlight .rv-summary-value{color:var(--primary)}.rv-table-toolbar{flex-shrink:0;align-items:center;gap:10px;display:flex}.rv-search-wrap{background:var(--bg);border:1px solid var(--border-color);min-width:200px;color:var(--text-light);border-radius:6px;align-items:center;gap:6px;padding:5px 10px;display:flex}.rv-search-input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:12px}.rv-search-input::placeholder{color:var(--text-light)}.rv-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;overflow-x:auto}.rv-table{border-collapse:collapse;width:100%;font-size:13px}.rv-th{background:var(--bg);border-bottom:1px solid var(--border);color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:9px 12px;font-size:11px;font-weight:700}.rv-th:hover{color:var(--primary)}.rv-tr{transition:background .1s}.rv-tr:hover{background:#00000006}.rv-td{border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:240px;padding:8px 12px;overflow:hidden}.rv-tf{background:var(--bg);border-top:2px solid var(--border-color);color:var(--text-dark);white-space:nowrap;padding:9px 12px;font-size:12px;font-weight:700}.rv-state-center{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}@keyframes rv-spin{to{transform:rotate(360deg)}}.rv-spinner{color:var(--primary);animation:1s linear infinite rv-spin}.rv-coming-soon{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.rv-bs-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.rv-bs-card-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;font-size:13px;font-weight:700;display:flex}.rv-bs-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:7px 4px;font-size:13px;display:flex}.rv-bs-row:last-of-type{border-bottom:none}.rv-bs-amount{color:var(--text-dark);font-weight:600}.rv-bs-total{border-top:2px solid var(--border-color);color:var(--text-dark);justify-content:space-between;align-items:center;margin-top:8px;padding:10px 4px 4px;font-size:14px;font-weight:700;display:flex}.rv-party-selector{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-shrink:0;max-width:320px;padding:14px}.rv-party-selector-title{color:var(--text-dark);align-items:center;gap:7px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.rv-party-list{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.rv-party-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;width:100%;padding:7px 10px;transition:background .12s,border-color .12s}.rv-party-item:hover{background:var(--bg);border-color:var(--border)}.rv-party-item--active{border-color:var(--primary);background:#235bdd0f}.rv-party-name{color:var(--text-dark);font-size:13px;font-weight:600}.rv-party-meta{color:var(--text-light);margin-top:2px;font-size:11px}@media print{.no-print{display:none!important}.rv-root{height:auto;overflow:visible}.rv-body{padding:0;overflow:visible}.rv-table-wrap{border:none;border-radius:0;overflow:visible}.rv-summary-bar{break-inside:avoid}.rv-th{background:#f8fafc}}.sidebar{z-index:50;background-color:#0000;border-right:1px solid #e2e8f0;flex-direction:column;justify-content:space-between;height:100%;min-height:0;padding:16px 16px 32px 24px;display:flex;overflow:visible}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav{-ms-overflow-style:none;scrollbar-width:none}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-header{visibility:hidden;border-bottom:none;height:0;margin:0;padding:0}.sidebar.collapsed .nav-links .nav-btn span,.sidebar.collapsed .nav-links .nav-sub-btn span,.sidebar.collapsed .sidebar-footer .nav-btn span,.sidebar.collapsed .nav-links .nav-btn svg:last-child{display:none}.sidebar.collapsed .nav-links .nav-btn,.sidebar.collapsed .sidebar-footer .nav-btn{justify-content:center;padding:12px 0}.sidebar.collapsed .nav-links .nav-btn svg:first-child,.sidebar.collapsed .sidebar-footer .nav-btn svg:first-child{margin-right:0}.sidebar.collapsed .nav-item-group .nav-submenu-list,.sidebar.collapsed .nav-links>div{display:none}.sidebar.collapsed .sidebar-footer>div{display:none!important}.back-to-dash-li{padding:14px 16px 4px;list-style:none}.back-to-dash-btn{cursor:pointer;color:#fff;letter-spacing:.01em;white-space:nowrap;background:#1a2236;border:none;border-radius:999px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .18s,transform .12s;display:inline-flex;box-shadow:0 2px 8px #0000002e}.back-to-dash-btn:hover{background:#243050}.sidebar.collapsed .back-to-dash-li{justify-content:center;padding:14px 0 4px;display:flex}.sidebar.collapsed .back-to-dash-btn{border-radius:50%!important;justify-content:center!important;width:38px!important;min-width:38px!important;height:38px!important;margin:0 auto!important;padding:0!important}.sidebar.collapsed .back-to-dash-btn span{display:none}@media (width<=768px){.invoice-settings-layout{flex-direction:column!important;display:block!important;overflow-y:auto!important}.invoice-settings-preview{flex:none!important;height:auto!important;padding:20px 10px!important;overflow:visible!important}.invoice-settings-panel{border-left:none!important;border-top:1px solid var(--border-color)!important;width:100%!important;height:auto!important;overflow:visible!important}.invoice-settings-header{flex-direction:column;gap:10px;align-items:flex-start!important;padding:12px 16px!important}.invoice-settings-header>div{justify-content:space-between;width:100%}}*{box-sizing:border-box}@media (width<=768px){.app-container{flex-direction:column!important;height:100vh!important;display:flex!important}.selltic-top-bar{border-radius:8px!important;margin:8px 8px 0!important;padding:8px 12px!important}.sidebar{background:#fff;transition:left .3s;top:0;left:-280px;box-shadow:2px 0 10px #0000001a;z-index:1000!important;width:280px!important;height:100vh!important;position:fixed!important}.sidebar.mobile-open{left:0}.sidebar>div:first-child{display:none!important}.sidebar-content{flex-direction:column!important;width:100%!important;height:auto!important;display:flex!important;position:static!important}.sidebar.collapsed .nav-links .nav-btn span,.sidebar.collapsed .nav-links .nav-sub-btn span,.sidebar.collapsed .sidebar-footer .nav-btn span,.sidebar.collapsed .nav-links .nav-btn svg:last-child,.sidebar.collapsed .sidebar-footer>div,.sidebar.collapsed .nav-links>div{display:flex!important}.sidebar.collapsed .nav-links .nav-btn span{display:inline!important}.sidebar.collapsed .nav-item-group .nav-submenu-list{display:block!important}.sidebar.collapsed .nav-links .nav-btn,.sidebar.collapsed .sidebar-footer .nav-btn{justify-content:flex-start!important;padding:12px 16px!important}.sidebar.collapsed .nav-links .nav-btn svg:first-child{margin-right:12px!important}.mobile-menu-toggle{display:flex!important}.grid,[style*="display: grid"]{grid-template-columns:1fr!important}.table-container,[style*="overflow: auto"],[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch;width:100%!important;overflow-x:auto!important}table{min-width:600px!important}.stack-on-mobile{flex-flow:column!important;align-items:stretch!important;width:100%!important}.hide-on-mobile{display:none!important}.padded-view{padding:12px!important}.remove-padding-mobile{padding-left:0!important;padding-right:0!important}.notifications-dropdown{z-index:1050!important;width:90vw!important;max-width:400px!important;margin-top:0!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 25px 50px -12px #00000040!important}}@media (width>=769px){.mobile-menu-toggle,.sidebar-overlay{display:none!important}}.landing-page-v2{color:#0f172a;background-color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.nav-v2{z-index:100;background:#fff;border-bottom:1px solid #f1f5f9;width:100%;padding:20px 0;position:sticky;top:0}.nav-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{align-items:center;gap:10px;display:flex}.nav-logo-icon{width:32px;height:32px}.nav-logo-text{color:#0f172a;font-size:24px;font-weight:800}.nav-links-v2{align-items:center;gap:32px;display:flex}.nav-item{color:#475569;cursor:pointer;align-items:center;gap:4px;font-size:15px;font-weight:500;transition:color .2s;display:flex}.nav-item:hover{color:#0f172a}.nav-actions-v2{align-items:center;gap:16px;display:flex}.nav-login-btn{cursor:pointer;color:#0f172a;background:0 0;border:none;font-size:15px;font-weight:600}.nav-signup-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#fdb337,#fc5247,#e40f7a,#d150d7,#235bdd,#2abcfb) 0 0/200%;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:600;transition:opacity .2s;display:flex}.nav-signup-btn:hover{opacity:.9}.hero-v2{background:radial-gradient(circle at 100% 0,#e7e7e7 0%,#0000 40%),radial-gradient(circle at 0 100%,#2abbfb1a 0%,#0000 40%);padding:80px 0}.hero-container{align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.hero-content-v2{flex:1}.hero-badge{color:#235bdd;background:#e7e7e7;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero-badge-icon{color:#fff;background:#e40f7a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.hero-h1{color:#0f172a;letter-spacing:-1px;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.1}.text-highlight{color:#e40f7a}.hero-p{color:#475569;max-width:500px;margin-bottom:32px;font-size:18px;line-height:1.6}.hero-tags{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:40px;display:grid}.hero-tag{color:#334155;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:flex;box-shadow:0 1px 3px #0000000d}.hero-buttons{gap:16px;margin-bottom:24px;display:flex}.btn-primary-v2{color:#fff;cursor:pointer;background:linear-gradient(90deg,#fdb337,#fc5247,#e40f7a,#d150d7,#235bdd,#2abcfb) 0 0/200%;border:none;border-radius:8px;align-items:center;gap:8px;padding:16px 28px;font-size:16px;font-weight:600;transition:transform .2s,background-position .5s;display:flex;box-shadow:0 4px 15px #e40f7a4d}.btn-primary-v2:hover{background-position:100%;transform:translateY(-2px)}.btn-secondary-v2{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:16px 28px;font-size:16px;font-weight:600;transition:background .2s;display:flex}.btn-secondary-v2:hover{background:#f8fafc}.hero-checks{color:#64748b;gap:24px;font-size:14px;font-weight:500;display:flex}.check-item{align-items:center;gap:6px;display:flex}.hero-image-v2{flex:1;position:relative}.mockup-window{aspect-ratio:4/3;background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.mockup-header{border-bottom:1px solid #f1f5f9;align-items:center;height:50px;padding:0 20px;display:flex}.mockup-logo{color:#235bdd;font-weight:800}.mockup-user{background:#cbd5e1;border-radius:50%;width:24px;height:24px}.mockup-body{flex:1;display:flex}.mockup-sidebar{border-right:1px solid #f1f5f9;flex-direction:column;gap:8px;width:120px;padding:16px 10px;display:flex}.ms-item{color:#64748b;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500}.ms-item.active{color:#235bdd;background:#e7e7e7}.mockup-content{background:#f8fafc;flex-direction:column;flex:1;gap:20px;padding:20px;display:flex}.mockup-stats{gap:16px;display:flex}.m-stat{background:#fff;border-radius:8px;flex:1;padding:12px;box-shadow:0 1px 2px #0000000d}.m-title{color:#64748b;margin-bottom:4px;font-size:10px}.m-val{color:#0f172a;margin-bottom:4px;font-size:16px;font-weight:700}.m-sub{font-size:9px}.mockup-charts{flex:1;gap:16px;display:flex}.m-chart-main{background:#fff;border-radius:8px;flex-direction:column;flex:2;padding:16px;display:flex;box-shadow:0 1px 2px #0000000d}.m-chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.m-chart-header h4{margin:0;font-size:13px;font-weight:600}.m-chart-area{flex:1;position:relative}.m-chart-tooltip{color:#fff;background:#1e293b;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;right:50px}.m-chart-side{background:#fff;border-radius:8px;flex:1;padding:16px;box-shadow:0 1px 2px #0000000d}.m-list{flex-direction:column;gap:12px;display:flex}.m-list-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.mockup-mobile{background:#fff;border:4px solid #f1f5f9;border-radius:20px;width:220px;padding:20px;position:absolute;bottom:-30px;right:-30px;box-shadow:0 20px 40px #0003}.mob-header{justify-content:space-between;align-items:center;display:flex}.trusted-v2{text-align:center;border-bottom:1px solid #f1f5f9;padding:60px 0;overflow:hidden}.trusted-text{color:#64748b;margin-bottom:30px;font-size:14px;font-weight:500}.trusted-logos-wrapper{width:100%;overflow:hidden}.trusted-logos{align-items:center;gap:60px;width:max-content;animation:20s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 30px))}}.t-logo{color:#94a3b8;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.t-icon{font-size:24px}.section-header-v2{text-align:center;margin-bottom:40px}.tag-theme{color:#e40f7a;letter-spacing:1px;margin-bottom:16px;font-size:12px;font-weight:700}.section-title{color:#0f172a;margin-bottom:20px;font-size:36px;font-weight:800;line-height:1.2}.section-subtitle{color:#64748b;font-size:18px}.features-v2{background:#f8fafc;padding:60px 24px}.f-grid-v2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.f-card-v2{background:#fff;border-radius:16px;padding:40px;transition:transform .3s;box-shadow:0 4px 6px -1px #0000000d}.f-card-v2:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a}.f-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}.f-card-v2 h3{color:#0f172a;margin-bottom:12px;font-size:20px;font-weight:700}.f-card-v2 p{color:#64748b;margin-bottom:24px;line-height:1.6}.f-link{color:#8b5cf6;align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.cta-banner-v2{z-index:10;margin-top:-50px;padding:0 24px;position:relative}.cta-banner-container{background:linear-gradient(90deg,#fdb337,#fc5247,#e40f7a,#d150d7,#235bdd,#2abcfb);border-radius:16px;align-items:center;gap:30px;max-width:1000px;margin:0 auto;padding:40px 60px;display:flex;box-shadow:0 20px 40px #e40f7a33}.cta-content{color:#fff;flex:1}.cta-content h2{margin-bottom:8px;font-size:28px;font-weight:800}.cta-content p{color:#e0e7ff;font-size:16px}.cta-btn{color:#235bdd;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;transition:transform .2s;display:flex}.cta-btn:hover{transform:translateY(-2px)}.hiw-v2{padding:60px 24px}.hiw-grid{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1000px;margin:0 auto;display:grid;position:relative}.hiw-step{text-align:center;z-index:2;position:relative}.hiw-number{color:#fff;background:linear-gradient(135deg,#e40f7a,#d150d7);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 24px;font-size:24px;font-weight:800;display:flex;box-shadow:0 0 0 10px #fff,0 0 0 12px #e7e7e7}.hiw-step h3{margin-bottom:12px;font-size:18px;font-weight:700}.hiw-step p{color:#64748b;line-height:1.6}.hiw-line{z-index:1;border-top:2px dashed #e7e7e7;height:2px;position:absolute;top:30px;left:15%;right:15%}.testimonials-v2{background:#f8fafc;padding:60px 24px}.test-inner{background:#e7e7e7;border-radius:24px;max-width:1200px;margin:0 auto;padding:60px 40px}.test-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px;display:grid}.test-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 15px #0000000d}.test-card .stars{gap:4px;margin-bottom:16px;display:flex}.test-quote{color:#334155;min-height:80px;margin-bottom:24px;font-size:16px;font-weight:500;line-height:1.6}.test-user{align-items:center;gap:12px;display:flex}.tu-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.tu-name{color:#0f172a;font-weight:700}.tu-role{color:#64748b;font-size:12px}.test-dots{justify-content:center;gap:8px;display:flex}.test-dots .dot{background:#d8b4fe;border-radius:50%;width:8px;height:8px}.test-dots .dot.active{background:#9333ea}.pricing-v2{padding:60px 24px}.pricing-toggle{background:#f1f5f9;border-radius:20px;justify-content:center;width:fit-content;margin:0 auto 60px;padding:4px;display:flex}.pt-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:10px 20px;font-weight:600;transition:all .2s}.pt-btn.active{color:#0f172a;background:#fff;box-shadow:0 2px 4px #0000000d}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:center;gap:24px;max-width:1000px;margin:0 auto;display:grid}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:40px 30px;position:relative}.pricing-card.popular{background:#f8fafc;border:2px solid #a855f7;transform:scale(1.05);box-shadow:0 20px 40px #0000001a}.popular-badge{color:#fff;background:#a855f7;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{color:#0f172a;margin-bottom:16px;font-size:20px;font-weight:700}.pricing-card .price{margin-bottom:16px}.pricing-card .currency{vertical-align:top;font-size:24px;font-weight:700}.pricing-card .amount{color:#0f172a;font-size:48px;font-weight:800}.pricing-card .period{color:#64748b}.p-desc{color:#64748b;min-height:42px;margin-bottom:24px;font-size:14px;line-height:1.5}.p-features{flex-direction:column;gap:16px;margin:0 0 32px;padding:0;list-style:none;display:flex}.p-features li{color:#334155;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.btn-p-outline{color:#8b5cf6;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px;font-weight:700}.btn-p-solid{color:#fff;cursor:pointer;background:#a855f7;border:none;border-radius:8px;width:100%;padding:12px;font-weight:700;box-shadow:0 4px 10px #a855f74d}.bottom-cta-v2{background:#a855f7;padding:60px 24px}.b-cta-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.b-cta-left{color:#fff;align-items:center;gap:20px;display:flex}.rocket-icon{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.b-cta-left h2{margin-bottom:8px;font-size:28px;font-weight:700}.b-cta-right{gap:16px;display:flex}.b-btn-light{color:#a855f7;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:700;display:flex}.b-btn-outline{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:700}.footer-v2{color:#94a3b8;background:#0f172a;padding:80px 24px 24px}.footer-container-simple{text-align:center;border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding-bottom:60px;display:flex}.f-logo-simple{color:#fff;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;font-size:32px;font-weight:800;display:flex}.f-logo-icon{width:40px;height:40px}.f-thoughtful-text{color:#cbd5e1;margin-bottom:32px;font-size:20px;font-style:italic;font-weight:500}.social-links-simple{justify-content:center;gap:16px;display:flex}.s-icon{color:#fff;cursor:pointer;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;transition:background .2s;display:flex}.s-icon:hover{background:#fff3}.footer-bottom{justify-content:space-between;align-items:center;max-width:1200px;margin:24px auto 0;font-size:14px;display:flex}@media (width<=1024px){.hero-container{flex-direction:column}.hiw-grid,.pricing-grid,.f-grid-v2{grid-template-columns:1fr}.hiw-line{display:none}.footer-container{grid-template-columns:1fr 1fr}.cta-banner-container{text-align:center;flex-direction:column}.b-cta-container{text-align:center;flex-direction:column;gap:24px}.pricing-card.popular{transform:none}}@media (width<=768px){.hero-v2{padding:40px 0}.features-v2,.hiw-v2,.pricing-v2,.testimonials-v2{padding:40px 24px}.test-inner{padding:40px 20px}.trusted-v2{padding:40px 0}.section-header-v2{margin-bottom:30px}.hero-h1{font-size:36px}.section-title{font-size:28px}.section-subtitle{font-size:16px}.cta-content h2{font-size:22px}.cta-banner-container{padding:30px 20px}.hero-buttons{flex-direction:column;width:100%}.btn-primary-v2,.btn-secondary-v2{justify-content:center;width:100%}.mockup-mobile,.mockup-sidebar{display:none}.mockup-stats{flex-wrap:wrap}.m-stat{min-width:100px}.mockup-charts{flex-direction:column}.b-cta-left{text-align:center;flex-direction:column}.b-cta-left h2{font-size:24px}.b-cta-right{flex-direction:column;width:100%}.b-btn-light,.b-btn-outline{justify-content:center;width:100%}}.auth-container{color:#0f172a;background:radial-gradient(circle at 0 100%,#e40f7a0d 0%,#0000 50%),#fafafa radial-gradient(circle at 100% 0,#2abbfb0d 0%,#0000 50%);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.auth-content{flex:1;grid-template-columns:1fr 1fr;width:100%;max-width:1400px;margin:0 auto;display:grid}.auth-left{flex-direction:column;justify-content:center;padding:60px;display:flex}.auth-header{margin-bottom:40px}.auth-logo-wrap{align-items:center;gap:12px;margin-bottom:40px;display:flex}.auth-logo-text{color:#0f172a;font-size:24px;font-weight:800}.auth-badge{color:#235bdd;background:#e7e7e7;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.auth-badge-icon{color:#fff;background:#e40f7a;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.auth-h1{color:#0f172a;letter-spacing:-1px;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.1}.auth-p{color:#64748b;max-width:450px;margin-bottom:40px;font-size:16px;line-height:1.6}.auth-features{flex-direction:column;gap:24px;display:flex}.auth-feature{align-items:flex-start;gap:16px;display:flex}.af-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.af-text h4{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.af-text p{color:#64748b;margin:0;font-size:13px}.auth-right{flex-direction:column;justify-content:center;align-items:center;padding:60px;display:flex}.auth-card{background:#fff;border-radius:24px;width:100%;max-width:480px;padding:40px;box-shadow:0 20px 40px #0000000a,0 1px 3px #0000000d}.ac-header{text-align:center;margin-bottom:30px}.ac-header h2{margin:0 0 8px;font-size:24px;font-weight:800}.ac-header p{color:#64748b;margin:0;font-size:14px}.auth-form-v2 .form-group{margin-bottom:20px}.auth-form-v2 label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap svg.icon-left{color:#94a3b8;position:absolute;left:14px}.auth-input-wrap svg.icon-right{color:#94a3b8;cursor:pointer;position:absolute;right:14px}.auth-input-v2{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 14px 12px 40px;font-size:14px;transition:all .2s}.auth-input-v2.no-icon{padding-left:14px}.auth-input-v2::-ms-reveal{display:none}.auth-input-v2::-ms-clear{display:none}.auth-input-v2::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}.auth-input-v2::-webkit-contacts-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}.auth-input-v2::-webkit-strong-password-auto-fill-button{visibility:hidden;pointer-events:none;display:none!important}.auth-input-v2[type=password]::-webkit-textfield-decoration-container{display:none}.auth-input-wrap input[type=password],.auth-input-wrap input[type=text]{padding-right:40px}.auth-input-v2:focus{border-color:#235bdd;outline:none;box-shadow:0 0 0 3px #235bdd1a}.auth-options{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px;display:flex}.auth-check{color:#475569;align-items:center;gap:8px;font-weight:500;display:flex}.auth-check input{accent-color:#e40f7a;width:16px;height:16px}.auth-link{color:#2abcfb;font-weight:600;text-decoration:none}.auth-btn-main{color:#fff;cursor:pointer;background:linear-gradient(90deg,#fdb337,#fc5247,#e40f7a,#d150d7,#235bdd,#2abcfb) 0 0/200%;border:none;border-radius:8px;width:100%;margin-bottom:24px;padding:14px;font-size:15px;font-weight:700;transition:all .3s}.auth-btn-main:hover{background-position:100%}.auth-divider{text-align:center;color:#94a3b8;align-items:center;margin-bottom:24px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #f1f5f9;flex:1}.auth-divider:before{margin-right:12px}.auth-divider:after{margin-left:12px}.auth-sso{gap:16px;margin-bottom:30px;display:flex}.auth-sso-btn{color:#334155;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.auth-sso-btn:hover{background:#f8fafc}.auth-bottom-link{text-align:center;color:#64748b;font-size:13px}.auth-bottom-link button{color:#e40f7a;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-weight:600;text-decoration:none}.auth-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 60px;font-size:12px;display:flex}.auth-footer-links{gap:20px;display:flex}.auth-footer-links span{cursor:pointer}.auth-footer-links span:hover{color:#0f172a}@media (width<=900px){.auth-content{grid-template-columns:1fr}.auth-left{text-align:center;padding:40px 24px 0}.auth-logo-wrap{justify-content:center}.auth-p{margin:0 auto 40px}.auth-feature{text-align:left}.auth-right{padding:40px 24px}.auth-footer{flex-direction:column;gap:16px;padding:24px}}.help-container{background:#fff;flex-direction:row;min-height:100vh;margin:0;display:flex}.help-sidebar{background:#fafafa;border-right:1px solid #e2e8f0;flex-direction:column;flex:0 0 280px;width:100%;max-width:280px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.help-sidebar-header{justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;padding:4px;display:none}.help-main{box-sizing:border-box;background:#fff;flex:1;min-width:0;padding:24px 24px 40px}.help-top-tabs{border-bottom:1px solid #e2e8f0;align-items:center;gap:24px;margin-bottom:24px;display:flex}.help-top-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:0 0 16px;font-size:14px;font-weight:500;display:flex}.help-top-tab:hover{color:#1e293b}.help-top-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.help-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto;display:grid}.sidebar-list-item{cursor:pointer;color:#334155;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;transition:background-color .2s,color .2s;display:flex}.sidebar-list-item:hover,.sidebar-list-item.expanded{color:#0369a1;background-color:#f0f9ff}.sidebar-chevron{color:#94a3b8}.sidebar-list-item.expanded .sidebar-chevron{color:#0ea5e9}.sidebar-sub-list{margin:0 0 8px;padding:0;list-style:none}.sidebar-sub-item{color:#475569;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:8px 20px 8px 36px;font-size:12px;transition:background-color .2s,color .2s;overflow:hidden}.sidebar-sub-item:hover,.sidebar-sub-item.active{color:#0369a1;background-color:#f0f9ff}.sidebar-footer-link{cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin:0 -12px;padding:8px 12px;transition:background-color .2s,color .2s;display:flex}.sidebar-footer-link:hover{color:#0f172a;background-color:#f1f5f9}@media (width<=768px){.help-container{flex-direction:column}.help-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;flex:none;max-width:100%;height:auto;position:relative;overflow-y:visible}.help-sidebar-content{display:none}.help-sidebar-content.open,.mobile-menu-btn{display:block}.help-main{padding:24px 16px}.help-grid{grid-template-columns:1fr}.help-top-tabs{justify-content:space-between;gap:4px;width:100%;margin-right:0;padding-right:0}.help-top-tab{white-space:nowrap;flex:1;justify-content:center;padding:0 0 10px;font-size:12px}.help-top-tab svg{display:none}}.help-container.dark-mode{background:#0f172a}.help-container.dark-mode .help-sidebar{background:#1e293b;border-right-color:#334155}.help-container.dark-mode .help-main{background:#0f172a}.help-container.dark-mode .help-top-tabs{border-bottom-color:#334155}.help-container.dark-mode .help-top-tab{color:#94a3b8}.help-container.dark-mode .help-top-tab:hover{color:#f8fafc}.help-container.dark-mode .help-top-tab.active{color:#3b82f6}.help-container.dark-mode .sidebar-list-item{color:#cbd5e1}.help-container.dark-mode .sidebar-list-item:hover,.help-container.dark-mode .sidebar-list-item.expanded{color:#38bdf8;background-color:#334155}.help-container.dark-mode .sidebar-sub-item{color:#94a3b8}.help-container.dark-mode .sidebar-sub-item:hover,.help-container.dark-mode .sidebar-sub-item.active{color:#38bdf8;background-color:#334155}.help-container.dark-mode .sidebar-footer-link{color:#94a3b8}.help-container.dark-mode .sidebar-footer-link:hover{color:#e2e8f0;background-color:#334155}.help-container.dark-mode .sidebar-footer-link.active,.help-container.dark-mode .sidebar-footer-link[style*="color: #0f172a"]{color:#f8fafc!important}.help-container.dark-mode .sidebar-footer-link[style*="background: #fef3c7"]{color:#fef3c7!important;background:#78350f!important}.feedback-board{color:#334155;max-width:800px;margin:0 auto;font-family:inherit}.feedback-banner{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin-bottom:16px;padding:16px 20px}.feedback-banner h2{color:#9a3412;margin:0 0 4px;font-size:15px;font-weight:600}.feedback-banner p{color:#9a3412;margin:0;font-size:13px}.feedback-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.feedback-filters{gap:8px;display:flex}.feedback-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:flex}.feedback-filter-btn:hover{background:#f8fafc}.feedback-actions{align-items:center;gap:8px;display:flex}.feedback-search-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;width:150px;padding:6px 12px;display:flex}.feedback-search-input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.feedback-icon-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.feedback-create-btn{color:#fff;cursor:pointer;background-color:#ea580c;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background-color .2s}.feedback-create-btn:hover{background-color:#c2410c}.feedback-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.feedback-card{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:20px;display:flex}.feedback-card:last-child{border-bottom:none}.feedback-card-content{flex:1;padding-right:20px}.feedback-title{color:#1e293b;margin:0 0 8px;font-size:14px;font-weight:600}.feedback-description{color:#64748b;margin:0 0 12px;font-size:13px;line-height:1.5}.feedback-meta{align-items:center;gap:8px;font-size:12px;display:flex}.feedback-author-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.feedback-author-name{color:#334155;font-weight:500}.feedback-time{color:#94a3b8}.feedback-card-actions{flex-direction:column;justify-content:space-between;align-items:flex-end;width:40px;display:flex}.feedback-upvote{color:#64748b;cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:40px;height:44px;transition:all .2s;display:flex}.feedback-upvote:hover{background:#f8fafc;border-color:#cbd5e1}.feedback-upvote span{margin-top:-2px;font-size:13px;font-weight:500}.feedback-comments{color:#94a3b8;align-items:center;gap:4px;font-size:12px;display:flex}@media (width<=768px){.feedback-toolbar{flex-direction:column;align-items:stretch}.feedback-actions{flex-wrap:wrap}.feedback-search-wrapper{flex:1;min-width:120px}.feedback-create-btn{text-align:center;white-space:nowrap;flex:1}.feedback-card{flex-direction:column}.feedback-card-content{margin-bottom:16px;padding-right:0}.feedback-card-actions{flex-direction:row;justify-content:flex-start;gap:16px;width:100%}.feedback-upvote{flex-direction:row;gap:6px;width:auto;height:32px;padding:0 12px}.feedback-upvote span{margin-top:0}.feedback-modal{padding:16px!important}}.help-container.dark-mode .feedback-board{color:#cbd5e1}.help-container.dark-mode .feedback-banner{background-color:#1e293b;border-color:#334155}.help-container.dark-mode .feedback-banner h2,.help-container.dark-mode .feedback-banner p{color:#e2e8f0}.help-container.dark-mode .feedback-filter-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.help-container.dark-mode .feedback-filter-btn:hover{background:#334155}.help-container.dark-mode .feedback-search-wrapper{background:#1e293b;border-color:#334155}.help-container.dark-mode .feedback-search-input{color:#f8fafc}.help-container.dark-mode .feedback-icon-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.help-container.dark-mode .feedback-list{background:#1e293b;border-color:#334155}.help-container.dark-mode .feedback-card{border-bottom-color:#334155}.help-container.dark-mode .feedback-title{color:#f8fafc}.help-container.dark-mode .feedback-description,.help-container.dark-mode .feedback-author-name{color:#cbd5e1}.help-container.dark-mode .feedback-upvote{color:#cbd5e1;border-color:#334155}.help-container.dark-mode .feedback-upvote:hover{background:#334155;border-color:#475569}.help-container.dark-mode .feedback-modal{background:#1e293b!important}.help-container.dark-mode .feedback-modal-title{color:#f8fafc!important}.help-container.dark-mode .feedback-modal-input{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}.help-container.dark-mode .feedback-modal-cancel{color:#cbd5e1!important;background:#1e293b!important;border-color:#334155!important}.help-container.dark-mode .feedback-modal-cancel:hover{background:#334155!important}.product-updates-board{color:#334155;max-width:900px;margin:0 auto;padding:20px 0;font-family:inherit}.updates-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;display:flex}.updates-header-text h2{color:#1e293b;margin:0 0 8px;font-size:24px}.updates-header-text p{color:#64748b;margin:0 0 16px;font-size:14px}.subscribe-btn{color:#fff;cursor:pointer;background-color:#ea580c;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.subscribe-btn:hover{background-color:#c2410c}.updates-header-actions{align-items:center;gap:8px;display:flex}.updates-icon-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.updates-search-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;width:180px;padding:6px 12px;display:flex}.updates-search-input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.update-entry{border-bottom:1px solid #e2e8f0;gap:40px;margin-bottom:40px;padding-bottom:40px;display:flex}.update-entry:last-child{border-bottom:none;margin-bottom:0}.update-date-left{color:#64748b;flex:0 0 120px;padding-top:4px;font-size:12px;font-weight:500}.update-main-content{flex:1}.update-main-title{color:#1e293b;margin:0 0 32px;font-size:20px}.update-feature{margin-bottom:40px}.feature-title{color:#1e293b;align-items:center;gap:8px;margin:0 0 12px;font-size:18px;display:flex}.feature-icon{font-size:20px}.feature-platform{align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.platform-label{color:#64748b}.platform-badge{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:flex}.platform-dot{background:#0ea5e9;border-radius:50%;width:6px;height:6px}.update-content-block h4{color:#1e293b;margin:0 0 16px;font-size:14px}.update-point{margin-bottom:20px}.update-point h5{color:#334155;margin:0 0 8px;font-size:14px}.update-point p{color:#475569;margin:0 0 8px;font-size:13px;line-height:1.6}.update-point ul{color:#475569;margin:0 0 12px;padding-left:20px;font-size:13px;line-height:1.6}.update-note{background:#f8fafc;border-left:3px solid #cbd5e1;margin-bottom:24px;padding:12px 16px}.update-note strong{color:#334155;margin-bottom:4px;font-size:13px;display:block}.update-note p{color:#475569;margin:0;font-size:13px}.update-link{font-size:13px}.update-link span{color:#64748b;margin-right:4px}.update-link a{color:#ea580c;text-decoration:none}.update-link a:hover{text-decoration:underline}.update-comment-box{border:1px solid #e2e8f0;border-radius:8px;align-items:center;margin-top:32px;padding:8px 16px;display:flex}.comment-actions{border-right:1px solid #e2e8f0;gap:12px;padding-right:16px;display:flex}.comment-actions button{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.comment-input-wrapper{flex:1;align-items:center;padding-left:16px;display:flex}.comment-input-wrapper input{color:#334155;border:none;outline:none;flex:1;font-size:14px}.comment-input-wrapper input::placeholder{color:#94a3b8}.send-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}@media (width<=768px){.updates-header{flex-direction:column}.updates-header-actions{justify-content:space-between;width:100%;margin-top:16px}.updates-search-wrapper{flex:1;width:auto}.update-entry{flex-direction:column;gap:12px}.update-date-left{flex:none;margin-bottom:8px;padding-top:0}}.help-container.dark-mode .product-updates-board{color:#cbd5e1}.help-container.dark-mode .updates-header{border-bottom-color:#334155}.help-container.dark-mode .updates-header-text h2{color:#f8fafc}.help-container.dark-mode .updates-header-text p{color:#94a3b8}.help-container.dark-mode .updates-icon-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.help-container.dark-mode .updates-search-wrapper{background:#1e293b;border-color:#334155}.help-container.dark-mode .updates-search-input{color:#f8fafc}.help-container.dark-mode .update-entry{border-bottom-color:#334155}.help-container.dark-mode .update-main-title,.help-container.dark-mode .feature-title{color:#f8fafc}.help-container.dark-mode .platform-badge{color:#38bdf8;background:#0f172a;border-color:#0284c7}.help-container.dark-mode .platform-dot{background:#38bdf8}.help-container.dark-mode .update-content-block h4{color:#f8fafc}.help-container.dark-mode .update-point h5{color:#e2e8f0}.help-container.dark-mode .update-point p,.help-container.dark-mode .update-point ul{color:#cbd5e1}.help-container.dark-mode .update-note{background:#1e293b;border-left-color:#475569}.help-container.dark-mode .update-note strong{color:#e2e8f0}.help-container.dark-mode .update-note p{color:#cbd5e1}.help-container.dark-mode .update-link span{color:#94a3b8}.help-container.dark-mode .update-comment-box{background:#1e293b;border-color:#334155}.help-container.dark-mode .comment-actions{border-right-color:#334155}.help-container.dark-mode .comment-input-wrapper input{color:#f8fafc}.cash-bank-container{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.cash-bank-header{border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.page-title{color:var(--text-dark,#1f2937);margin:0;font-size:18px;font-weight:600}.header-actions{gap:12px;display:flex}.btn-secondary{border:1px solid var(--border-color,#e5e7eb);color:var(--text-dark,#374151);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;display:flex}.cash-bank-main-area{flex:1;display:flex;overflow:hidden}.cash-bank-sidebar{border-right:1px solid var(--border-color,#e5e7eb);background-color:#fff;flex-direction:column;width:320px;display:flex}.balance-box{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:20px;display:flex}.balance-label{color:var(--text-dark,#1f2937);font-size:14px;font-weight:500}.balance-amount{color:var(--text-dark,#1f2937);font-size:14px;font-weight:600}.section-header{color:var(--text-light,#6b7280);border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#f9fafb;padding:12px 20px;font-size:12px}.bank-header{justify-content:space-between;align-items:center;display:flex}.add-bank-btn{color:var(--primary-color,#3b82f6);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.add-bank-btn:hover{text-decoration:underline}.account-item{border-bottom:1px solid var(--border-color,#e5e7eb);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .2s;display:flex}.account-item:hover{background-color:#f9fafb}.account-item.active{background-color:#eeecf9}.account-info{align-items:center;gap:12px;display:flex}.account-icon{color:var(--text-light,#6b7280)}.account-item.active .account-icon{color:var(--text-dark,#1f2937)}.account-name{color:var(--text-dark,#1f2937);font-size:13px}.account-balance{color:var(--text-dark,#1f2937);font-size:13px;font-weight:500}.cash-bank-content{background-color:#fff;flex-direction:column;flex:1;display:flex}.content-tabs{border-bottom:1px solid var(--border-color,#e5e7eb);padding:0 20px;display:flex}.tab-btn{color:var(--text-light,#6b7280);cursor:pointer;background:0 0;border:none;padding:16px 20px;font-size:14px;font-weight:600;position:relative}.tab-btn.active{color:var(--primary-color,#3b82f6)}.tab-btn.active:after{content:"";background-color:var(--primary-color,#3b82f6);height:2px;position:absolute;bottom:0;left:0;right:0}.content-toolbar{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.filter-dropdown{border:1px solid var(--border-color,#e5e7eb);color:var(--text-dark,#1f2937);cursor:pointer;background-color:#fff;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.filter-icon{font-size:14px}.dropdown-icon{color:var(--text-light,#6b7280)}.export-btn{border:1px solid var(--border-color,#e5e7eb);width:36px;height:36px;color:var(--text-light,#6b7280);cursor:pointer;background-color:#fff;border-radius:6px;justify-content:center;align-items:center;display:flex}.export-btn:hover{background-color:#f9fafb}.empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.empty-icon-wrapper{color:#94a3b8;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex;position:relative}.empty-icon{color:#94a3b8}.empty-icon-overlay{color:#475569;background:#fff;border-radius:4px;padding:2px;position:absolute}.unlinked-txns{border-top:1px solid var(--border-color,#e5e7eb);border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#f3f0ff;align-items:center;padding:16px 20px;display:flex}.unlinked-txns .account-name{color:var(--text-dark,#1f2937);flex:1;font-size:13px}.unlinked-txns .account-icon{color:#6366f1;margin-right:12px}.unlinked-txns .account-balance{color:var(--text-dark,#1f2937);font-size:13px;font-weight:600}.empty-title{color:var(--text-dark,#1f2937);margin-top:0;margin-bottom:8px;font-size:18px;font-weight:600}.empty-subtitle{color:var(--text-light,#6b7280);margin:0;font-size:14px}.cb-modal-overlay{z-index:999;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cb-modal{background:#fff;border-radius:8px;width:400px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.cb-modal-title{color:#3b82f6;margin:24px 24px 16px;font-size:18px;font-weight:600}.cb-modal-body{padding:0 24px 16px}.cb-modal-footer{justify-content:flex-end;gap:12px;padding:0 24px 24px;display:flex}.cb-modal-header-bordered{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cb-modal-footer-bordered{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.cb-label{color:#64748b;margin-bottom:6px;font-size:13px;display:block}.cb-input{color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:14px}.cb-input:focus{border-color:#3b82f6}.cb-btn-cancel{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500}.cb-btn-save{cursor:pointer;color:#fff;background:#4f46e5;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500}.cb-pill-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500}.cb-pill-btn.active-in,.cb-pill-btn.active-out{color:#3b82f6;background:#eff6ff;border-color:#93c5fd}.cb-date-input-wrapper{align-items:center;display:flex;position:relative}.cb-date-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.cb-date-input{padding-left:32px}.cb-date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.cb-amount-input-wrapper{border-bottom:1px solid #cbd5e1;align-items:center;padding-bottom:4px;display:flex}.cb-amount-prefix{margin-right:8px;font-size:18px;font-weight:600}.cb-amount-input{color:#1f2937;border:none;outline:none;flex:1;padding:4px 0;font-size:18px}.cb-amount-input::placeholder{color:#94a3b8}@media (width<=768px){.cash-bank-header{flex-direction:column;align-items:stretch;gap:12px}.header-actions{flex-wrap:wrap;justify-content:stretch}.header-actions>button{flex:1;justify-content:center;font-size:12px}.cash-bank-main-area{flex-direction:column;overflow-y:auto}.cash-bank-sidebar{border-right:none;border-bottom:1px solid var(--border-color,#e5e7eb);flex:none;width:100%}.cash-bank-content{flex:none}.cb-modal{max-width:360px;margin:20px auto;width:90%!important}}.einvoicing-container{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:auto}.einvoicing-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-support-btn{color:#2563eb;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.chat-support-btn:hover{background-color:#dbeafe}.einvoicing-content{flex-direction:column;flex:1;align-items:center;padding:40px 24px;display:flex}.cards-container{justify-content:center;gap:24px;width:100%;max-width:1000px;margin-bottom:48px;display:flex}.feature-card{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.card-icon-container{border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#fff;justify-content:center;align-items:center;height:200px;display:flex}.card-footer{text-align:center;background-color:#fff;padding:16px}.card-title{color:var(--text-dark,#1f2937);font-size:13px;font-weight:600}.call-to-action{text-align:center}.cta-title{color:#334155;margin-bottom:24px;font-size:24px;font-weight:500}.start-btn{color:#fff;cursor:pointer;background-color:#5b21b6;border:none;border-radius:6px;padding:14px 32px;font-size:15px;font-weight:600;transition:background-color .2s}.start-btn:hover{background-color:#4c1d95}@media (width<=768px){.einvoicing-header,.header-left{flex-direction:column;align-items:stretch;gap:12px}.header-title{text-align:center}.what-is-btn,.chat-support-btn{justify-content:center;width:100%}.cards-container{flex-direction:column;align-items:stretch;gap:16px}.card-icon-container{height:140px}}.automated-bills-container{background-color:#f8fafc;flex-direction:column;width:100%;height:100%;display:flex}.automated-bills-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.what-is-btn{color:#3b82f6;cursor:pointer;background-color:#fff;border:1px solid #3b82f6;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.what-is-btn:hover{background-color:#eff6ff}.create-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background-color .2s;display:flex}.create-btn:hover{background-color:#4338ca}.automated-bills-content{flex-direction:column;flex:1;padding:24px;display:flex;overflow:auto}.ab-loading{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:80px 40px;display:flex}.ab-loading p{margin:0;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.ab-spin{animation:1s linear infinite spin}.ab-list{flex-direction:column;gap:20px;display:flex}.ab-stats-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:16px;padding:16px 24px;display:flex}.ab-stat{border-right:1px solid #e2e8f0;flex-direction:column;gap:2px;padding-right:24px;display:flex}.ab-stat:last-child{border-right:none;padding-right:0}.ab-stat-num{color:#1e293b;font-size:20px;font-weight:700}.ab-stat-label{color:#64748b;font-size:12px}.ab-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.ab-table{border-collapse:collapse;width:100%}.ab-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.ab-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:600}.ab-table-row{border-bottom:1px solid #f1f5f9;transition:background .15s}.ab-table-row:last-child{border-bottom:none}.ab-table-row:hover{background:#f8fafc}.ab-table td{vertical-align:middle;white-space:nowrap;padding:14px 16px}.ab-party-cell{align-items:center;gap:10px;display:flex}.ab-party-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.ab-party-name{color:#1e293b;text-transform:capitalize;font-size:13px;font-weight:600}.ab-party-phone{color:#94a3b8;margin-top:2px;font-size:11px}.ab-schedule-cell{color:#4f46e5;background:#eef2ff;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:13px;font-weight:500;display:flex}.ab-duration-cell{flex-direction:column;gap:4px;display:flex}.ab-date-row{color:#475569;align-items:center;gap:5px;font-size:12px;display:flex}.ab-date-row strong{color:#1e293b}.ab-no-end{color:#94a3b8;font-style:italic}.ab-amount{color:#1e293b;font-size:14px;font-weight:700}.ab-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.ab-badge-active{color:#16a34a;background:#dcfce7}.ab-badge-expired{color:#dc2626;background:#fee2e2}.ab-badge-send{color:#2563eb;background:#dbeafe}.ab-badge-nosend{color:#64748b;background:#f1f5f9}.ab-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.ab-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.ab-delete-btn{color:#dc2626;background:#fee2e2}.ab-delete-btn:hover:not(:disabled){background:#fca5a5}.ab-delete-btn:disabled{opacity:.5;cursor:not-allowed}.info-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;transition:box-shadow .2s;display:flex;overflow:hidden}.info-card:hover{box-shadow:0 4px 20px #00000014}.card-image-container{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;height:160px;display:flex}.card-footer{text-align:center;padding:20px}.call-to-action-section{text-align:center}.cta-heading{color:#475569;margin-bottom:16px;font-size:16px;font-weight:600}@media (width<=768px){.automated-bills-header{flex-direction:column;align-items:stretch;gap:12px}.automated-bills-header>div{flex-direction:column;align-items:stretch!important}.create-btn,.what-is-btn{justify-content:center;width:100%}.ab-stats-bar{flex-wrap:wrap;gap:12px;padding:16px}.ab-stat{text-align:center;border-right:none;flex:30%;align-items:center;padding-right:0}.ab-table-card{-webkit-overflow-scrolling:touch;overflow-x:auto}.ab-table{min-width:800px}.automated-bills-content{padding:12px}}.create-bill-container{background-color:#f8fafc;flex-direction:column;width:100%;display:flex;overflow:auto}.create-bill-header{border-bottom:1px solid var(--border-color,#e5e7eb);z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.save-btn{color:#4f46e5;cursor:pointer;background-color:#e0e7ff;border:none;border-radius:4px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.save-btn:hover{background-color:#c7d2fe}.create-bill-content{flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:24px;display:flex}.section-container{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:6px;padding:16px}.section-title{color:var(--text-light,#6b7280);text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:600}.schedule-grid{align-items:flex-end;gap:24px;display:flex}.form-group{flex-direction:column;flex:1;gap:8px;display:flex}.form-group label{color:var(--text-dark,#1f2937);font-size:12px}.input-with-icon{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:4px;align-items:center;padding:8px 12px;display:flex}.input-with-icon input{border:none;outline:none;flex:1;width:100%;font-size:13px}.input-with-icon .icon{color:var(--text-light,#6b7280)}.repeat-group,.payment-group{align-items:center;gap:8px;display:flex}.repeat-group input[type=text],.payment-group input[type=text]{border:1px solid var(--border-color,#e5e7eb);border-radius:4px;padding:8px 12px;font-size:13px}.payment-group .static-text{color:var(--text-dark,#1f2937);border:1px solid var(--border-color,#e5e7eb);background-color:#f1f5f9;border-radius:4px;padding:8px 16px;font-size:13px}.robot-illustration{height:60px;margin-left:auto}.robot-illustration img{object-fit:contain;height:100%}.add-party-box{color:#3b82f6;cursor:pointer;background-color:#eff6ff;border:1px dashed #3b82f6;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:300px;padding:24px;font-size:14px;font-weight:500;display:flex}.items-section{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:6px}.items-table{border-collapse:collapse;width:100%}.items-table th{color:var(--text-light,#6b7280);text-align:left;border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#f8fafc;padding:12px 16px;font-size:11px;font-weight:600}.add-col-icon{color:#475569;cursor:pointer;background-color:#e2e8f0;border-radius:50%;padding:2px}.add-item-actions{align-items:stretch;gap:16px;padding:16px;display:flex}.add-item-box{color:#3b82f6;cursor:pointer;background-color:#eff6ff;border:1px dashed #3b82f6;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;display:flex}.scan-barcode-btn{border:1px solid var(--border-color,#e5e7eb);color:var(--text-dark,#1f2937);cursor:pointer;background-color:#fff;border-radius:6px;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:500;display:flex}.subtotal-row{border-top:1px solid var(--border-color,#e5e7eb);background-color:#f8fafc;border-bottom-right-radius:6px;border-bottom-left-radius:6px;justify-content:flex-end;gap:40px;padding:12px 16px;display:flex}.subtotal-label{color:var(--text-light,#6b7280);font-size:12px;font-weight:600}.subtotal-value{color:var(--text-dark,#1f2937);font-size:13px;font-weight:500}.footer-split{gap:24px;display:flex}.footer-left{flex-direction:column;flex:1;gap:16px;display:flex}.text-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:fit-content;padding:0;font-size:13px;font-weight:500;display:inline-flex}.text-btn.small{font-size:12px}.terms-section{border:1px solid var(--border-color,#e5e7eb);border-radius:6px;overflow:hidden}.terms-header{border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--text-dark,#1f2937);background-color:#f8fafc;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.terms-input{width:100%;color:var(--text-light,#6b7280);resize:vertical;border:none;outline:none;min-height:60px;padding:12px;font-size:12px}.footer-right{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:6px;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.totals-row{color:var(--text-dark,#1f2937);justify-content:space-between;align-items:center;font-size:13px;display:flex}.amount{font-weight:500}.round-off-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.round-off-row label,.round-off-input{align-items:center;gap:8px;display:flex}.small-add-btn{border:1px solid var(--border-color,#e5e7eb);cursor:pointer;background-color:#f1f5f9;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:flex}.round-off-input input{border:1px solid var(--border-color,#e5e7eb);text-align:right;border-radius:4px;width:60px;padding:4px 8px;font-size:13px}.total-amount-row{background-color:#f1f5f9;border-radius:6px;justify-content:space-between;align-items:center;margin-top:8px;padding:12px;display:flex}.total-input-wrapper{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:4px;padding:8px}.payment-amount-input{text-align:right;border:none;outline:none;width:150px;font-size:13px}.mark-paid-row{color:var(--text-dark,#1f2937);justify-content:flex-end;font-size:12px;display:flex}.mark-paid-row label{align-items:center;gap:6px;display:flex}.signature-section{flex-direction:column;align-items:flex-end;gap:8px;margin-top:24px;display:flex}.signatory-text{color:var(--text-dark,#1f2937);font-size:12px}.signature-box{color:#3b82f6;cursor:pointer;background-color:#eff6ff;border:1px dashed #3b82f6;border-radius:6px;align-items:center;gap:6px;padding:24px 40px;font-size:13px;font-weight:500;display:flex}@media (width<=768px){.create-bill-header{flex-direction:column;align-items:stretch;gap:16px}.header-left{flex-direction:row;justify-content:flex-start}.header-right{flex-direction:column;display:flex}.save-btn{justify-content:center;width:100%;padding:12px}}.expenses-container{background:#fff;flex-direction:column;height:100%;display:flex}.expenses-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.header-title{color:#1e293b;margin:0;font-size:18px;font-weight:700}.exp-reports-btn{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:flex}.exp-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.exp-icon-btn:hover{background:#f8fafc}.expenses-toolbar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.toolbar-left{align-items:center;gap:10px;display:flex}.exp-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;width:180px;padding:7px 12px;display:flex}.exp-search-icon{color:#94a3b8}.exp-search-bar input{color:#1e293b;border:none;outline:none;width:100%;font-size:13px}.exp-filter-wrap{position:relative}.exp-filter-btn{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:flex}.exp-filter-btn:hover{background:#f8fafc}.cal-icon{font-size:13px}.exp-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:200px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.exp-dropdown-item{color:#1e293b;cursor:pointer;padding:10px 16px;font-size:13px}.exp-dropdown-item:hover{background:#f1f5f9}.exp-dropdown-item.selected{color:#4f46e5;background:#eef2ff;font-weight:600}.exp-create-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .2s}.exp-create-btn:hover{background:#4338ca}.expenses-content{flex:1;padding:16px 20px;overflow:auto}.exp-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.exp-table{border-collapse:collapse;width:100%}.exp-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.exp-table th{color:#374151;text-align:left;padding:11px 16px;font-size:12px;font-weight:600}.th-inner{align-items:center;gap:4px;display:flex}.exp-table-row{border-bottom:1px solid #f1f5f9;transition:background .15s}.exp-table-row:last-child{border-bottom:none}.exp-table-row:hover{background:#f8fafc}.exp-table td{color:#374151;padding:12px 16px;font-size:13px}.exp-num-badge{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600}.exp-cat-badge{color:#16a34a;background:#f0fdf4;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500}.exp-amount{color:#1e293b;font-weight:700}.exp-del-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.exp-del-btn:hover{background:#fca5a5}.exp-del-btn:disabled{opacity:.5;cursor:not-allowed}.exp-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;font-size:13px;display:flex}.exp-empty-icon{display:inline-block;position:relative}.exp-empty-x{color:#94a3b8;font-size:18px;position:absolute;top:-6px;right:-10px}.exp-empty-rupee{color:#94a3b8;font-size:16px;font-weight:700;position:absolute;bottom:0;right:-6px}@media (width<=768px){.expenses-header{flex-direction:column;align-items:stretch;gap:12px}.header-actions{flex-wrap:wrap;justify-content:space-between}.expenses-toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left{flex-direction:column;align-items:stretch}.exp-search-bar{width:100%}.exp-filter-btn{justify-content:space-between;width:100%}.exp-table-card{-webkit-overflow-scrolling:touch;overflow-x:auto}.exp-table{min-width:800px}.exp-table th,.exp-table td{white-space:nowrap}}.ce-container{background:#f8fafc;flex-direction:column;display:flex}.ce-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.ce-header-left{align-items:center;gap:12px;display:flex}.ce-header-title{color:#1e293b;margin:0;font-size:17px;font-weight:700}.ce-back-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ce-back-btn:hover{background:#f1f5f9}.ce-header-right{align-items:center;gap:8px;display:flex}.ce-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ce-icon-btn:hover{background:#f8fafc}.ce-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500}.ce-cancel-btn:hover{background:#f8fafc}.ce-save-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:8px 22px;font-size:13px;font-weight:600}.ce-save-btn:hover{background:#4338ca}.ce-save-btn:disabled{opacity:.6;cursor:not-allowed}.ce-content{flex-direction:column;gap:16px;padding:20px;display:flex}.ce-panels{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ce-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:16px;padding:20px;display:flex}.ce-form-group{flex-direction:column;gap:6px;display:flex;position:relative}.ce-form-group label{color:#4f46e5;font-size:12px;font-weight:600}.ce-form-group input,.ce-form-group textarea{color:#1e293b;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .2s}.ce-form-group input:focus,.ce-form-group textarea:focus{border-color:#6366f1}.ce-form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.ce-row{gap:16px;display:flex}.ce-toggle-row{color:#1e293b;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.ce-toggle{cursor:pointer;background:#cbd5e1;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.ce-toggle.on{background:#6366f1}.ce-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.ce-toggle.on .ce-toggle-knob{left:22px}.ce-search-select{cursor:text;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;display:flex;position:relative}.ce-search-select:focus-within{border-color:#6366f1}.ce-search-select input{border:none;outline:none;flex:1;padding:0;font-size:13px}.ce-select-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;display:flex;position:relative}.ce-select-btn.open{border-color:#6366f1}.ce-select-btn:hover{background:#f8fafc}.ce-dropdown,.ce-autocomplete{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:280px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.ce-autocomplete{border-top:none;border-radius:0 0 8px 8px}.ce-dropdown-item,.ce-autocomplete-item{color:#1e293b;cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:13px}.ce-dropdown-item:last-child,.ce-autocomplete-item:last-child{border-bottom:none}.ce-dropdown-item:hover,.ce-autocomplete-item:hover{background:#f8fafc}.ce-dropdown-item.selected{color:#4f46e5;background:#eef2ff;font-weight:600}.ce-dropdown-manage{color:#4f46e5;cursor:pointer;text-align:center;border:1px dashed #c7d2fe;border-radius:4px;margin:6px;padding:10px 14px;font-size:13px;font-weight:600}.ce-dropdown-manage:hover{background:#eef2ff}.ce-items-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.ce-items-table{border-collapse:collapse;width:100%}.ce-items-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.ce-items-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:11px 16px;font-size:11px;font-weight:600}.ce-item-row{border-bottom:1px solid #f1f5f9}.ce-item-row td{padding:8px 16px}.ce-item-input{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:5px;outline:none;width:100%;padding:7px 10px;font-size:13px}.ce-item-input:focus{border-color:#6366f1}.ce-num-input{text-align:right}.ce-item-amount{color:#1e293b;font-size:13px;font-weight:600}.ce-del-row-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ce-del-row-btn:hover{background:#fca5a5}.ce-add-item-btn{color:#4f46e5;cursor:pointer;background:0 0;border:1px dashed #4f46e5;border-radius:6px;align-items:center;gap:6px;margin:12px 16px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.ce-add-item-btn:hover{background:#eef2ff}.ce-totals-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.ce-totals-row{color:#475569;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;display:flex}.ce-totals-row:last-child{border-bottom:none}.ce-totals-row.total-header{color:#1e293b;background:#f8fafc;font-weight:600}.ce-totals-row.grand-total{color:#1e293b;font-size:15px;font-weight:700}.ce-link-btn{color:#4f46e5;cursor:pointer;font-weight:500}.ce-link-btn:hover{text-decoration:underline}.ce-inline-input{text-align:right;border:1px solid #e2e8f0;border-radius:5px;outline:none;width:100px;padding:5px 8px;font-size:13px}.ce-inline-input:focus{border-color:#6366f1}.ce-remove-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.ce-modal-overlay{z-index:999;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ce-settings-modal{background:#fff;border-radius:12px;width:420px;max-width:90%;overflow:hidden;box-shadow:0 20px 50px #0003}.ce-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.ce-modal-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:700}.ce-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ce-close-btn:hover{background:#f1f5f9}.ce-modal-body{padding:20px}.ce-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.ce-save-modal-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:600}.ce-save-modal-btn:hover{background:#4338ca}@media (width<=768px){.ce-header{flex-direction:column;align-items:stretch;gap:12px}.ce-header-left{justify-content:flex-start}.ce-header-right{flex-wrap:wrap;justify-content:space-between}.ce-panels{grid-template-columns:1fr}.ce-items-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.ce-items-table{min-width:800px}.ce-items-table th,.ce-items-table td{white-space:nowrap}}.pos-container{background-color:#f1f5f9;flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.pos-header{border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#fff;justify-content:space-between;align-items:center;height:48px;padding:8px 16px;display:flex}.header-btn{border:1px solid var(--border-color,#e5e7eb);color:var(--text-dark,#1f2937);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.header-btn:hover{background-color:#f9fafb}.header-btn.primary-outline{color:#3b82f6;border-color:#bfdbfe}.header-btn.primary-outline:hover{background-color:#eff6ff}.shortcut{color:var(--text-light,#94a3b8);font-size:11px}.pos-title{color:var(--text-dark,#1f2937);font-size:16px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.header-right-actions{gap:12px;display:flex}.pos-tabs{border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#fff;height:40px;padding:0 16px;display:flex}.tab{color:var(--text-dark,#1f2937);cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:12px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.tab .shortcut{color:#94a3b8}.close-tab{cursor:pointer;color:var(--text-light,#94a3b8);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.add-tab{color:#3b82f6;cursor:pointer;border-left:1px solid var(--border-color,#e5e7eb);align-items:center;gap:6px;padding:0 16px;font-size:12px;font-weight:500;display:flex}.pos-main{flex:1;display:flex;overflow:hidden}.pos-left{border-right:1px solid var(--border-color,#e5e7eb);background-color:#fff;flex-direction:column;flex:1;display:flex}.action-toolbar{border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#f8fafc;gap:12px;padding:12px 16px;display:flex}.toolbar-btn{border:1px solid var(--border-color,#e5e7eb);color:var(--text-dark,#334155);cursor:pointer;background-color:#fff;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.toolbar-btn.delete-btn{color:#ef4444;margin-left:auto}.search-section{border-bottom:1px solid var(--border-color,#e5e7eb);gap:12px;padding:12px 16px;display:flex}.category-select{border:1px solid var(--border-color,#e5e7eb);color:var(--text-light,#6b7280);background-color:#f9fafb;border-radius:4px;outline:none;padding:8px 12px;font-size:12px}.search-input-wrapper{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:4px;flex:1;align-items:center;padding:0 12px;display:flex}.search-input-wrapper input{border:none;outline:none;flex:1;padding:8px 0;font-size:12px}.shortcut-tag{color:var(--text-light,#94a3b8);border:1px solid var(--border-color,#e5e7eb);background-color:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px}.table-container{flex-direction:column;flex:1;display:flex;position:relative}.pos-table{border-collapse:collapse;width:100%}.pos-table th{border-bottom:1px solid var(--border-color,#e5e7eb);border-right:1px solid var(--border-color,#e5e7eb);text-align:left;color:var(--text-dark,#334155);background-color:#fff;padding:10px;font-size:11px;font-weight:600}.pos-table th:last-child{border-right:none}.info-icon{border:1px solid var(--text-light,#94a3b8);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:4px;font-size:10px;display:inline-flex}.pos-empty-state{color:var(--text-light,#6b7280);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.box-icon-container{margin-bottom:16px}.empty-text{align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.or-text{margin:4px 0;font-size:13px}.barcode-icon{letter-spacing:2px;font-size:12px;font-weight:900}.pos-right{background-color:#f8fafc;flex-direction:column;gap:16px;width:380px;padding:16px;display:flex;overflow-y:auto}.right-top-actions{gap:12px;display:flex}.add-action-btn{color:#3b82f6;cursor:pointer;text-align:left;background-color:#f8fafc;border:1px dashed #94a3b8;border-radius:4px;flex:1;justify-content:space-between;padding:10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.add-action-btn:hover{background-color:#f1f5f9;border-color:#3b82f6}.bill-details-section{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:6px;padding:16px}.section-title{color:var(--text-light,#94a3b8);margin-bottom:12px;font-size:12px}.detail-row{color:var(--text-light,#6b7280);justify-content:space-between;margin-bottom:12px;font-size:13px;display:flex}.detail-row:last-child{margin-bottom:0}.total-amount-box{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;justify-content:space-between;align-items:center;padding:16px;display:flex}.total-label{color:#166534;font-size:14px;font-weight:600}.total-value{color:#166534;font-size:16px;font-weight:600}.payment-section,.customer-section{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:6px;padding:16px}.payment-section .section-title,.customer-section .section-title{justify-content:space-between;display:flex}.payment-input-group{border:1px solid var(--border-color,#e5e7eb);border-radius:4px;display:flex;overflow:hidden}.rupee{border-right:1px solid var(--border-color,#e5e7eb);color:var(--text-light,#6b7280);background-color:#f8fafc;padding:8px 12px;font-size:13px}.payment-input-group input{border:none;outline:none;flex:1;padding:8px 12px;font-size:13px}.payment-input-group select{border:none;border-left:1px solid var(--border-color,#e5e7eb);color:var(--text-light,#94a3b8);background-color:#fff;outline:none;padding:8px 12px;font-size:13px}.customer-input-box{border:1px solid var(--border-color,#e5e7eb);color:var(--text-light,#94a3b8);border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.edit-icon{cursor:pointer}.checkout-actions{gap:12px;margin-top:auto;display:flex}.save-print-btn,.save-bill-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;flex:1;padding:12px;font-size:13px;font-weight:600}.save-print-btn{color:#4f46e5;background-color:#fff;border:1px solid #c7d2fe}.save-print-btn:hover{background-color:#f5f3ff}.save-bill-btn{color:#fff;background-color:#4f46e5}.save-bill-btn:hover{background-color:#4338ca}.pos-bottom-bar{border-top:1px solid var(--border-color,#e5e7eb);color:#64748b;background-color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.clear-items-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.clear-items-btn .shortcut{color:#fca5a5}.toolbar-btn{flex:1;justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar-btn.delete-btn{color:#ef4444;background-color:#fef2f2;border-color:#fecaca}.toolbar-btn.delete-btn .shortcut{color:#fca5a5}.row-delete-icon{color:#ef4444;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.row-delete-icon:hover{background-color:#fee2e2}.pos-scroll-hint{color:#94a3b8;justify-content:center;align-items:center;gap:8px;margin-top:40px;font-size:13px;display:flex}.pos-scroll-hint-icon{background:#f1f5f9;border:1px solid #e5e7eb;border-radius:4px;flex-direction:column;padding:2px 4px;font-size:10px;display:flex}.pos-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background-color:#fff;flex-direction:column;gap:8px;padding:16px;display:flex}.pos-btn.primary{color:#fff;background-color:#4f46e5;font-weight:600}.pos-btn.cancel{color:#64748b;background-color:#fff;border:1px solid #e5e7eb;font-weight:500}.pos-radio-group{gap:24px;margin-bottom:20px;display:flex}.pos-radio{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.pos-radio input[type=radio]{accent-color:#4f46e5;width:16px;height:16px}.pos-input-group{margin-bottom:16px}.pos-input-group label{color:#64748b;margin-bottom:6px;font-size:12px;display:block}.pos-input-with-prefix{border:1px solid #e5e7eb;border-radius:4px;align-items:center;display:flex;overflow:hidden}.pos-input-with-prefix .prefix{color:#64748b;background-color:#f8fafc;border-right:1px solid #e5e7eb;padding:8px 12px;font-size:13px}.pos-input-with-prefix input{border:none;outline:none;flex:1;padding:8px 12px;font-size:13px}input.focus-yellow:focus,.pos-input-with-prefix:focus-within{border-color:#fbbf24;box-shadow:0 0 0 1px #fef3c7}.settings-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:16px;display:flex}.settings-row:last-child{border-bottom:none}.settings-title{color:#334155;margin-bottom:4px;font-size:13px;font-weight:500}.settings-desc{color:#94a3b8;font-size:11px}.settings-select{color:#64748b;border:1px solid #e5e7eb;border-radius:4px;outline:none;padding:6px 12px;font-size:13px}.pos-switch{width:36px;height:20px;display:inline-block;position:relative}.pos-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:#4f46e5}input:checked+.slider:before{transform:translate(16px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.pos-autocomplete-wrapper{flex:1;position:relative}.pos-autocomplete-menu{border:1px solid var(--border-color,#e5e7eb);z-index:50;background:#fff;border-radius:4px;max-height:250px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.pos-autocomplete-item{border-bottom:1px solid var(--border-color,#e5e7eb);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pos-autocomplete-item:hover{background-color:#f8fafc}.pos-autocomplete-item:last-child{border-bottom:none}.pos-table tbody tr{cursor:pointer}.pos-table tbody tr:hover{background-color:#f8fafc}.pos-table tbody tr.selected{background-color:#eff6ff}.pos-table td{border-bottom:1px solid var(--border-color,#e5e7eb);border-right:1px solid var(--border-color,#e5e7eb);color:var(--text-dark,#334155);padding:10px;font-size:13px}.pos-table td:last-child{border-right:none}.pos-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pos-modal{background:#fff;border-radius:8px;width:350px;animation:.2s ease-out slideUp;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.pos-modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:16px;display:flex}.pos-modal-header h3{color:var(--text-dark,#1e293b);margin:0;font-size:15px;font-weight:600}.pos-modal-body{padding:16px}.pos-modal-body input{border:1px solid var(--border-color,#e5e7eb);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px}.pos-modal-body input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pos-modal-footer{border-top:1px solid var(--border-color,#e5e7eb);background-color:#f8fafc;justify-content:flex-end;gap:12px;padding:12px 16px;display:flex}.pos-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500}.pos-btn.cancel{color:var(--text-light,#64748b);background-color:#0000}.pos-btn.cancel:hover{background-color:#e2e8f0}.pos-btn.primary{color:#fff;background-color:#4f46e5}.pos-btn.primary:hover{background-color:#4338ca}@media (width<=768px){.pos-header{flex-wrap:wrap;gap:12px;height:auto;padding:12px}.pos-title{text-align:center;order:-1;width:100%;margin-bottom:8px;position:static;transform:none}.pos-main{flex-direction:column;overflow-y:auto}.pos-left{border-right:none;border-bottom:1px solid var(--border-color,#e5e7eb);flex:none;min-height:400px}.pos-right{flex:none;width:100%}.action-toolbar{-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:12px;overflow-x:auto}.action-toolbar .toolbar-btn{flex-shrink:0}.pos-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab,.add-tab{white-space:nowrap;flex-shrink:0}.shortcut{display:none!important}.search-section{flex-direction:column}.category-select{width:100%}.search-input-wrapper{box-sizing:border-box;width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.pos-table{min-width:800px}.pos-table th,.pos-table td{white-space:nowrap}}.payroll-container{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:auto}.payroll-header{align-items:center;padding:16px 24px;display:flex}.payroll-header .header-title{color:var(--text-dark,#1f2937);margin:0;font-size:20px;font-weight:500}.payroll-content{flex-direction:column;flex:1;align-items:center;padding:40px 24px;display:flex}.cards-wrapper{justify-content:center;gap:24px;width:100%;max-width:1100px;margin-bottom:48px;display:flex}.info-card{border:1px solid var(--border-color,#e5e7eb);background-color:#fff;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.card-image-container{border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#fdfaf8;justify-content:center;align-items:center;height:220px;display:flex}.placeholder-img{object-fit:contain;color:#cbd5e1;text-align:center;background-color:#fefcfb;width:100%;max-width:100%;height:100%;max-height:100%;line-height:220px}.card-footer{text-align:center;flex-direction:column;flex:1;padding:24px 20px;display:flex}.card-title{color:var(--text-dark,#1f2937);margin:0 0 12px;font-size:15px;font-weight:600}.card-description{color:var(--text-light,#6b7280);margin:0;font-size:13px;line-height:1.6}.call-to-action-section{text-align:center;flex-direction:column;align-items:center;display:flex}.cta-heading{color:var(--text-dark,#1f2937);margin:0 0 12px;font-size:24px;font-weight:600}.highlight-text{color:#4f46e5}.cta-subtext{color:var(--text-light,#6b7280);margin:0 0 24px;font-size:14px}.add-staff-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:6px;margin-bottom:32px;padding:12px 32px;font-size:15px;font-weight:600;transition:background-color .2s}.add-staff-btn:hover{background-color:#4338ca}.trust-indicator{align-items:center;gap:12px;display:flex}.avatar-group{display:flex}.avatar{background-color:#e2e8f0;border:2px solid #fff;border-radius:50%;width:28px;height:28px;margin-left:-8px}.avatar:first-child{margin-left:0}.trust-text{color:var(--text-light,#6b7280);font-size:12px}.payroll-table-wrap th,.payroll-table-wrap td{white-space:nowrap}@media (width<=768px){.payroll-header-wrap{flex-direction:column;gap:16px;align-items:stretch!important}.payroll-header-wrap>div:first-child{max-width:100%}.payroll-tabs{flex-wrap:wrap;width:100%;padding-bottom:8px;gap:16px!important}.payroll-header-actions{width:100%;display:flex}.payroll-header-actions button{justify-content:center;width:100%}.payroll-toolbar{flex-direction:column;gap:12px;align-items:stretch!important}.payroll-date-wrap,.payroll-search-wrap{box-sizing:border-box;justify-content:space-between;width:100%!important}.payroll-tab-content{padding:16px!important}.payroll-tab-toolbar{flex-direction:column;gap:16px;align-items:stretch!important}.payroll-tab-filters{flex-direction:column;width:100%;align-items:stretch!important}.payroll-tab-filters input,.payroll-tab-filters select,.payroll-tab-toolbar button{width:100%}.payroll-summary-cards{grid-template-columns:1fr 1fr!important}}.online-orders-container,.store-settings-container{background-color:#f1f5f9;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.orders-header{border-bottom:1px solid var(--border-color,#e2e8f0);background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.orders-header .header-title{color:#1e293b;margin:0;font-size:18px;font-weight:600}.store-settings-btn{border:1px solid var(--border-color,#e2e8f0);cursor:pointer;color:#64748b;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:8px;display:flex}.orders-content{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.orders-banner{border:1px solid var(--border-color,#e2e8f0);background-color:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex;overflow:hidden}.banner-text{padding:24px 32px}.banner-text h2{color:#334155;margin:0 0 16px;font-size:16px;font-weight:500}.banner-text .highlight{color:#ea580c;font-weight:600}.create-store-btn{color:#fff;cursor:pointer;background-color:#ea580c;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500}.banner-image{border-left:1px solid var(--border-color,#e2e8f0);background-color:#f8fafc;width:300px;height:120px;position:relative}.orders-toolbar{align-items:center;gap:16px;margin-bottom:16px;display:flex}.search-box{border:1px solid var(--border-color,#e2e8f0);background-color:#fff;border-radius:6px;align-items:center;width:250px;height:38px;padding:0 12px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%;padding-left:8px;font-size:13px}.date-filter{border:1px solid var(--border-color,#e2e8f0);color:#334155;cursor:pointer;background-color:#fff;border-radius:6px;outline:none;height:38px;padding:0 12px;font-size:13px}.orders-table-container{border:1px solid var(--border-color,#e2e8f0);background-color:#fff;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;color:#475569;border-bottom:1px solid var(--border-color,#e2e8f0);background-color:#f8fafc;padding:12px 16px;font-size:12px;font-weight:600}.sort-icon{color:#94a3b8;margin-left:4px;font-size:10px}.empty-state{color:#94a3b8;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.empty-icon{color:#cbd5e1;margin-bottom:16px;font-size:32px;font-weight:700;position:relative}.rupee-symbol{border:2px solid #e2e8f0;border-radius:8px;padding:8px 12px;display:inline-block}.cross-symbol{background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex;position:absolute;top:-10px;right:-10px}.settings-header{border-bottom:1px solid var(--border-color,#e2e8f0);background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.back-btn{cursor:pointer;color:#64748b;background:0 0;border:none;align-items:center;display:flex}.settings-header .header-title{color:#1e293b;margin:0;font-size:16px;font-weight:600}.header-right{gap:12px;display:flex}.view-store-btn,.preview-btn,.share-btn{border:1px solid var(--border-color,#e2e8f0);color:#334155;cursor:pointer;background-color:#fff;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.preview-btn:hover,.share-btn:hover{color:#1e293b;background-color:#f8fafc;border-color:#cbd5e1}.save-btn{color:#fff;cursor:pointer;background-color:#d8b4fe;border:none;border-radius:4px;padding:8px 24px;font-size:13px;font-weight:500}.settings-content{flex:1;display:flex;overflow:hidden}.settings-sidebar{border-right:1px solid var(--border-color,#e2e8f0);background-color:#fff;flex-direction:column;width:250px;padding-top:16px;display:flex}.settings-tab{text-align:left;color:#64748b;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:16px 24px;font-size:13px;font-weight:500;display:flex}.settings-tab.active{color:#4f46e5;background-color:#f8fafc;border-left-color:#4f46e5}.rupee-icon{font-size:16px;font-weight:700}.settings-main{flex:1;padding:24px;overflow-y:auto}.general-settings{flex-direction:column;gap:24px;max-width:800px;display:flex}.setting-card{border:1px solid var(--border-color,#e2e8f0);background-color:#fff;border-radius:8px;overflow:hidden}.setting-row{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.setting-label-bold{color:#4f46e5;font-size:14px;font-weight:500}.card-header{border-bottom:1px solid var(--border-color,#e2e8f0);color:#334155;padding:16px 24px;font-size:14px;font-weight:600}.card-body{padding:24px}.helper-text{color:#94a3b8;margin:0 0 16px;font-size:12px}.url-input-container{border:1px solid var(--border-color,#e2e8f0);border-radius:6px;align-items:center;height:40px;margin-bottom:8px;padding:0 12px;display:flex}.url-input{color:#4f46e5;border:none;outline:none;flex:1;font-size:13px}.generated-url{color:#94a3b8;margin:0;font-size:12px}.phone-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.flex-1{flex:1}.remove-phone-toggle{color:#334155;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#64748b;margin-bottom:8px;font-size:12px;display:block}.std-input{border:1px solid var(--border-color,#e2e8f0);border-radius:6px;outline:none;width:100%;height:40px;padding:0 12px;font-size:13px}.std-input:focus{border-color:#cbd5e1}.payment-option{justify-content:space-between;align-items:center;display:flex}.payment-info{align-items:center;gap:16px;display:flex}.payment-icon{border:1px solid var(--border-color,#e2e8f0);background-color:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cod-icon{color:#64748b;font-size:18px;font-weight:600}.payment-title{color:#334155;margin-bottom:4px;font-size:13px;font-weight:500}.payment-desc{color:#94a3b8;font-size:12px}.payment-divider{background-color:var(--border-color,#e2e8f0);height:1px;margin:16px 0}.settings-content-wrapper{background-color:#f8fafc;flex:1;height:100%;display:flex}.settings-form{flex:1;max-width:900px;padding:24px;overflow-y:auto}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:24px}.store-status-section{padding:16px 24px}.flex-row{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.section-heading{color:#1e293b;border-bottom:1px solid #e2e8f0;margin:0 0 20px;padding-bottom:12px;font-size:16px}.input-group{margin-bottom:20px}.input-group label{color:#475569;margin-bottom:8px;font-size:13px;display:block}.input-group input[type=text],.input-group input[type=number]{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px}.input-group input:focus{border-color:#4f46e5}.help-text{color:#64748b;margin:4px 0 0;font-size:12px}.store-url-box{border:1px solid #cbd5e1;border-radius:6px;display:flex;overflow:hidden}.store-url-box input{color:#4f46e5;background:#f8fafc;flex:1;height:40px;padding:0 12px;border:none!important}.copy-btn{cursor:pointer;color:#64748b;background:#fff;border:none;border-left:1px solid #cbd5e1;padding:0 16px}.phone-input-wrapper{border:1px solid #cbd5e1;border-radius:6px;align-items:center;height:40px;display:flex;overflow:hidden}.country-code{color:#64748b;background:#f8fafc;border-right:1px solid #cbd5e1;align-items:center;height:100%;padding:0 16px;font-size:14px;display:flex}.phone-input-wrapper input{border-radius:0;outline:none;flex:1;height:40px;padding:0 12px;border:none!important}.checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-label input{width:auto!important;height:auto!important}.theme-banner{cursor:pointer;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;height:120px;display:flex}.banner-placeholder{color:#64748b;flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.control-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.control-item:last-child{border-bottom:none}.control-item h4{color:#1e293b;margin:0 0 4px;font-size:14px}.control-item p{color:#64748b;margin:0;font-size:12px}.sms-marketing-container{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.sms-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sms-header .header-title{color:#1e293b;flex:1;margin:0;font-size:18px;font-weight:600}.quota-badge{color:#334155;background-color:#f8fafc;border-radius:4px;align-items:center;gap:8px;margin-right:24px;padding:8px 16px;font-size:12px;display:flex}.header-actions{align-items:center;gap:16px;display:flex}.icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.create-campaign-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:500}.sms-content{flex:1;justify-content:center;padding:40px 24px;display:flex;overflow-y:auto}.promo-section{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.illustration-area{justify-content:center;align-items:center;width:100%;height:250px;margin-bottom:24px;display:flex}.promo-illustration{width:400px;height:200px;position:relative}.graph-arrow{border-bottom:10px solid #cbd5e1;border-left:10px solid #cbd5e1;width:250px;height:100px;position:absolute;top:40px;left:50px;transform:skewY(-30deg)}.phone-mockup{background:#fff;border:4px solid #94a3b8;border-radius:12px;width:120px;height:160px;padding:12px;position:absolute;bottom:20px;right:120px;box-shadow:0 10px 25px #0000001a}.mockup-text{text-align:left;border:1px solid #e2e8f0;border-radius:4px;padding:6px;font-size:10px;font-weight:700}.floating-tag{color:#ea580c;background:#ffedd5;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;box-shadow:0 4px 6px #0000000d}.tag-1{top:20px;right:100px}.tag-2{top:60px;right:40px}.tag-3{background:#fed7aa;top:100px;right:60px}.promo-title{color:#1e293b;margin:0 0 12px;font-size:22px;font-weight:600}.promo-subtitle{color:#64748b;max-width:600px;margin:0 0 40px;font-size:14px;line-height:1.5}.promo-cards{flex-direction:column;gap:20px;width:100%;display:flex}.promo-card{text-align:left;border-radius:8px;justify-content:space-between;width:100%;display:flex;position:relative;overflow:hidden}.blue-card{color:#fff;background:linear-gradient(90deg,#3b82f6,#0ea5e9)}.orange-card{color:#fff;background:linear-gradient(90deg,#f97316,#fb923c)}.card-content{z-index:2;flex:1;padding:24px 32px}.card-content h3{margin:0 0 8px;font-size:16px;font-weight:600}.card-content p{opacity:.9;margin:0 0 16px;font-size:13px}.select-template-btn{color:#3b82f6;cursor:pointer;background:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:600}.orange-card .select-template-btn{color:#ea580c}.card-decoration{z-index:1;width:150px;position:relative}.festival-decor{opacity:.5;background-color:#ffffff1a;background-image:linear-gradient(45deg,#ec4899 25%,#0000 25%),linear-gradient(-45deg,#ec4899 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ec4899 75%),linear-gradient(-45deg,#0000 75%,#ec4899 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.discount-decor{justify-content:center;align-items:center;display:flex}.discount-tag{color:#1e293b;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:4px;padding:16px 12px;font-size:18px;font-weight:700;transform:rotate(15deg);box-shadow:0 4px 12px #0000001a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-modal{background:#fff;border-radius:8px;flex-direction:column;width:600px;display:flex;box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3{color:#334155;margin:0;font-size:16px;font-weight:600}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none}.modal-body{background:#f8fafc;padding:24px}.category-select-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.category-select-row label{color:#334155;font-size:13px}.custom-select{width:300px;position:relative}.custom-select select{appearance:none;border:1px solid var(--border-color,#e2e8f0);color:#334155;background:#fff;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:13px}.select-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.note-banner{color:#854d0e;text-align:center;background:#fef9c3;border-radius:4px;margin-bottom:24px;padding:10px;font-size:12px}.template-list{flex-direction:column;gap:12px;max-height:300px;display:flex;overflow-y:auto}.template-item{border:1px solid var(--border-color,#e2e8f0);cursor:pointer;background:#fff;border-radius:6px;justify-content:space-between;align-items:flex-start;padding:16px;transition:border-color .2s;display:flex}.template-item.selected{background-color:#fcfcfd;border-color:#4f46e5}.template-text{color:#334155;flex:1;padding-right:16px;font-size:13px;line-height:1.5}.radio-btn{border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex}.template-item.selected .radio-btn{border-color:#4f46e5}.radio-inner{background:0 0;border-radius:50%;width:10px;height:10px}.radio-inner.active{background:#4f46e5}.modal-footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:center;gap:16px;padding:16px 24px;display:flex}.cancel-btn{border:1px solid var(--border-color,#e2e8f0);color:#334155;cursor:pointer;background:#fff;border-radius:4px;padding:8px 24px;font-size:13px;font-weight:500}.select-edit-btn{color:#fff;cursor:pointer;background:#c4b5fd;border:none;border-radius:4px;padding:8px 24px;font-size:13px;font-weight:500}.select-edit-btn:not([disabled]){background:#4f46e5}