@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";html,body,#root{margin:0;padding:0;width:100%;height:100%;max-width:none!important;text-align:left}*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background:#f1f4f8;overflow-x:hidden}.app-shell{display:flex;flex-direction:column;height:100vh}.top-nav{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 30px;height:60px;z-index:1000}.top-nav-links{list-style:none;display:flex;gap:5px}.top-nav-links li{display:flex;align-items:center;gap:10px;padding:10px 18px;cursor:pointer;border-radius:12px;color:#64748b;font-size:.85rem;transition:.2s}.top-nav-links li.active{background:#f1f5f9;color:#3498db;font-weight:700}.main-frame{flex:1;overflow-y:auto}.card{background:#fff;border-radius:25px;padding:35px;box-shadow:0 4px 20px #00000008}.terminal-header{background:#1e293b;color:#fff;padding:25px 35px;display:flex;justify-content:space-between;align-items:center}.t-left h1{font-size:1.8rem;font-weight:800;display:flex;align-items:center;gap:8px}.t-left h1 span{color:#3498db;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.user-info{font-size:.75rem;background:#334155;padding:6px 14px;border-radius:20px;color:#e2e8f0;display:inline-block;margin-top:8px;font-weight:500}.daily-total{background:#00b894;color:#fff;padding:12px 28px;border-radius:15px;font-weight:700;font-size:1.1rem}.terminal-body{display:grid;grid-template-columns:1fr 420px;gap:30px;padding:35px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.search-wrap{position:relative}.search-wrap input{padding:10px 15px 10px 40px;border-radius:20px;border:1px solid #e2e8f0;width:250px}.s-icon{position:absolute;left:15px;top:12px;color:#94a3b8}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:20px}.repair-tile{background:#fff;border:2px solid #f1f5f9;border-radius:20px;padding:35px 15px;cursor:pointer;text-align:center;transition:.2s;position:relative}.repair-tile:hover{border-color:#3498db;transform:translateY(-4px)}.repair-tile.flash{background:#dcfce7;border-color:#22c55e}.tile-n{font-weight:700;font-size:.95rem;color:#334155;display:block;margin-bottom:8px}.tile-p{color:#3498db;font-weight:800;font-size:1.25rem}.available-badge{font-size:.75rem;color:#64748b;margin-top:12px;font-weight:600;background:#f1f5f9;padding:4px 10px;border-radius:12px;display:inline-block}.stock-out{color:#ef4444;font-weight:700;font-size:.75rem;margin-top:8px}.invoice-box-locked{background:#fff;border-radius:25px;border:2px solid #3498db;padding:35px;height:650px!important;display:flex;flex-direction:column;position:-webkit-sticky!important;position:sticky!important;top:35px!important;align-self:start!important}.invoice-box-locked h3{font-size:1.2rem;margin-bottom:20px;color:#1e293b;flex-shrink:0}.invoice-list{flex:1;overflow-y:auto;margin-bottom:25px;padding-right:10px}.invoice-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #f1f5f9}.item-info span{font-weight:700;display:block}.item-info small{color:#94a3b8}.qty-control{display:flex;align-items:center;gap:10px;flex-shrink:0}.qty-control button{width:30px;height:30px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-control button.del{color:#ef4444;border-color:#fee2e2;margin-left:8px}.invoice-footer{flex-shrink:0;border-top:2px dashed #f1f5f9;padding-top:25px;margin-top:auto}.row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#64748b;font-weight:500;font-size:.95rem}.invoice-input-row span{color:#64748b}.invoice-inline-input{width:80px;text-align:right;padding:6px 10px;border-radius:8px;border:1px solid #cbd5e1;outline:none;font-family:Poppins,sans-serif;font-weight:600;color:#1e293b;background:#f8fafc;transition:.2s}.invoice-inline-input:focus{border-color:#3498db;background:#fff}.total-row-lock{font-size:1.6rem;font-weight:800;color:#1e293b;border-top:2px solid #f1f5f9;padding-top:20px;margin-top:20px;display:flex;justify-content:space-between}.btn-process{width:100%;padding:22px;background:#00b894;color:#fff;border:none;border-radius:15px;font-weight:800;font-size:1.2rem;cursor:pointer;margin-top:20px;transition:.2s}.btn-process:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00b8944d}.payment-modal{background:#fff;width:550px;border-radius:30px;padding:40px;box-shadow:0 20px 60px #00000026;text-align:center}.pay-amount-display{font-size:2.5rem;font-weight:800;color:#1e293b;margin:20px 0 40px}.payment-options-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.pay-option{background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;padding:30px 10px;cursor:pointer;transition:.2s;display:flex;flex-direction:column;align-items:center;gap:10px;color:#475569}.pay-option:hover{border-color:#3498db;background:#f0f9ff;color:#3498db;transform:translateY(-5px)}.pay-option span{font-weight:700;font-size:.9rem}.catalog-header-bar{padding:35px;display:flex;justify-content:space-between;align-items:center}.catalog-top-actions{display:flex;align-items:center;gap:20px}.search-pill{display:flex;align-items:center;gap:15px;background:#fff;padding:12px 30px;border-radius:40px;border:1.5px solid #e2e8f0}.search-pill input{border:none;outline:none;width:300px;font-size:.9rem}.btn-add-styled{background:#3498db;color:#fff;border:none;padding:14px 28px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer}.btn-import{background:#fff;border:2px solid #e2e8f0;color:#64748b;padding:12px 25px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.2s}.btn-import:hover{border-color:#3498db;color:#3498db}.table-card-locked{margin:0 35px 35px;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 4px 20px #00000008}.catalog-table{width:100%;border-collapse:collapse}.catalog-table th{background:#f8fafc;padding:22px;text-align:left;font-size:.85rem;color:#64748b;font-weight:700;text-transform:uppercase}.catalog-table td{padding:22px;border-bottom:1px solid #f8fafc;font-size:1rem;color:#334155;vertical-align:middle}.edit-round{background:#f1f5f9;color:#3498db;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.settings-lock-container{height:100%;display:flex;align-items:center;justify-content:center;padding:50px}.settings-centered-box{width:500px;text-align:center}.settings-btn-stack{display:flex;flex-direction:column;gap:15px}.settings-btn-full{padding:22px;border-radius:15px;border:none;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.settings-btn-full.update{background:#636e72;color:#fff}.settings-btn-full.logout{background:#e17055;color:#fff}.dashboard-content{padding:40px}.dashboard-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:30px}.stat-card h3{font-size:.85rem;color:#64748b;text-transform:uppercase;margin-bottom:10px}.stat-card .val{font-size:2.2rem;font-weight:800;color:#1e293b}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-card{background:#fff;width:480px;border-radius:30px;padding:40px;box-shadow:0 20px 60px #00000026}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.8rem;font-weight:700;color:#64748b;margin-bottom:6px}.form-group input{width:100%;padding:14px;border-radius:12px;border:2px solid #f1f5f9;background:#f8fafc;font-size:1rem;outline:none}.btn-save{width:100%;padding:18px;background:#3498db;color:#fff;border:none;border-radius:15px;font-weight:800;cursor:pointer}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#e2e8f0}.login-card{background:#fff;padding:50px;border-radius:30px;width:400px;text-align:center;box-shadow:0 10px 40px #0000001a}.login-icon{background:#f1f5f9;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#3498db}.login-card h1{font-size:1.8rem;font-weight:800;color:#1e293b;margin-bottom:5px}.login-card p{color:#64748b;margin-bottom:30px;font-size:.9rem}.login-card input{width:100%;padding:15px;border-radius:12px;border:2px solid #f1f5f9;background:#f8fafc;font-size:1rem;outline:none;transition:.2s}.login-card input:focus{border-color:#3498db;background:#fff}.btn-login{width:100%;padding:18px;background:#3498db;color:#fff;border:none;border-radius:15px;font-weight:800;font-size:1rem;cursor:pointer;margin-top:10px;transition:.2s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.login-error{color:#ef4444;font-weight:600;font-size:.85rem;margin-bottom:15px;background:#fef2f2;padding:10px;border-radius:8px}.sku-cell{display:flex;flex-direction:column;gap:6px}.sku-text{font-family:monospace;font-size:.9rem;font-weight:600;color:#475569;letter-spacing:.5px}.table-barcode{height:28px;width:auto;mix-blend-mode:multiply}.cost-text{font-size:.8rem;color:#94a3b8;font-weight:500;margin-top:4px}.price-bold{font-weight:700;color:#1e293b}.modal-select{width:100%;padding:14px;border-radius:12px;border:2px solid #f1f5f9;background:#f8fafc;font-size:1rem;outline:none;font-family:Poppins,sans-serif;color:#334155;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:16px}.modal-select:focus{border-color:#3498db;background:#fff}.settings-dashboard{padding:40px}.settings-header-locked{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.settings-header-locked h1{font-size:1.8rem;font-weight:800;color:#1e293b}.settings-btn-logout{background:#fef2f2;color:#ef4444;border:2px solid #fecaca;padding:12px 25px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.2s}.settings-btn-logout:hover{background:#ef4444;color:#fff;border-color:#ef4444}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.col-span-2{grid-column:span 2}.settings-card{padding:35px}.settings-card h2{font-size:1.2rem;margin-bottom:25px;color:#1e293b;display:flex;align-items:center;gap:10px}.settings-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.settings-card-header h2{margin-bottom:0}.settings-form .form-group{margin-bottom:15px}.cat-badge.admin{background:#eff6ff;color:#3b82f6;border:1px solid #bfdbfe}.settings-btn-full.danger{background:#fef2f2;color:#ef4444;border:2px solid #fecaca}.settings-btn-full.danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-add-styled.small{padding:10px 20px;font-size:.85rem}@media screen and (orientation:portrait){#root{display:none!important}body{background:#0f172a!important;margin:0}body:before{content:"🔄 Please rotate your tablet or phone sideways to use the POS Register.";display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;width:100vw;background:#0f172a;color:#3b82f6;font-size:1.5rem;font-weight:800;font-family:Poppins,sans-serif;text-align:center;padding:40px;box-sizing:border-box;line-height:1.5;z-index:99999}}@media screen and (max-width:1180px)and (orientation:landscape){.invoice-side{width:320px!important}.product-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))!important;gap:10px!important;padding:15px!important}.repair-tile{padding:12px 8px!important}.repair-tile .tile-n{font-size:.8rem!important}.repair-tile .tile-p{font-size:1rem!important}.terminal-header h1{font-size:1.1rem!important}}