@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700&family=Rubik:wght@500;600;700&display=swap";:root{--bg: #f5f6fa;--surface: #ffffff;--surface-2: #f0f3fa;--surface-hover: #fff4e8;--border: #d9deea;--border-soft: #e8ebf2;--text: #1d2638;--muted: #687386;--primary: #b36003;--primary-hover: #8f4d05;--success: #15803d;--danger: #c62828;--warning: #9a6700;--info: #738dcc;--radius: 6px;--sidebar-width: 228px;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Nunito Sans,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}h1,h2,h3,h4,.brand-copy,.stat-value{font-family:Rubik,Segoe UI,sans-serif;letter-spacing:0}::selection{background:#b3600347;color:var(--text)}button,input,select,textarea{font-family:inherit;font-size:14px}.app{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius);background:var(--primary);color:#fff;flex:0 0 auto}.brand-copy{color:var(--text);font-size:16px;font-weight:700;line-height:1.15}.brand-copy small{display:block;color:var(--muted);font:600 10px/1.4 Nunito Sans,sans-serif;text-transform:uppercase;margin-top:2px}.nav-section-label{color:#7b8494;font-size:10px;font-weight:700;text-transform:uppercase;padding:13px 10px 5px}.nav-link{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border-radius:5px;color:var(--muted);text-decoration:none;transition:.15s}.nav-link:hover{background:var(--surface-hover);color:var(--primary-hover)}.nav-link.active{background:var(--primary);color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:12px}.user-summary{display:flex;align-items:center;gap:9px;padding:0 5px 10px}.user-summary strong,.user-summary small{display:block}.user-summary strong{font-size:13px}.user-summary small{color:var(--muted);font-size:11px}.user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eef1f9;border:1px solid var(--border);color:var(--info);font-weight:700}.main{width:100%;max-width:1680px;padding:18px 22px 30px;overflow-x:auto}.page-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.page-head h1{margin:0;font-size:19px;line-height:1.25}.page-kicker{color:var(--info);font-size:10px;font-weight:700;text-transform:uppercase;margin-bottom:2px}.period-label{color:var(--muted);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:6px 9px;font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto;align-items:center;padding:8px}.sidebar .brand{padding:0 8px 0 0}.sidebar .brand-copy,.nav-section-label,.sidebar-footer{display:none}.nav-link{min-width:max-content}.main{padding:14px 12px 24px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:13px 14px}.stat-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px}.stat-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-head svg,.section-head>svg{color:var(--muted)}.section-head{margin-bottom:11px}.section-head h3{display:flex;align-items:center;gap:7px;margin:0;font-size:14px}.section-head h3 svg{color:var(--info)}.stat-value{font-size:20px;font-weight:700;margin-top:6px}.stat-value.success{color:var(--success)}.stat-value.danger{color:var(--danger)}label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}label svg{vertical-align:-2px;margin-right:3px}input,select,textarea{width:100%;min-height:38px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #b3600329}input::placeholder{color:#929aaa}.field{margin-bottom:12px}.btn{min-height:38px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover:not(:disabled){border-color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-sm{min-height:32px;padding:5px 10px;font-size:12px}.btn-block{width:100%}table{width:100%;border-collapse:collapse}th,td{padding:8px 9px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:0;font-weight:600}tbody tr:hover{background:#faf7f2}.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;background:var(--surface-2);border:1px solid var(--border)}.badge-ready{background:#e8f5ec;color:#166534;border-color:#b9dec4}.badge-sold{background:#eef0f4;color:#596477;border-color:#d9dde5}.badge-service{background:#fff4d9;color:#854d0e;border-color:#f2d598}.badge-danger{background:#fdeaea;color:#b42318;border-color:#f3c4c1}.badge-info{background:#edf1fa;color:#405d9d;border-color:#cbd5eb}.alert{padding:10px 14px;border-radius:8px;margin-bottom:14px;border:1px solid}.alert-error{background:#fff1f0;border-color:#efb4b0;color:#a51d1d}.alert-success{background:#edf8f0;border-color:#afd8ba;color:#166534}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1d263873;display:grid;place-items:center;padding:20px}.modal{width:100%;max-width:420px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 18px 40px #1d263833}.modal-lg{max-width:580px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-header h3{margin:0;font-size:16px}.modal-close{background:none;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:var(--radius);transition:background-color .15s,color .15s}.modal-close:hover{background:var(--surface-2);color:var(--text)}.col-span-2{grid-column:span 2}@media(max-width:600px){.col-span-2{grid-column:span 1}}.modal-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.modal-head h3{margin:0;font-size:15px}.modal-icon{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%}.modal-icon.danger{background:#fdeaea;color:var(--danger)}.modal-icon.info{background:#edf1fa;color:var(--info)}.modal-message{margin:0 0 6px;color:var(--muted);font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.muted{color:var(--muted)}.mono{font-family:Consolas,Courier New,monospace}.right{text-align:right}.row{display:flex;gap:10px;align-items:center}.row-wrap{flex-wrap:wrap}.spacer{flex:1}.empty{text-align:center;color:var(--muted);padding:32px 12px}.spinner{display:inline-block;flex:0 0 auto;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;justify-content:center;gap:9px;padding:32px 12px;color:var(--muted)}.loading-sm{padding:16px 12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box{width:100%;max-width:360px}.login-box .brand{text-align:center;font-size:24px}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,390px);gap:16px;align-items:start}@media(max-width:1000px){.pos-layout{grid-template-columns:1fr}}.search-result{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px;cursor:pointer;background:var(--surface-2)}.search-box{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #b3600329}.search-box svg{color:var(--muted);flex:0 0 auto}.search-box input{min-height:42px;padding:0;background:transparent;border:0;box-shadow:none!important;font-size:15px}.search-result:hover{border-color:var(--primary)}.cart-item{border-bottom:1px solid var(--border);padding:10px 0}.total-row{display:flex;justify-content:space-between;padding:5px 0}.total-row.grand{font-size:18px;font-weight:700;border-top:1px solid var(--border);margin-top:8px;padding-top:10px}.receipt{background:#fff;color:#000;padding:20px;border-radius:8px}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--info);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{background:#fff}.app{display:block}.sidebar,.no-print{display:none!important}.main{padding:0}.receipt{border-radius:0;padding:0}}