@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Manrope:wght@500;600;700;800&display=swap";:root{--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--navy:#0f243e;--navy-dark:#091729;--navy-light:#1e3a5f;--text:#1e293b;--text-light:#334155;--muted:#64748b;--muted-light:#94a3b8;--green:#07866f;--green-dark:#006e5b;--green-light:#e0f6ef;--green-hover:#00a487;--line:#e2e8f0;--line-dark:#cbd5e1;--soft:#f8fafc;--soft-alt:#f1f5f9;--card-bg:#fff;--shadow-sm:0 1px 2px 0 #0000000a;--shadow:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000008;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box}body{min-width:320px;font-family:var(--font-body);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f7f9;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--navy);letter-spacing:-.02em}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}button:focus-visible{outline:2px solid var(--green);outline-offset:1px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea{font-family:var(--font-body);color:var(--navy);border:1px solid var(--line-dark,#cbd5e1);border-radius:var(--radius,8px);box-sizing:border-box;vertical-align:middle;background-color:#fff;min-width:0;height:38px;padding:0 12px;font-size:13px;line-height:normal;transition:border-color .15s,box-shadow .15s,background-color .15s}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):focus,select:focus,textarea:focus{border-color:var(--green,#07866f);background-color:#fff;outline:none;box-shadow:0 0 0 3px #07866f24}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):disabled,select:disabled,textarea:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}input::placeholder,textarea::placeholder{color:#94a3b8;opacity:1}textarea{resize:vertical;height:auto;min-height:80px;padding:8px 12px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;padding-right:28px}select:disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}input[type=date],input[type=datetime-local],input[type=time]{color:#334155;background-color:#fff;font-family:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--green,#07866f);cursor:pointer;vertical-align:middle;width:16px;height:16px;margin:0}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--green,#07866f);outline-offset:2px}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:256px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:74px;padding:0 18px;display:flex}.brand-mark{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#00a487,#07866f);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 4px 10px #07866f40}.brand b{font-family:var(--font-heading);color:#075f58;letter-spacing:-.03em;font-size:15px;font-weight:800;line-height:1.2;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.sidebar nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-item{border-radius:var(--radius);color:#334155;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;height:42px;margin-bottom:3px;padding:0 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item svg{stroke-width:1.9px;color:#64748b;flex-shrink:0}.nav-item:hover{color:var(--navy);background:#f1f5f9}.nav-item:hover svg{color:var(--green)}.nav-item.active{color:#00745f;background:var(--green-light);font-weight:700}.nav-item.active svg{color:var(--green)}.nav-item.active:before{content:"";background:var(--green);border-radius:0 4px 4px 0;width:4px;position:absolute;top:6px;bottom:6px;left:-10px}.nav-dot{background:#10b981;border-radius:50%;width:7px;height:7px;margin-left:auto}.profile{border-top:1px solid var(--line);background:#fafbfc;align-items:center;gap:10px;height:82px;padding:12px 16px;display:flex}.avatar{-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.photo{color:#fff;background:linear-gradient(135deg,#38bdf8,#0ea5e9);flex-shrink:0;width:38px;height:38px;box-shadow:0 2px 4px #00000014}.profile-copy{flex:1;min-width:0}.profile-copy b{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.profile-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;display:block;overflow:hidden}.profile-copy span{color:#059669;align-items:center;margin-top:3px;font-size:11px;display:flex}.profile-copy i,.live-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:5px;display:inline-block}.mobile-close,.menu-button,.scrim{display:none}.main{flex-direction:column;flex:1;min-width:0;max-width:calc(100vw - 256px);min-height:100vh;margin-left:256px;display:flex;overflow-x:hidden}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:15;background:#fffffff0;align-items:center;gap:16px;height:74px;padding:0 24px;display:flex;position:sticky;top:0}.heading{flex:1;min-width:220px}.heading h1{font:800 22px/1.2 var(--font-heading);color:var(--navy);letter-spacing:-.03em;margin:0}.heading p{color:var(--muted);align-items:center;margin:3px 0 0;font-size:12px;display:flex}.slash{color:#cbd5e1;margin:0 5px}.global-search{border:1px solid var(--line);border-radius:var(--radius);color:#64748b;background:#f8fafc;align-items:center;gap:8px;width:min(320px,28vw);height:38px;padding:0 12px;transition:all .15s;display:flex}.global-search:focus-within{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #07866f1f}.global-search input,.catalog-search input,.patient-search input,.search-field input,.master-search input,.pos-scan-box input{width:100%;color:var(--navy);font-size:12.5px;height:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;padding:0!important}.global-search input:focus,.catalog-search input:focus,.patient-search input:focus,.search-field input:focus,.master-search input:focus,.pos-scan-box input:focus{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.global-search input::placeholder,.catalog-search input::placeholder,.patient-search input::placeholder{color:var(--muted-light)}.icon-button{color:#475569;background:0 0;border:0;border-radius:50%;place-items:center;padding:6px;transition:background .15s;display:grid;position:relative}.icon-button:hover{color:var(--navy);background:#f1f5f9}.notification i{color:#fff;background:#ef4444;border-radius:9999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:700;display:grid;position:absolute;top:-1px;right:-1px;box-shadow:0 0 0 2px #fff}.top-avatar{color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);cursor:pointer;background:linear-gradient(135deg,#07866f,#005d4d);border:0;font-weight:700}.date-label{text-align:right;color:var(--muted);min-width:130px;font-size:11px;line-height:1.35}.date-label span{color:var(--muted);display:block}.date-label b{color:var(--navy);font-weight:600;display:block}.top-chevron{color:var(--muted-light);margin-left:-8px}.content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0 auto;padding:20px 24px 28px}.panel{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{align-items:center;gap:16px;min-height:108px;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.stat-icon svg{width:24px;height:24px}.tone-0{color:#fff;background:linear-gradient(135deg,#07866f,#006e5b)}.tone-1{color:#00745f;background:#e0f6ef}.tone-2{color:#0369a1;background:#e0f2fe}.tone-3{color:#b45309;background:#fef3c7}.stat-card span,.inventory-stat span{color:var(--muted);font-size:12.5px;font-weight:500;display:block}.stat-card b,.inventory-stat b{font:800 24px var(--font-heading);letter-spacing:-.03em;color:var(--navy);margin:2px 0;display:block}.stat-card small{color:var(--muted-light);align-items:center;gap:4px;font-size:11px;display:flex}.stat-card em{color:var(--green);background:var(--green-light);border-radius:9999px;padding:1px 6px;font-style:normal;font-weight:700}.dash-middle{grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:14px;margin-top:14px;display:grid}.chart-panel,.alerts,.table-panel{padding:18px 20px}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-title h2,.panel-title h3,.rx-summary h2{font:700 16px var(--font-heading);color:var(--navy);letter-spacing:-.02em;margin:0}.panel-title select{border:1px solid var(--line);border-radius:var(--radius-sm);height:32px;color:var(--text-light);background:#fff;padding:0 10px;font-size:12px}.chart{height:220px;padding-top:8px;display:flex}.y-labels{width:65px;color:var(--muted);flex-direction:column;justify-content:space-between;align-items:flex-end;padding:0 10px 22px 0;font-size:10.5px;display:flex}.chart-area{flex:1;margin:4px 8px 0 0;position:relative}.gridlines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 24px}.gridlines i{background:#f1f5f9;width:100%;height:1px}.chart-area svg{width:100%;height:calc(100% - 24px);position:absolute;inset:0 0 24px;overflow:visible}.x-labels{color:var(--muted);justify-content:space-between;font-size:10.5px;display:flex;position:absolute;inset:auto 0 0}.text-button{color:var(--green);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12.5px;font-weight:600;transition:opacity .15s;display:inline-flex}.text-button:hover{opacity:.8}.alert-row{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;align-items:center;gap:12px;min-height:56px;margin-top:8px;padding:10px 12px;transition:all .15s;display:flex}.alert-row:hover{background:#fafbfc;border-color:#cbd5e1;transform:translate(2px)}.alert-icon{border-radius:var(--radius);flex:none;place-items:center;width:38px;height:38px;display:grid}.alert-icon.warning{color:#ea580c;background:#fff7ed}.alert-icon.amber{color:#d97706;background:#fef3c7}.alert-icon.red{color:#dc2626;background:#fee2e2}.alert-icon.blue{color:#0284c7;background:#e0f2fe}.alert-row>div:nth-child(2){flex:1;min-width:0}.alert-row b{color:var(--navy);font-size:13px;font-weight:600;display:block}.alert-row span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;display:block;overflow:hidden}.alert-row strong{color:var(--navy);font-size:14px;font-weight:700}.alert-row>svg{color:var(--muted-light)}.text-button.danger{color:#dc2626}.dash-bottom{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.table-panel{overflow:hidden}.table-panel table,.admin-table,.master-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}.table-panel th,.admin-table th,.master-table th{text-align:left;color:#475569;border-bottom:1px solid var(--line);white-space:nowrap;background:#f8fafc;padding:10px 12px;font-size:11.5px;font-weight:600}.table-panel th:last-child,.table-panel td:last-child{text-align:right}.table-panel td,.admin-table td,.master-table td{color:var(--text);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 12px}.table-panel tbody tr:hover,.admin-table tbody tr:hover,.master-table tbody tr:hover{background:#fafbfc}.table-panel tbody tr:last-child td,.admin-table tbody tr:last-child td,.master-table tbody tr:last-child td{border-bottom:0}.table-panel td input:not([type=checkbox]):not([type=radio]),.table-panel td select,.admin-table td input:not([type=checkbox]):not([type=radio]),.admin-table td select,.master-table td input:not([type=checkbox]):not([type=radio]),.master-table td select,.pos-table td input:not([type=checkbox]):not([type=radio]),.pos-table td select{border:1px solid var(--line-dark,#cbd5e1);border-radius:var(--radius-sm,6px);height:32px;color:var(--navy);box-sizing:border-box;background:#fff;width:100%;max-width:100%;padding:0 8px;font-size:12px}.table-panel td input:not([type=checkbox]):not([type=radio]):focus,.table-panel td select:focus,.admin-table td input:not([type=checkbox]):not([type=radio]):focus,.admin-table td select:focus,.master-table td input:not([type=checkbox]):not([type=radio]):focus,.master-table td select:focus,.pos-table td input:not([type=checkbox]):not([type=radio]):focus,.pos-table td select:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 2px #07866f26}.muted{color:var(--muted);font-size:12px}.badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.blue{color:#0369a1;background:#e0f2fe}.badge.green{color:#15803d;background:#dcfce7}.badge.yellow{color:#b45309;background:#fef3c7}.badge.red{color:#b91c1c;background:#fee2e2}.badge.pending{color:#b45309;background:#fef3c7}.badge.inactive{color:#64748b;background:#f1f5f9}.button,.primary{border-radius:var(--radius);white-space:nowrap;color:#334155;background:#fff;border:1px solid #d1d5db;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.button:disabled,.primary:disabled{opacity:.55;cursor:not-allowed}.button svg,.primary svg{width:16px;height:16px}.button.secondary{color:#334155;background:#fff;border-color:#d1d5db}.button.secondary:hover:not(:disabled){color:var(--navy);background:#f8fafc;border-color:#cbd5e1}.button.primary,.primary{color:#fff;background:linear-gradient(135deg,#078e74,#00735f);border-color:#07866f;box-shadow:0 2px 4px #07866f33}.button.primary:hover:not(:disabled),.primary:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px);box-shadow:0 4px 8px #07866f40}.button.primary:active:not(:disabled),.primary:active:not(:disabled){transform:translateY(0)}.button.compact{height:30px;padding:0 10px;font-size:11px}.pos-nav-tabs{border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;flex-shrink:0;align-self:flex-start;align-items:center;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.pos-nav-tabs .pos-tab-btn{color:#64748b;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.pos-nav-tabs .pos-tab-btn:hover{color:var(--navy);background:#f1f5f9}.pos-nav-tabs .pos-tab-btn.active{background:var(--green);color:#fff;box-shadow:0 2px 6px #07866f40}.pos-fullscreen-mode{z-index:9999!important;box-sizing:border-box!important;background:#f1f5f9!important;flex-direction:column!important;width:100vw!important;height:100vh!important;padding:14px 20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.pos-fullscreen-mode .master-header,.pos-fullscreen-mode .master-alert{flex-shrink:0!important;margin-bottom:8px!important}.pos-fullscreen-mode .pos-nav-tabs{flex-shrink:0!important;margin-bottom:10px!important}.pos-fullscreen-mode .pos-layout{flex:1!important;grid-template-columns:minmax(0,1.5fr) minmax(460px,1fr)!important;align-items:stretch!important;gap:14px!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important;overflow:hidden!important}.pos-fullscreen-mode .catalog,.pos-fullscreen-mode .checkout{box-sizing:border-box!important;flex-direction:column!important;height:100%!important;padding:16px!important;display:flex!important;overflow:hidden!important}.pos-fullscreen-mode .pos-search-grid{flex-shrink:0!important;margin-bottom:10px!important}.pos-fullscreen-mode .product-grid{flex:1!important;grid-auto-rows:max-content!important;min-height:0!important;max-height:none!important;overflow-y:auto!important}.pos-fullscreen-mode .checkout .panel-title,.pos-fullscreen-mode .checkout .form-row{flex-shrink:0!important}.pos-fullscreen-mode .cart-items{flex:1!important;min-height:0!important;max-height:none!important;overflow-y:auto!important}.pos-fullscreen-mode .discount,.pos-fullscreen-mode .totals{flex-shrink:0!important}.pos-fullscreen-mode .payment-block{flex-shrink:0!important;max-height:36vh!important;overflow-y:auto!important}.pos-fullscreen-mode .supervisor-box,.pos-fullscreen-mode .checkout-actions{flex-shrink:0!important}.pos-layout{grid-template-columns:minmax(0,1.4fr) minmax(420px,1fr);align-items:start;gap:18px;padding:16px 0;display:grid}.catalog{border:1px solid var(--line);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow-sm);background:#fff;padding:18px}.pos-search-grid{grid-template-columns:1.3fr 1fr;gap:10px;margin-bottom:14px;display:grid}@media (width<=900px){.pos-search-grid{grid-template-columns:1fr}}.catalog-search,.pos-scan-box{border:1px solid var(--line);border-radius:var(--radius);color:#475569;background:#f8fafc;align-items:center;gap:8px;height:42px;padding:0 12px;transition:all .15s;display:flex}.catalog-search:focus-within,.pos-scan-box:focus-within{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #07866f1f}.catalog-search input,.pos-scan-box input{flex:1;height:100%!important;color:var(--navy)!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;font-size:13px!important}.catalog-search input:focus,.pos-scan-box input:focus{box-shadow:none!important;outline:none!important}.filter-row{justify-content:space-between;align-items:center;gap:10px;padding:8px 0 12px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);border-radius:var(--radius-sm);color:#475569;white-space:nowrap;cursor:pointer;background:#f8fafc;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.chip:hover{background:#f1f5f9;border-color:#cbd5e1}.chip.selected{background:var(--green);color:#fff;border-color:var(--green);font-weight:700}.sort-label{color:var(--muted);white-space:nowrap;font-size:11.5px;font-weight:500}.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:max-content;align-items:stretch;gap:12px;max-height:700px;margin-top:4px;padding-right:4px;display:grid;overflow-y:auto}.product-card{border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;background:#fff;flex-direction:column;justify-content:space-between;gap:10px;height:auto;min-height:155px;padding:12px 14px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 4px 14px #07866f24}.product-card-top{align-items:flex-start;gap:12px;display:flex}.product-image-box{border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #f1f5f9;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative;overflow:hidden}.product-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.product-card:hover .product-thumb-img{transform:scale(1.06)}.product-default-thumb{width:100%;height:100%;color:var(--green);background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);justify-content:center;align-items:center;display:flex}.product-default-icon{stroke:var(--green);transition:transform .2s}.product-card:hover .product-default-icon{transform:scale(1.1)}.product-badge-rx-mini{color:#fff;background:#ef4444;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:800;line-height:1.2;position:absolute;top:3px;left:3px}.product-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.product-title{color:var(--navy);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.product-subtitle{color:#64748b;font-size:11.5px;display:block}.product-stock-tag{color:#475569;margin-top:2px;font-size:11px}.product-stock-tag strong{color:var(--navy);font-weight:600}.product-sku-tag{color:#94a3b8;font-size:10.5px;font-family:var(--font-mono,monospace)}.product-card-bottom{box-sizing:border-box;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:8px;display:flex}.product-price-section{flex-direction:column;gap:4px;min-width:0;display:flex}.product-price-line{align-items:baseline;gap:4px;display:flex}.product-price-line b{color:var(--navy);font-size:14.5px;font-weight:800;font-family:var(--font-heading)}.product-price-line .unit-label{color:#64748b;font-size:11.5px}.product-unit-pills{gap:4px;display:flex}.unit-pill{border-radius:var(--radius-sm);color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;padding:2px 7px;font-size:10.5px;font-weight:600}button.unit-pill{cursor:pointer;font-family:inherit;transition:all .15s}button.unit-pill:hover:not(.active){color:#1e293b;background:#e2e8f0;border-color:#cbd5e1}.unit-pill.active{color:#fff;background:#065f46;border-color:#065f46}.add-cart-btn{border-radius:var(--radius-sm);background:var(--green-light);width:34px;height:34px;color:var(--green-dark);cursor:pointer;border:1px solid #bbf7d0;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.add-cart-btn:hover{background:var(--green);color:#fff;border-color:var(--green);transform:scale(1.08)}.checkout{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;padding:18px 20px;display:flex}.checkout .panel-title{justify-content:space-between;align-items:center;margin:0 0 14px;display:flex}.checkout .panel-title h2{font:800 17px var(--font-heading);color:var(--navy);margin:0}.cart-items{flex-direction:column;flex:1;gap:8px;min-height:120px;max-height:380px;margin:8px 0;display:flex;overflow-y:auto}.cart-item{border-radius:var(--radius-sm);background:#fafbfc;border:1px solid #e2e8f0;flex-direction:column;gap:8px;padding:10px 12px;transition:border-color .15s;display:flex}.cart-item:hover{border-color:#cbd5e1}.cart-item-main{grid-template-columns:38px minmax(90px,1fr) auto auto 28px;align-items:center;gap:8px;display:grid}.cart-thumb-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.cart-thumb-img{object-fit:cover;width:100%;height:100%}.cart-default-thumb{width:100%;height:100%;color:var(--green);background:#f0fdf4;justify-content:center;align-items:center;display:flex}.cart-name{min-width:0}.cart-name b{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.cart-name span{color:var(--muted);margin-top:2px;font-size:11.5px;display:block}.cart-unit-row{flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;display:flex}.cart-price-tag{color:var(--navy);font-size:11.5px;font-weight:700}.cart-unit-select{color:#065f46;border-radius:var(--radius-sm);cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;outline:none;max-width:155px;height:24px;padding:1px 6px;font-size:11px;font-weight:600;transition:all .15s}.cart-unit-select:hover,.cart-unit-select:focus{background:#d1fae5;border-color:#059669;box-shadow:0 0 0 2px #10b98133}.cart-unit-static{color:var(--muted);font-size:11.5px}.stepper{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;align-items:center;height:32px;display:inline-flex}.stepper button{color:#475569;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:30px;font-size:16px;transition:background .15s;display:grid}.stepper button:hover{color:var(--navy);background:#f1f5f9}.stepper b{text-align:center;min-width:28px;font-size:12.5px;font-weight:700}.line-total{color:var(--navy);white-space:nowrap;font-size:13px;font-weight:800;font-family:var(--font-heading)}.remove{color:#ef4444;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:4px;transition:background .15s;display:grid}.remove:hover{background:#fee2e2}.cart-extra{border-top:1px dashed #e2e8f0;flex-wrap:wrap;gap:8px;padding-top:6px;display:flex}.cart-extra label{color:var(--muted);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.cart-extra input{border:1px solid var(--line);background:#fff;border-radius:4px;width:84px;height:28px;padding:0 6px;font-size:11.5px}.empty-cart{color:var(--muted-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px;display:flex}.empty-cart svg{stroke:#cbd5e1;width:36px;height:36px}.empty-cart b{color:#475569;font-size:13.5px}.empty-cart span{color:var(--muted);font-size:12px}.discount{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:10px;height:44px;margin:10px 0;font-size:12px;display:flex}.discount-icon{background:var(--green-light);width:26px;height:26px;color:var(--green);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.discount b{color:#334155;flex:1;font-size:12px}.discount input{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;width:110px;height:32px;padding:0 8px;font-size:12px}.totals{padding:6px 0}.totals>div{justify-content:space-between;padding:5px 0;font-size:12.5px;display:flex}.totals>div:not(.grand-total) span{color:var(--muted)}.totals>div:not(.grand-total) b{color:var(--navy);font-weight:600}.grand-total{border-radius:var(--radius);color:#065f46;background:linear-gradient(135deg,#e0f6ef,#d1fae5);border:1px solid #a7f3d0;justify-content:space-between;align-items:center;display:flex;margin:10px 0!important;padding:12px 16px!important;font-size:15px!important}.grand-total b{color:#064e3b;font:800 22px var(--font-heading)!important}.checkout-actions{grid-template-columns:1fr 1.5fr;gap:10px;margin-top:14px;display:grid}.checkout-actions .button{height:44px;font-size:13.5px}.payment-block{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:10px;padding-top:14px;display:flex}.payment-block h3{font:700 13.5px var(--font-heading);color:var(--navy);margin:0}.pos-payment-card{border-radius:var(--radius-sm);border:1px solid var(--line);background:#f8fafc;grid-template-columns:120px 1fr 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.pos-payment-card select,.pos-payment-card input{height:34px!important;font-size:12px!important}@media (width<=600px){.pos-payment-card{grid-template-columns:1fr 1fr}}.pos-quick-cash{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.pos-quick-cash button{border:1px solid var(--line);border-radius:var(--radius-sm);color:#334155;cursor:pointer;background:#f8fafc;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.pos-quick-cash button:hover{color:var(--navy);background:#e2e8f0;border-color:#cbd5e1}.pos-quick-cash button.active{background:var(--green-light);border-color:var(--green);color:var(--green-dark);font-weight:700}.pos-change-banner{border-radius:var(--radius);background:#f0fdf4;border:1px solid #bbf7d0;justify-content:space-between;align-items:center;margin-top:6px;padding:10px 14px;display:flex}.pos-change-banner span{color:#166534;font-size:13px;font-weight:600}.pos-change-banner b{color:#15803d;font-size:18px;font-weight:800;font-family:var(--font-heading)}.supervisor-box{border:1px dashed var(--line-dark);border-radius:var(--radius);background:#fafbfc;margin:10px 0;padding:10px 12px;font-size:12px}.supervisor-box summary{cursor:pointer;color:#475569;font-weight:600}.supervisor-box small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.ticket{border:1px solid var(--line);border-radius:var(--radius-md);max-width:380px;box-shadow:var(--shadow-md);font-family:var(--font-mono,"JetBrains Mono", "Courier New", monospace);color:#1e293b;background:#fff;margin:14px auto;padding:22px;font-size:12px}.ticket b,.ticket strong{color:#0f172a}.ticket hr{border:none;border-top:1px dashed #cbd5e1;margin:12px 0}.ticket .price-line{justify-content:space-between;align-items:flex-start;gap:8px;margin:4px 0;display:flex}.ticket .grand-total{justify-content:space-between;display:flex;color:#0f172a!important;background:0 0!important;border:1px solid #0f172a!important;border-left:none!important;border-right:none!important;margin:8px 0!important;padding:8px 0!important;font-size:14px!important}.coming-wrap{place-items:center;min-height:calc(100vh - 82px);display:grid}.coming{text-align:center;border-radius:var(--radius-lg);max-width:480px;padding:44px}.coming-icon{border-radius:var(--radius-lg);background:var(--green-light);width:60px;height:60px;color:var(--green);place-items:center;margin:0 auto 16px;display:grid}.coming h2{font:700 20px var(--font-heading);margin:0}.coming p{color:var(--muted);margin:8px 0 0;font-size:13.5px}.coming-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.toast{color:#fff;border-radius:var(--radius);z-index:60;box-shadow:var(--shadow-xl);background:#0f172a;align-items:center;gap:10px;padding:12px 18px;font-size:13px;animation:.2s ease-out slideUp;display:flex;position:fixed;bottom:24px;right:24px}.alert,.master-alert{border-radius:var(--radius);border:1px solid #0000;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;font-size:12.5px;display:flex}.alert.error,.master-alert.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.alert.success,.master-alert.success{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.alert.pending,.master-alert.pending{color:#b45309;background:#fffbeb;border-color:#fde68a}.alert button,.master-alert button{color:inherit;opacity:.7;margin-left:auto;padding:2px}.alert button:hover,.master-alert button:hover{opacity:1}.master-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0f172a73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.master-modal{border-radius:var(--radius-lg);width:min(720px,100%);max-height:90vh;box-shadow:var(--shadow-xl);border:1px solid var(--line);background:#fff;padding:24px;overflow-y:auto}.master-modal.wide,.master-detail-modal{width:min(960px,100%)}.master-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:12px;display:flex}.master-modal-head small{color:var(--muted);font-size:11.5px}.master-modal-head h2{font:700 18px var(--font-heading);color:var(--navy);margin:2px 0 0}.master-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.master-form label,.form-row label,.settings-card label,.filters label,.product-subform-grid label{color:#475569;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}label:has(>input:not([type=checkbox]):not([type=radio])){color:#475569;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}label:has(>select){color:#475569;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}label:has(>textarea){color:#475569;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.check-label,label.check-label,.inline-check{color:#334155!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;flex-direction:row!important;align-items:center!important;gap:7px!important;font-size:12.5px!important;font-weight:500!important;display:inline-flex!important}label:has(>input[type=checkbox]){color:#334155!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;flex-direction:row!important;align-items:center!important;gap:7px!important;font-size:12.5px!important;font-weight:500!important;display:inline-flex!important}label:has(>input[type=radio]){color:#334155!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;flex-direction:row!important;align-items:center!important;gap:7px!important;font-size:12.5px!important;font-weight:500!important;display:inline-flex!important}.master-form input:not([type=checkbox]):not([type=radio]),.master-form select,.master-inline-form input:not([type=checkbox]):not([type=radio]),.master-inline-form select,.form-row input:not([type=checkbox]):not([type=radio]),.form-row select,.settings-card input:not([type=checkbox]):not([type=radio]),.settings-card select,.filters input:not([type=checkbox]):not([type=radio]),.filters select{border:1px solid var(--line-dark,#cbd5e1);border-radius:var(--radius);min-width:0;height:38px;color:var(--navy);background:#fff;width:100%;padding:0 11px;font-size:12.5px;transition:all .15s}.master-form input:focus,.master-form select:focus,.master-inline-form input:focus,.master-inline-form select:focus,.form-row input:focus,.form-row select:focus,.settings-card input:focus,.settings-card select:focus,.filters input:focus,.filters select:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 3px #07866f1f}.form-row{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.master-checks{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:12px;display:grid}.master-checks label,.check-label{color:#334155;cursor:pointer;align-items:center;gap:7px;font-size:12px;display:inline-flex}.master-form-actions{border-top:1px solid #f1f5f9;grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.master-detail-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0 18px;display:grid}.master-detail-grid>div{border-radius:var(--radius);border:1px solid var(--line);background:#f8fafc;padding:10px 12px}.master-detail-grid span{color:var(--muted);font-size:11px;display:block}.master-detail-grid b{color:var(--navy);margin-top:3px;font-size:13px;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.sidebar{width:230px}.main{max-width:calc(100vw - 230px);margin-left:230px}.pos-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.sidebar{width:260px;box-shadow:var(--shadow-xl);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-close{color:var(--muted);margin-left:auto;display:block}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:18;background:#0f172a66;display:block;position:fixed;inset:0}.main{max-width:100vw;margin-left:0}.menu-button{place-items:center;display:grid}.topbar{height:68px;padding:0 16px}.heading h1{font-size:19px}.date-label{display:none}.dash-middle,.dash-bottom,.master-form{grid-template-columns:1fr}}@media (width<=600px){.content{padding:14px}.global-search{display:none}.stat-grid,.product-grid{grid-template-columns:1fr}}.pos-shift-gate-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:24px 16px;display:flex}.pos-shift-gate-card{border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;box-sizing:border-box;background:#fff;flex-direction:column;align-items:center;width:100%;max-width:520px;padding:32px 28px;animation:.25s ease-out slideUp;display:flex;box-shadow:0 10px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a}.pos-shift-gate-badge{background:var(--green-light);width:58px;height:58px;color:var(--green-dark);border:1px solid #bbf7d0;border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.pos-shift-gate-title{font-family:var(--font-heading);color:var(--navy);margin:0 0 8px;font-size:22px;font-weight:800}.pos-shift-gate-desc{color:#64748b;max-width:440px;margin:0 0 20px;font-size:13.5px;line-height:1.5}.pos-shift-user-info{gap:12px;width:100%;margin-bottom:20px;display:flex}.pos-shift-info-pill{border-radius:var(--radius-md);text-align:left;background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;flex:1;align-items:flex-start;padding:10px 14px;display:flex}.pos-shift-info-pill .info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.pos-shift-info-pill .info-val{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:2px;font-size:13.5px;font-weight:700;overflow:hidden}.pos-shift-gate-form{text-align:left;flex-direction:column;gap:16px;width:100%;display:flex}.pos-shift-form-group{flex-direction:column;gap:6px;display:flex}.pos-shift-form-group label{color:#334155;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.pos-shift-form-group select,.pos-shift-form-group input{border-radius:var(--radius-md);height:42px;color:var(--navy);box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;width:100%;padding:0 12px;font-size:14px;transition:all .15s}.pos-shift-form-group select:focus,.pos-shift-form-group input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #10b98126}.pos-shift-quick-cash{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.quick-cash-chip{border-radius:var(--radius-sm);color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.quick-cash-chip:hover{color:var(--navy);background:#e2e8f0}.quick-cash-chip.active{color:#fff;background:#065f46;border-color:#065f46}.pos-shift-submit-btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:8px;font-size:14px;font-weight:700;display:flex}.pos-shift-gate-footer{color:#94a3b8;margin-top:20px;font-size:12px}.pos-active-shift-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.pos-shift-badge-pill{color:var(--green-dark);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pos-shift-badge-pill .badge-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #10b98133}.pos-shift-info-text{color:#64748b;font-size:12px}.pos-payment-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172aa6;place-items:center;padding:16px;animation:.15s ease-out fadeIn;display:grid;position:fixed;inset:0}.pos-payment-modal-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;flex-direction:column;width:100%;max-width:640px;animation:.2s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000040,0 10px 10px -5px #0000001a}.pos-payment-modal-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.pos-payment-modal-head h2{font:800 18px var(--font-heading);color:var(--navy);margin:0}.pos-payment-modal-head p{color:#64748b;margin:2px 0 0;font-size:12.5px}.pos-payment-modal-body{flex-direction:column;gap:18px;max-height:calc(85vh - 140px);padding:22px 24px;display:flex;overflow-y:auto}.pos-pay-summary-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #a7f3d0;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px;display:grid}.pos-pay-summary-box span{color:#065f46;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}.pos-pay-summary-box b{font-size:22px;font-family:var(--font-heading);color:#064e3b;margin-top:3px;font-weight:800;display:block}.pos-pay-status-pill{border-radius:9999px;align-items:center;gap:5px;margin-top:4px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.pos-pay-status-pill.exact{color:#15803d;background:#dcfce7;border:1px solid #86efac}.pos-pay-status-pill.under{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.pos-pay-status-pill.over{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.pos-fast-methods{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pos-fast-method-chip{border-radius:var(--radius-sm);color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pos-fast-method-chip:hover{color:var(--navy);background:#e2e8f0}.pos-fast-method-chip.active{color:#fff;background:#065f46;border-color:#065f46}.pos-split-payment-list{flex-direction:column;gap:8px;display:flex}.pos-split-row{border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #e2e8f0;grid-template-columns:140px minmax(130px,1fr) minmax(130px,1fr) auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.pos-split-row select,.pos-split-row input{border-radius:var(--radius-sm);height:36px;color:var(--navy);box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;padding:0 8px;font-size:12.5px}.pos-split-row input:focus,.pos-split-row select:focus{border-color:var(--green);outline:none}.pos-cash-tendered-card{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.pos-change-highlight{border-radius:var(--radius-sm);background:#ecfdf5;border:1px solid #a7f3d0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pos-change-highlight span{color:#065f46;font-size:13px;font-weight:700}.pos-change-highlight b{color:#047857;font-size:20px;font-weight:800;font-family:var(--font-heading)}.pos-payment-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.pos-subpage-panel{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;flex-direction:column;margin-bottom:24px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.pos-subpage-head{background:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pos-subpage-title{align-items:center;gap:10px;display:flex}.pos-subpage-title h2{color:#0f172a;margin:0;font-size:17px;font-weight:700}.pos-count-badge{color:#0369a1;background:#e0f2fe;border-radius:9999px;padding:2px 8px;font-size:12px;font-weight:700}.pos-filter-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;display:flex}.pos-filter-search{flex:1;min-width:220px;position:relative}.pos-filter-search input{border-radius:var(--radius-md);box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;width:100%;height:38px;padding:0 12px 0 34px;font-size:13px}.pos-filter-search input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #07866f1f}.pos-filter-search svg{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pos-filter-select,.pos-filter-date{border-radius:var(--radius-md);color:#334155;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;height:38px;padding:0 10px;font-size:12.5px}.pos-filter-select:focus,.pos-filter-date:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #07866f1f}.pos-filter-date{align-items:center;gap:6px;font-size:12px;display:flex}.pos-table-wrap{min-height:250px;overflow-x:auto}.pos-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.pos-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11.5px;font-weight:700}.pos-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.pos-table tbody tr{transition:background .15s}.pos-table tbody tr:hover{background:#f8fafc}.pos-table tbody tr:last-child td{border-bottom:none}.pos-table-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.pos-btn-action{border-radius:var(--radius-sm);color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pos-btn-action:hover{background:#f1f5f9;border-color:#94a3b8}.pos-btn-action.primary{background:var(--green);color:#fff;border-color:var(--green)}.pos-btn-action.primary:hover{background:var(--green-hover)}.pos-btn-action.danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.pos-btn-action.danger:hover{background:#fee2e2;border-color:#f87171}.pos-pagination-bar{color:#64748b;background:#fff;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;font-size:12.5px;display:flex}.pos-empty-state{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.pos-empty-state svg{color:#cbd5e1;margin-bottom:4px}.pos-empty-state h3{color:#475569;margin:0;font-size:15px;font-weight:700}.pos-empty-state p{color:#94a3b8;max-width:380px;margin:0;font-size:13px}.pos-detail-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out posModalFadeIn;display:flex;position:fixed;inset:0}.pos-detail-modal-card{border-radius:var(--radius-lg);background:#fff;flex-direction:column;width:100%;max-width:820px;max-height:90vh;animation:.2s ease-out posModalSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000040,0 8px 10px -6px #0003}.pos-detail-modal-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pos-detail-modal-head h2{color:#0f172a;align-items:center;gap:8px;margin:0 0 2px;font-size:17px;font-weight:800;display:flex}.pos-detail-modal-body{grid-template-columns:340px 1fr;align-items:start;gap:20px;padding:20px 24px;display:grid;overflow-y:auto}@media (width<=768px){.pos-detail-modal-body{grid-template-columns:1fr}}.pos-detail-card-section{border-radius:var(--radius-md);background:#fff;border:1px solid #e2e8f0;margin-bottom:14px;padding:14px 16px}.pos-detail-card-section:last-child{margin-bottom:0}.pos-detail-card-title{color:#1e293b;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:700;display:flex}.master-page{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0 auto}.master-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.master-header h2{font:800 22px var(--font-heading);color:var(--navy);letter-spacing:-.03em;margin:0}.master-header p,.master-subtitle p{color:var(--muted);margin:4px 0 0;font-size:12.5px}.master-actions{align-items:center;gap:12px;display:flex}.session-name{color:#475569;font-size:12.5px;font-weight:500}.master-panel{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;min-width:0;max-width:100%;margin-bottom:16px;overflow:hidden}.master-tabs,.tabs,.inventory-tabs{border-bottom:1px solid var(--line);background:#fafbfc;gap:4px;padding:6px 12px;display:flex;overflow-x:auto}.master-tabs button,.tabs button,.inventory-tabs button{border-radius:var(--radius-sm);color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.master-tabs button:hover,.tabs button:hover,.inventory-tabs button:hover{color:var(--navy);background:#f1f5f9}.master-tabs button.selected,.tabs button.active,.tabs button.current,.inventory-tabs button.current{background:var(--green-light);color:#00745f;border-color:#bbf7d0;font-weight:700}.master-section{padding:18px 20px}.master-subtitle{justify-content:space-between;align-items:center;margin:0 0 14px;display:flex}.master-subtitle h3,.master-section h3{font:700 15px var(--font-heading);color:var(--navy);margin:0}.master-toolbar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.master-toolbar>select,.master-toolbar>input,.master-toolbar select,.master-toolbar input:not([type=checkbox]):not([type=radio]){border:1px solid var(--line-dark,#cbd5e1);border-radius:var(--radius);color:#334155;box-sizing:border-box;background:#fff;min-width:140px;height:38px;padding:0 12px;font-size:12.5px;transition:all .15s}.master-toolbar select:focus,.master-toolbar input:not([type=checkbox]):not([type=radio]):focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #07866f1f}.master-toolbar .check-label{color:#475569;cursor:pointer;align-items:center;gap:6px;padding:0 4px;font-size:12.5px;font-weight:500;display:inline-flex}.master-search{border:1px solid var(--line);border-radius:var(--radius);color:#64748b;background:#f8fafc;flex:1;align-items:center;gap:8px;min-width:200px;height:38px;padding:0 12px;transition:all .15s;display:flex}.master-search:focus-within{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #07866f1f}.master-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:12.5px}.master-table-wrap,.table-wrap{border:1px solid var(--line);border-radius:var(--radius);-webkit-overflow-scrolling:touch;background:#fff;max-width:100%;margin:12px 16px 16px;overflow-x:auto}.master-panel .master-table-wrap{border:none;border-radius:0;max-width:100%;margin:0;overflow-x:auto}.master-product-link{color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;transition:color .15s}.master-product-link:hover{color:var(--green);text-decoration:underline}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.master-status{text-transform:uppercase;letter-spacing:.02em;border-radius:9999px;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.master-status.active{color:#15803d;background:#dcfce7}.master-status.inactive{color:#64748b;background:#f1f5f9}.master-status.pending{color:#b45309;background:#fef3c7}.icon-action{border-radius:var(--radius-sm);color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:32px;height:32px;transition:all .15s;display:inline-grid}.icon-action:hover{border-color:var(--line);color:var(--navy);background:#f1f5f9}.icon-action.danger{color:#ef4444}.icon-action.danger:hover{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.master-empty{text-align:center;color:var(--muted);padding:32px 16px;font-size:13px}.master-empty.small{padding:12px}.master-pager,.pagination{color:var(--muted);border-top:1px solid var(--line);background:#fafbfc;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex}.master-pager>div,.pagination>div{gap:6px;display:flex}.master-pager button,.pagination button{border:1px solid var(--line);border-radius:var(--radius-sm);color:#334155;background:#fff;height:32px;padding:0 12px;font-size:12px;font-weight:500}.master-pager button:hover:not(:disabled),.pagination button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.master-pager button:disabled,.pagination button:disabled{opacity:.5;cursor:not-allowed}.master-inline-form{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.master-inline-form>input,.master-inline-form>select,.master-inline-form input:not([type=checkbox]):not([type=radio]),.master-inline-form select{border:1px solid var(--line-dark,#cbd5e1);border-radius:var(--radius);min-width:140px;height:38px;color:var(--text);box-sizing:border-box;background:#fff;flex:1;padding:0 11px;font-size:12.5px;transition:all .15s}.master-inline-form input:focus,.master-inline-form select:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #07866f1f}.master-inline-form label{color:#475569;flex-direction:column;flex:1;gap:4px;min-width:140px;font-size:11.5px;font-weight:600;display:flex}.master-inline-form label input,.master-inline-form label select{width:100%}.master-list{gap:8px;display:grid}.master-list-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:12px;padding:11px 14px;transition:all .15s;display:flex}.master-list-row:hover{background:#fafbfc;border-color:#cbd5e1}.master-list-row>div{flex:1;min-width:0}.master-list-row b{color:var(--navy);font-size:13px;display:block}.master-list-row small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.price-create{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;padding:14px}.price-editor{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:12px 0;padding:16px;display:flex}.price-editor h4{width:100%;color:var(--navy);margin:0;font-size:14px}.price-editor label{flex:1;min-width:160px}.reference-group{border-top:1px solid var(--line);padding:14px 0}.reference-group h4{color:var(--navy);margin:0 0 10px;font-size:14px}.detail-inline-form{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;display:flex}.detail-inline-form>b{width:100%;color:var(--navy);font-size:13px}.po-item-search{grid-column:1/-1;position:relative}.po-suggest{z-index:30;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.po-suggest button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:2px;width:100%;padding:10px 14px;transition:background .15s;display:flex}.po-suggest button:hover{background:var(--green-light)}.po-suggest button:last-child{border-bottom:0}.po-suggest b{color:var(--navy);font-size:12.5px}.po-suggest small{color:var(--muted);font-size:11px}.po-totals{color:#475569;border-radius:var(--radius);background:#f8fafc;justify-content:flex-end;gap:24px;margin:12px 0;padding:12px 16px;font-size:13px;display:flex}.po-totals b{color:var(--navy);margin-left:6px;font-size:14px}.gr-item{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;margin:12px 0;padding:14px 16px}.gr-item-head{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding-bottom:8px;display:flex}.gr-item-head b{color:var(--navy);font-size:13.5px}.gr-item-head small{color:var(--muted);font-size:11.5px}.gr-item-head button{margin-left:auto}.gr-item-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 14px;margin-top:12px;display:grid}.gr-item-grid label{color:#475569;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;display:flex}.gr-item-grid input,.gr-item-grid select{border:1px solid var(--line-dark,#cbd5e1);border-radius:var(--radius-sm);height:36px;color:var(--navy);box-sizing:border-box;background:#fff;padding:0 10px;font-size:12.5px;transition:all .15s}.gr-item-grid input:focus,.gr-item-grid select:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 2px #07866f26}.gr-item-note{color:#475569;flex-direction:column;gap:4px;margin-top:10px;font-size:11.5px;display:flex}.gr-item-note input{border:1px solid var(--line-dark,#cbd5e1);border-radius:var(--radius-sm);height:36px;color:var(--navy);box-sizing:border-box;background:#fff;padding:0 10px;font-size:12.5px;transition:all .15s}.gr-item-note input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 2px #07866f26}.inventory-alert-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.inventory-alert-list{padding:16px 18px}.inventory-alert-list h3{font:700 14px var(--font-heading);color:var(--navy);justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.inventory-alert-list h3 span{font:600 11px var(--font-body);color:var(--muted)}.inventory-alert-line{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.inventory-alert-line b{color:var(--navy);font-size:12px;display:block}.inventory-alert-line small{color:var(--muted);margin-top:2px;font-size:10.5px;display:block}.inventory-alert-line strong{white-space:nowrap;font-size:12px}.inventory-adjust-form{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;grid-template-columns:2fr 1fr 1fr 2fr 2fr auto;align-items:end;gap:10px;margin:14px 0;padding:14px 16px;display:grid}.inventory-adjust-form label{color:#475569;gap:4px;font-size:11.5px;font-weight:600;display:grid}.inventory-adjust-form input,.inventory-adjust-form select{border:1px solid var(--line-dark,#cbd5e1);border-radius:var(--radius-sm);min-width:0;height:36px;color:var(--navy);box-sizing:border-box;background:#fff;padding:0 10px;transition:all .15s}.inventory-adjust-form input:focus,.inventory-adjust-form select:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 2px #07866f26}.role-badges{flex-wrap:wrap;gap:4px;display:flex}.role-badge{color:#334155;white-space:nowrap;background:#eef4f8;border-radius:9999px;padding:2px 10px;font-size:11px;font-style:normal;font-weight:500}.permission-summary{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);color:#334155;padding:12px 14px;font-size:12.5px}.permission-summary p{word-break:break-word;color:var(--muted);margin:6px 0 0}.permission-groups{gap:12px;display:grid}.permission-group{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.permission-group-head{text-align:left;width:100%;color:var(--navy);cursor:pointer;background:#f8fafc;border:0;padding:10px 14px;font-size:12.5px;font-weight:700}.permission-group .master-checks{background:#fff;border:0;border-radius:0}.ticket{border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);background:#fffdf8;flex-direction:column;align-items:center;padding:12px 14px;font-size:11px;display:flex}.ticket>b:first-child,.ticket small{text-align:left;width:100%}.ticket span{float:right;color:var(--green)}.ticket small{color:var(--muted);margin-top:3px;font-size:10px}.ticket strong{color:var(--navy);margin:4px 0;font-size:13px}.ticket hr{border:0;border-top:1px dashed var(--line-dark);width:100%;margin:8px 0}.ticket b{line-height:1.4}@media (width<=1000px){.inventory-adjust-form{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-alert-columns{grid-template-columns:1fr}}@media (width<=700px){.master-header{flex-direction:column;align-items:flex-start}.master-actions{justify-content:space-between;width:100%}.master-toolbar{flex-direction:column;align-items:stretch}.master-search{min-width:100%}.master-pager{flex-direction:column;align-items:flex-start}.inventory-adjust-form{grid-template-columns:1fr}}.product-config-modal{flex-direction:column;width:min(960px,95vw);max-height:90vh;display:flex}.product-modal-tabs{border-bottom:2px solid var(--line);gap:6px;margin-bottom:20px;padding-bottom:2px;display:flex;overflow-x:auto}.product-modal-tab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom-width:2px;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.product-modal-tab:hover:not(:disabled){color:var(--navy);background:#f8fafc}.product-modal-tab.active{color:#07866f;background:#f0fdf9;border-bottom-color:#07866f;font-weight:700}.product-modal-tab:disabled{opacity:.45;cursor:not-allowed}.product-modal-tab .tab-count{color:#475569;background:#e2e8f0;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.product-modal-tab.active .tab-count{color:#065f46;background:#bbf7d0}.product-info-banner{border-radius:var(--radius);color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;align-items:flex-start;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:13px;display:flex}.product-info-banner.blue{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.product-subform-card{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;margin-top:18px;padding:16px}.product-subform-card h4{color:var(--navy);align-items:center;gap:8px;margin:0 0 12px;font-size:13.5px;font-weight:700;display:flex}.product-subform-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:flex-end;gap:12px;display:grid}.product-subform-grid label{color:#475569;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.product-subform-grid input:not([type=checkbox]):not([type=radio]),.product-subform-grid select{border:1px solid var(--line-dark,#cbd5e1);border-radius:var(--radius);width:100%;height:38px;color:var(--navy);box-sizing:border-box;background:#fff;padding:0 11px;font-size:13px;transition:all .15s}.product-subform-grid input:focus,.product-subform-grid select:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #07866f1f}.master-modal.product-config-modal{overflow:hidden}.product-config-modal>.master-modal-head,.product-config-modal>.product-modal-tabs{flex-shrink:0}.product-config-modal>.product-modal-tabs{margin-bottom:0}.product-config-body{overscroll-behavior:contain;min-height:0;padding-top:20px;overflow-y:auto}.product-config-body>.master-form,.product-config-body>.master-section{margin:0}.product-modal-tab:focus-visible{outline-offset:-2px;outline:2px solid #07866f}.admin-page{flex-direction:column;gap:16px;max-width:1600px;margin:0 auto;padding:0;display:flex}.admin-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-head h2{font:800 22px var(--font-heading);color:var(--navy);letter-spacing:-.03em;margin:0}.admin-head p{color:var(--muted);margin:4px 0 0;font-size:12.5px}.filters{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;display:flex}.filters label{color:#475569;flex:1;gap:5px;min-width:140px;font-size:11.5px;font-weight:600;display:grid}.filter-actions{align-items:center;gap:8px;padding-bottom:1px;display:flex}.report-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}.report-catalog{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;padding:14px}.report-catalog h3{font:700 14px var(--font-heading);color:var(--navy);border-bottom:1px solid var(--line);margin:0 0 10px;padding-bottom:8px}.report-catalog ul{gap:4px;max-height:580px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.report-catalog button{text-align:left;border-radius:var(--radius);color:#334155;background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:12.5px;transition:all .15s;display:flex}.report-catalog button:hover:not(:disabled){color:var(--navy);background:#f1f5f9}.report-catalog button.active{background:var(--green-light);color:#00745f;border-color:#bbf7d0;font-weight:700}.report-main{flex-direction:column;gap:14px;min-width:0;display:flex}.report-meta{align-items:center;gap:12px;padding:2px 0;font-size:13px;display:flex}.report-meta strong{color:var(--navy);font-size:14px}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.summary-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:12px 14px}.summary-card span{color:var(--muted);font-size:11px;font-weight:500;display:block}.summary-card strong{font:800 16px var(--font-heading);color:var(--navy);word-break:break-word;margin-top:4px;display:block}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.settings-card{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.settings-card h3{font:700 15px var(--font-heading);color:var(--navy);border-bottom:1px solid var(--line);margin:0;padding-bottom:8px}.settings-grid .form-actions{grid-column:1/-1;justify-content:flex-end;padding-top:8px;display:flex}.inline-check{color:#475569;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.notification-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.notification-list li{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.notification-list li.unread{background:#f0fdf4;border-color:#bbf7d0}.notification-list li>div{flex:1;min-width:0}.notification-list strong{color:var(--navy);font-size:13px;display:block}.notification-list small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.notification-list p{color:#334155;margin:6px 0 0;font-size:12px}.notification-list.compact li{cursor:pointer;padding:9px 12px}.notification-list.compact li:hover{background:#f8fafc}.notification-wrap{position:relative}.notification-dropdown{z-index:40;width:360px;max-height:440px;box-shadow:var(--shadow-xl);border-radius:var(--radius-lg);border:1px solid var(--line);background:#fff;padding:16px;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notification-dropdown h3{font:700 14px var(--font-heading);color:var(--navy);margin:0}.sync-pill{border:1px solid var(--line);color:#334155;height:34px;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.sync-pill:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.sync-pill.online{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.sync-pill.offline{color:#b45309;background:#fffbeb;border-color:#fde68a}.sync-count{color:#fff;background:#ef4444;border-radius:9999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-style:normal;font-weight:700;display:grid}.sync-stage{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;font-weight:400;overflow:hidden}.profile-logout{border:1px solid var(--line);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#fff;flex:none;place-items:center;transition:all .15s;display:grid}.profile-logout:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.login-shell{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:32px 16px;display:flex}.login-shell .content{width:100%;max-width:440px;padding:0}.login-shell .master-login{width:100%;max-width:none;margin:0}.login-brand{align-items:center;gap:12px;display:flex}.login-brand .brand-mark{width:44px;height:44px}.login-brand b{font:800 22px var(--font-heading);color:#075f58;letter-spacing:-.03em;display:block}.login-brand small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.master-login{border-radius:var(--radius-lg);max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--line);background:#fff;flex-direction:column;gap:16px;margin:6vh auto;padding:32px 28px;display:flex}.master-login h2{font:800 20px var(--font-heading);color:var(--navy);margin:0}.master-login p,.master-login small{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.master-login form{flex-direction:column;gap:14px;display:flex}.master-login form label{color:var(--navy);text-align:left;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.master-login form input{border:1px solid var(--line);border-radius:var(--radius);width:100%;height:42px;color:var(--navy);box-sizing:border-box;background:#f8fafc;padding:0 14px;font-size:13.5px;transition:all .15s}.master-login form input:focus{border-color:var(--green);background:#fff;outline:none;box-shadow:0 0 0 3px #07866f1f}.master-login-icon{border-radius:var(--radius-md);background:var(--green-light);width:48px;height:48px;color:var(--green);place-items:center;display:grid}.master-login .button,.master-login .primary{width:100%;height:44px;margin-top:6px;font-size:14px;font-weight:700}.login-foot{color:var(--muted);text-align:center;max-width:440px;margin:0;font-size:11.5px}@media (width<=1000px){.report-layout{grid-template-columns:1fr}.report-catalog ul{max-height:220px}}@media (width<=700px){.admin-head{flex-direction:column;align-items:stretch}.notification-dropdown{width:calc(100vw - 32px);right:-10px}}