*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:#f4f5f7;color:#1a1a1a}.layout{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:24px;padding:10px 20px;background:#1f2937;color:#fff}.topbar .brand{font-weight:700;font-size:18px}.topbar nav{display:flex;gap:16px;flex:1}.topbar nav a{color:#d1d5db;text-decoration:none}.topbar nav a:hover{color:#fff}.user-info{display:flex;align-items:center;gap:12px}.user-info button{background:#374151;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.content{flex:1;overflow:auto;padding:16px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(160deg,#eef1fb,#e4ecf7 45%,#dde8f5);padding:24px}.login-card{background:#fff;padding:36px 40px;border-radius:14px;width:360px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 45px #1e293b1f}.login-brand{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:6px}.login-brand-mark{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#16324a}.login-brand-mark span{color:#1f9d55}.login-brand-app{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.08em}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}input,select,textarea{padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}button{cursor:pointer;border-radius:4px;border:1px solid #d1d5db;background:#fff;padding:8px 14px}button.primary{background:#2563eb;color:#fff;border-color:#2563eb}.error{color:#dc2626;font-size:13px}.login-card input{background:#eef2fb;border:1px solid #e2e8f5;border-radius:8px;padding:12px 14px;font-size:15px;color:#1e293b}.login-card input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f626}.login-card button[type=submit]{margin-top:6px;background:#2563eb;color:#fff;border:none;border-radius:8px;padding:13px;font-size:15px;font-weight:600}.login-card button[type=submit]:hover{background:#1d4ed8}.login-card button[type=submit]:disabled{background:#93b4ec;cursor:not-allowed}.shift-gate{display:flex;align-items:center;justify-content:center;height:100%}.shift-card{background:#fff;padding:32px;border-radius:8px;width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 16px #0000001a}.summary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.shift-close-card{width:420px}.shift-opened-by{margin:-8px 0 0;font-size:13px;color:#6b7280}.shift-summary-rows{display:flex;flex-direction:column;gap:2px}.shift-summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.shift-summary-total{border-top:2px solid #e5e7eb;border-bottom:none;margin-top:4px;padding-top:10px;font-size:15px}.shift-close-btn{background:#dc2626;color:#fff;border:none;border-radius:999px;padding:14px;font-size:15px;font-weight:700}.shift-close-btn:hover{background:#b91c1c}.shift-close-btn:disabled{opacity:.6;cursor:not-allowed}.variance-warn{color:#b45309;font-weight:600}.pos-screen{display:flex;flex-direction:column;height:100vh;background:#eef1f5}.pos-topbar{display:flex;align-items:center;justify-content:space-between;background:#0b0f19;color:#fff;padding:12px 20px;flex-wrap:wrap;gap:10px}.pos-topbar-title{font-size:18px;font-weight:700}.pos-next{font-weight:500;color:#cbd5e1;font-size:15px}.pos-topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pos-cashier-name{color:#34d399;font-weight:600;font-size:14px}.pos-company-badge{background:#2563eb;color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;font-size:13px;text-transform:uppercase}.pos-nav-btn{border:none;border-radius:6px;padding:8px 14px;font-weight:700;font-size:13px;color:#fff;cursor:pointer}.pos-nav-history{background:#d97706}.pos-nav-end{background:#dc2626}.pos-nav-logout{background:#7f1d1d}.pos-body{flex:1;display:flex;gap:16px;padding:16px;overflow:hidden}.pos-left{flex:1.6;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.pos-right{flex:1;min-width:320px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.pos-search-box input{width:100%;padding:14px;font-size:16px;border-radius:8px;border:2px solid #93c5fd}.pos-results-scroll{height:240px;flex-shrink:0;overflow-y:auto;border-radius:8px}.pos-results-table{width:100%;background:#fff;border-collapse:collapse;border-radius:8px}.pos-results-table thead{background:#bfdbfe;position:sticky;top:0}.pos-results-table th,.pos-results-table td{text-align:left;padding:10px 14px;font-size:14px;border-bottom:1px solid #f1f5f9}.pos-empty-row{text-align:center;color:#94a3b8;padding:24px}.pos-add-btn{background:#2563eb;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:12px}.pos-panel{background:#fff;border-radius:8px;padding:14px 16px}.pos-panel-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;color:#374151;text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}.pos-toggle-group{display:flex;gap:6px}.pos-toggle-group button{border:1px solid #d1d5db;background:#fff;border-radius:4px;padding:4px 10px;font-size:12px}.pos-toggle-group button.active{background:#2563eb;color:#fff;border-color:#2563eb}.pos-panel input{width:100%}.pos-payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pos-payment-grid label{text-transform:none;font-weight:500;color:#6b7280;font-size:11px}.pos-balance-row{display:flex;justify-content:space-between;margin-top:12px;font-weight:700;font-size:15px}.pos-balance-row .positive{color:#16a34a}.pos-balance-row .negative{color:#dc2626}.pos-side-panel{background:#fff;border-radius:8px;padding:14px 16px}.pos-sales-person{border:2px solid #fbbf24;background:#fffbeb}.pos-side-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:#374151;text-transform:uppercase;margin-bottom:10px}.pos-side-header .required{color:#dc2626;font-size:11px}.pos-inline-search{display:flex;gap:8px;margin-bottom:8px}.pos-inline-search input,.pos-inline-search select{flex:1}.pos-inline-search button{background:#f59e0b;color:#fff;border:none;border-radius:4px;font-weight:700;padding:0 14px;white-space:nowrap}.pos-side-panel select{width:100%}.pos-active-bill{flex:1;min-height:120px}.pos-bill-table{width:100%;border-collapse:collapse}.pos-bill-table th,.pos-bill-table td{text-align:left;padding:6px 4px;font-size:13px;border-bottom:1px solid #f1f5f9}.pos-bill-table input[type=number]{width:55px;padding:4px}.pos-remove-link{background:none;border:none;color:#dc2626;font-size:11px;text-decoration:underline;padding:0;margin-left:6px}.pos-totals-panel{background:#fff;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:14px}.pos-totals-row{display:flex;justify-content:space-between;color:#4b5563}.pos-grand-total{background:#fff;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:4px}.pos-grand-total span:first-child{font-size:13px;font-weight:700;color:#6b7280;text-transform:uppercase}.pos-grand-total-value{font-size:32px;font-weight:800;color:#dc2626}.pos-complete-btn{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:16px;font-size:15px;font-weight:700}.pos-complete-btn:disabled{opacity:.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;padding:24px;border-radius:8px;width:340px;display:flex;flex-direction:column;gap:12px}.modal.wide{width:600px}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #f0f0f0;font-size:14px}