:root{--font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-2: #475569;--muted: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eff6ff;--danger: #dc2626;--danger-soft: #fef2f2;--warning: #d97706;--warning-soft: #fffbeb;--success: #16a34a;--success-soft: #f0fdf4;--info: #0891b2;--info-soft: #ecfeff;--purple: #7c3aed;--purple-soft: #f5f3ff;--slate: #64748b;--slate-soft: #f1f5f9;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--shadow: 0 1px 3px rgb(15 23 42 / .08), 0 4px 14px rgb(15 23 42 / .06);--shadow-lg: 0 10px 30px rgb(15 23 42 / .18);--sidebar-w: 248px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.01em}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:#0f172a;color:#cbd5e1;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:60;transition:transform .25s ease}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;border-bottom:1px solid rgb(255 255 255 / .08)}.sidebar-brand .logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px}.sidebar-brand .title{font-weight:700;color:#fff;font-size:15px}.sidebar-brand .subtitle{font-size:11px;color:#7c8db5}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 10px 20px}.sidebar-nav .nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:18px 10px 6px;font-weight:600}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:2px 0;border-radius:9px;color:#cbd5e1;font-weight:500;transition:background .15s ease,color .15s ease}.sidebar-nav a:hover{background:#ffffff0f;color:#fff;text-decoration:none}.sidebar-nav a.active{background:var(--primary);color:#fff}.sidebar-nav a .nav-icon{width:18px;text-align:center;font-size:15px;opacity:.9}.sidebar-nav a .nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;font-weight:700;border-radius:999px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px}.sidebar-nav a.active .nav-badge{background:#ffffff38}.sidebar-footer{padding:14px 16px;border-top:1px solid rgb(255 255 255 / .08);font-size:12px;color:#64748b}.main{flex:1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:0 24px;height:60px;display:flex;align-items:center;gap:16px}.topbar .menu-btn{display:none;background:none;border:1px solid var(--border);border-radius:8px;width:38px;height:38px;font-size:17px;cursor:pointer}.topbar .page-title{font-size:16px;font-weight:650}.topbar .spacer{flex:1}.topbar .today{color:var(--muted);font-size:13px}.content{padding:24px;flex:1}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:55}@media (max-width: 900px){.dash-cols{grid-template-columns:1fr}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-backdrop.open{display:block}.topbar .menu-btn{display:inline-flex;align-items:center;justify-content:center}.main{margin-left:0}.content{padding:16px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card .card-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.card .card-body{padding:20px}.card .card-title{font-size:15px;font-weight:650}.grid{display:grid;gap:16px;min-width:0}.grid>*{min-width:0}.grid-col-2{grid-template-columns:repeat(2,1fr)}.grid-col-3{grid-template-columns:repeat(3,1fr)}.grid-col-4{grid-template-columns:repeat(4,1fr)}.grid-col-6{grid-template-columns:repeat(6,1fr)}.flex{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gap-8{gap:8px}.gap-12{gap:12px}.mt-16{margin-top:16px}.mt-8{margin-top:8px}.mb-16{margin-bottom:16px}.text-muted{color:var(--muted)}.text-right{text-align:right}.text-sm{font-size:13px}.font-semibold{font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card .stat-label{color:var(--muted);font-size:12.5px;font-weight:600}.stat-card .stat-value{font-size:26px;font-weight:750;letter-spacing:-.02em;margin-top:2px;font-variant-numeric:tabular-nums}.stat-card .stat-sub{color:var(--muted);font-size:12px;margin-top:2px}.stat-card .stat-icon{position:absolute;right:14px;top:16px;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:17px}.stat-card.accent-blue .stat-icon{background:var(--primary-soft)}.stat-card.accent-green .stat-icon{background:var(--success-soft)}.stat-card.accent-red .stat-icon{background:var(--danger-soft)}.stat-card.accent-orange .stat-icon{background:var(--warning-soft)}.stat-card.accent-purple .stat-icon{background:var(--purple-soft)}.stat-card.accent-teal .stat-icon{background:var(--info-soft)}.stat-card.accent-slate .stat-icon{background:var(--slate-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:1px solid transparent;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap;background:var(--surface);color:var(--text-2);text-decoration:none}.btn:hover{text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-outline{border-color:var(--border-strong);background:var(--surface)}.btn-outline:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost-danger{color:var(--danger);background:transparent}.btn-ghost-danger:hover{background:var(--danger-soft)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover:not(:disabled){background:#b45309}.btn-sm{padding:5px 10px;font-size:12.5px;border-radius:8px}.btn-sm2{padding:4px 8px;font-size:12px;border-radius:7px}.btn-block{width:100%}.btn-icon{padding:7px;width:34px;height:34px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:12.5px;font-weight:600;color:var(--text-2)}.input,.select,.textarea{width:100%;padding:9px 11px;border:1px solid var(--border-strong);border-radius:9px;font-size:13.5px;font-family:inherit;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.input:disabled,.select:disabled{background:var(--surface-2);color:var(--muted)}.textarea{resize:vertical;min-height:70px}.field-error{color:var(--danger);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.form-label-block{font-size:13px;font-weight:650;margin:0 0 10px;display:flex;align-items:center;gap:8px}.form-label-block .hint{font-weight:400;color:var(--muted);font-size:12px}.ssel{position:relative;min-width:0}.ssel .input{padding-right:30px;cursor:text}.ssel .caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-size:11px}.ssel-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:80;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;padding:5px;min-height:44px}.ssel-item{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:7px;cursor:pointer}.ssel-item.active{background:var(--primary-soft)}.ssel-item .opt-thumb{width:28px;height:28px;border-radius:7px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border);flex-shrink:0}.ssel-item .opt-main{flex:1;min-width:0}.ssel-item .opt-title{font-size:13.5px;font-weight:500}.ssel-item .opt-sub{font-size:12px;color:var(--muted)}.ssel-noresults{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:10px;color:var(--muted);font-size:13px}.ssel-noresults.ssel-error{color:#d64545;cursor:pointer}.ssel-create{padding:8px 9px;border-radius:7px;cursor:pointer;color:var(--primary);font-weight:600;font-size:13px}.ssel-create.active,.ssel-create:hover{background:var(--primary-soft)}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;padding:10px 12px;color:var(--muted);font-size:11.5px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:hover{background:#2563eb08}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table th.num{text-align:right}.data-table .actions{white-space:nowrap}.data-table tfoot td{padding:12px;font-weight:650;background:var(--surface-2)}.product-cell{display:flex;align-items:center;gap:10px;min-width:0}.product-cell .thumb{width:34px;height:34px;border-radius:8px;object-fit:cover;background:var(--surface-2);border:1px solid var(--border);flex-shrink:0}.product-cell .thumb-none{width:34px;height:34px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;color:var(--muted);font-size:14px;flex-shrink:0}.customer-cell{display:flex;flex-direction:column}.customer-cell .name{font-weight:600}.customer-cell .phone{font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:650;white-space:nowrap;border:1px solid transparent}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-pending,.badge-to_purchase,.badge-purchasing{background:var(--warning-soft);color:#b45309}.badge-purchased,.badge-purchased_items{background:var(--info-soft);color:#075985}.badge-delivered{background:var(--success-soft);color:#15803d}.badge-partially_delivered{background:var(--success-soft);color:#15803d;border-color:#15803d40}.badge-cancelled{background:var(--slate-soft);color:var(--slate)}.badge-no_stock,.badge-attention_required{background:var(--danger-soft);color:var(--danger)}.badge-carry_forward{background:var(--purple-soft);color:var(--purple)}.badge-partially_purchased{background:var(--info-soft);color:#075985;border-color:#0891b240}.active-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.active-pill .dot{width:7px;height:7px;border-radius:50%}.active-pill.yes .dot{background:var(--success)}.active-pill.no .dot{background:var(--slate)}.active-pill.yes{color:var(--success)}.active-pill.no{color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a8c;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;overflow-y:auto;animation:fadeIn .15s ease}.modal{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;animation:popIn .18s ease}.modal-lg{max-width:820px}.modal-xl{max-width:1100px}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h3{font-size:15.5px}.modal-body{padding:20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.modal-close{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;line-height:1;padding:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.toast-stack{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:10px;box-shadow:var(--shadow-lg);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;animation:slideIn .2s ease;font-size:13.5px}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warning)}.toast .toast-icon{font-size:16px}.toast-close{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;gap:10px;color:var(--muted)}.state-box .state-icon{font-size:34px}.state-box .state-title{font-weight:650;color:var(--text-2);font-size:15px}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:15px;height:15px;border-width:2px}.btn .spinner-sm{border-top-color:currentColor;border-color:#fff6}@keyframes spin{to{transform:rotate(360deg)}}.page-head{margin-bottom:18px}.page-head .page-title{font-size:21px;font-weight:750}.page-head .page-sub{color:var(--muted);margin-top:2px;font-size:13px}.detail-section{margin-bottom:18px}.detail-section h3.section-title{font-size:14px;font-weight:650;margin-bottom:10px;display:flex;align-items:center;gap:8px}.kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.kv{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.kv .kv-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:650}.kv .kv-value{font-size:14px;font-weight:600;margin-top:2px;word-break:break-word}.filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;align-items:end;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.filters .actions{display:flex;gap:8px;align-items:center}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 16px 26px}.timeline li:before{content:"";position:absolute;left:6px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 0 0 2px var(--border)}.timeline li:after{content:"";position:absolute;left:11px;top:19px;bottom:-3px;width:2px;background:var(--border)}.timeline li:last-child:after{display:none}.timeline .tl-time{font-size:12px;color:var(--muted)}.timeline .tl-status{font-weight:600;font-size:13px}.timeline .tl-notes{font-size:12.5px;color:var(--muted);margin-top:1px}.item-rows .item-row{display:table-row}.item-rows{display:block}.order-items-grid{display:grid;gap:10px}.order-item-card{display:grid;grid-template-columns:1.4fr 70px 1fr 110px 110px 130px 110px 34px;gap:8px;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px}@media (max-width: 1200px){.order-item-card{grid-template-columns:1.4fr 70px 1fr 110px 110px 130px 110px 34px}}@media (max-width: 1100px) and (min-width: 768px){.order-items-grid>div:first-child{display:none}.order-item-card{grid-template-columns:repeat(3,1fr)}.order-item-card .remove-cell{grid-column:1 / -1;display:flex;justify-content:flex-end}}@media (max-width: 767px){.order-item-card{grid-template-columns:1fr}.order-item-card .remove-cell{grid-column:1 / -1;display:flex;justify-content:flex-end}}.purchase-group-title{font-size:14px;font-weight:700;margin:18px 0 8px;display:flex;align-items:center;gap:8px}.purchase-group-title .count{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:1px 9px;font-size:12px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.link-btn{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:0;font-size:13px}.link-btn.danger{color:var(--danger)}.divider{height:1px;background:var(--border);margin:18px 0}.filter-input{flex:1;min-width:150px}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:7px}.bar-row .bar-label{width:140px;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row .bar-track{flex:1;height:13px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-row .bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#6366f1);min-width:2px}.bar-row .bar-val{width:80px;text-align:right;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}.pagination{display:flex;align-items:center;gap:6px;margin-top:14px;flex-wrap:wrap}.pagination .btn{min-width:34px;padding:5px 10px}.pagination-info{color:var(--muted);font-size:12.5px;margin-left:auto}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-track{background:transparent}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.form-grid .span-2,.filters .span-2{grid-column:span 2}.form-grid .full{grid-column:1 / -1}.remove-cell{display:flex;align-items:center;justify-content:flex-end}.kv-link{color:var(--primary);text-decoration:none;font-weight:600}.kv-link:hover{text-decoration:underline}:root{--bottomnav-h: 62px;--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (max-width: 767px){html{-webkit-text-size-adjust:100%}.input,.select,.textarea,.ssel .input{font-size:16px}body{font-size:15px}.btn{min-height:44px;padding:9px 14px;font-size:14px;border-radius:10px}.btn-sm,.btn-sm2{min-height:42px;padding:8px 12px;font-size:13.5px}.btn-icon{width:44px;height:44px;min-height:44px;padding:0}.btn-block{min-height:46px;font-size:14.5px}.topbar .menu-btn{width:44px;height:44px;font-size:18px;border-radius:10px}.pagination .btn{min-width:44px;min-height:44px}.link-btn{min-height:44px;display:inline-flex;align-items:center}.modal-close{width:44px;height:44px;display:grid;place-items:center;font-size:22px}td.actions>.btn{width:100%;justify-content:center}.page-head .page-title{font-size:20px}.page-head{display:block}.page-head .page-actions{margin-top:12px}.page-head .page-actions .btn{flex:1;justify-content:center}.topbar{height:calc(54px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 10px 0 8px;gap:10px}.topbar .page-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.logout-label{display:none}.logout-btn{min-width:44px;padding:8px 10px}.topbar .user-identity,.topbar .today{display:none}.topbar .user-menu{margin-left:auto}.topbar .spacer{display:none}.content{padding:14px 14px 24px}.main{padding-bottom:calc(var(--bottomnav-h) + var(--safe-bottom))}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:stretch;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);height:calc(var(--bottomnav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom)}.bottomnav a,.bottomnav button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600;background:none;border:none;cursor:pointer;padding:6px 2px;text-decoration:none;position:relative}.bottomnav a.active{color:var(--primary)}.bottomnav a.active:before{content:"";position:absolute;top:0;left:24%;right:24%;height:3px;border-radius:0 0 3px 3px;background:var(--primary)}.bottomnav .nav-badge{position:absolute;top:5px;right:calc(50% - 20px);background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:999px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px}table.data-table thead{display:none}table.data-table,table.data-table tbody,table.data-table tr,table.data-table td{display:block;width:100%}table.data-table tr{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:12px 14px;background:var(--surface);box-shadow:var(--shadow-sm)}table.data-table td{border:none;padding:5px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}table.data-table td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;padding-right:6px}table.data-table td:first-child{padding:2px 0 8px}table.data-table td:first-child:before{display:none}table.data-table td:first-child .font-semibold,table.data-table td:first-child strong{font-size:15px;color:var(--text)}table.data-table td[data-label=Phone],table.data-table td[data-label="Google Maps"]{color:var(--muted)}table.data-table td[data-label="Google Maps"] a.btn{white-space:normal}table.data-table td .badge{flex-shrink:0}table.data-table td.actions{padding:10px 0 2px}table.data-table td.actions:before{display:none}table.data-table td.actions .tag-row{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}table.data-table td.actions .tag-row .btn{width:100%;justify-content:center;margin:0;white-space:normal;min-height:44px}table.data-table td.actions .tag-row .btn-ghost-danger{background:var(--surface);border-color:#dc262659}.purchase-actions{grid-template-columns:repeat(3,1fr)!important}.purchase-actions .btn{padding-left:4px;padding-right:4px}tr.purchase-group-row td{padding:8px 0}tr.purchase-group-row td:before{display:none}tr.purchase-group-row .link-btn{white-space:normal;width:100%;justify-content:flex-start}.purchase-group-title{font-size:14px;flex-wrap:wrap;row-gap:4px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:13px;border-radius:14px;min-height:88px}.stat-card .stat-label{font-size:11.5px}.stat-card .stat-value{font-size:22px;margin-top:4px}.stat-card .stat-sub{font-size:11px}.stat-card .stat-icon{width:32px;height:32px;top:12px;right:12px;font-size:15px}.card .card-head{padding:14px;flex-wrap:wrap}.card .card-body{padding:14px}.card .card-title{font-size:15px}.filters{padding:12px;gap:12px;grid-template-columns:1fr;margin-bottom:14px}.form-grid{grid-template-columns:1fr}.form-grid .span-2,.filters .span-2{grid-column:auto}.field label{font-size:13px}.textarea{min-height:84px}.kv-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.kv{padding:11px 13px}.kv .kv-value{font-size:14.5px}.order-items-grid>div:first-child{display:none}.order-item-card{grid-template-columns:1fr;gap:12px;padding:14px;border-radius:14px}.order-item-card .remove-cell{grid-column:auto;justify-content:flex-end}.order-item-card .remove-cell .btn-icon{margin-left:auto}.card-head .order-add-btn{width:100%;justify-content:center;min-height:46px;margin-left:0!important}.form-actions{flex-direction:column;align-items:stretch;gap:12px}.form-actions .text-muted{order:-1}.form-actions .flex{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-actions .flex .btn{width:100%;justify-content:center;min-height:46px}.grid-col-2,.grid-col-3,.grid-col-6{grid-template-columns:1fr}.grid-col-4{grid-template-columns:repeat(2,1fr);gap:10px}.report-col-2,.details-2col{grid-template-columns:1fr!important}.supplier-pick-grid{grid-template-columns:1fr}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;max-height:90vh;border-radius:18px 18px 0 0;display:flex;flex-direction:column}.modal-head{padding:14px 16px}.modal-body{overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;padding:16px}.modal-foot{padding:12px 16px calc(12px + var(--safe-bottom));flex-direction:column;gap:8px}.modal-foot .btn{width:100%;justify-content:center;min-height:46px}.toast-stack{left:12px;right:12px;max-width:none;align-items:stretch;bottom:calc(var(--bottomnav-h) + var(--safe-bottom) + 10px)}.ssel-item{padding:12px 10px;border-radius:9px}.ssel-item .opt-title{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.ssel-item .opt-sub{font-size:13px}.ssel-create{padding:12px 10px;font-size:14px}.ssel-noresults{font-size:14px;min-height:48px;padding:12px}.ssel .opt-thumb{width:34px;height:34px}.bar-row .bar-label{width:96px}.bar-row .bar-val{width:64px;font-size:12px}.login-card{padding:22px 18px 16px}.login-brand{margin-bottom:16px}.timeline li{padding-left:24px}.detail-section{margin-bottom:14px}}@media (min-width: 768px){.bottomnav{display:none}.main{padding-bottom:0}}.orders-card-list{display:none}@media (max-width: 767px){.orders-card-list{display:block}.orders-table-cols{display:none}.orders-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:14px;margin-bottom:12px}.orders-card .oc-main{display:block;color:inherit;text-decoration:none}.orders-card .oc-main:hover{text-decoration:none}.oc-head{display:flex;align-items:center;gap:10px}.oc-head .oc-no{font-weight:700;font-size:15.5px;color:var(--primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-head .badge{flex-shrink:0}.oc-customer{margin-top:8px;display:flex;flex-direction:column}.oc-customer .oc-name{font-weight:600;font-size:14.5px;color:var(--text)}.oc-customer .oc-phone{font-size:12.5px;color:var(--muted)}.oc-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted)}.oc-meta b{color:var(--text-2);font-variant-numeric:tabular-nums}.oc-totals{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-2)}.oc-totals b{font-variant-numeric:tabular-nums;color:var(--text)}.oc-totals .profit-pos{color:var(--success)}.oc-actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.oc-actions .btn{width:100%;justify-content:center;min-height:44px}.oc-actions .btn-cancel{grid-column:1 / -1}}.auth-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-2);font-size:13.5px;background:var(--bg)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1000px 520px at 85% -10%,rgb(37 99 235 / .12),transparent 60%),radial-gradient(800px 480px at -10% 110%,rgb(99 102 241 / .1),transparent 60%),var(--bg)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);padding:28px 26px 20px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.login-brand .logo{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px}.login-brand .title{font-weight:700;color:var(--text);font-size:17px;line-height:1.2}.login-brand .subtitle{font-size:12px;color:var(--muted)}.login-title{font-size:20px;font-weight:750;margin:0 0 4px;letter-spacing:-.01em}.login-sub{color:var(--muted);font-size:13px;margin:0 0 18px}.login-card form .field{margin-bottom:14px}.login-input-wrap{position:relative}.login-input-wrap .input{padding-left:36px;padding-right:36px}.login-input-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.login-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;padding:6px;display:grid;place-items:center}.login-eye:hover{color:var(--text-2)}.login-alert{font-size:13px;line-height:1.5;border-radius:10px;padding:10px 12px;margin:0 0 14px;display:flex;flex-direction:column;gap:2px}.login-alert-error{background:var(--danger-soft);color:var(--danger);border:1px solid rgb(220 38 38 / .25)}.login-alert-info{background:var(--primary-soft);color:#1e40af;border:1px solid rgb(37 99 235 / .25)}.login-card .btn-primary{margin-top:4px}.login-foot{margin:18px 0 0;text-align:center;font-size:12px;color:var(--muted)}.user-menu{display:flex;align-items:center;gap:10px}.user-identity{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.user-name{font-size:13px;font-weight:600;color:var(--text-2)}.user-role{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}@media (max-width: 640px){.user-identity,.today{display:none}}