@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap);@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#121212;color:#f0f4f8}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e10;--surface:#161618;--elevated:#1c1c1e;--card:#242426;--border:#2c2c2e;--border2:#3a3a3c;--text:#f5f5f7;--text2:#98989f;--text3:#5a5a60;--cyan:#32d4e0;--cyan-dim:#32d4e01f;--amber:#ffb340;--amber-dim:#ffb3401f;--red:#ff453a;--red-dim:#ff453a1f;--green:#32d74b;--green-dim:#32d74b1f;--purple:#bf5af2;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow:0 2px 12px #0006;--shadow-lg:0 4px 24px #00000080;--font:"Inter",-apple-system,sans-serif;--mono:"JetBrains Mono",monospace}body{-webkit-font-smoothing:antialiased;background:#0e0e10;background:var(--bg);color:#f5f5f7;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px}[data-theme=light]{--bg:#f5f0e8;--surface:#fdfaf5;--elevated:#fff;--card:#fff;--border:#ddd6c8;--border2:#c9bfa8;--text:#1a1a1a;--text2:#4a4a4a;--text3:#8a8580;--cyan:#0e7f8a;--cyan-dim:#0e7f8a1a;--amber:#c47d0a;--amber-dim:#c47d0a1a;--red:#c8372d;--red-dim:#c8372d1a;--green:#1e8a32;--green-dim:#1e8a321a;--purple:#7b3db8;--shadow:0 2px 12px #00000014;--shadow-lg:0 4px 24px #0000001f}[data-theme=light],[data-theme=light] body{background:#0e0e10;background:var(--bg);color:#f5f5f7;color:var(--text)}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#3a3a3c;background:var(--border2);border-radius:4px}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#161618;background:var(--surface);border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:16px;height:52px;padding:0 20px;z-index:10}.topbar-logo{border-radius:6px;display:block;flex-shrink:0;height:164px;object-fit:contain;width:164px}.topbar-brand{align-items:center;display:flex;flex-shrink:0;gap:8px}.topbar-name{color:#32d4e0;color:var(--cyan);font-size:15px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}.topbar-right{align-items:center;display:flex;gap:10px;margin-left:auto}.user-badge{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.user-name{color:#f5f5f7;color:var(--text);font-size:13px;font-weight:500;line-height:1}.user-role{border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.8px;line-height:1.4;padding:2px 7px;text-transform:uppercase}.user-role.manager{background:#32d4e01f;background:var(--cyan-dim);border:1px solid #32d4e040;color:#32d4e0;color:var(--cyan)}.user-role.cashier{background:#ffb3401f;background:var(--amber-dim);border:1px solid #ffb34040;color:#ffb340;color:var(--amber)}.manager-buttons,.mgr-btn{display:flex;gap:6px}.mgr-btn{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#98989f;color:var(--text2);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;height:32px;padding:0 14px;transition:all .15s}.mgr-btn:hover{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e0;border-color:var(--cyan);color:#32d4e0;color:var(--cyan)}.signout-btn{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#5a5a60;color:var(--text3);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.signout-btn:hover{background:#ff453a1f;background:var(--red-dim);border-color:#ff453a;border-color:var(--red);box-shadow:0 0 12px #ff453a33;color:#ff453a;color:var(--red);transform:translateX(2px)}.signout-btn:active{opacity:.8;transform:translateX(4px)}.main{flex:1 1}.pos-divider{background:#2c2c2e;background:var(--border);cursor:col-resize;flex-shrink:0;position:relative;transition:background .15s ease;width:6px}.pos-divider:active,.pos-divider:hover{background:#32d4e0;background:var(--cyan)}.pos-divider:after{color:#5a5a60;color:var(--text3);content:"⋮";font-size:14px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.left{border-right:1px solid #2c2c2e;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.search-box{background:#161618;background:var(--surface);border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);padding:12px 16px}.search-box input{background:#1c1c1e;background:var(--elevated);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235A5A60' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f5f5f7;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;height:36px;outline:none;padding:0 14px 0 36px;transition:all .15s;width:100%}.search-box input::placeholder{color:#5a5a60;color:var(--text3)}.search-box input:focus{background-color:#242426;background-color:var(--card);border-color:#32d4e0;border-color:var(--cyan);box-shadow:0 0 0 3px #32d4e014}.product-grid{grid-gap:10px;align-content:start;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));overflow-y:auto;padding:14px}.product-card{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:14px;position:relative;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1)}.product-card:before{background:linear-gradient(90deg,#32d4e0,#bf5af2);background:linear-gradient(90deg,var(--cyan),var(--purple));content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s}.product-card:hover{background:#242426;background:var(--card);border-color:#3a3a3c;border-color:var(--border2);box-shadow:0 2px 12px #0006;box-shadow:var(--shadow);transform:translateY(-1px)}.product-card:hover:before{opacity:1}.product-card:active{transform:scale(.97) translateY(0)}.product-card.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.product-card h3{color:#f5f5f7;color:var(--text);font-size:13px;font-weight:500;line-height:1.3;margin-bottom:10px}.product-card .price{color:#32d4e0;color:var(--cyan);font-size:17px;font-weight:700;letter-spacing:-.5px}.product-card .price,.product-card .stock{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.product-card .stock{color:#5a5a60;color:var(--text3);font-size:11px;margin-top:5px}.product-card .stock.low{color:#ffb340;color:var(--amber)}.product-card .stock.out{color:#ff453a;color:var(--red)}.product-card .cat-tag{align-items:center;color:#5a5a60;color:var(--text3);display:inline-flex;font-size:10px;gap:4px;margin-bottom:6px}.right{background:#161618;background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.cart-header{align-items:center;border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 18px}.cart-header h2{color:#f5f5f7;color:var(--text);font-size:13px;font-weight:600;letter-spacing:-.2px}.cart-header span{color:#5a5a60;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px}.cart-items{flex:1 1;overflow-y:auto;padding:8px 16px}.cart-empty{align-items:center;color:#5a5a60;color:var(--text3);display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center}.cart-empty span{font-size:36px;opacity:.4}.cart-empty p{font-size:13px}.cart-empty small{font-size:11px;opacity:.6}.cart-item{align-items:center;animation:slideIn .15s ease-out;border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:10px 0}@keyframes slideIn{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.cart-item-info{flex:1 1;min-width:0}.cart-item-info p{color:#f5f5f7;color:var(--text);font-size:13px;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-info small{color:#5a5a60;color:var(--text3);font-size:11px}.cart-item-info small,.cart-item-total{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.cart-item-total{color:#32d4e0;color:var(--cyan);font-size:13px;font-weight:600;white-space:nowrap}.cart-item-remove{background:none;border:none;border-radius:6px;color:#5a5a60;color:var(--text3);cursor:pointer;font-size:13px;line-height:1;padding:4px;transition:all .15s}.cart-item-remove:hover{background:#ff453a1f;background:var(--red-dim);color:#ff453a;color:var(--red)}.checkout{border-top:1px solid #2c2c2e;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:14px 16px}.total-row{align-items:center;display:flex;justify-content:space-between}.total-row span{color:#5a5a60;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.total-row strong{color:#32d4e0;color:var(--cyan);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:24px;font-weight:700;letter-spacing:-1px}.charge-btn{background:#32d4e0;background:var(--cyan);border:none;border-radius:14px;border-radius:var(--radius-lg);color:#000;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;height:48px;letter-spacing:.3px;transition:all .15s;width:100%}.charge-btn:hover:not(:disabled){box-shadow:0 4px 16px #32d4e059;filter:brightness(1.08);transform:translateY(-1px)}.charge-btn:active:not(:disabled){transform:scale(.98)}.charge-btn:disabled{background:#242426;background:var(--card);cursor:not-allowed}.charge-btn:disabled,.clear-btn{color:#5a5a60;color:var(--text3)}.clear-btn{background:none;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:12px;height:32px;transition:color .15s;width:100%}.clear-btn:hover{color:#ff453a;color:var(--red)}.payment-methods{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.pay-method-btn{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#98989f;color:var(--text2);cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:12px;font-weight:500;gap:5px;height:36px;justify-content:center;transition:all .15s}.pay-method-btn:hover{border-color:#3a3a3c;border-color:var(--border2);color:#f5f5f7;color:var(--text)}.pay-method-btn.active{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e0;border-color:var(--cyan);color:#32d4e0;color:var(--cyan);font-weight:600}.login-page{align-items:center;background:#0e0e10;background:var(--bg);background-image:radial-gradient(ellipse at 50% 0,#32d4e00f 0,#0000 60%);display:flex;justify-content:center;min-height:100vh}.login-card{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-lg);max-width:360px;padding:40px;width:100%}.login-logo{align-items:center;background:#32d4e01f;background:var(--cyan-dim);border:1px solid #32d4e040;border-radius:14px;display:flex;font-size:24px;height:164px;justify-content:center;margin:0 auto 16px;width:164px}.login-title{color:#f5f5f7;color:var(--text);font-size:22px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px;text-align:center}.login-sub{color:#5a5a60;color:var(--text3);font-size:13px;margin-bottom:28px;text-align:center}.login-error{background:#ff453a1f;background:var(--red-dim);border:1px solid #ff453a40;border-radius:10px;border-radius:var(--radius);color:#ff453a;color:var(--red);font-size:13px;margin-bottom:16px;padding:10px 14px}.login-form{gap:14px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-field label{color:#5a5a60;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.login-field input{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f5f5f7;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;height:42px;outline:none;padding:0 14px;transition:all .15s}.login-field input:focus{border-color:#32d4e0;border-color:var(--cyan);box-shadow:0 0 0 3px #32d4e014}.login-btn{background:#32d4e0;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius);color:#000;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;height:44px;letter-spacing:.2px;margin-top:6px;transition:all .15s}.login-btn:hover:not(:disabled){box-shadow:0 4px 16px #32d4e04d;filter:brightness(1.08)}.login-btn:disabled{cursor:not-allowed;opacity:.5}.report-overlay{align-items:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.report-panel{animation:slideUp .2s cubic-bezier(.4,0,.2,1);background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.report-header{align-items:center;border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 22px}.report-title{color:#f5f5f7;color:var(--text);font-size:17px;font-weight:700;letter-spacing:-.4px}.report-date{margin-top:2px}.report-close,.report-date{color:#5a5a60;color:var(--text3);font-size:12px}.report-close{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.report-close:hover{background:#ff453a1f;background:var(--red-dim);border-color:#ff453a;border-color:var(--red);color:#ff453a;color:var(--red)}.report-table-wrap{flex:1 1;overflow-y:auto}.report-loading{font-size:13px;padding:40px}.report-empty,.report-loading{color:#5a5a60;color:var(--text3);text-align:center}.report-empty{padding:48px}.report-empty p:first-child{font-size:32px;margin-bottom:8px}.report-empty p,.report-table{font-size:13px}.report-table{border-collapse:collapse;width:100%}.report-table th{background:#161618;background:var(--surface);color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;padding:10px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0}.report-table td,.report-table th{border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border)}.report-table td{color:#f5f5f7;color:var(--text);padding:11px 16px}.report-table tbody tr:hover td{background:#1c1c1e;background:var(--elevated)}.report-table tfoot td{border-bottom:none;border-top:1px solid #3a3a3c;border-top:1px solid var(--border2);padding:12px 16px}.receipt-no{color:#32d4e0!important;color:var(--cyan)!important;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px!important}.time-col{color:#98989f!important;color:var(--text2)!important;font-size:12px!important}.amount-col{color:#32d74b!important;color:var(--green)!important;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-weight:600!important}.total-label{color:#5a5a60;color:var(--text3);font-size:11px;letter-spacing:.8px;text-transform:uppercase}.total-amount{color:#32d4e0!important;color:var(--cyan)!important;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:15px!important;font-weight:700!important}.expanded-row td{background:#1c1c1e!important;background:var(--elevated)!important}.payment-badge{border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;color:#98989f;color:var(--text2);display:inline-flex;font-size:11px;font-weight:500;gap:4px;letter-spacing:.5px;padding:3px 9px;text-transform:uppercase}.payment-badge,.print-btn{align-items:center;background:#1c1c1e;background:var(--elevated)}.print-btn{border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .15s;width:28px}.print-btn:hover{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e0;border-color:var(--cyan)}.items-detail{padding:14px 18px}.items-title{color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.items-table{border-collapse:collapse;font-size:12px;width:100%}.items-table th{background:#0000;color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.6px;padding:6px 10px;position:static;text-align:left;text-transform:uppercase}.items-table td,.items-table th{border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border)}.items-table td{color:#f5f5f7;color:var(--text);padding:8px 10px}.rpt-filters{border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;gap:20px;padding:12px 22px}.rpt-filter-group,.rpt-filters{align-items:center;display:flex}.rpt-filter-group{gap:8px}.rpt-filter-label{color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;white-space:nowrap}.filter-tabs{display:flex;gap:4px}.filter-tab{background:#0000;border:1px solid #0000;border-radius:20px;color:#5a5a60;color:var(--text3);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:12px;font-weight:500;height:28px;padding:0 12px;transition:all .15s}.filter-tab:hover{background:#1c1c1e;background:var(--elevated);color:#98989f;color:var(--text2)}.filter-tab.active{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e04d;color:#32d4e0;color:var(--cyan);font-weight:600}.cashier-select{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;color:#f5f5f7;color:var(--text);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:12px;height:28px;outline:none;padding:0 10px;transition:all .15s}.cashier-select:focus{border-color:#32d4e0;border-color:var(--cyan)}.custom-dates{background:#1c1c1e;background:var(--elevated);border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;padding:10px 22px}.date-field{display:flex;flex-direction:column;gap:4px}.date-field label{color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.date-field input{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f5f5f7;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:12px;height:32px;outline:none;padding:0 10px;transition:border .15s}.date-field input:focus{border-color:#32d4e0;border-color:var(--cyan)}.rpt-kpi-row{border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:grid;flex-shrink:0;grid-template-columns:repeat(3,1fr)}.rpt-kpi{border-right:1px solid #2c2c2e;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:3px;padding:16px 22px}.rpt-kpi:last-child{border-right:none}.rpt-kpi-icon{font-size:18px;margin-bottom:2px}.rpt-kpi-label{color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.rpt-kpi-value{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:-.5px}.rpt-kpi.cyan .rpt-kpi-value{color:#32d4e0;color:var(--cyan)}.rpt-kpi.amber .rpt-kpi-value{color:#ffb340;color:var(--amber)}.rpt-kpi.green .rpt-kpi-value{color:#32d74b;color:var(--green)}.rpt-breakdown-grid{border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:grid;flex-shrink:0;grid-template-columns:1fr 1fr}.rpt-breakdown-panel{border-right:1px solid #2c2c2e;border-right:1px solid var(--border);padding:14px 22px}.rpt-breakdown-panel:last-child{border-right:none}.rpt-panel-title{color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.rpt-breakdown-item{align-items:center;border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:7px 0}.rpt-breakdown-item:last-child{border-bottom:none}.rpt-breakdown-left{align-items:center;display:flex;gap:8px}.rpt-breakdown-icon{font-size:15px}.rpt-breakdown-name{color:#f5f5f7;color:var(--text);font-size:13px;font-weight:500}.rpt-breakdown-count{color:#5a5a60;color:var(--text3);font-size:11px;margin-left:4px}.rpt-breakdown-amount{color:#32d4e0;color:var(--cyan);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:13px;font-weight:600}.rpt-empty-small{color:#5a5a60;color:var(--text3);font-size:12px}.product-form{background:#1c1c1e;background:var(--elevated);border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 22px}.form-title{color:#98989f;color:var(--text2);font-size:12px;font-weight:600;letter-spacing:.6px;margin-bottom:12px;text-transform:uppercase}.form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.form-field input{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f5f5f7;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;height:36px;outline:none;padding:0 12px;transition:all .15s}.form-field input:focus{border-color:#32d4e0;border-color:var(--cyan);box-shadow:0 0 0 3px #32d4e014}.form-actions{display:flex;gap:8px}.save-btn{background:#32d4e0;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius);color:#000;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;height:36px;padding:0 18px;transition:all .15s}.save-btn:hover:not(:disabled){filter:brightness(1.08)}.save-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn{background:#0000;border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#5a5a60;color:var(--text3);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;height:36px;padding:0 18px;transition:all .15s}.cancel-btn:hover{background:#ff453a1f;background:var(--red-dim);border-color:#ff453a;border-color:var(--red);color:#ff453a;color:var(--red)}.products-search{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f5f5f7;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;height:34px;outline:none;padding:0 12px;transition:border .15s;width:100%}.products-search:focus{border-color:#32d4e0;border-color:var(--cyan)}.action-btns{display:flex;gap:5px}.delete-btn,.edit-btn{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:7px;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .15s;width:28px}.edit-btn:hover{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e0;border-color:var(--cyan)}.delete-btn:hover{background:#ff453a1f;background:var(--red-dim);border-color:#ff453a;border-color:var(--red)}.stock-ok{color:#32d74b;color:var(--green)}.stock-low,.stock-ok{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:600}.stock-low{color:#ffb340;color:var(--amber)}.stock-out{color:#ff453a;color:var(--red);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:600}.payment-popup-overlay{align-items:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.payment-popup{animation:slideUp .2s cubic-bezier(.4,0,.2,1);background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-lg);max-width:380px;padding:28px;width:100%}.popup-title{color:#f5f5f7;color:var(--text);font-size:17px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.popup-total{color:#32d4e0;color:var(--cyan);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:36px;font-weight:700;letter-spacing:-1.5px;margin:12px 0}.popup-label{color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.tendered-input{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);color:#f5f5f7;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:20px;font-weight:600;height:48px;letter-spacing:-.5px;margin-bottom:10px;outline:none;padding:0 16px;text-align:right;transition:all .15s;width:100%}.tendered-input:focus{border-color:#32d4e0;border-color:var(--cyan);box-shadow:0 0 0 3px #32d4e014}.change-display{align-items:center;background:#32d74b1f;background:var(--green-dim);border:1px solid #32d74b40;border-radius:10px;border-radius:var(--radius);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.change-display.insufficient{background:#ff453a1f;background:var(--red-dim);border-color:#ff453a40}.change-label{color:#98989f;color:var(--text2);font-size:12px;font-weight:600}.change-amount{color:#32d74b;color:var(--green);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:20px;font-weight:700;letter-spacing:-.5px}.change-amount.insufficient{color:#ff453a;color:var(--red)}.quick-amounts{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.quick-btn{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#98989f;color:var(--text2);cursor:pointer;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:500;height:34px;transition:all .15s}.quick-btn:hover{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e0;border-color:var(--cyan);color:#32d4e0;color:var(--cyan)}.popup-actions{display:flex;gap:8px}.popup-cancel{background:#0000;border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);color:#5a5a60;color:var(--text3);cursor:pointer;flex:1 1;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;height:44px;transition:all .15s}.popup-cancel:hover{border-color:#ff453a;border-color:var(--red);color:#ff453a;color:var(--red)}.popup-confirm{background:#32d4e0;background:var(--cyan);border:none;border-radius:14px;border-radius:var(--radius-lg);color:#000;cursor:pointer;flex:2 1;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;height:44px;transition:all .15s}.popup-confirm:hover:not(:disabled){box-shadow:0 4px 16px #32d4e04d;filter:brightness(1.08)}.popup-confirm:disabled{cursor:not-allowed;opacity:.4}.success-popup{animation:slideUp .2s cubic-bezier(.4,0,.2,1);background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-lg);max-width:340px;padding:32px 28px;text-align:center;width:100%}.success-icon{align-items:center;background:#32d74b1f;background:var(--green-dim);border:1px solid #32d74b40;border-radius:50%;display:flex;font-size:24px;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.success-title{color:#f5f5f7;color:var(--text);font-size:18px;font-weight:700;margin-bottom:4px}.success-receipt{color:#5a5a60;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;margin-bottom:16px}.success-details{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);margin-bottom:20px;padding:12px 16px}.success-row{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:5px 0}.success-row span{color:#5a5a60;color:var(--text3)}.success-row strong{color:#f5f5f7;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--mono)}.success-row.change strong{color:#32d74b;color:var(--green)}.new-sale-btn{background:#32d4e0;background:var(--cyan);border:none;border-radius:14px;border-radius:var(--radius-lg);color:#000;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;height:44px;transition:all .15s;width:100%}.new-sale-btn:hover{filter:brightness(1.08)}.print-only{display:none}@media print{*{visibility:hidden}.print-only,.print-only *{display:block!important;visibility:visible!important}.print-only{background:#fff!important;color:#000!important;font-family:monospace!important;font-size:13px!important;inset:0!important;padding:30px!important;position:fixed!important}}.inv-tabs{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;gap:3px;padding:3px}.inv-tab{background:#0000;border:none;border-radius:7px;color:#5a5a60;color:var(--text3);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:12px;font-weight:500;height:28px;padding:0 14px;transition:all .15s}.inv-tab.active{background:#161618;background:var(--surface);box-shadow:0 1px 4px #0000004d;color:#f5f5f7;color:var(--text)}.inv-adjust-layout{display:grid;flex:1 1;grid-template-columns:280px 1fr;overflow:hidden}.inv-product-list{border-right:1px solid #2c2c2e;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.inv-product-scroll{flex:1 1;overflow-y:auto}.inv-product-item{align-items:center;border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);cursor:pointer;display:flex;justify-content:space-between;padding:11px 14px;transition:all .12s}.inv-product-item:hover{background:#1c1c1e;background:var(--elevated)}.inv-product-item.selected{background:#32d4e01f;background:var(--cyan-dim);border-left:2px solid #32d4e0;border-left:2px solid var(--cyan)}.inv-product-info{flex:1 1;min-width:0}.inv-product-name{color:#f5f5f7;color:var(--text);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-product-unit{color:#5a5a60;color:var(--text3);font-size:11px;margin-top:2px}.inv-product-stock{align-items:center;display:flex;flex-shrink:0;gap:5px}.inv-low-badge{background:#ffb3401f;background:var(--amber-dim);color:#ffb340;color:var(--amber)}.inv-low-badge,.inv-out-badge{border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 5px}.inv-out-badge{background:#ff453a1f;background:var(--red-dim);color:#ff453a;color:var(--red)}.inv-form-panel{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.inv-empty-state{align-items:center;color:#5a5a60;color:var(--text3);display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:10px;justify-content:center}.inv-selected-product{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:14px 16px}.inv-selected-name{color:#f5f5f7;color:var(--text);font-size:15px;font-weight:600;margin-bottom:12px}.inv-selected-stats{display:flex;gap:20px}.inv-stat{display:flex;flex-direction:column;gap:3px}.inv-stat span{color:#5a5a60;color:var(--text3);font-size:10px;letter-spacing:.6px;text-transform:uppercase}.inv-stat strong{color:#f5f5f7;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:16px;font-weight:700}.inv-type-toggle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.inv-type-btn{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#98989f;color:var(--text2);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;height:40px;transition:all .15s}.inv-type-btn.add.active{background:#32d74b1f;background:var(--green-dim);border-color:#32d74b66;color:#32d74b;color:var(--green)}.inv-type-btn.remove.active{background:#ff453a1f;background:var(--red-dim);border-color:#ff453a66;color:#ff453a;color:var(--red)}.inv-form-field{display:flex;flex-direction:column;gap:6px}.inv-form-field label{color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.inv-qty-input{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f5f5f7;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:20px;font-weight:600;height:44px;letter-spacing:-.5px;outline:none;padding:0 16px;text-align:center;transition:all .15s}.inv-qty-input:focus{border-color:#32d4e0;border-color:var(--cyan);box-shadow:0 0 0 3px #32d4e014}.inv-select{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f5f5f7;color:var(--text);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;height:38px;outline:none;padding:0 12px;transition:border .15s}.inv-select:focus{border-color:#32d4e0;border-color:var(--cyan)}.inv-preview{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:20px;font-weight:700;gap:16px;justify-content:center;padding:12px}.inv-arrow{color:#5a5a60;color:var(--text3);font-size:14px}.inv-save-btn{border:none;border-radius:14px;border-radius:var(--radius-lg);color:#000;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;height:46px;margin-top:auto;transition:all .15s;width:100%}.inv-save-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.inv-save-btn:disabled{cursor:not-allowed;opacity:.4}.adj-change{align-items:center;border-radius:20px;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:700;padding:2px 8px}.adj-change.positive{background:#32d74b1f;background:var(--green-dim);color:#32d74b;color:var(--green)}.adj-change.negative{background:#ff453a1f;background:var(--red-dim);color:#ff453a;color:var(--red)}.reason-badge{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;color:#98989f;color:var(--text2);display:inline-flex;font-size:11px;letter-spacing:.4px;padding:3px 8px;text-transform:uppercase}.wh-form-wrap{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:20px 22px}.wh-section{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:16px 18px}.wh-section-title{color:#98989f;color:var(--text2);font-size:12px;font-weight:600;letter-spacing:.6px;margin-bottom:14px;text-transform:uppercase}.wh-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.wh-add-item-btn{background:#32d4e01f;background:var(--cyan-dim);border:1px solid #32d4e04d;border-radius:10px;border-radius:var(--radius);color:#32d4e0;color:var(--cyan);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;height:30px;padding:0 14px;transition:all .15s}.wh-add-item-btn:hover{filter:brightness(1.1)}.wh-items-table{display:flex;flex-direction:column;gap:6px}.wh-items-header{align-items:center;color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.6px;margin-bottom:4px;padding:0 6px;text-transform:uppercase}.wh-item-row,.wh-items-header{display:flex;gap:8px}.wh-item-select{padding:0 10px}.wh-item-input{padding:0 10px;text-align:center}.wh-subtotal{color:#32d4e0;color:var(--cyan);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:13px;font-weight:600;text-align:right}.wh-remove-btn{align-items:center;background:#0000;border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:7px;color:#5a5a60;color:var(--text3);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;transition:all .15s;width:28px}.wh-remove-btn:hover{background:#ff453a1f;background:var(--red-dim);border-color:#ff453a;border-color:var(--red);color:#ff453a;color:var(--red)}.wh-total-row{align-items:center;border-top:1px solid #2c2c2e;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:10px;padding:12px 6px 0}.wh-total-row span{color:#5a5a60;color:var(--text3);font-size:12px;letter-spacing:.6px;text-transform:uppercase}.wh-total-row strong{color:#32d4e0;color:var(--cyan);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:18px;font-weight:700}.wh-supplier-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.wh-supplier-list{display:flex;flex-direction:column;gap:8px}.wh-supplier-card{align-items:center;background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;justify-content:space-between;padding:12px 14px;transition:border-color .15s}.wh-supplier-card:hover{border-color:#3a3a3c;border-color:var(--border2)}.wh-supplier-info{flex:1 1;min-width:0}.wh-supplier-name{color:#f5f5f7;color:var(--text);font-size:14px;font-weight:600;margin-bottom:4px}.wh-supplier-details{display:flex;flex-wrap:wrap;gap:12px}.wh-supplier-details span{color:#5a5a60;color:var(--text3);font-size:12px}.cart-qty-controls{flex-shrink:0;gap:6px}.cart-qty-controls,.qty-btn{align-items:center;display:flex}.qty-btn{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:8px;color:#f5f5f7;color:var(--text);cursor:pointer;font-size:16px;font-weight:600;height:26px;justify-content:center;line-height:1;transition:all .12s;width:26px}.qty-btn.minus:hover{background:#ff453a1f;background:var(--red-dim);border-color:#ff453a;border-color:var(--red);color:#ff453a;color:var(--red)}.qty-btn.plus:hover{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e0;border-color:var(--cyan);color:#32d4e0;color:var(--cyan)}.qty-btn:disabled{cursor:not-allowed;opacity:.3}.qty-display{color:#f5f5f7;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:14px;font-weight:700;min-width:28px;text-align:center}.cat-icon-grid{display:flex;flex-wrap:wrap;gap:6px}.cat-icon-btn{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .12s;width:36px}.cat-icon-btn:hover{border-color:#3a3a3c;border-color:var(--border2);transform:scale(1.1)}.cat-icon-btn.active{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e0;border-color:var(--cyan);transform:scale(1.1)}.cat-color-grid{display:flex;flex-wrap:wrap;gap:8px}.cat-color-btn{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:all .12s;width:28px}.cat-color-btn:hover{transform:scale(1.15)}.cat-color-btn.active{border-color:#fff;box-shadow:0 0 8px #fff6;transform:scale(1.2)}.cat-preview-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.cat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cat-card{align-items:center;border:1px solid;border-radius:14px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:14px;transition:all .15s}.cat-card:hover{box-shadow:0 2px 12px #0006;box-shadow:var(--shadow);transform:translateY(-1px)}.cat-card-top{align-items:center;display:flex;gap:10px}.cat-card-icon{font-size:24px}.cat-card-name{font-size:13px;font-weight:600}.cat-card-code{color:#5a5a60;color:var(--text3);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;margin-top:2px}.cat-card-actions{display:flex;gap:5px}.cat-filter-bar{border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:8px 14px;scroll-behavior:smooth;scrollbar-color:#3a3a3c #0000;scrollbar-color:var(--border2) #0000;scrollbar-width:thin}.cat-filter-bar::-webkit-scrollbar{height:3px}.cat-filter-bar::-webkit-scrollbar-track{background:#0000}.cat-filter-bar::-webkit-scrollbar-thumb{background:#3a3a3c;background:var(--border2);border-radius:3px}.cat-filter-btn{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;color:#5a5a60;color:var(--text3);cursor:pointer;flex-shrink:0;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:12px;font-weight:500;height:28px;padding:0 12px;transition:all .15s;white-space:nowrap}.cat-filter-btn:hover{border-color:#3a3a3c;border-color:var(--border2);color:#f5f5f7;color:var(--text)}.cat-filter-btn.active{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e066;color:#32d4e0;color:var(--cyan);font-weight:600}.cat-filter-wrap{flex-shrink:0;position:relative}.cat-filter-wrap:after{background:linear-gradient(90deg,#0000,#0e0e10);background:linear-gradient(to right,#0000,var(--bg));content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:60px}.analytics-overlay{animation:fadeIn .2s ease-out;background:#0e0e10;background:var(--bg);display:flex;flex-direction:column;inset:0;position:fixed;z-index:60}.analytics-panel{display:flex;flex-direction:column;height:100vh;overflow:hidden}.analytics-header{align-items:center;background:#161618;background:var(--surface);border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.analytics-title{color:#f5f5f7;color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.5px}.analytics-sub{color:#5a5a60;color:var(--text3);font-size:12px;margin-top:2px}.analytics-loading{align-items:center;color:#5a5a60;color:var(--text3);display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:16px;justify-content:center}.analytics-spinner{animation:spin .8s linear infinite;border:2px solid #2c2c2e;border-top-color:#32d4e0;border:2px solid var(--border);border-radius:50%;border-top-color:var(--cyan);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.analytics-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 24px}.analytics-kpi-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.analytics-kpi{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;padding:16px 18px}.analytics-kpi-icon{font-size:20px;margin-bottom:4px}.analytics-kpi-label{color:#5a5a60;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.analytics-kpi-value{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:20px;font-weight:700;letter-spacing:-.5px}.analytics-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.analytics-card{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:18px}.analytics-card.full-width{grid-column:span 2}.analytics-card-title{color:#98989f;color:var(--text2);font-size:13px;font-weight:600;letter-spacing:-.2px;margin-bottom:14px}.analytics-empty{color:#5a5a60;color:var(--text3);font-size:13px;padding:40px 0;text-align:center}.chart-tooltip{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 12px #0006;box-shadow:var(--shadow);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:12px;padding:10px 14px}.chart-tooltip-label{color:#5a5a60;color:var(--text3);font-size:11px;letter-spacing:.6px;margin-bottom:4px;text-transform:uppercase}.cat-legend{display:flex;flex-direction:column;gap:6px;margin-top:8px}.cat-legend-item{align-items:center;display:flex;font-size:12px;gap:8px}.cat-legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.cat-legend-name{color:#98989f;color:var(--text2);flex:1 1}.cat-legend-value{color:#32d4e0;color:var(--cyan);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-weight:600}.margin-bar-wrap{align-items:center;display:flex;gap:8px;width:120px}.margin-bar{border-radius:3px;flex:1 1;height:6px;transition:width .3s ease}.margin-pct{color:#98989f;color:var(--text2);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;white-space:nowrap}.margin-badge{border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px}.margin-badge.good{background:#32d74b1f;background:var(--green-dim);color:#32d74b;color:var(--green)}.margin-badge.ok{background:#ffb3401f;background:var(--amber-dim);color:#ffb340;color:var(--amber)}.margin-badge.low{background:#ff453a1f;background:var(--red-dim);color:#ff453a;color:var(--red)}.scanner-overlay{align-items:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.scanner-panel{animation:slideUp .2s cubic-bezier(.4,0,.2,1);background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-lg);max-width:420px;overflow:hidden;width:100%}.scanner-header{align-items:center;border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.scanner-title{color:#f5f5f7;color:var(--text);font-size:16px;font-weight:700}.scanner-sub{color:#5a5a60;color:var(--text3);font-size:12px;margin-top:2px}.scanner-viewport{align-items:center;background:#000;display:flex;justify-content:center;min-height:240px;overflow:hidden;position:relative}.scanner-error,.scanner-loading{align-items:center;color:#5a5a60;color:var(--text3);display:flex;flex-direction:column;font-size:13px;gap:12px;padding:40px;text-align:center}.scanner-frame{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.scanner-frame:after,.scanner-frame:before{border:2px solid #32d4e0;border:2px solid var(--cyan);border-radius:8px;box-shadow:0 0 20px #32d4e04d;content:"";height:160px;position:absolute;width:260px}.scanner-line{animation:scanLine 2s ease-in-out infinite;background:#32d4e0;background:var(--cyan);box-shadow:0 0 8px #32d4e0;box-shadow:0 0 8px var(--cyan);height:2px;position:absolute;width:240px}@keyframes scanLine{0%{opacity:1;transform:translateY(-70px)}50%{opacity:1;transform:translateY(70px)}to{opacity:1;transform:translateY(-70px)}}.scanner-result{align-items:center;border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;min-height:52px;padding:14px 20px}.scanner-success{align-items:center;animation:fadeIn .2s ease-out;color:#32d74b;color:var(--green);display:flex;font-size:13px;gap:10px}.scanner-hint{color:#5a5a60;color:var(--text3);font-size:12px;font-style:italic}.scanner-manual{padding:14px 20px}.scan-feedback{animation:slideDown .2s ease-out;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-lg);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;left:50%;padding:10px 20px;position:fixed;top:70px;transform:translateX(-50%);white-space:nowrap;z-index:200}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.scan-feedback.success{background:#32d74b1f;background:var(--green-dim);border:1px solid #32d74b66;color:#32d74b;color:var(--green)}.scan-feedback.error{background:#ff453a1f;background:var(--red-dim);border:1px solid #ff453a66;color:#ff453a;color:var(--red)}.scanner-trigger-btn{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:all .15s;width:36px}.scanner-trigger-btn:hover{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e0;border-color:var(--cyan)}.alerts-badge-btn{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:relative;transition:all .15s;width:36px}.alerts-badge-btn:hover{background:#ffb3401f;background:var(--amber-dim);border-color:#ffb340;border-color:var(--amber)}.alerts-badge-count{align-items:center;border:2px solid #161618;border:2px solid var(--surface);border-radius:9px;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-6px;top:-6px}.alerts-badge-count.critical{background:#ff453a;background:var(--red);color:#fff}.alerts-badge-count.warning{background:#ffb340;background:var(--amber);color:#000}.alerts-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:flex-end;padding:60px 16px 0;position:fixed;z-index:90}.alerts-panel{animation:slideUp .2s cubic-bezier(.4,0,.2,1);background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:70vh;max-width:380px;overflow:hidden;width:100%}.alerts-header{align-items:center;border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 18px}.alerts-title{color:#f5f5f7;color:var(--text);font-size:15px;font-weight:700}.alerts-sub{color:#5a5a60;color:var(--text3);font-size:12px;margin-top:2px}.alerts-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:10px}.alert-item{border:1px solid;border-radius:10px;border-radius:var(--radius);display:flex;gap:12px;padding:12px;transition:all .15s}.alert-item.out{background:#ff453a1f;background:var(--red-dim);border-color:#ff453a4d}.alert-item.low{background:#ffb3401f;background:var(--amber-dim);border-color:#ffb3404d}.alert-item.expiry-critical{background:#ff453a1f;background:var(--red-dim);border-color:#ff453a4d}.alert-item.expiry-warning{background:#ffb34014;border-color:#ffb34033}.alert-icon{flex-shrink:0;font-size:20px;margin-top:2px}.alert-content{flex:1 1;min-width:0}.alert-header-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.alert-title{color:#f5f5f7;color:var(--text);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.alert-badge{border-radius:20px;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 6px;white-space:nowrap}.alert-badge.expiry-critical,.alert-badge.out{background:#ff453a1f;background:var(--red-dim);color:#ff453a;color:var(--red)}.alert-badge.expiry-warning,.alert-badge.low{background:#ffb3401f;background:var(--amber-dim);color:#ffb340;color:var(--amber)}.alert-product{color:#f5f5f7;color:var(--text);font-size:13px;font-weight:600}.alert-sku{color:#32d4e0;color:var(--cyan);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;margin-top:2px}.alert-detail{color:#5a5a60;color:var(--text3);font-size:11px;margin-top:3px}.wh-item-row{align-items:center;background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex!important;flex-wrap:nowrap!important;gap:6px;padding:8px}.wh-items-grid-header{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px 10px 0 0;border-radius:var(--radius) var(--radius) 0 0;color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.6px;padding:8px 10px;text-transform:uppercase}.wh-items-grid-header,.wh-items-grid-row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:2.5fr .8fr .8fr 1.2fr 1.2fr 1fr 1fr 36px}.wh-items-grid-row{align-items:start;background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-top:none;padding:6px 10px;transition:background .12s}.wh-items-grid-row:last-child{border-radius:0 0 10px 10px;border-radius:0 0 var(--radius) var(--radius)}.wh-items-grid-row:hover{background:#1c1c1e;background:var(--elevated)}.wh-grid-cell{align-items:flex-start;display:flex;min-width:0;position:relative}.wh-full{width:100%}.wh-center{text-align:center}.wh-right{text-align:right}.wh-item-input{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f5f5f7;color:var(--text);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:13px;height:34px;min-width:0;outline:none;padding:0 8px;transition:border .15s}.wh-item-input:focus{background:#242426;background:var(--card);border-color:#32d4e0;border-color:var(--cyan)}.wh-item-select{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f5f5f7;color:var(--text);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:12px;height:34px;min-width:0;outline:none;padding:0 8px;transition:border .15s}.wh-item-select:focus{border-color:#32d4e0;border-color:var(--cyan)}.supplier-info-card{animation:fadeIn .2s ease-out;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);margin-bottom:12px;padding:14px 16px}.supplier-info-header{align-items:center;border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.supplier-info-avatar{align-items:center;background:#32d4e01f;background:var(--cyan-dim);border:1px solid #32d4e04d;border-radius:10px;color:#32d4e0;color:var(--cyan);display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.supplier-info-name{color:#f5f5f7;color:var(--text);font-size:14px;font-weight:700}.supplier-info-sub{color:#5a5a60;color:var(--text3);font-size:11px;margin-top:2px}.supplier-info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.supplier-info-item{display:flex;flex-direction:column;gap:2px}.supplier-info-label{color:#5a5a60;color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.supplier-info-value{color:#f5f5f7;color:var(--text);font-size:13px;font-weight:500}.po-status-pending{background:#ffb3401f;background:var(--amber-dim);color:#ffb340;color:var(--amber)}.po-status-partial{background:#bf5af21f;color:#bf5af2;color:var(--purple)}.po-status-completed{background:#32d74b1f;background:var(--green-dim);color:#32d74b;color:var(--green)}.po-status-cancelled{background:#ff453a1f;background:var(--red-dim);color:#ff453a;color:var(--red)}.wh-product-dropdown{background:#1c1c1e;background:var(--elevated);border:1px solid #32d4e0;border:1px solid var(--cyan);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-lg);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.wh-product-option{align-items:center;border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);cursor:pointer;display:flex;font-size:12px;padding:8px 12px;transition:background .1s}.wh-product-option:last-child{border-bottom:none}.wh-product-option:hover{background:#32d4e01f;background:var(--cyan-dim)}.wh-item-input[type=number]{-moz-appearance:textfield;padding-right:14px}.wh-item-input[type=number]::-webkit-inner-spin-button,.wh-item-input[type=number]::-webkit-outer-spin-button{margin-left:6px}.report-panel.maximized{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100%!important;width:100vw!important}.report-overlay.maximized{align-items:stretch!important;padding:0!important}.maximize-btn{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#5a5a60;color:var(--text3);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:all .15s;width:32px}.maximize-btn:hover{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e0;border-color:var(--cyan);color:#32d4e0;color:var(--cyan)}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.my-sales-btn{align-items:center;background:none;border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#98989f;color:var(--text2);cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;gap:6px;padding:6px 12px;transition:border-color .15s,color .15s;white-space:nowrap}.my-sales-btn:hover{border-color:#32d4e0;border-color:var(--cyan);color:#32d4e0;color:var(--cyan)}@media (max-width:768px){.app{height:100dvh}.topbar{gap:8px;padding:0 12px;position:relative}.topbar-name{font-size:13px}.topbar-logo{height:164px;width:164px}.manager-buttons{display:none}.topbar-right{gap:6px}.user-name{display:none}.user-role{font-size:9px;padding:2px 6px}.mobile-menu-btn{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#98989f;color:var(--text2);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}#mobile-menu-btn{display:flex!important}.mobile-nav-drawer{animation:slideDown .15s ease-out;background:#161618;background:var(--surface);border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:4px;left:0;padding:8px;position:fixed;right:0;top:52px;z-index:200}.mobile-nav-drawer .mgr-btn{border-radius:10px;border-radius:var(--radius);font-size:14px;height:44px;justify-content:flex-start;padding:0 16px;width:100%}.main{flex-direction:column;overflow:hidden;position:relative}.left{border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);border-right:none;flex:1 1;min-height:0;width:100%}.product-grid{gap:8px;grid-template-columns:repeat(2,1fr);padding:10px}.product-card{padding:10px}.product-card h3{font-size:12px;margin-bottom:6px}.product-card .price{font-size:14px}.product-card .stock{font-size:10px}.right{border-top:1px solid #2c2c2e;border-top:1px solid var(--border);flex-shrink:0;height:auto;max-height:280px;min-height:220px;overflow:hidden;width:100%}.right.has-items{height:260px}.cart-items{max-height:80px;overflow-y:auto;padding:6px 12px}.cart-item{padding:6px 0}.cart-item-info p{font-size:12px;max-width:120px}.checkout{gap:6px;padding:8px 12px}.total-row strong{font-size:18px}.payment-methods{gap:4px}.pay-method-btn{font-size:11px;height:30px}.charge-btn{font-size:13px;height:40px}.clear-btn{font-size:11px;height:24px}.cart-header{padding:8px 14px}.cart-header h2{font-size:12px}.search-box{padding:8px 12px}.search-box input{font-size:13px;height:34px}.cat-filter-bar{gap:5px;padding:6px 10px}.cat-filter-btn{font-size:11px;height:26px;padding:0 10px}.payment-popup{border-radius:20px 20px 0 0;max-width:100%}.payment-popup-overlay{align-items:flex-end;padding:0}.popup-total{font-size:28px}.quick-amounts{gap:4px}.quick-btn{font-size:11px;height:30px}.analytics-kpi-row{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.analytics-card.full-width{grid-column:span 1}.analytics-header{flex-wrap:wrap;gap:8px;padding:12px 16px}.analytics-title{font-size:16px}.inv-adjust-layout{grid-template-columns:1fr;overflow-y:auto}.inv-product-list{border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);border-right:none;max-height:220px}.rpt-filters{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 14px}.rpt-kpi-row{grid-template-columns:repeat(2,1fr)}.rpt-breakdown-grid{grid-template-columns:1fr}.rpt-breakdown-panel{border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);border-right:none}.report-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.report-table{min-width:600px}.login-card{margin:16px;max-width:100%;padding:28px 20px}.cart-empty{gap:6px;padding:12px}.cart-empty span{font-size:24px}.cart-empty p{font-size:12px}.cart-empty small{font-size:10px}.report-header{flex-wrap:wrap;gap:10px;padding:14px 16px}.report-header>div:first-child{width:100%}.report-header>div:last-child{justify-content:space-between;width:100%}.report-title{font-size:15px}.report-date{font-size:11px}.inv-tabs{flex-shrink:1;max-width:calc(100vw - 80px);overflow-x:auto;scrollbar-width:none;width:100%}.inv-tabs::-webkit-scrollbar{display:none}.inv-tab{flex-shrink:0;font-size:11px;padding:0 10px;white-space:nowrap}.wh-form-wrap{padding:12px 14px}.wh-section{padding:12px}.wh-items-table{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:8px}.form-grid,.wh-row{grid-template-columns:1fr!important}.analytics-header{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 14px}.analytics-header>div:last-child{flex-wrap:wrap;gap:6px;width:100%}.filter-tabs{flex-wrap:wrap}.filter-tab{font-size:11px;height:26px;padding:0 10px}.rpt-filter-group{flex-wrap:wrap}.wh-section .inv-tabs{flex-wrap:wrap;height:auto;padding:4px}.inv-form-panel{padding:14px}.report-overlay{align-items:flex-end!important;padding:0!important}.report-panel{border-radius:20px 20px 0 0!important;max-height:92vh!important;width:100%!important}.form-field,.inv-form-field{grid-column:span 1!important}.cat-grid,div[style*=grid-template-columns],div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.wh-section>div{-webkit-overflow-scrolling:touch;overflow-x:auto}.wh-items-grid-header{display:none!important}.wh-items-grid-row{grid-gap:6px!important;border-radius:0!important;display:grid!important;flex-direction:row!important;gap:6px!important;grid-template-columns:2fr .8fr .8fr 1.2fr 1.2fr 1fr 1fr 36px!important;margin-bottom:0!important;min-width:680px!important;padding:6px 8px!important}.wh-grid-cell{flex-direction:row!important;width:auto!important}.wh-items-grid-row .wh-grid-cell:before{display:none!important}.wh-subtotal{color:#32d4e0!important;color:var(--cyan)!important;font-size:14px!important;font-weight:700!important;text-align:left!important}.inv-form-panel,.inv-product-scroll,.report-table-wrap,.wh-form-wrap{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important;overscroll-behavior:contain}.report-panel>div[style*=overflowY]{-webkit-overflow-scrolling:touch!important;flex:1 1;min-height:0;overflow-y:auto!important}.maximize-btn{display:none!important}}.wh-section>.wh-items-table{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.wh-items-grid-header,.wh-items-grid-row{display:grid!important;min-width:700px!important}.wh-items-grid-header{display:grid!important}#mobile-menu-btn{display:none}.landing-page{background:#0e0e10;background:var(--bg);color:#f5f5f7;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);min-height:100vh}.landing-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161618;background:var(--surface);border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;height:64px;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:10}.landing-nav-brand{align-items:center;display:flex;gap:10px}.landing-nav-name{font-size:20px;letter-spacing:-.5px}.landing-nav-actions{align-items:center;display:flex;gap:10px}.landing-nav-login{background:#0000;border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#98989f;color:var(--text2);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;height:36px;padding:0 18px;transition:all .15s}.landing-nav-login:hover{border-color:#3a3a3c;border-color:var(--border2);color:#f5f5f7;color:var(--text)}.landing-nav-signup{background:#32d4e0;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius);color:#000;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;height:36px;padding:0 18px;transition:all .15s}.landing-nav-signup:hover{filter:brightness(1.08)}.landing-hero{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:860px;padding:80px 40px 60px;text-align:center}.landing-hero-badge{align-items:center;background:#32d4e01f;background:var(--cyan-dim);border:1px solid #32d4e040;border-radius:20px;color:#32d4e0;color:var(--cyan);display:inline-flex;font-size:12px;font-weight:500;gap:6px;letter-spacing:.2px;margin-bottom:24px;padding:6px 14px}.landing-hero-title{color:#f5f5f7;color:var(--text);font-size:clamp(36px,6vw,64px);font-weight:700;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.landing-hero-accent{color:#32d4e0;color:var(--cyan)}.landing-hero-sub{color:#5a5a60;color:var(--text3);font-size:17px;line-height:1.7;margin:0 auto 32px;max-width:560px}.landing-hero-actions{margin-bottom:12px}.landing-cta-primary{background:#32d4e0;background:var(--cyan);border:none;border-radius:14px;border-radius:var(--radius-lg);color:#000;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:15px;font-weight:700;height:50px;letter-spacing:.2px;padding:0 32px;transition:all .15s}.landing-cta-primary:hover{box-shadow:0 6px 20px #32d4e059;filter:brightness(1.08);transform:translateY(-1px)}.landing-cta-note{color:#5a5a60;color:var(--text3);font-size:12px;margin-top:10px}.landing-preview{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 24px 60px #00000080;margin-top:48px;overflow:hidden;text-align:left}.landing-preview-bar{align-items:center;background:#1c1c1e;background:var(--elevated);border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;gap:6px;padding:10px 16px}.landing-preview-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.landing-preview-body{display:flex;height:260px}.landing-preview-left{border-right:1px solid #2c2c2e;border-right:1px solid var(--border);display:flex;flex:1.4 1;flex-direction:column;gap:10px;overflow:hidden;padding:12px}.landing-preview-search{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#5a5a60;color:var(--text3);display:flex;font-size:11px;height:30px;padding:0 12px}.landing-preview-grid{grid-gap:6px;display:grid;flex:1 1;gap:6px;grid-template-columns:repeat(3,1fr);overflow:hidden}.landing-preview-card{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:8px;padding:8px}.landing-preview-right{display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:12px;width:180px}.landing-preview-item{border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:5px 0}.landing-preview-charge{background:#32d4e0;background:var(--cyan);border-radius:10px;border-radius:var(--radius);color:#000;font-size:10px;font-weight:700;margin-top:auto;padding:8px;text-align:center}.landing-section-label{color:#32d4e0;color:var(--cyan);font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:12px;text-align:center;text-transform:uppercase}.landing-section-title{color:#f5f5f7;color:var(--text);font-size:clamp(24px,4vw,36px);font-weight:700;letter-spacing:-.8px;margin-bottom:48px;text-align:center}.landing-features{margin:0 auto;max-width:1100px;padding:80px 40px}.landing-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.landing-feature-card{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:24px;transition:all .15s}.landing-feature-card:hover{border-color:#3a3a3c;border-color:var(--border2);box-shadow:0 2px 12px #0006;box-shadow:var(--shadow);transform:translateY(-2px)}.landing-feature-icon{font-size:28px;margin-bottom:12px}.landing-feature-title{color:#f5f5f7;color:var(--text);font-size:15px;font-weight:600;margin-bottom:8px}.landing-feature-desc{color:#5a5a60;color:var(--text3);font-size:13px;line-height:1.6}.landing-steps{background:#161618;background:var(--surface);border-bottom:1px solid #2c2c2e;border-bottom:1px solid var(--border);border-top:1px solid #2c2c2e;border-top:1px solid var(--border);padding:80px 40px}.landing-steps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px}.landing-step{text-align:center}.landing-step-num{align-items:center;background:#32d4e01f;background:var(--cyan-dim);border:1px solid #32d4e04d;border-radius:50%;color:#32d4e0;color:var(--cyan);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:16px;font-weight:700;height:44px;justify-content:center;margin:0 auto 14px;width:44px}.landing-step-title{color:#f5f5f7;color:var(--text);font-size:14px;font-weight:600;margin-bottom:8px}.landing-step-desc{color:#5a5a60;color:var(--text3);font-size:13px;line-height:1.6}.landing-pricing{margin:0 auto;max-width:480px;padding:80px 40px;text-align:center}.landing-pricing-card{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;padding:36px 32px;position:relative;text-align:left}.landing-pricing-badge{background:#32d4e0;background:var(--cyan);border-radius:20px;color:#000;font-size:11px;font-weight:700;left:50%;letter-spacing:.5px;padding:4px 14px;position:absolute;top:-13px;transform:translateX(-50%);white-space:nowrap}.landing-pricing-amount{align-items:baseline;display:flex;margin:20px 0 8px}.landing-pricing-number{color:#32d4e0;color:var(--cyan);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:56px;font-weight:700;letter-spacing:-2px;line-height:1}.landing-pricing-features{display:flex;flex-direction:column;gap:10px;list-style:none}.landing-pricing-feature{align-items:center;color:#98989f;color:var(--text2);display:flex;font-size:13px;gap:8px}.landing-final-cta{background:#161618;background:var(--surface);border-top:1px solid #2c2c2e;border-top:1px solid var(--border);padding:80px 40px;text-align:center}.landing-final-title{color:#f5f5f7;color:var(--text);font-size:clamp(24px,4vw,36px);font-weight:700;letter-spacing:-.8px;margin-bottom:12px}.landing-final-sub{color:#5a5a60;color:var(--text3);font-size:15px;margin-bottom:28px}.landing-footer{border-top:1px solid #2c2c2e;border-top:1px solid var(--border);padding:32px 40px;text-align:center}.landing-footer-brand{font-size:20px;letter-spacing:-.5px}.auth-page{align-items:center;background:#0e0e10;background:var(--bg);background-image:radial-gradient(ellipse at 50% 0,#32d4e00d 0,#0000 60%);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 24px #00000080;box-shadow:var(--shadow-lg);max-width:400px;padding:36px 32px;width:100%}.auth-brand{align-items:center;display:flex;gap:10px;margin-bottom:24px}.auth-brand-name{font-size:20px;letter-spacing:-.5px}.auth-title{color:#f5f5f7;color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.4px;margin-bottom:6px}.auth-sub{color:#5a5a60;color:var(--text3);font-size:13px;line-height:1.5;margin-bottom:24px}.auth-error{background:#ff453a1f;background:var(--red-dim);border:1px solid #ff453a40;border-radius:10px;border-radius:var(--radius);color:#ff453a;color:var(--red);font-size:13px;margin-bottom:16px;padding:10px 14px}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:5px}.auth-field label{color:#5a5a60;color:var(--text3);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.auth-field input{background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-sizing:border-box;color:#f5f5f7;color:var(--text);font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;height:42px;outline:none;padding:0 14px;transition:all .15s;width:100%}.auth-field input:focus{border-color:#32d4e0;border-color:var(--cyan);box-shadow:0 0 0 3px #32d4e014}.auth-submit{background:#32d4e0;background:var(--cyan);border:none;border-radius:10px;border-radius:var(--radius);color:#000;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;height:44px;margin-top:4px;transition:all .15s;width:100%}.auth-submit:hover:not(:disabled){box-shadow:0 4px 16px #32d4e04d;filter:brightness(1.08)}.auth-submit:disabled{cursor:not-allowed;opacity:.5}.auth-switch{color:#5a5a60;color:var(--text3);font-size:13px;margin-top:20px;text-align:center}.auth-switch-btn{background:none;border:none;color:#32d4e0;color:var(--cyan);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;padding:0;text-decoration:underline}.onboarding-steps{align-items:center;display:flex;gap:0;margin-bottom:24px}.onboarding-step-item{align-items:center;display:flex;flex:1 1;position:relative}.onboarding-step-dot{align-items:center;background:#1c1c1e;background:var(--elevated);border:2px solid #2c2c2e;border:2px solid var(--border);border-radius:50%;color:#5a5a60;color:var(--text3);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;transition:all .2s;width:28px;z-index:1}.onboarding-step-item.active .onboarding-step-dot{background:#32d4e01f;background:var(--cyan-dim);border-color:#32d4e0;border-color:var(--cyan);color:#32d4e0;color:var(--cyan)}.onboarding-step-item.done .onboarding-step-dot{background:#32d74b1f;background:var(--green-dim);border-color:#32d74b;border-color:var(--green);color:#32d74b;color:var(--green)}.onboarding-step-label{color:#5a5a60;color:var(--text3);font-size:11px;margin-left:6px;transition:color .2s;white-space:nowrap}.onboarding-step-item.active .onboarding-step-label{color:#32d4e0;color:var(--cyan);font-weight:600}.onboarding-step-item.done .onboarding-step-label{color:#32d74b;color:var(--green)}.onboarding-step-line{background:#2c2c2e;background:var(--border);flex:1 1;height:2px;margin:0 8px}.trial-warning-banner{align-items:center;background:#ffb3401f;background:var(--amber-dim);border-bottom:1px solid #ffb3404d;color:#ffb340;color:var(--amber);display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:10px;justify-content:center;padding:8px 20px}@media (max-width:768px){.landing-nav{padding:0 16px}.landing-nav-name{font-size:16px}.landing-hero{padding:48px 20px 40px}.landing-hero-sub{font-size:15px}.landing-features{padding:48px 20px}.landing-features-grid{gap:12px;grid-template-columns:1fr}.landing-steps{padding:48px 20px}.landing-steps-grid{gap:20px;grid-template-columns:1fr 1fr}.landing-final-cta,.landing-pricing{padding:48px 20px}.landing-footer{padding:24px 20px}.landing-preview-grid{grid-template-columns:repeat(2,1fr)}.landing-preview-right{width:140px}.auth-card{padding:28px 20px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}@keyframes ctaPulse{0%,to{box-shadow:0 0 0 0 #32d4e066}50%{box-shadow:0 0 0 12px #32d4e000}}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes featureLineGrow{0%{width:0}to{width:100%}}@keyframes pricingFeatureFadeIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.reveal-block{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease;transition-delay:0ms;transition-delay:var(--reveal-delay,0ms)}.reveal-block.revealed{opacity:1;transform:translateY(0)}.landing-glow-top{animation:glowPulse 6s ease-in-out infinite;background:radial-gradient(ellipse,#32d4e01f 0,#0000 70%);height:400px;left:50%;top:-120px;transform:translateX(-50%);width:600px}.landing-glow-bottom,.landing-glow-top{pointer-events:none;position:fixed;z-index:0}.landing-glow-bottom{animation:glowPulse 8s ease-in-out infinite reverse;background:radial-gradient(ellipse,#ffb34014 0,#0000 70%);bottom:-100px;height:300px;right:10%;width:400px}.landing-nav-animated{animation:navSlideDown .5s ease both}.hero-badge-wrap{overflow:hidden}.hero-animate-1{animation:fadeUp .6s ease .1s both}.hero-animate-2{animation:fadeUp .7s ease .25s both}.hero-animate-3{animation:fadeUp .7s ease .4s both}.hero-animate-4{animation:fadeUp .7s ease .55s both}.hero-animate-5{animation:fadeUp .8s ease .7s both,floatY 6s ease-in-out 1.5s infinite}.cta-pulse{animation:ctaPulse 2.5s ease-in-out 1.5s infinite}.cta-pulse:hover{animation:none;box-shadow:0 8px 32px #32d4e059;transform:translateY(-2px)}.landing-stats-wrap{margin:0 auto 24px;max-width:860px;padding:0 24px}.landing-stats{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;gap:16px;justify-content:space-around;padding:24px 32px}.landing-stat,.landing-stats{align-items:center;display:flex}.landing-stat{flex-direction:column;gap:4px}.landing-stat-value{color:#32d4e0;color:var(--cyan);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:22px;font-weight:700}.landing-stat-label{color:#5a5a60;color:var(--text3);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.feature-card-animated{cursor:default;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.feature-card-animated:hover{border-color:#32d4e0;border-color:var(--feature-color,var(--cyan));box-shadow:0 16px 40px #0000004d,0 0 0 1px #32d4e0;box-shadow:0 16px 40px #0000004d,0 0 0 1px var(--feature-color,var(--cyan));transform:translateY(-6px)}.feature-card-animated .landing-feature-icon-wrap{align-items:center;background:color-mix(in srgb,#32d4e0 12%,#0000);background:color-mix(in srgb,var(--feature-color,var(--cyan)) 12%,#0000);border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:14px;transition:transform .25s ease;width:48px}.feature-card-animated:hover .landing-feature-icon-wrap{transform:scale(1.12) rotate(-4deg)}.feature-card-animated .landing-feature-icon{font-size:22px}.feature-card-line{background:#32d4e0;background:var(--feature-color,var(--cyan));border-radius:0 0 10px 10px;border-radius:0 0 var(--radius) var(--radius);bottom:0;height:2px;left:0;position:absolute;transition:width .35s ease;width:0}.feature-card-animated:hover .feature-card-line{width:100%}.preview-card-hover{transition:transform .2s ease,box-shadow .2s ease}.preview-card-hover:hover{box-shadow:0 4px 16px #0000004d;transform:scale(1.04)}.step-animated{position:relative;transition:transform .25s ease}.step-animated:hover{transform:translateY(-4px)}.step-animated .landing-step-num{transition:color .2s ease,text-shadow .2s ease}.step-animated:hover .landing-step-num{color:#32d4e0;color:var(--cyan);text-shadow:0 0 20px #32d4e080}.pricing-card-animated{transition:transform .3s ease,box-shadow .3s ease}.pricing-card-animated:hover{box-shadow:0 24px 60px #32d4e01f;transform:translateY(-4px)}.landing-pricing-feature{animation:pricingFeatureFadeIn .4s ease both}.final-cta-animated{overflow:hidden;position:relative}.final-cta-glow{animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(ellipse,#32d4e01a 0,#0000 70%);height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px}.landing-nav-brand svg{flex-shrink:0;height:48px!important;width:48px!important}.landing-footer-brand svg{height:32px!important;width:32px!important}.topbar-logo{height:68px;width:auto}@media (max-width:768px){.landing-stats{gap:20px;padding:20px}.landing-stat-value{font-size:18px}.landing-glow-bottom,.landing-glow-top{display:none}}@keyframes burstExpand{0%{opacity:.8;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}@keyframes launchLogoIn{0%{opacity:0;transform:scale(.4) rotate(-10deg)}60%{opacity:1;transform:scale(1.15) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes launchCheckIn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes launchTextIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{width:0}to{width:100%}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.launch-overlay{align-items:center;animation:overlayFadeIn .3s ease both;background:#0e0e10;background:var(--bg);display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.launch-burst{animation:burstExpand 1.2s ease-out .2s both;border:2px solid #32d4e080;border-radius:50%;height:300px;left:50%;pointer-events:none;position:absolute;top:50%;width:300px}.launch-burst-2{animation-delay:.5s;animation-duration:1.4s;border-color:#ffb34066}.launch-content{align-items:center;display:flex;flex-direction:column;gap:12px;padding:0 24px;text-align:center;z-index:1}.launch-logo-wrap{animation:launchLogoIn .7s cubic-bezier(.34,1.56,.64,1) .15s both}.launch-check{align-items:center;animation:launchCheckIn .5s cubic-bezier(.34,1.56,.64,1) .7s both;background:#32d4e026;border:2px solid #32d4e0;border:2px solid var(--cyan);border-radius:50%;color:#32d4e0;color:var(--cyan);display:flex;font-size:22px;height:52px;justify-content:center;width:52px}.launch-title{animation:launchTextIn .5s ease .9s both;color:#f5f5f7;color:var(--text);font-size:28px;font-weight:700;margin:0}.launch-sub{animation:launchTextIn .5s ease 1.1s both;color:#5a5a60;color:var(--text3);font-size:14px;margin:0}.launch-progress{animation:launchTextIn .5s ease 1.2s both;background:#2c2c2e;background:var(--border);border-radius:2px;height:3px;margin-top:8px;overflow:hidden;width:200px}.launch-progress-bar{animation:progressFill 2.2s cubic-bezier(.4,0,.2,1) 1.3s both;background:linear-gradient(90deg,#32d4e0,#ffb340);background:linear-gradient(90deg,var(--cyan),var(--amber));border-radius:2px;height:100%}.landing-theme-toggle{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:transform .2s ease,background .2s ease;width:34px}.landing-theme-toggle:hover{background:#242426;background:var(--card);transform:rotate(20deg) scale(1.1)}.landing-pricing-sub{color:#5a5a60;color:var(--text3);font-size:14px;margin-top:8px;text-align:center}.billing-toggle-wrap{align-items:center;display:flex;gap:12px;justify-content:center;margin:24px 0 16px}.billing-label{align-items:center;color:#5a5a60;color:var(--text3);display:flex;font-size:13px;gap:8px;transition:color .2s ease}.billing-label.active{color:#f5f5f7;color:var(--text);font-weight:600}.billing-save-badge{background:#32d74b26;border:1px solid #32d74b4d;border-radius:20px;color:#32d74b;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 7px}.billing-toggle{background:#2c2c2e;background:var(--border);border:none;border-radius:12px;cursor:pointer;height:24px;padding:0;position:relative;transition:background .25s ease;width:44px}.billing-toggle.annual{background:#32d4e0;background:var(--cyan)}.billing-toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;height:18px;left:3px;position:absolute;top:3px;transition:transform .25s ease;width:18px}.billing-toggle.annual .billing-toggle-knob{transform:translateX(20px)}.pricing-trial-banner{background:#32d4e014;border:1px solid #32d4e033;border-radius:10px;color:#98989f;color:var(--text2);font-size:13px;margin:0 auto 32px;max-width:600px;padding:12px 20px;text-align:center}.pricing-trial-banner strong{color:#32d4e0;color:var(--cyan)}.pricing-cards-grid{grid-gap:20px;align-items:stretch!important;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px;padding:0 24px}.pricing-card-new{background:#161618;background:var(--surface);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:100%;padding:28px 24px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.pricing-card-new:hover{border-color:var(--plan-color);box-shadow:0 20px 50px #00000040;transform:translateY(-6px)}.pricing-highlight{background:linear-gradient(180deg,#ffb3400d,#161618 60%);background:linear-gradient(180deg,#ffb3400d 0,var(--surface) 60%);border-color:var(--plan-color);box-shadow:0 8px 32px #ffb3401f}.pricing-popular-badge{background:#ffb340;background:var(--amber);border-radius:20px;color:#000;font-size:10px;font-weight:800;left:50%;letter-spacing:1px;padding:4px 14px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricing-card-header{margin-bottom:20px}.pricing-plan-name{font-size:18px;font-weight:700;margin:0 0 6px}.pricing-plan-desc{color:#5a5a60;color:var(--text3);font-size:12px;line-height:1.5;margin:0 0 16px}.pricing-plan-amount{align-items:baseline;display:flex;gap:4px}.pricing-currency{color:#5a5a60;color:var(--text3);font-size:14px}.pricing-amount-num,.pricing-currency{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.pricing-amount-num{color:#f5f5f7;color:var(--text);font-size:42px;font-weight:800;line-height:1}.pricing-period{color:#5a5a60;color:var(--text3);font-size:13px}.pricing-annual-note{color:#32d74b;color:var(--green);font-size:11px;margin:6px 0 0}.pricing-features-list{border-top:1px solid #2c2c2e;border-top:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;gap:10px;list-style:none;margin:0 0 24px;padding:20px 0 0}.pricing-feature-item{align-items:center;display:flex;font-size:12px;gap:10px}.pricing-feature-item.included{color:#98989f;color:var(--text2)}.pricing-feature-item.excluded{color:#5a5a60;color:var(--text3);opacity:.5}.pricing-feature-check{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;width:18px}.included .pricing-feature-check{background:#32d74b26;color:#32d74b;color:var(--green)}.excluded .pricing-feature-check{background:#1c1c1e;background:var(--elevated);color:#5a5a60;color:var(--text3)}.pricing-plan-btn{background:#0000;border:1.5px solid;border-radius:10px;border-radius:var(--radius);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;height:42px;margin-top:auto;transition:all .2s ease;width:100%}.pricing-plan-btn:hover{opacity:.85;transform:translateY(-1px)}.pricing-plan-btn-highlight{border:none!important}.pricing-plan-btn-highlight:hover{filter:brightness(1.1)}.pricing-footer-note{color:#5a5a60;color:var(--text3);font-size:12px;margin-top:24px;text-align:center}@media (max-width:768px){.pricing-cards-grid{grid-template-columns:1fr;max-width:400px}.pricing-highlight{order:-1}}.google-auth-btn{align-items:center;background:#1c1c1e;background:var(--elevated);border:1px solid #2c2c2e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f5f5f7;color:var(--text);cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-family:var(--font);font-size:14px;font-weight:500;gap:10px;height:44px;justify-content:center;margin-bottom:4px;transition:background .15s ease,border-color .15s ease;width:100%}.google-auth-btn:hover{background:#242426;background:var(--card);border-color:#3a3a3c;border-color:var(--border2)}.auth-divider{align-items:center;color:#5a5a60;color:var(--text3);display:flex;font-size:12px;gap:12px;margin:16px 0}.auth-divider:after,.auth-divider:before{background:#2c2c2e;background:var(--border);content:"";flex:1 1;height:1px}
/*# sourceMappingURL=main.05313f8f.css.map*/