@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
.dashboard-view{background:var(--pos-bg);width:100%;min-height:100%}.interactive-surface:active{transform:translateY(-1px)scale(.997)}.stat-info h3{color:var(--pos-text-muted);letter-spacing:.01em;margin:0 0 10px;font-size:13px;font-weight:700}.stat-value{color:var(--pos-navy);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800;line-height:1.05}.stat-subtext{color:var(--pos-text-soft);margin:8px 0 0;font-size:12px;font-weight:600}.stat-subtext.positive{color:var(--pos-teal)}.stat-icon-bg{background:#01a2ad14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.stat-img-icon{object-fit:contain;width:26px;height:26px}.dashboard-main-grid{grid-template-columns:1.15fr 1fr;gap:16px;display:grid}.card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title{letter-spacing:-.02em;color:var(--pos-navy);margin:0;font-size:16px;font-weight:800}.dashboard-chart-wrap{width:100%;height:260px}.payment-methods-scroll{flex-direction:column;gap:16px;padding-top:4px;display:flex}.payment-item{padding:12px 0 0}.payment-info-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.payment-label{color:var(--pos-navy);font-size:14px;font-weight:700}.payment-stats{color:var(--pos-text-muted);font-size:13px;font-weight:600}.progress-bar-bg{background:#eaf1f7;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{border-radius:999px;height:100%;transition:width .35s}.recent-transactions-list{flex-direction:column;gap:12px;display:flex}.transaction-card{background:#fbfdff;border:1px solid #e7eef5;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.transaction-card:hover{border-color:#01a2ad42;transform:translateY(-2px);box-shadow:0 10px 22px #1b2a470f}.transaction-left{min-width:0}.txn-id{color:var(--pos-navy);word-break:break-word;margin:0 0 4px;font-size:13px;font-weight:800}.txn-date{color:var(--pos-text-muted);margin:0;font-size:12px;font-weight:600}.txn-info-right{text-align:right;flex-shrink:0}.txn-amount{color:var(--pos-navy);margin:0 0 6px;font-size:15px;font-weight:800}.txn-method{letter-spacing:.03em;border-radius:10px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.dashboard-rise-up{animation:.42s cubic-bezier(.22,1,.36,1) dashboardRiseUp}@keyframes dashboardRiseUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:1fr}}@media (max-width:680px){.dashboard-shell{padding:20px 14px 28px}.dashboard-header-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.content-card{min-height:280px;padding:16px}.stat-card{min-height:108px}.stat-value{font-size:22px}}:root{--pos-navy:#1b2a47;--pos-teal:#01a2ad;--pos-bg:#f8fafc;--pos-white:#fff;--pos-border:#dbe4ef;--pos-text-muted:#64748b;--pos-text-soft:#94a3b8;--pos-shadow-sm:0 6px 18px #1b2a470d;--pos-shadow-md:0 14px 34px #1b2a4714}.dashboard-view::-webkit-scrollbar{width:8px}.dashboard-view::-webkit-scrollbar-track{background:0 0}.dashboard-view::-webkit-scrollbar-thumb{border:2px solid var(--pos-bg);background:#cbd5e1;border-radius:10px}.dashboard-view::-webkit-scrollbar-thumb:hover{background:var(--pos-teal)}.dashboard-view{background:var(--pos-bg);-webkit-overflow-scrolling:touch;width:100%;height:100vh;overflow:hidden auto}.dashboard-shell{width:100%;max-width:1070px;margin:0 auto;padding:28px 22px 60px}.dashboard-topbar{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.dashboard-eyebrow{letter-spacing:.14em;color:var(--pos-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.dashboard-header-title{color:var(--pos-navy);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800;line-height:1.1}.dashboard-surface{background:var(--pos-white);border:1px solid var(--pos-border);box-shadow:var(--pos-shadow-sm);border-radius:14px}.interactive-surface{transition:transform .22s,box-shadow .22s,border-color .22s}.interactive-surface:hover{box-shadow:var(--pos-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{justify-content:space-between;align-items:center;min-height:122px;padding:18px;display:flex}.stat-value{color:var(--pos-navy);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800}.dashboard-main-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:16px;display:grid}.content-card{min-height:320px;padding:18px}
.modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inventory-edit-shell{z-index:10000;background:#fff;border-radius:20px;width:min(950px,95vw);max-height:90vh;position:relative;overflow-y:auto}.inventory-edit-btn{color:#fff;cursor:pointer;background:#1f6feb;border:none;border-radius:10px;padding:8px 14px;font-weight:600;transition:all .2s}.inventory-edit-btn:hover{opacity:.9;transform:translateY(-1px)}.inventory-edit-btn:active{transform:translateY(0)}
:root{--inventory-navy:#1b2a47;--inventory-teal:#01a2ad;--inventory-bg:#f8fafc;--inventory-white:#fff;--inventory-border:#dbe4ef;--inventory-text-muted:#64748b;--inventory-text-soft:#94a3b8;--inventory-shadow-sm:0 6px 18px #1b2a470d;--inventory-shadow-md:0 14px 34px #1b2a4714}.inventory-view{background:var(--inventory-bg);width:100%;min-height:100%}.inventory-shell{width:100%;max-width:1070px;margin:0 auto;padding:62px 22px 36px}.inventory-topbar{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.inventory-eyebrow{letter-spacing:.14em;color:var(--inventory-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.inventory-title{color:var(--inventory-navy);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800;line-height:1.1}.inventory-surface{background:var(--inventory-white);border:1px solid var(--inventory-border);box-shadow:var(--inventory-shadow-sm);border-radius:14px}.inventory-interactive{transition:transform .22s,box-shadow .22s,border-color .22s}.inventory-interactive:hover{box-shadow:var(--inventory-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.inventory-interactive:active{transform:translateY(-1px)scale(.997)}.inventory-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.inventory-stat-card{flex-direction:column;justify-content:center;min-height:112px;padding:3px 25px;display:flex}.inventory-stat-label{color:var(--inventory-text-muted);letter-spacing:.01em;margin:0 0 10px;font-size:13px;font-weight:700}.inventory-stat-value{color:var(--inventory-navy);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800;line-height:1.05}.inventory-toolbar{margin-bottom:18px;padding:16px}.inventory-search-wrap{margin-bottom:14px}.inventory-search-input{border:1px solid var(--inventory-border);width:100%;height:46px;color:var(--inventory-navy);box-sizing:border-box;background:#fbfdff;border-radius:10px;outline:none;padding:0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.inventory-search-input:focus{border-color:var(--inventory-teal);background:var(--inventory-white);box-shadow:0 0 0 3px #01a2ad1a}.inventory-category-bar{flex-wrap:wrap;gap:10px;display:flex}.inventory-cat-btn{border:1px solid var(--inventory-border);color:var(--inventory-navy);cursor:pointer;background:#fbfdff;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s}.inventory-cat-btn:hover{border-color:#01a2ad59;transform:translateY(-2px);box-shadow:0 8px 18px #1b2a470d}.inventory-cat-btn:active{transform:translateY(0)scale(.985)}.inventory-cat-btn.active{background:var(--inventory-teal);color:var(--inventory-white);border-color:var(--inventory-teal);box-shadow:0 8px 20px #01a2ad38}.inventory-table-card{overflow:hidden}.inventory-table-wrapper{width:100%;max-height:560px;overflow:auto}.inventory-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.inventory-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.inventory-table{border-collapse:collapse;width:100%;min-width:1080px}.inventory-table thead th{z-index:1;color:var(--inventory-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--inventory-border);background:#f8fbfe;padding:16px 18px;font-size:12px;font-weight:800;position:sticky;top:0}.inventory-table tbody td{color:var(--inventory-navy);vertical-align:middle;background:var(--inventory-white);border-bottom:1px solid #edf2f7;padding:14px 18px;font-size:14px;font-weight:600;transition:background .2s}.inventory-table tbody tr:hover td{background:#fbfdff}.inventory-product-img{object-fit:contain;background:#f8fafc;border:1px solid #edf2f7;border-radius:10px;width:46px;height:46px;padding:4px;display:block}.inventory-product-name{color:var(--inventory-navy);font-weight:800}.inventory-stock-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.inventory-stock-badge.in-stock{color:var(--inventory-teal);background:#01a2ad14;border-color:#01a2ad2e}.inventory-stock-badge.low-stock{color:#9a6b00;background:#ffc1071f;border-color:#ffc10740}.inventory-stock-badge.out-stock{color:#dc2626;background:#dc262614;border-color:#dc26262e}.inventory-edit-btn{border:1px solid var(--inventory-teal);background:var(--inventory-teal);height:36px;color:var(--inventory-white);cursor:pointer;border-radius:10px;padding:0 14px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s,background .18s}.inventory-edit-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #01a2ad33}.inventory-edit-btn:active{transform:translateY(0)scale(.98)}.inventory-action-placeholder{color:var(--inventory-text-soft);font-weight:700}.inventory-empty-cell{text-align:center;font-weight:700;color:var(--inventory-text-muted)!important;padding:30px!important}.inventory-rise-up{animation:.42s cubic-bezier(.22,1,.36,1) inventoryRiseUp}@keyframes inventoryRiseUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.inventory-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.inventory-shell{padding:20px 14px 28px}.inventory-title{font-size:24px}.inventory-stats-grid{grid-template-columns:1fr}.inventory-toolbar{padding:14px}}
:root{--sbt-navy:#1b2a47;--sbt-teal:#01a2ad;--sbt-bg:#f8fafc;--sbt-white:#fff;--sbt-border:#dbe4ef;--sbt-text:#1b2a47;--sbt-muted:#64748b;--sbt-soft:#94a3b8;--sbt-shadow-sm:0 6px 18px #1b2a470d;--sbt-shadow-md:0 14px 34px #1b2a4714}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--sbt-teal)}.sbt-table-wrap::-webkit-scrollbar-thumb{background:#d1dbe8}.stock-transfer-modal::-webkit-scrollbar-thumb{background:#d1dbe8}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#d1dbe8}.sbt-view{background:var(--sbt-bg);width:100%;min-height:100%}.sbt-shell{width:100%;max-width:1070px;margin:0 auto;padding:62px 22px 36px}.sbt-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.sbt-eyebrow{letter-spacing:.14em;color:var(--sbt-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.sbt-title{color:var(--sbt-navy);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800;line-height:1.1}.sbt-surface{background:var(--sbt-white);border:1px solid var(--sbt-border);box-shadow:var(--sbt-shadow-sm);border-radius:14px}.sbt-surface-hover{transition:transform .22s,box-shadow .22s,border-color .22s}.sbt-surface-hover:hover{box-shadow:var(--sbt-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.sbt-primary-btn,.inventory-edit-btn,.sbt-secondary-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .2s,background-color .2s,border-color .2s,color .2s,opacity .2s;display:inline-flex}.sbt-primary-btn,.inventory-edit-btn,.stock-transfer-submit-btn{background:var(--sbt-teal);color:var(--sbt-white);border:none;box-shadow:0 8px 18px #01a2ad2e}.sbt-primary-btn:hover,.inventory-edit-btn:hover,.stock-transfer-submit-btn:hover{background:#018d97;transform:translateY(-1px)}.sbt-secondary-btn,.stock-transfer-cancel-btn{background:var(--sbt-white);color:var(--sbt-navy);border:1px solid var(--sbt-border)}.sbt-secondary-btn:hover,.stock-transfer-cancel-btn:hover{border-color:var(--sbt-teal);color:var(--sbt-teal);background:#fbfeff;transform:translateY(-1px)}.sbt-primary-btn:active,.inventory-edit-btn:active,.sbt-secondary-btn:active,.stock-transfer-cancel-btn:active,.stock-transfer-submit-btn:active{transform:translateY(0)scale(.99)}.sbt-danger-btn{box-shadow:0 8px 18px #b423182e;color:#fff!important;background:#b42318!important;border:none!important}.sbt-danger-btn:hover{transform:translateY(-1px);color:#fff!important;background:#991b1b!important}.sbt-stats-grid,.history-stats-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.sbt-stat-card,.h-stat-card{background:var(--sbt-white);border:1px solid var(--sbt-border);box-shadow:var(--sbt-shadow-sm);border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.sbt-stat-icon-wrap{background:#01a2ad14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sbt-stat-icon{color:var(--sbt-navy)}.sbt-stat-label,.h-stat-label{color:var(--sbt-muted);margin:0 0 8px;font-size:13px;font-weight:700}.sbt-stat-value,.h-stat-value{color:var(--sbt-navy);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.sbt-filter-bar,.category-bar{flex-wrap:wrap;gap:10px;margin:10px 0 16px;display:flex}.sbt-filter-btn,.cat-btn{border:1px solid var(--sbt-border);color:var(--sbt-navy);cursor:pointer;background:#fff;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .2s,background-color .2s,border-color .2s,color .2s}.sbt-filter-btn:hover,.cat-btn:hover{border-color:var(--sbt-teal);color:var(--sbt-teal);background:#fbfeff;transform:translateY(-1px)}.sbt-filter-btn.active,.cat-btn.active{background:var(--sbt-teal);border-color:var(--sbt-teal);color:#fff;box-shadow:0 8px 18px #01a2ad24}.sbt-table-wrap,.inventory-table-wrapper{border:1px solid var(--sbt-border);scrollbar-gutter:stable;background:#fff;border-radius:14px;width:100%;max-height:520px;overflow:auto}.sbt-table,.inventory-table{border-collapse:collapse;width:100%;min-width:980px}.sbt-table thead th,.inventory-table thead th{z-index:10;text-align:left;color:var(--sbt-muted);border-bottom:1px solid var(--sbt-border);letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;padding:14px 16px;font-size:12px;font-weight:800;position:sticky;top:0}.sbt-table tbody td,.inventory-table tbody td{color:#475569;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:14px 16px;font-size:14px;font-weight:600}.sbt-table tbody tr:last-child td,.inventory-table tbody tr:last-child td{border-bottom:none}.sbt-table tbody tr:hover,.inventory-table tbody tr:hover{background:#fbfdff}.sbt-strong-cell{color:#0f172a;font-weight:700}.sbt-empty-row{text-align:center;color:var(--sbt-soft);font-weight:700;padding:24px!important}.status-cell{white-space:nowrap}.stock-badge{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;min-width:96px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.stock-badge.low-stock{color:var(--sbt-teal);background:#01a2ad14;border:1px solid #01a2ad24}.stock-badge.in-stock{color:var(--sbt-navy);border:1px solid var(--sbt-border);background:#eef4fa}.stock-badge.out-stock{color:#b42318;background:#fff4f4;border:1px solid #f3c9c9}.status-cell.low-stock,.status-cell.in-stock,.status-cell.out-stock{background:0 0}.modal-overlay{z-index:9999;box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.stock-transfer-modal,.sbt-modal-shell{z-index:10000;box-sizing:border-box;border:1px solid var(--sbt-border);background:#fff;border-radius:18px;width:min(950px,95vw);max-height:90vh;padding-bottom:24px;position:relative;overflow-y:auto;box-shadow:0 24px 48px #1b2a472e}.stock-transfer-header{justify-content:space-between;align-items:flex-start;padding:22px 24px 0;display:flex}.stock-transfer-title{color:var(--sbt-navy);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.stock-transfer-subtitle{color:var(--sbt-muted);margin:6px 0 0;font-size:14px;font-weight:600}.stock-transfer-form{padding:20px 24px 24px}.stock-transfer-layout{grid-template-columns:2fr 1fr;align-items:start;gap:22px;display:grid}.stock-transfer-left-card{border:1px solid var(--sbt-border);background:#f8fafc;border-radius:16px;min-width:0;padding:16px 14px}.stock-transfer-right-panel{flex-direction:column;gap:16px;min-width:0;display:flex}.stock-transfer-right-card,.stock-transfer-right-bottom{border:1px solid var(--sbt-border);background:#f8fafc;border-radius:16px;padding:18px 20px}.stock-transfer-form-grid{gap:16px;display:grid}.stock-transfer-field{flex-direction:column;display:flex}.stock-transfer-label{color:var(--sbt-navy);margin-bottom:8px;font-size:14px;font-weight:800;display:block}.stock-transfer-input{border:1px solid var(--sbt-border);color:#0f172a;box-sizing:border-box;background:#fff;border-radius:10px;outline:none;width:100%;min-height:46px;padding:12px 16px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s,background-color .2s}.stock-transfer-input:focus{border-color:var(--sbt-teal);box-shadow:0 0 0 3px #01a2ad1a}.stock-transfer-input:disabled{color:var(--sbt-muted);cursor:not-allowed;background:#f8fafc}.stock-transfer-input-readonly{color:var(--sbt-navy);background:#f8fafc;font-weight:700}.stock-transfer-input::placeholder{color:var(--sbt-soft)}.sbt-dropdown-container{width:100%;position:relative}.sbt-dropdown-container .custom-dropdown-trigger{border:1px solid var(--sbt-border);background:var(--sbt-white);width:100%;min-height:46px;color:var(--sbt-navy);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .15s,background-color .2s;display:flex}.sbt-dropdown-container .custom-dropdown-trigger:hover,.sbt-dropdown-container .custom-dropdown-trigger.active{border-color:var(--sbt-teal);box-shadow:0 0 0 3px #01a2ad14}.sbt-dropdown-container .custom-dropdown-trigger:disabled{color:var(--sbt-muted);cursor:not-allowed;box-shadow:none;border-color:var(--sbt-border);background:#f8fafc}.sbt-dropdown-container .custom-dropdown-trigger:active{transform:scale(.99)}.sbt-dropdown-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sbt-dropdown-container .dropdown-chevron{flex-shrink:0;transition:transform .24s,color .24s}.sbt-dropdown-container .custom-dropdown-trigger.active .dropdown-chevron{color:var(--sbt-teal);transform:rotate(180deg)}.sbt-dropdown-container .custom-dropdown-menu{background:var(--sbt-white);border:1px solid var(--sbt-border);z-index:1000;border-radius:12px;max-height:260px;animation:.18s ease-out sbtDropdownRise;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 28px #1b2a4733}.sbt-dropdown-container .dropdown-item{color:var(--sbt-navy);cursor:pointer;padding:11px 12px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s}.sbt-dropdown-container .dropdown-item:hover{color:var(--sbt-teal);background:#01a2ad14}.sbt-dropdown-container .dropdown-item.selected{background:var(--sbt-teal);color:var(--sbt-white)}.stock-transfer-summary-row{color:#5b6472;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.stock-transfer-summary-row strong{color:var(--sbt-navy);text-align:right}.stock-transfer-divider{border-top:1px dashed #cbd5e1;margin:14px 0}.stock-transfer-big-label{text-align:center;color:var(--sbt-muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:800}.stock-transfer-big-value{text-align:center;color:var(--sbt-navy);letter-spacing:-.03em;font-size:34px;font-weight:800;line-height:1.05}.stock-transfer-actions{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.stock-transfer-cancel-btn,.stock-transfer-submit-btn{cursor:pointer;border-radius:10px;height:46px;padding:0 18px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .2s,background-color .2s,border-color .2s,color .2s,opacity .2s}.stock-transfer-cancel-btn:disabled,.stock-transfer-submit-btn:disabled,.inventory-edit-btn:disabled,.sbt-primary-btn:disabled,.sbt-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.sbt-rise-up{animation:.42s cubic-bezier(.22,1,.36,1) sbtPageRise}@keyframes sbtPageRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sbtDropdownRise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.sbt-stats-grid,.history-stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.sbt-topbar{flex-direction:column;align-items:stretch}.stock-transfer-layout{grid-template-columns:1fr}}@media (max-width:768px){.sbt-stats-grid,.history-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-transfer-actions{flex-direction:column}.stock-transfer-actions>*{width:100%;margin-right:0!important}.stock-transfer-modal,.sbt-modal-shell{width:100%}}@media (max-width:520px){.sbt-shell{padding:20px 14px 28px}.sbt-title{font-size:24px}.sbt-stats-grid,.history-stats-row{grid-template-columns:1fr}.stock-transfer-header,.stock-transfer-form{padding-left:16px;padding-right:16px}.stock-transfer-title{font-size:20px}.inventory-table td .inventory-edit-btn{white-space:nowrap;padding:8px 14px;font-size:13px}}
:root{--pos-navy:#1b2a47;--pos-teal:#01a2ad;--pos-bg:#f8fafc;--pos-white:#fff;--pos-border:#dbe4ef;--pos-text-muted:#64748b;--pos-text-soft:#94a3b8;--pos-shadow-sm:0 6px 18px #1b2a470d;--pos-shadow-md:0 14px 34px #1b2a4714;--pos-hover-bg:#f4f8fb}.history-view{background:var(--pos-bg);width:100%;min-height:100%}.history-shell{width:100%;max-width:1070px;margin:0 auto;padding:50px 22px 36px}.history-topbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.history-header-block{flex-direction:column;align-items:flex-start;display:flex}.history-eyebrow{letter-spacing:.14em;color:var(--pos-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.history-header-title{color:var(--pos-navy);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800;line-height:1.1}.history-surface{background:var(--pos-white);border:1px solid var(--pos-border);box-shadow:var(--pos-shadow-sm);border-radius:14px}.history-interactive-surface{transition:transform .22s,box-shadow .22s,border-color .22s}.history-interactive-surface:hover{box-shadow:var(--pos-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.history-interactive-surface:active{transform:translateY(-1px)scale(.997)}.history-action-btn{border:1px solid var(--pos-border);background:var(--pos-white);height:42px;color:var(--pos-navy);cursor:pointer;border-radius:10px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.history-action-btn:hover{border-color:var(--pos-teal);background:#159f9f;box-shadow:0 10px 24px #1b2a470f}.history-action-btn:active{transform:translateY(0)scale(.985)}.history-toolbar{margin-bottom:20px}.history-search-container{width:97%;position:relative}.search-icon-img{opacity:.8;pointer-events:none;z-index:1;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.history-modern-input{box-sizing:border-box;border:1.5px solid var(--pos-teal);background:var(--pos-white);width:100%;height:48px;color:var(--pos-navy);-webkit-appearance:none;border-radius:8px;outline:none;padding:0 14px 0 44px;font-size:15px;font-weight:500;transition:box-shadow .2s;display:block}.history-modern-input::placeholder{color:var(--pos-text-muted);font-weight:400}.history-modern-input:focus{box-shadow:0 0 0 4px #01a2ad1a}.history-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.history-stat-card{justify-content:space-between;align-items:center;min-height:122px;padding:18px;display:flex}.history-stat-info h3{color:var(--pos-text-muted);letter-spacing:.01em;margin:0 0 10px;font-size:13px;font-weight:700}.history-stat-value{color:var(--pos-navy);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800;line-height:1.05}.history-stat-subtext{color:var(--pos-text-soft);margin:8px 0 0;font-size:12px;font-weight:600}.history-stat-subtext.positive{color:var(--pos-teal)}.history-list-card{padding:18px}.history-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.history-card-title{letter-spacing:-.02em;color:var(--pos-navy);margin:0;font-size:16px;font-weight:800}.history-scroll-area{width:100%}.history-accordion{flex-direction:column;gap:12px;display:flex}.history-card{background:#fbfdff;border:1px solid #e7eef5;border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.history-card:hover{border-color:#057f8742;transform:translateY(-2px);box-shadow:0 10px 22px #1b2a470f}.history-card.expanded{background:#fff;border-color:#01a2ad4d;box-shadow:0 12px 26px #1b2a4714}.history-card-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.history-header-left{flex:1;min-width:0}.history-id-badge-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.history-txn-id-text{color:var(--pos-navy);word-break:break-word;font-size:13px;font-weight:800}.history-receipt-no-badge,.history-refund-badge,.history-method-pill,.history-tag{letter-spacing:.03em;border-radius:10px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.history-receipt-no-badge{color:#4f6480;background:#eff6fb;border:1px solid #dbe4ef}.history-refund-badge{color:#b91c1c;background:#dc262614;border:1px solid #dc262629}.history-txn-meta-text{color:var(--pos-text-muted);margin:0;font-size:12px;font-weight:600}.history-header-right{text-align:right;flex-shrink:0;align-items:center;gap:12px;display:flex}.history-txn-total-text{color:var(--pos-navy);font-size:15px;font-weight:800}.history-chevron-icon{color:var(--pos-text-muted);font-size:18px;line-height:1;transition:transform .22s,color .22s}.history-chevron-icon.open{color:var(--pos-teal);transform:rotate(180deg)}.history-card-body{border-top:1px solid #eef3f8;padding:0 16px 16px;animation:.22s historyExpandFade}@keyframes historyExpandFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.history-body-section-title{color:var(--pos-navy);letter-spacing:.01em;margin:16px 0 10px;font-size:13px;font-weight:800}.history-items-list{flex-direction:column;gap:10px;display:flex}.history-item-detail-row{background:#fbfdff;border:1px solid #e7eef5;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.history-item-info{min-width:0}.history-item-name-text{color:var(--pos-navy);margin:0 0 4px;font-size:13px;font-weight:700}.history-item-calc-text{color:var(--pos-text-muted);margin:0;font-size:12px;font-weight:600}.history-item-price-sum{color:var(--pos-navy);flex-shrink:0;margin:0;font-size:13px;font-weight:800}.history-section{margin-top:16px}.history-note-box{color:var(--pos-text-muted);background:#fbfdff;border:1px solid #e7eef5;border-radius:12px;margin:0;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.55}.history-tags-wrap{flex-wrap:wrap;gap:8px;display:flex}.history-tag{color:var(--pos-teal);background:#01a2ad14;border:1px solid #01a2ad24}.history-refund-reference-text{color:#b91c1c;background:#dc26260a;border:1px solid #dc26261f;border-radius:12px;margin:0;padding:12px 14px;font-size:13px;font-weight:700}.history-financial-summary{background:#fbfdff;border:1px solid #e7eef5;border-radius:12px;flex-direction:column;gap:10px;margin-top:18px;padding:14px;display:flex}.history-f-row{color:var(--pos-text-muted);justify-content:space-between;align-items:center;gap:16px;font-size:13px;font-weight:700;display:flex}.history-f-discount{color:#b45309}.history-f-total{color:var(--pos-navy);border-top:1px solid #e7eef5;padding-top:10px;font-size:14px;font-weight:800}.history-actions-row{justify-content:flex-end;margin-top:16px;display:flex}.history-partial-refund-btn{border:1px solid var(--pos-border);background:var(--pos-white);height:40px;color:var(--pos-navy);cursor:pointer;border-radius:10px;padding:0 14px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.history-partial-refund-btn:hover{border-color:var(--pos-teal);background:#f8fcfc;transform:translateY(-2px);box-shadow:0 10px 24px #1b2a470f}.history-partial-refund-btn:active{transform:translateY(0)scale(.985)}.history-empty-state{text-align:center;border:1px dashed var(--pos-border);background:#fbfdff;border-radius:12px;padding:40px 16px}.history-empty-state h3{color:var(--pos-navy);margin:0 0 8px;font-size:18px;font-weight:800}.history-empty-state p{color:var(--pos-text-muted);margin:0;font-size:13px;font-weight:600}.history-rise-up{animation:.42s cubic-bezier(.22,1,.36,1) historyRiseUp}@keyframes historyRiseUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.history-stats-grid{grid-template-columns:1fr}.history-topbar{flex-direction:column;align-items:flex-start}}@media (max-width:680px){.history-shell{padding:20px 14px 28px}.history-header-title{font-size:24px}.history-list-card{padding:16px}.history-stat-card{min-height:108px}.history-stat-value{font-size:22px}.history-card-header{flex-direction:column;align-items:flex-start}.history-header-right{text-align:left;justify-content:space-between;width:100%}.history-item-detail-row,.history-f-row{flex-direction:column;align-items:flex-start}.history-actions-row{justify-content:stretch}.history-partial-refund-btn{width:100%}}
.stock-alert-shell{overflow:hidden}.stock-alert-status-banner{border-radius:12px;margin:0 24px 16px;padding:14px 16px}.stock-alert-status-banner.low-stock{background:#fff7cc;border:1px solid #f2dc7d}.stock-alert-status-banner.no-stock{background:#fde2e2;border:1px solid #efb1b1}.stock-alert-status-label{color:#6b7280;margin:0 0 6px;font-size:14px}.stock-alert-status-text{margin:0;font-size:38px;font-weight:800;line-height:1.05}.stock-alert-status-banner.low-stock .stock-alert-status-text{color:#9a6700}.stock-alert-status-banner.no-stock .stock-alert-status-text{color:#b42318}.stock-alert-body{flex-direction:column;gap:14px;padding:0 24px 24px;display:flex}.stock-alert-info-row{color:#243555;background:#f5f5f7;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:15px;display:flex}.stock-alert-text{color:#5f6368;margin:2px 0 0;font-size:14px;line-height:1.5}.stock-alert-actions{margin-top:4px}.stock-alert-ok-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:13px 16px;font-size:15px;font-weight:700;transition:all .2s}.stock-alert-ok-btn.low-stock{color:#2b2b2b;background:#f4c542}.stock-alert-ok-btn.low-stock:hover{background:#eab308}.stock-alert-ok-btn.no-stock{color:#fff;background:#dc3545}.stock-alert-ok-btn.no-stock:hover{background:#c82333}
#gift-receipt-portal{display:none}@media print{html,body,#root,#root *{visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}#gift-receipt-portal,#gift-receipt-portal *{visibility:visible!important;height:auto!important;display:block!important}#gift-receipt-portal{z-index:9999999!important;background:#fff!important;width:100%!important;position:absolute!important;top:0!important;left:0!important}.gift-receipt-content{width:80mm;margin:0 auto;padding:20px;color:#000!important}}.gift-store-name{text-align:center;letter-spacing:.5px;margin:0 0 4px;font-size:15px;font-weight:700}.gift-store-sub{text-align:center;color:#444;margin:2px 0;font-size:11px}.gift-title{text-align:center;letter-spacing:1px;margin:8px 0 4px;font-size:17px;font-weight:700}.gift-subtitle{text-align:center;color:#555;margin:0 0 4px;font-size:11px;font-style:italic}.gift-divider{border:none;border-top:1px solid #000;margin:10px 0}.gift-divider.dashed{border-color:#666;border-top-style:dashed}.gift-meta-section{margin:8px 0}.gift-meta{margin:3px 0;font-size:12px}.gift-items-section{margin:8px 0}.gift-items-heading{text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:11px;font-weight:700}.gift-item-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex!important}.gift-item-name{flex:1;font-size:12px}.gift-item-qty{color:#333;margin-left:12px;font-size:11px}.gift-policy-section{margin:8px 0}.gift-policy-title{text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px;font-size:11px;font-weight:700}.gift-policy-text{color:#333;margin:0 0 8px;font-size:11px;line-height:1.5}.gift-disclaimer{border:1px dashed #000;border-radius:2px;padding:4px 6px;font-size:11px;font-weight:700;line-height:1.4}.gift-footer{text-align:center;margin:4px 0;font-size:11px}.gift-footer.small{color:#666;font-size:10px}
.reprint-overlay{z-index:3000;box-sizing:border-box;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.reprint-modal{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;padding:28px;animation:.25s ease-out reprintPop;box-shadow:0 12px 40px #00000040}.pin-modal{max-width:380px}.search-modal{max-width:560px;max-height:90vh;overflow-y:auto}@keyframes reprintPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.reprint-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.reprint-title{color:#1b2a47;margin:0 0 4px;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:800}.reprint-subtitle{color:#888;margin:0;font-size:.85rem}.reprint-close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:1.1rem;transition:background .2s}.reprint-close-btn:hover{color:#555;background:#f0f0f0}.pin-dots-row{justify-content:center;gap:16px;margin-bottom:12px;display:flex}.pin-dot{border:2px solid #ccc;border-radius:50%;width:16px;height:16px;transition:all .2s}.pin-dot.filled{background:#01a2ad;border-color:#01a2ad;transform:scale(1.1)}.pin-dot.error{background:#d9534f;border-color:#d9534f;animation:.4s pinShake}@keyframes pinShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pin-error-msg{text-align:center;color:#d9534f;margin:0 0 12px;font-size:.85rem;font-weight:600}.pin-pad{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 20px;display:grid}.pin-key{color:#1b2a47;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f4f6f9;border:1px solid #e0e4ea;border-radius:10px;height:60px;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:700;transition:all .15s}.pin-key:hover:not(:disabled){color:#01a2ad;background:#e8f7f8;border-color:#01a2ad}.pin-key:active:not(:disabled){background:#d0f0f2;transform:scale(.95)}.pin-key-empty{cursor:default;background:0 0;border-color:#0000}.reprint-cancel-btn{color:#666;cursor:pointer;will-change:transform;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:.95rem;font-weight:700;transition:transform .12s,box-shadow .16s,background-color .16s,opacity .16s}.reprint-cancel-btn:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 8px 18px #0000001a}.reprint-cancel-btn:active{transform:translateY(0)scale(.98);box-shadow:0 4px 10px #00000014}.reprint-cancel-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #00000024,0 8px 18px #0000001a}.reprint-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.reprint-print-btn{color:#fff;cursor:pointer;will-change:transform;background:#01a2ad;border:none;border-radius:8px;padding:12px;font-size:.95rem;font-weight:700;transition:transform .12s,box-shadow .16s,background-color .16s,opacity .16s}.reprint-print-btn:hover{background:#0596a0;transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}.reprint-print-btn:active{opacity:.97;transform:translateY(0)scale(.98);box-shadow:0 4px 10px #0000001a}.reprint-print-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #01a2ad38,0 8px 18px #0000001f}.reprint-search-row{margin-bottom:20px}.reprint-search-input{box-sizing:border-box;border:1.5px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.reprint-search-input:focus{border-color:#01a2ad;box-shadow:0 0 0 3px #01a2ad1a}.reprint-empty-state,.reprint-not-found{text-align:center;color:#888;padding:32px 16px;font-size:.95rem;line-height:1.6}.reprint-not-found strong{color:#1b2a47}.reprint-not-found-sub{color:#aaa;margin-top:6px;font-size:.82rem}.receipt-print-area{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:24px;font-family:Inter,sans-serif;position:relative;overflow:hidden}.reprint-watermark{color:#d11c1c14;letter-spacing:.15em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:0;font-size:5rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-35deg)}.receipt-header,.receipt-items,.receipt-summary{z-index:1;position:relative}.receipt-store-name{color:#1b2a47;text-align:center;margin:0 0 2px;font-size:1.1rem;font-weight:800}.receipt-store-sub{text-align:center;color:#888;margin:0 0 12px;font-size:.8rem}.receipt-meta{color:#555;margin:3px 0;font-size:.82rem}.receipt-meta strong{color:#1b2a47}.receipt-divider{border:none;border-top:1px solid #e0e0e0;margin:12px 0}.receipt-divider.dashed{border-color:#ccc;border-top-style:dashed}.receipt-item-row{justify-content:space-between;align-items:flex-start;margin-bottom:6px;font-size:.85rem;display:flex}.receipt-item-name{color:#1b2a47;font-weight:600}.receipt-item-calc{color:#888;font-size:.78rem}.receipt-item-total{white-space:nowrap;margin-left:12px;font-weight:600}.receipt-summary-row{color:#555;justify-content:space-between;margin-bottom:4px;font-size:.85rem;display:flex}.receipt-summary-row.discount{color:#d9534f;font-weight:600}.receipt-summary-row.total-row{color:#1b2a47;margin-top:6px;font-size:1rem;font-weight:800}.receipt-footer{text-align:center;color:#aaa;margin:4px 0 0;font-size:.78rem}.receipt-footer.small{font-size:.72rem}@media print{body *{visibility:hidden!important}.receipt-print-area,.receipt-print-area *{visibility:visible!important}.receipt-print-area{border:none!important;border-radius:0!important;width:100%!important;padding:0!important;font-family:monospace!important;font-size:12px!important;position:absolute!important;top:0!important;left:0!important}.receipt-store-name{font-size:14px!important}.receipt-meta,.receipt-item-row,.receipt-summary-row,.receipt-footer{font-size:12px!important}.reprint-watermark{visibility:visible!important;color:#b400002e!important;font-size:6rem!important}.reprint-modal-header,.reprint-search-row,.reprint-actions,.no-print{display:none!important}}.receipt-store-line{margin:0;line-height:1.3}.receipt-footer.bir-line{color:#777;letter-spacing:.02em;text-transform:uppercase;margin-top:10px;font-size:.72rem;font-weight:600}@media (prefers-reduced-motion:reduce){.reprint-cancel-btn,.reprint-print-btn,.reprint-close-btn,.pin-key,.reprint-modal{transition:none!important;animation:none!important}}
.password-modal-overlay{z-index:3000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.password-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;padding:24px;box-shadow:0 20px 40px #00000026}.password-modal-title{color:#0f172a;margin:0;font-size:1.4rem;font-weight:700}.password-modal-subtitle{color:#64748b;word-break:break-word;margin-top:6px;margin-bottom:20px;font-size:.95rem}.password-form{gap:14px;display:grid}.password-field label{color:#334155;margin-bottom:6px;font-weight:600;display:block}.password-field input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px;font-size:.95rem}.password-field input:focus{border-color:#01a2ad;outline:none;box-shadow:0 0 0 3px #0ea5e91f}.password-rules{color:#475569;margin-top:16px;font-size:.9rem}.password-rules p{margin:0 0 6px;font-weight:600}.password-rules ul{margin:8px 0 0 18px;padding:0}.password-alert{border-radius:10px;margin-top:14px;padding:12px 14px;font-size:.92rem;font-weight:500}.password-alert.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.password-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.password-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.password-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-weight:600}.password-btn.cancel{color:#0f172a;background:#e2e8f0}.password-btn.save{color:#fff;background:#01a2ad}.password-btn:disabled{opacity:.7;cursor:not-allowed}
:root{--pos-navy:#1b2a47;--pos-teal:#01a2ad;--pos-bg:#f8fafc;--pos-white:#fff;--pos-border:#dbe4ef;--pos-text-muted:#64748b;--pos-text-soft:#94a3b8;--pos-shadow-sm:0 6px 18px #1b2a470d;--pos-shadow-md:0 14px 34px #1b2a4714}.role-management-view{background:var(--pos-bg);width:100%;min-height:100%}.role-shell{width:100%;max-width:1240px;margin:0 auto;padding:38px 22px 36px}.role-topbar{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.role-eyebrow{letter-spacing:.14em;color:var(--pos-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.role-header-title{color:var(--pos-navy);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800;line-height:1.1}.role-surface{background:var(--pos-white);border:1px solid var(--pos-border);box-shadow:var(--pos-shadow-sm);border-radius:14px}.interactive-surface{transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s}.interactive-surface:hover{box-shadow:var(--pos-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.interactive-surface:active{transform:translateY(-1px)scale(.997)}.role-users-badge{align-items:center;gap:14px;min-width:180px;padding:14px 16px;display:flex}.role-users-icon-wrap{background:#01a2ad14;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.role-users-icon{object-fit:contain;width:24px;height:24px}.role-users-text-group{flex-direction:column;align-items:flex-start;display:flex}.role-users-number{color:var(--pos-navy);font-size:24px;font-weight:800;line-height:1}.role-users-label{color:var(--pos-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px;font-weight:700}.role-toolbar{margin-bottom:16px;padding:14px}.role-search-input{border:1px solid var(--pos-border);width:100%;height:46px;color:var(--pos-navy);box-sizing:border-box;background:#fbfdff;border-radius:10px;outline:none;padding:0 15px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s,background-color .2s}.role-search-input:focus{border-color:var(--pos-teal);background:var(--pos-white);box-shadow:0 0 0 3px #01a2ad1a}.role-list-panel{padding:14px}.role-scroll-container{max-height:calc(100vh - 290px);padding-bottom:100px;padding-right:4px;overflow-y:auto}.role-scroll-container::-webkit-scrollbar{width:6px}.role-scroll-container::-webkit-scrollbar-thumb{background:#cfd9e6;border-radius:999px}.role-management-list{gap:14px;display:grid}.role-user-card{opacity:0;z-index:1;background:#fbfdff;border:1px solid #e7eef5;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:16px;animation:.38s forwards roleCardRise;display:flex;position:relative}.role-user-card:has(.custom-dropdown-trigger.active){z-index:50}.role-user-main{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.role-user-avatar{width:46px;height:46px;color:var(--pos-teal);background:#01a2ad1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.role-user-info{flex:1;min-width:0}.role-user-name-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px;display:flex}.role-user-name{color:var(--pos-navy);letter-spacing:-.01em;font-size:15px;font-weight:800}.role-user-email{color:var(--pos-text-muted);word-break:break-word;font-size:13px;font-weight:500}.role-user-status{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;align-items:center;gap:6px;min-height:26px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.role-user-status.active{color:var(--pos-teal);background:#01a2ad1a;border:1px solid #01a2ad33}.role-user-status.inactive{color:#607086;background:#eef3f8;border:1px solid #dbe4ef}.role-user-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.custom-dropdown-container{width:160px;position:relative}.custom-dropdown-trigger{border:1px solid var(--pos-border);background:var(--pos-white);width:100%;height:40px;color:var(--pos-navy);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .15s,background-color .2s;display:flex}.custom-dropdown-trigger:hover,.custom-dropdown-trigger.active{border-color:var(--pos-teal);box-shadow:0 0 0 3px #01a2ad14}.custom-dropdown-trigger:active{transform:scale(.99)}.dropdown-chevron{transition:transform .24s,color .24s}.custom-dropdown-trigger.active .dropdown-chevron{color:var(--pos-teal);transform:rotate(180deg)}.custom-dropdown-menu{background:var(--pos-white);border:1px solid var(--pos-border);z-index:1000;border-radius:12px;animation:.18s ease-out roleDropdownRise;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #1b2a4733}.dropdown-item{color:var(--pos-navy);cursor:pointer;padding:11px 12px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s}.dropdown-item:hover{color:var(--pos-teal);background:#01a2ad14}.dropdown-item.selected{background:var(--pos-teal);color:var(--pos-white)}.role-save-btn,.role-secondary-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;height:40px;padding:0 16px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .2s,background-color .2s,border-color .2s,color .2s,opacity .2s}.role-save-btn{background:var(--pos-teal);color:var(--pos-white);box-shadow:0 8px 18px #01a2ad2e}.role-save-btn:hover:not(:disabled){background:#018d97;transform:translateY(-1px)}.role-save-btn:active:not(:disabled){transform:translateY(0)scale(.99)}.role-save-btn.changed{box-shadow:0 0 0 3px #01a2ad1a,0 8px 18px #01a2ad2e}.role-save-btn:disabled{opacity:.65;cursor:not-allowed}.role-secondary-btn{background:var(--pos-white);color:var(--pos-navy);border-color:var(--pos-border)}.role-secondary-btn:hover{border-color:var(--pos-teal);color:var(--pos-teal);background:#fbfeff;transform:translateY(-1px)}.role-secondary-btn:active{transform:translateY(0)scale(.99)}.role-management-alert{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:700;animation:.22s ease-out roleDropdownRise;display:flex}.role-management-alert.success{color:#017b84;background:#01a2ad14;border-color:#01a2ad29}.role-management-alert.error{color:#b42318;background:#fff4f4;border-color:#f3c9c9}.role-empty-state{text-align:center;color:var(--pos-text-muted);padding:48px 20px;font-size:14px;font-weight:600}.inline-loading-container{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:24px;display:flex}.inline-spinner{border:3px solid #01a2ad29;border-top-color:var(--pos-teal);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite roleSpin}.inline-loading-text{color:var(--pos-text-muted);font-size:14px;font-weight:700}.role-rise-up{animation:.42s cubic-bezier(.22,1,.36,1) rolePageRise}@keyframes rolePageRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes roleCardRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes roleDropdownRise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes roleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:980px){.role-topbar{flex-direction:column;align-items:stretch}.role-users-badge{justify-content:center;width:100%}.role-user-card{flex-direction:column;align-items:stretch}.role-user-actions{flex-wrap:wrap;width:100%}.custom-dropdown-container{width:100%}.role-save-btn,.role-secondary-btn{flex:1}}@media (max-width:680px){.role-shell{padding:20px 14px 28px}.role-header-title{font-size:24px}.role-user-main{align-items:flex-start}.role-user-name-row{flex-direction:column;align-items:flex-start;gap:6px}.role-user-actions{flex-direction:column;align-items:stretch}.role-save-btn,.role-secondary-btn{width:100%}}
:root{--brand-teal:#00a3ad;--brand-teal-light:#e0f2f1;--brand-teal-hover:#008a94;--brand-dark:#1e293b;--brand-gray:#64748b;--brand-border:#e2e8f0;--brand-bg:#f8fafc;--white:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000000d}html,body,#root,#__next{height:100%;margin:0;overflow:hidden}.shift-report-page{background-color:var(--brand-bg);height:100vh;overflow:hidden}.shift-report-container{box-sizing:border-box;background-color:var(--brand-bg);flex-direction:column;max-width:1070px;height:90%;margin:0 auto;padding:62px 2rem 2rem;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.shift-report-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-left{flex-direction:column;display:flex}.shift-title{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:700}.shift-subtitle{color:var(--brand-gray);margin:4px 0 0;font-size:.95rem}.header-right{align-items:center;gap:12px;display:flex}.user-stat-group{align-items:center;gap:40px;display:flex}.user-stat-icon{color:#1b2a47;object-fit:contain;width:62px;height:62px;margin-top:10px}.user-stat-text{flex-direction:column;justify-content:center;display:flex}.user-stat-number{color:#111827;margin-left:12px;margin-right:55px;font-size:1.8rem;font-weight:500;line-height:1.7}.user-stat-label{text-transform:uppercase;color:#6b7280;margin-top:5px;margin-right:55px;font-size:.8rem;font-weight:500}.shift-toolbar{border:1px solid var(--brand-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;flex-shrink:0;align-items:center;gap:16px;margin-bottom:24px;padding:12px;display:flex}.search-wrapper{flex:2;align-items:center;display:flex;position:relative}.search-icon{color:var(--brand-teal);pointer-events:none;z-index:1;position:absolute;left:14px}.shift-input-search{border:1px solid var(--brand-border);background:var(--brand-bg);border-radius:8px;width:100%;height:44px;padding:0 12px 0 42px;font-size:.95rem;transition:all .2s}.shift-input-search:focus{border-color:var(--brand-teal);background:#fff;outline:none;box-shadow:0 0 0 3px #00a3ad1a}.custom-dropdown{flex:1;min-width:180px;position:relative}.dropdown-trigger{border:1px solid var(--brand-border);cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;height:44px;padding:0 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.dropdown-trigger:hover{border-color:var(--brand-teal)}.dropdown-menu{border:1px solid var(--brand-border);z-index:100;background:#fff;border-radius:8px;width:100%;padding:4px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.dropdown-item{cursor:pointer;color:var(--brand-dark);border-radius:6px;padding:10px 14px;font-size:.9rem}.dropdown-item:hover{background:var(--brand-teal-light);color:var(--brand-teal)}.dropdown-item.selected{background:var(--brand-teal);color:#fff}.shift-btn-refresh{background:var(--brand-teal);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;height:44px;padding:0 24px;font-weight:600;transition:background .2s}.shift-btn-refresh:hover{background:var(--brand-teal-hover)}.shift-summary-grid{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.summary-card{border:1px solid var(--brand-border);background:#fff;border-radius:12px;padding:20px}.summary-label{color:var(--brand-gray);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.summary-value{margin-top:8px;font-size:1.5rem;font-weight:800;display:block}.summary-value small{color:var(--brand-gray);font-size:.8rem}.shift-list{scroll-behavior:smooth;flex:1;min-height:0;padding-bottom:20px;padding-right:8px;overflow:hidden auto}.shift-list::-webkit-scrollbar{width:6px}.shift-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.shift-item-row{border:1px solid var(--brand-border);background:#fff;border-radius:12px;grid-template-columns:2fr 1.2fr 1fr 140px;align-items:start;gap:16px;margin-bottom:12px;padding:18px 24px;transition:transform .2s,box-shadow .2s;display:grid}.shift-item-row:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-info{align-items:center;gap:16px;display:flex}.user-name{color:var(--brand-dark);font-size:1.05rem;font-weight:700;line-height:1.2}.user-email{color:var(--brand-gray);margin-top:2px;font-size:.85rem}.avatar-box{background:var(--brand-teal-light);width:42px;height:42px;color:var(--brand-teal);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.time-capsule{background:#f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;margin:0 10px;padding:10px 18px;display:flex}.time-unit label{color:var(--brand-gray);text-transform:uppercase;margin-bottom:2px;font-size:.65rem;font-weight:700;display:block}.time-unit span{color:var(--brand-dark);white-space:nowrap;font-size:.95rem;font-weight:700}.time-arrow{color:#cbd5e1;padding:0 8px;font-weight:700}.duration-info{text-align:center}.duration-info label{color:var(--brand-gray);letter-spacing:.5px;font-size:.65rem;font-weight:800;display:block}.duration-info span{color:var(--brand-teal);font-size:1.25rem;font-weight:800}.status-col{justify-content:flex-end;display:flex}.status-indicator{text-align:center;border-radius:20px;min-width:100px;padding:6px 16px;font-size:.8rem;font-weight:700}.status-active{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.status-closed{color:#64748b;border:1px solid var(--brand-border);background:#f1f5f9}.handover-notes-grid{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px;display:grid}.handover-note-box{border:1px solid var(--brand-border);background:#f8fafc;border-radius:10px;padding:12px}.handover-note-box label{color:var(--brand-gray);text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:800;display:block}.handover-note-box p{color:var(--brand-dark);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.9rem;line-height:1.5}.loading-state{text-align:center;color:var(--brand-gray);padding:40px;font-weight:500}.inline-loading-container{color:var(--brand-gray);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.inline-spinner{border:3px solid #e2e8f0;border-top-color:var(--brand-teal);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin}.inline-loading-text{font-size:.95rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide{opacity:0;animation:.3s forwards slideIn}@media (max-width:1024px){.shift-report-container{padding:1.5rem}.shift-item-row{grid-template-columns:1fr}.status-col{justify-content:flex-start}}@media (max-width:768px){.shift-report-header{flex-direction:column;align-items:flex-start;gap:16px}.shift-summary-grid{grid-template-columns:1fr}.shift-toolbar{flex-direction:column;align-items:stretch}.handover-notes-grid{grid-template-columns:1fr}}
:root{--pos-navy:#1b2a47;--pos-teal:#01a2ad;--pos-bg:#f8fafc;--pos-white:#fff;--pos-border:#dbe4ef;--pos-text-muted:#64748b;--pos-text-soft:#94a3b8;--pos-row-bg:#fbfdff;--pos-shadow-sm:0 6px 18px #1b2a470d;--pos-shadow-md:0 14px 34px #1b2a4714}html,body,#root,#__next{height:100%;margin:0;overflow:hidden}.activity-log-page{background:var(--pos-bg);height:89vh;overflow:hidden}.activity-log-view{background:var(--pos-bg);width:100%;height:100%;overflow:hidden}.activity-log-shell{box-sizing:border-box;flex-direction:column;width:100%;max-width:1070px;height:100%;margin:0 auto;padding:62px 22px 24px;animation:.42s cubic-bezier(.22,1,.36,1) activityLogRiseUp;display:flex;overflow:hidden}@keyframes activityLogRiseUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.activity-log-topbar{flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.activity-log-eyebrow{letter-spacing:.14em;color:var(--pos-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.activity-log-title{color:var(--pos-navy);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800;line-height:1.1}.activity-log-subtitle{color:var(--pos-text-muted);margin:8px 0 0;font-size:14px;line-height:1.5}.activity-log-count-card{background:var(--pos-white);border:1px solid var(--pos-border);min-width:200px;box-shadow:var(--pos-shadow-sm);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.activity-log-count-card:hover{box-shadow:var(--pos-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.activity-log-count-icon-wrap{background:#01a2ad14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.activity-log-count-icon{color:var(--pos-teal);font-size:22px}.activity-log-count-text{flex-direction:column;display:flex}.activity-log-count-number{color:var(--pos-navy);font-size:26px;font-weight:800;line-height:1}.activity-log-count-label{color:var(--pos-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:12px;font-weight:700}.activity-log-stats-grid{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.activity-log-stat-card{background:var(--pos-white);border:1px solid var(--pos-border);box-shadow:var(--pos-shadow-sm);border-radius:14px;padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s}.activity-log-stat-card:hover{box-shadow:var(--pos-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.activity-log-stat-label{color:var(--pos-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.activity-log-stat-value{color:var(--pos-navy);letter-spacing:-.03em;margin:8px 0 0;font-size:28px;font-weight:800;line-height:1.05}.activity-log-toolbar{background:var(--pos-white);border:1px solid var(--pos-border);box-shadow:var(--pos-shadow-sm);border-radius:14px;flex-shrink:0;align-items:center;gap:12px;margin-bottom:20px;padding:14px;display:flex}.activity-log-search-wrapper{flex:1.6;min-width:260px;position:relative}.activity-log-search-icon{color:var(--pos-teal);opacity:.85;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.activity-log-input{border:1px solid var(--pos-border);background:var(--pos-bg);width:100%;height:44px;color:var(--pos-navy);box-sizing:border-box;border-radius:10px;outline:none;padding:0 14px 0 42px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.activity-log-input:focus{border-color:var(--pos-teal);background:var(--pos-white);box-shadow:0 0 0 3px #01a2ad1a}.activity-log-dropdown{flex:.75;min-width:190px;position:relative}.activity-log-dropdown-trigger{border:1px solid var(--pos-border);background:var(--pos-white);width:100%;height:44px;color:var(--pos-navy);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.activity-log-dropdown-trigger:hover,.activity-log-dropdown-trigger.active{border-color:var(--pos-teal);box-shadow:0 0 0 3px #01a2ad14}.activity-log-dropdown-trigger:active{transform:translateY(1px)}.activity-log-dropdown-menu{background:var(--pos-white);border:1px solid var(--pos-border);z-index:30;border-radius:12px;width:100%;max-height:240px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 16px 34px #1b2a471f}.activity-log-dropdown-menu::-webkit-scrollbar{width:6px}.activity-log-dropdown-menu::-webkit-scrollbar-thumb{background:#c9d6e3;border-radius:999px}.activity-log-dropdown-item{color:var(--pos-navy);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:14px;transition:background .18s,color .18s,transform .18s}.activity-log-dropdown-item:hover{color:var(--pos-teal);background:#01a2ad14;transform:translate(2px)}.activity-log-dropdown-item.selected{background:var(--pos-teal);color:var(--pos-white);font-weight:700}.activity-log-date-picker{border:1px solid var(--pos-border);background:var(--pos-white);min-width:160px;height:44px;color:var(--pos-navy);border-radius:10px;outline:none;padding:0 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.activity-log-date-picker:focus{border-color:var(--pos-teal);box-shadow:0 0 0 3px #01a2ad1a}.activity-log-button-group{flex-shrink:0;gap:10px;display:flex}.activity-log-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .2s,border-color .2s,background .2s,color .2s;display:inline-flex}.activity-log-btn:hover{transform:translateY(-2px)}.activity-log-btn:active{transform:translateY(0)}.activity-log-btn-primary{background:var(--pos-teal);color:var(--pos-white);box-shadow:0 10px 22px #01a2ad2e}.activity-log-btn-primary:hover{background:#01949e}.activity-log-btn-secondary{background:var(--pos-white);color:var(--pos-navy);border-color:var(--pos-border)}.activity-log-btn-secondary:hover{background:var(--pos-bg);border-color:#01a2ad47}.activity-log-table-card{background:var(--pos-white);border:1px solid var(--pos-border);box-shadow:var(--pos-shadow-sm);border-radius:14px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.activity-log-table-wrap{flex:1;width:100%;min-height:0;overflow:auto}.activity-log-table-wrap::-webkit-scrollbar{width:8px;height:8px}.activity-log-table-wrap::-webkit-scrollbar-thumb{background:#c9d6e3;border-radius:999px}.activity-log-table thead th{text-align:left;letter-spacing:.05em;color:var(--pos-text-muted);border-bottom:1px solid var(--pos-border);z-index:2;background:#f9fbfd;padding:16px 18px;font-size:12px;font-weight:800;position:sticky;top:0}.activity-log-table thead th:first-child,.activity-log-table tbody td:first-child{width:24%}.activity-log-table thead th:nth-child(2),.activity-log-table tbody td:nth-child(2){width:16%}.activity-log-table thead th:nth-child(3),.activity-log-table tbody td:nth-child(3){width:30%}.activity-log-table thead th:nth-child(4),.activity-log-table tbody td:nth-child(4){width:12%}.activity-log-table thead th:nth-child(5),.activity-log-table tbody td:nth-child(5){width:18%}.activity-log-table tbody td{vertical-align:middle;background:var(--pos-white);border-bottom:1px solid #edf2f7;padding:16px 18px;transition:background .18s}.activity-log-table tbody tr:hover td{background:var(--pos-row-bg)}.activity-log-user-cell{align-items:center;gap:12px;display:flex}.activity-log-avatar{width:38px;height:38px;color:var(--pos-teal);background:#01a2ad14;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.activity-log-user-name{color:var(--pos-navy);font-size:14px;font-weight:700}.activity-log-user-email{color:var(--pos-text-muted);margin-top:2px;font-size:12px}.activity-log-badge{min-height:30px;color:var(--pos-navy);text-transform:uppercase;letter-spacing:.04em;background:#1b2a4714;border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.activity-log-details-cell{width:100%;color:var(--pos-text-muted);white-space:normal;overflow-wrap:anywhere;word-break:break-word;vertical-align:top;font-size:12px;line-height:1.45}.activity-log-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:980px}.activity-log-table tbody td{vertical-align:top;background:var(--pos-white);border-bottom:1px solid #edf2f7;padding:16px 18px}.activity-log-meta{color:var(--pos-text-muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.activity-log-empty-state{text-align:center;color:var(--pos-text-muted);padding:56px 20px;font-size:15px;font-weight:600}.inline-loading-container{min-height:220px;color:var(--pos-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.inline-spinner{border:3px solid #e2e8f0;border-top-color:var(--pos-teal);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite activityLogSpin}.inline-loading-text{font-size:14px;font-weight:600}.spin{animation:1s linear infinite activityLogSpin}@keyframes activityLogSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1100px){.activity-log-topbar{flex-direction:column;align-items:flex-start}.activity-log-count-card{width:100%;max-width:320px}.activity-log-stats-grid{grid-template-columns:1fr}.activity-log-toolbar{flex-wrap:wrap}.activity-log-search-wrapper{flex:100%}}@media (max-width:680px){.activity-log-shell{padding:20px 14px}.activity-log-title{font-size:24px}.activity-log-toolbar{padding:12px}.activity-log-dropdown,.activity-log-date-picker,.activity-log-button-group{width:100%}.activity-log-button-group{flex-wrap:wrap}.activity-log-btn{flex:1}}
:root{--hs-navy:#1b2a47;--hs-teal:#01a2ad;--hs-bg:#f8fafc;--hs-white:#fff;--hs-border:#dbe4ef;--hs-text:#1b2a47;--hs-muted:#64748b;--hs-soft:#94a3b8;--hs-shadow-sm:0 6px 18px #1b2a470d;--hs-shadow-md:0 14px 34px #1b2a4714}.hs-view{background:0 0;width:100%}.hs-shell{width:100%;max-width:1240px;margin:0 auto;padding:8px 4px 4px}.hs-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.hs-eyebrow{letter-spacing:.14em;color:var(--hs-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.hs-title{color:var(--hs-navy);letter-spacing:-.03em;margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.1}.hs-subtitle{color:var(--hs-muted);margin:0;font-size:13px}.hs-action-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hs-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .2s,background-color .2s,border-color .2s,color .2s;display:inline-flex}.hs-btn-secondary{background:var(--hs-white);color:var(--hs-navy);border-color:var(--hs-border)}.hs-btn-secondary:hover{border-color:var(--hs-teal);color:var(--hs-teal);background:#fbfeff;transform:translateY(-1px)}.hs-btn-primary{background:var(--hs-teal);color:var(--hs-white);box-shadow:0 8px 18px #01a2ad2e}.hs-btn-primary:hover{background:#018d97;transform:translateY(-1px)}.hs-btn:active{transform:translateY(0)scale(.99)}.hs-card{background:var(--hs-white);border:1px solid var(--hs-border);box-shadow:var(--hs-shadow-sm);border-radius:14px;margin-bottom:16px;padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s}.hs-card:hover{box-shadow:var(--hs-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.hs-filter-card{padding:0;overflow:hidden}.hs-filter-top{padding:16px 18px 0}.hs-filter-label{color:var(--hs-muted);font-size:13px;font-weight:700}.hs-filter-body{padding:16px 18px 18px}.hs-date-control{border:1px solid var(--hs-border);background:#fbfdff;border-radius:10px;align-items:center;width:fit-content;min-width:260px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:inline-flex;overflow:hidden}.hs-date-control:focus-within{border-color:var(--hs-teal);background:var(--hs-white);box-shadow:0 0 0 3px #01a2ad1a}.hs-date-prefix{height:42px;color:var(--hs-soft);border-right:1px solid var(--hs-border);align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.hs-date-input{height:42px;color:var(--hs-text);cursor:pointer;background:0 0;border:none;outline:none;padding:0 14px;font-size:13px;font-weight:700}.hs-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.hs-card-title{color:var(--hs-navy);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:800}.hs-chart-container{width:100%;height:400px}.hs-tooltip{border:1px solid var(--hs-border);background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 12px 30px #1b2a4714}.hs-tooltip-title{color:var(--hs-navy);margin:0 0 6px;font-size:13px;font-weight:800}.hs-tooltip-line{margin:0;font-size:13px;font-weight:700}.hs-tooltip-line-sales{color:var(--hs-navy)}.hs-tooltip-line-transactions{color:var(--hs-teal)}.hs-tooltip-line-average{color:#4a6288}.hs-table-wrap{width:100%;overflow-x:auto}.hs-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.hs-table thead tr{border-bottom:2px solid #edf3f8}.hs-table th{color:var(--hs-muted);letter-spacing:.04em;text-transform:uppercase;padding:12px 8px;font-size:12px;font-weight:800}.hs-table tbody tr{border-bottom:1px solid #f2f6fa;transition:background-color .18s}.hs-table tbody tr:hover{background:#fbfdff}.hs-table td{color:#475569;vertical-align:middle;padding:14px 8px;font-weight:600}.hs-hour-cell{color:#0f172a;font-weight:700}.align-right{text-align:right}.strong{color:#0f172a;font-weight:800}.inline-loading-container{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:24px;display:flex}.inline-spinner{border:3px solid #01a2ad29;border-top-color:var(--hs-teal);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite hsSpin}.inline-loading-text{color:var(--hs-muted);font-size:14px;font-weight:700}.hs-rise-up{animation:.42s cubic-bezier(.22,1,.36,1) hsPageRise}@keyframes hsPageRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:900px){.hs-header{flex-direction:column;align-items:stretch}.hs-action-buttons{width:100%}}@media (max-width:680px){.hs-title{font-size:24px}.hs-shell{padding:8px 0 4px}.hs-card{padding:16px}.hs-filter-card{padding:0}.hs-date-control{width:100%;min-width:0}.hs-action-buttons{flex-direction:column;align-items:stretch}.hs-btn{justify-content:center;width:100%}.hs-chart-container{height:340px}}
:root{--pprv-navy:#1b2a47;--pprv-teal:#01a2ad;--pprv-bg:#f8fafc;--pprv-white:#fff;--pprv-border:#dbe4ef;--pprv-text:#1b2a47;--pprv-muted:#64748b;--pprv-soft:#94a3b8;--pprv-shadow-sm:0 6px 18px #1b2a470d;--pprv-shadow-md:0 14px 34px #1b2a4714}.pprv-view{background:0 0;width:100%}.pprv-shell{width:100%;max-width:1240px;margin:0 auto;padding:8px 4px 4px}.pprv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.pprv-eyebrow{letter-spacing:.14em;color:var(--pprv-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.pprv-title{color:var(--pprv-navy);letter-spacing:-.03em;margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.1}.pprv-subtitle{color:var(--pprv-muted);margin:0;font-size:13px}.pprv-filter-wrap{align-items:center;gap:10px;display:flex}.pprv-filter-label{color:var(--pprv-muted);font-size:13px;font-weight:700}.pprv-dropdown-container{width:220px;position:relative}.pprv-dropdown-container .custom-dropdown-trigger{border:1px solid var(--pprv-border);background:var(--pprv-white);width:100%;height:40px;color:var(--pprv-navy);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .15s,background-color .2s;display:flex}.pprv-dropdown-container .custom-dropdown-trigger:hover,.pprv-dropdown-container .custom-dropdown-trigger.active{border-color:var(--pprv-teal);box-shadow:0 0 0 3px #01a2ad14}.pprv-dropdown-container .custom-dropdown-trigger:active{transform:scale(.99)}.pprv-dropdown-container .dropdown-chevron{transition:transform .24s,color .24s}.pprv-dropdown-container .custom-dropdown-trigger.active .dropdown-chevron{color:var(--pprv-teal);transform:rotate(180deg)}.pprv-dropdown-container .custom-dropdown-menu{background:var(--pprv-white);border:1px solid var(--pprv-border);z-index:1000;border-radius:12px;max-height:260px;animation:.18s ease-out pprvDropdownRise;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 28px #1b2a4733}.pprv-dropdown-container .custom-dropdown-menu::-webkit-scrollbar{width:6px}.pprv-dropdown-container .custom-dropdown-menu::-webkit-scrollbar-thumb{background:#cfd9e6;border-radius:999px}.pprv-dropdown-container .dropdown-item{color:var(--pprv-navy);cursor:pointer;padding:11px 12px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s}.pprv-dropdown-container .dropdown-item:hover{color:var(--pprv-teal);background:#01a2ad14}.pprv-dropdown-container .dropdown-item.selected{background:var(--pprv-teal);color:var(--pprv-white)}.pprv-surface{background:var(--pprv-white);border:1px solid var(--pprv-border);box-shadow:var(--pprv-shadow-sm);border-radius:14px}.pprv-surface-hover{transition:transform .22s,box-shadow .22s,border-color .22s}.pprv-surface-hover:hover{box-shadow:var(--pprv-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.pprv-stack-grid{grid-template-columns:1fr;gap:16px;display:grid}.pprv-table-card{padding:18px}.pprv-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.pprv-card-title{color:var(--pprv-navy);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:800}.pprv-title-with-icon{align-items:center;gap:10px;display:inline-flex}.pprv-title-icon{width:18px;height:18px;color:var(--pprv-navy);flex-shrink:0}.pprv-table-wrap{width:100%;overflow-x:auto}.pprv-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.pprv-table thead tr{border-bottom:2px solid #edf3f8}.pprv-table th{color:var(--pprv-muted);letter-spacing:.04em;text-transform:uppercase;padding:12px 8px;font-size:12px;font-weight:800}.pprv-table tbody tr{border-bottom:1px solid #f2f6fa;transition:background-color .18s}.pprv-table tbody tr:hover{background:#fbfdff}.pprv-table td{color:#475569;vertical-align:middle;padding:14px 8px;font-weight:600}.pprv-rank-cell{font-weight:700;color:var(--pprv-soft)!important}.pprv-product-cell{color:#0f172a!important;font-weight:700!important}.pprv-value-inline{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.align-right{text-align:right}.strong{color:#0f172a!important;font-weight:700!important}.pprv-margin-cell{font-weight:700}.pprv-margin-cell.is-positive{color:var(--pprv-teal)}.pprv-margin-cell.is-na{color:#b8c4d3}.pprv-trend{white-space:nowrap;font-size:11px;font-weight:700}.pprv-trend.up{color:var(--pprv-teal)}.pprv-trend.down{color:#64748b}.pprv-trend.neutral{color:var(--pprv-soft)}.pprv-empty-cell{text-align:center;font-weight:600;color:var(--pprv-soft)!important;padding:30px!important}.pprv-rise-up{animation:.42s cubic-bezier(.22,1,.36,1) pprvRiseUp}@keyframes pprvRiseUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pprvDropdownRise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:680px){.pprv-title{font-size:24px}.pprv-filter-wrap{justify-content:space-between;width:100%}.pprv-dropdown-container{width:170px}.pprv-table-card{padding:16px}}
:root{--pmrv-navy:#1b2a47;--pmrv-teal:#01a2ad;--pmrv-bg:#f8fafc;--pmrv-white:#fff;--pmrv-border:#dbe4ef;--pmrv-text:#1b2a47;--pmrv-muted:#64748b;--pmrv-soft:#94a3b8;--pmrv-shadow-sm:0 6px 18px #1b2a470d;--pmrv-shadow-md:0 14px 34px #1b2a4714}.pmrv-view{background:0 0;width:100%}.pmrv-shell{width:100%;max-width:1240px;margin:0 auto;padding:8px 4px 4px}.pmrv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.pmrv-eyebrow{letter-spacing:.14em;color:var(--pmrv-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.pmrv-title{color:var(--pmrv-navy);letter-spacing:-.03em;margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.1}.pmrv-subtitle{color:var(--pmrv-muted);margin:0;font-size:13px}.pmrv-filter-wrap{align-items:center;gap:10px;display:flex}.pmrv-filter-label{color:var(--pmrv-muted);font-size:13px;font-weight:700}.pmrv-dropdown-container{width:180px;position:relative}.pmrv-dropdown-container .custom-dropdown-trigger{border:1px solid var(--pmrv-border);background:var(--pmrv-white);width:100%;height:40px;color:var(--pmrv-navy);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .15s,background-color .2s;display:flex}.pmrv-dropdown-container .custom-dropdown-trigger:hover,.pmrv-dropdown-container .custom-dropdown-trigger.active{border-color:var(--pmrv-teal);box-shadow:0 0 0 3px #01a2ad14}.pmrv-dropdown-container .custom-dropdown-trigger:active{transform:scale(.99)}.pmrv-dropdown-container .dropdown-chevron{transition:transform .24s,color .24s}.pmrv-dropdown-container .custom-dropdown-trigger.active .dropdown-chevron{color:var(--pmrv-teal);transform:rotate(180deg)}.pmrv-dropdown-container .custom-dropdown-menu{background:var(--pmrv-white);border:1px solid var(--pmrv-border);z-index:1000;border-radius:12px;animation:.18s ease-out pmrvDropdownRise;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #1b2a4733}.pmrv-dropdown-container .dropdown-item{color:var(--pmrv-navy);cursor:pointer;padding:11px 12px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s}.pmrv-dropdown-container .dropdown-item:hover{color:var(--pmrv-teal);background:#01a2ad14}.pmrv-dropdown-container .dropdown-item.selected{background:var(--pmrv-teal);color:var(--pmrv-white)}.pmrv-surface{background:var(--pmrv-white);border:1px solid var(--pmrv-border);box-shadow:var(--pmrv-shadow-sm);border-radius:14px}.pmrv-surface-hover{transition:transform .22s,box-shadow .22s,border-color .22s}.pmrv-surface-hover:hover{box-shadow:var(--pmrv-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.pmrv-main-grid{grid-template-columns:1fr 1.35fr;gap:16px;display:grid}.pmrv-chart-card,.pmrv-table-card{padding:18px}.pmrv-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.pmrv-card-title{color:var(--pmrv-navy);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:800}.pmrv-chart-area{width:100%;height:280px}.pmrv-legend{flex-wrap:wrap;justify-content:center;gap:14px 18px;margin-top:8px;display:flex}.pmrv-legend-item{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.pmrv-legend-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.pmrv-table-wrap{width:100%;overflow-x:auto}.pmrv-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.pmrv-table thead tr{border-bottom:2px solid #edf3f8}.pmrv-table th{color:var(--pmrv-muted);letter-spacing:.04em;text-transform:uppercase;padding:12px 8px;font-size:12px;font-weight:800}.pmrv-table tbody tr{border-bottom:1px solid #f2f6fa;transition:background-color .18s}.pmrv-table tbody tr:hover{background:#fbfdff}.pmrv-table td{color:#475569;vertical-align:top;padding:15px 8px;font-weight:600}.pmrv-method-cell{align-items:center;gap:10px;display:flex;color:#0f172a!important;font-weight:700!important}.pmrv-method-dot{border-radius:999px;flex-shrink:0;width:10px;height:10px}.align-right{text-align:right}.strong{color:#0f172a!important;font-weight:700!important}.muted{color:var(--pmrv-muted)!important}.pmrv-trend-wrap{margin-top:4px}.pmrv-trend{font-size:12px;font-weight:700}.pmrv-trend.up{color:#01a2ad}.pmrv-trend.down{color:#64748b}.pmrv-trend.neutral{color:var(--pmrv-soft)}.pmrv-empty-cell{text-align:center;font-weight:600;color:var(--pmrv-soft)!important;padding:30px!important}.pmrv-tooltip{border:1px solid var(--pmrv-border);background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 12px 30px #1b2a4714}.pmrv-tooltip-text{color:var(--pmrv-navy);font-size:13px;font-weight:700}.recharts-pie-label{fill:var(--pmrv-navy);font-size:10px;font-weight:600}.recharts-pie-sector:hover{opacity:.86;cursor:pointer}.pmrv-rise-up{animation:.42s cubic-bezier(.22,1,.36,1) pmrvRiseUp}@keyframes pmrvRiseUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pmrvDropdownRise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.pmrv-main-grid{grid-template-columns:1fr}}@media (max-width:680px){.pmrv-title{font-size:24px}.pmrv-filter-wrap{justify-content:space-between;width:100%}.pmrv-dropdown-container{width:150px}.pmrv-chart-card,.pmrv-table-card{padding:16px}.pmrv-chart-area{height:240px}}
:root{--durv-navy:#1b2a47;--durv-teal:#01a2ad;--durv-bg:#f8fafc;--durv-white:#fff;--durv-border:#dbe4ef;--durv-text:#1b2a47;--durv-muted:#64748b;--durv-soft:#94a3b8;--durv-shadow-sm:0 6px 18px #1b2a470d;--durv-shadow-md:0 14px 34px #1b2a4714}.durv-view{background:0 0;width:100%}.durv-shell{width:100%;max-width:1240px;margin:0 auto;padding:8px 4px 4px}.durv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.durv-eyebrow{letter-spacing:.14em;color:var(--durv-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.durv-title{color:var(--durv-navy);letter-spacing:-.03em;margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.1}.durv-subtitle{color:var(--durv-muted);margin:0;font-size:13px}.durv-filter-wrap{align-items:center;gap:10px;display:flex}.durv-filter-label{color:var(--durv-muted);font-size:13px;font-weight:700}.durv-dropdown-container{width:180px;position:relative}.durv-dropdown-container .custom-dropdown-trigger{border:1px solid var(--durv-border);background:var(--durv-white);width:100%;height:40px;color:var(--durv-navy);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .15s,background-color .2s;display:flex}.durv-dropdown-container .custom-dropdown-trigger:hover,.durv-dropdown-container .custom-dropdown-trigger.active{border-color:var(--durv-teal);box-shadow:0 0 0 3px #01a2ad14}.durv-dropdown-container .custom-dropdown-trigger:active{transform:scale(.99)}.durv-dropdown-container .dropdown-chevron{transition:transform .24s,color .24s}.durv-dropdown-container .custom-dropdown-trigger.active .dropdown-chevron{color:var(--durv-teal);transform:rotate(180deg)}.durv-dropdown-container .custom-dropdown-menu{background:var(--durv-white);border:1px solid var(--durv-border);z-index:1000;border-radius:12px;animation:.18s ease-out durvDropdownRise;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #1b2a4733}.durv-dropdown-container .dropdown-item{color:var(--durv-navy);cursor:pointer;padding:11px 12px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s}.durv-dropdown-container .dropdown-item:hover{color:var(--durv-teal);background:#01a2ad14}.durv-dropdown-container .dropdown-item.selected{background:var(--durv-teal);color:var(--durv-white)}.durv-surface{background:var(--durv-white);border:1px solid var(--durv-border);box-shadow:var(--durv-shadow-sm);border-radius:14px}.durv-surface-hover{transition:transform .22s,box-shadow .22s,border-color .22s}.durv-surface-hover:hover{box-shadow:var(--durv-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.durv-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.durv-kpi-card{padding:20px}.durv-kpi-label{color:var(--durv-muted);margin:0 0 10px;font-size:13px;font-weight:700}.durv-kpi-value{color:var(--durv-navy);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800;line-height:1.05}.durv-kpi-value-accent{color:var(--durv-teal)}.durv-main-grid{grid-template-columns:1fr 1.3fr;gap:16px;display:grid}.durv-chart-card,.durv-table-card{padding:18px}.durv-side-grid{grid-template-columns:1fr;gap:16px;display:grid}.durv-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.durv-card-head-split{flex-wrap:wrap;gap:12px}.durv-card-title{color:var(--durv-navy);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:800}.durv-chart-area{width:100%;height:280px}.durv-legend{flex-wrap:wrap;justify-content:center;gap:14px 18px;margin-top:8px;display:flex}.durv-legend-item{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.durv-legend-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.durv-table-wrap{width:100%;overflow-x:auto}.durv-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.durv-table thead tr{border-bottom:2px solid #edf3f8}.durv-table th{color:var(--durv-muted);letter-spacing:.04em;text-transform:uppercase;padding:12px 8px;font-size:12px;font-weight:800}.durv-table tbody tr{border-bottom:1px solid #f2f6fa;transition:background-color .18s}.durv-table tbody tr:hover{background:#fbfdff}.durv-table td{color:#475569;padding:15px 8px;font-weight:600}.durv-type-cell{align-items:center;gap:10px;display:flex;color:#0f172a!important;font-weight:700!important}.durv-type-dot{border-radius:999px;flex-shrink:0;width:10px;height:10px}.align-right{text-align:right}.strong{color:#0f172a!important;font-weight:700!important}.muted{color:var(--durv-muted)!important}.durv-danger-amount{color:var(--durv-teal)!important;font-weight:700!important}.durv-empty-cell{text-align:center;font-weight:600;color:var(--durv-soft)!important;padding:28px 10px!important}.durv-audit-badge{min-height:28px;color:var(--durv-teal);letter-spacing:.02em;background:#01a2ad14;border:1px solid #01a2ad24;border-radius:9px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.durv-tooltip{border:1px solid var(--durv-border);background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 12px 30px #1b2a4714}.durv-tooltip-text{color:var(--durv-navy);margin:0;font-size:13px;font-weight:700}.durv-rise-up{animation:.42s cubic-bezier(.22,1,.36,1) durvRiseUp}@keyframes durvRiseUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes durvDropdownRise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.durv-kpi-grid,.durv-main-grid{grid-template-columns:1fr}}@media (max-width:680px){.durv-title{font-size:24px}.durv-filter-wrap{justify-content:space-between;width:100%}.durv-dropdown-container{width:150px}.durv-chart-card,.durv-table-card,.durv-kpi-card{padding:16px}.durv-chart-area{height:240px}}
:root{--dsd-navy:#1b2a47;--dsd-teal:#01a2ad;--dsd-bg:#f8fafc;--dsd-white:#fff;--dsd-border:#dbe4ef;--dsd-text:#1b2a47;--dsd-muted:#64748b;--dsd-soft:#94a3b8;--dsd-shadow-sm:0 6px 18px #1b2a470d;--dsd-shadow-md:0 14px 34px #1b2a4714}.dsd-view{background:0 0;width:100%}.dsd-shell{width:100%;max-width:1240px;margin:0 auto;padding:8px 4px 4px}.dsd-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.dsd-eyebrow{letter-spacing:.14em;color:var(--dsd-teal);margin:0 0 6px;font-size:11px;font-weight:800;line-height:1}.dsd-title{color:var(--dsd-navy);letter-spacing:-.03em;margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.1}.dsd-subtitle{color:var(--dsd-muted);margin:0;font-size:13px}.dsd-surface{background:var(--dsd-white);border:1px solid var(--dsd-border);box-shadow:var(--dsd-shadow-sm);border-radius:14px}.dsd-surface-hover{transition:transform .22s,box-shadow .22s,border-color .22s}.dsd-surface-hover:hover{box-shadow:var(--dsd-shadow-md);border-color:#01a2ad47;transform:translateY(-3px)}.dsd-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.dsd-kpi-card{align-items:center;gap:16px;padding:20px;display:flex}.dsd-kpi-icon-wrap{background:#01a2ad14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dsd-kpi-icon{color:var(--dsd-navy)}.dsd-kpi-details h3{color:var(--dsd-muted);margin:0 0 6px;font-size:13px;font-weight:700}.dsd-kpi-value{color:var(--dsd-navy);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800;line-height:1.05}.dsd-kpi-trend{margin:6px 0 0;font-size:12px;font-weight:700}.dsd-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.dsd-metric-card{align-items:center;gap:12px;padding:18px;display:flex}.dsd-metric-icon-wrap{background:#01a2ad14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dsd-metric-icon{color:var(--dsd-navy)}.dsd-metric-info h4{color:var(--dsd-muted);margin:0 0 4px;font-size:13px;font-weight:700}.dsd-metric-info p{color:#0f172a;margin:0;font-size:18px;font-weight:700}.dsd-placeholder-note{color:var(--dsd-soft);font-size:12px;font-weight:600}.dsd-lower-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.dsd-panel{padding:18px}.dsd-panel-head{margin-bottom:14px}.dsd-panel-title{color:var(--dsd-navy);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:800}.dsd-table-wrap{width:100%;overflow-x:auto}.dsd-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.dsd-table thead tr{border-bottom:2px solid #edf3f8}.dsd-table th{color:var(--dsd-muted);letter-spacing:.04em;text-transform:uppercase;padding:12px 8px;font-size:12px;font-weight:800}.dsd-table tbody tr{border-bottom:1px solid #f2f6fa;transition:background-color .18s}.dsd-table tbody tr:hover{background:#fbfdff}.dsd-table td{color:#475569;vertical-align:middle;padding:14px 8px;font-weight:600}.dsd-product-name{color:#0f172a!important;font-weight:700!important}.align-right{text-align:right}.strong{color:#0f172a!important;font-weight:700!important}.dsd-empty-copy{color:var(--dsd-muted);text-align:center;margin:0;padding:20px 0;font-size:14px;font-weight:600}.dsd-insights-list{margin:0;padding:0;list-style:none}.dsd-insights-list li{color:#475569;border-bottom:1px solid #f2f6fa;padding:14px 0;font-size:14px;font-weight:600;line-height:1.6}.dsd-insights-list li strong{color:#0f172a;font-weight:800}.dsd-insights-list li:last-child{border-bottom:none}.dsd-alert-error{text-align:center;color:#7b8798;border:1px solid var(--dsd-border);background:#fff;border-radius:14px;padding:22px;font-weight:700}.inline-loading-container{border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:24px;display:flex}.inline-spinner{border:3px solid #01a2ad29;border-top-color:var(--dsd-teal);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite dsdSpin}.inline-loading-text{color:var(--dsd-muted);font-size:14px;font-weight:700}.dsd-rise-up{animation:.42s cubic-bezier(.22,1,.36,1) dsdPageRise}@keyframes dsdPageRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dsdSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1100px){.dsd-kpi-grid,.dsd-secondary-grid,.dsd-lower-grid{grid-template-columns:1fr}}@media (max-width:680px){.dsd-title{font-size:24px}.dsd-shell{padding:8px 0 4px}.dsd-kpi-card,.dsd-metric-card,.dsd-panel{padding:16px}.dsd-kpi-value{font-size:22px}}
:root{--brand-navy:#1b2a47;--brand-teal:#01a2ad;--brand-teal-hover:#008f99;--brand-bg:#f9fbfc}.login-container{background-color:var(--brand-bg);background-image:radial-gradient(circle at 15%,#01a2ad0a,#0000 25%),radial-gradient(circle at 85% 30%,#1b2a4708,#0000 25%);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Inter,-apple-system,sans-serif;display:flex}.login-card{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:48px 40px;animation:.5s ease-out fadeIn;box-shadow:0 16px 40px -12px #1b2a471f,0 0 0 1px #1b2a4708}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:36px}.login-logo{background:var(--brand-teal);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:inline-flex;box-shadow:0 8px 16px #01a2ad40}.login-title{color:var(--brand-navy);letter-spacing:-.02em;margin:0 0 8px;font-size:1.7rem;font-weight:700}.login-subtitle{color:#64748b;margin:0;font-size:.95rem;font-weight:500}.login-form-group{margin-bottom:22px}.login-label{color:var(--brand-navy);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;left:14px}.login-input{width:100%;color:var(--brand-navy);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:14px 14px 14px 44px;font-family:inherit;font-size:1rem;transition:all .2s}.login-input::placeholder{color:#94a3b8}.login-input:hover{border-color:#cbd5e1}.login-input:focus{border-color:var(--brand-teal);background-color:#fff;box-shadow:0 0 0 3px #01a2ad1a}.login-input:focus+.login-input-icon,.login-input:not(:placeholder-shown)+.login-input-icon{color:var(--brand-teal)}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 14px;font-size:.9rem;font-weight:500;display:flex}.login-button{background:var(--brand-teal);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.login-button:hover:not(:disabled){background:var(--brand-teal-hover);transform:translateY(-1px);box-shadow:0 4px 12px #01a2ad33}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{color:#f1f5f9;cursor:not-allowed;box-shadow:none;background:#cbd5e1;transform:none}.login-footer{text-align:center;color:#94a3b8;margin-top:36px;font-size:.85rem;font-weight:500}
.held-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.held-modal{background:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:850px;animation:.2s ease-out forwards fadeInScale;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.held-modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.held-modal-header h2{color:#2b3a4a;margin:0;font-size:1.8rem;font-weight:700}.held-close-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-size:2.5rem;line-height:1;transition:color .2s}.held-close-btn:hover{color:#333}.held-modal-body{max-height:65vh;padding:24px 32px;overflow-y:auto}.held-empty-state{text-align:center;color:#6c757d;padding:40px 20px}.held-empty-state h3{color:#495057;margin:0 0 8px;font-size:1.1rem}.held-empty-state p{margin:0;font-size:.9rem}.held-list{flex-direction:column;gap:12px;display:flex}.held-item-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;justify-content:space-between;align-items:center;padding:24px;transition:box-shadow .2s,border-color .2s;display:flex}.held-item-card:hover{border-color:#dee2e6;box-shadow:0 4px 12px #0000000d}.held-item-info{flex-direction:column;gap:8px;display:flex}.held-id{color:#2b3a4a;font-size:1.4rem;font-weight:700}.held-metrics{color:#6c757d;gap:12px;font-size:1.1rem;display:flex}.held-time-elapsed{color:#e67e22;font-weight:500}.held-total{color:#38bdf8;font-weight:600}.held-item-actions{gap:12px;display:flex}.held-btn{cursor:pointer;border:none;border-radius:12px;padding:16px 24px;font-size:1.2rem;font-weight:600;transition:all .2s}.held-btn.resume{color:#0284c7;background:#e0f2fe}.held-btn.resume:hover{background:#bae6fd}.held-btn.delete{color:#dc2626;background:#fee2e2}.held-btn.delete:hover{background:#fecaca}
.refund-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.refund-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.refund-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.refund-modal-title{color:#1e293b;margin:0 0 4px;font-size:1.2rem;font-weight:700}.refund-modal-subtitle{color:#64748b;margin:0;font-size:.85rem}.refund-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.25rem;line-height:1;transition:color .15s}.refund-close-btn:hover{color:#ef4444}.refund-modal-body{flex:1;padding:16px 24px;overflow-y:auto}.refund-section-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:.78rem;font-weight:700}.refund-items-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.refund-item-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.refund-item-row.selected{background:#f8fafc;border-color:#01a2ad}.refund-item-row.disabled-row{opacity:.45}.refund-item-checkbox{cursor:pointer;accent-color:#01a2ad;flex-shrink:0;width:18px;height:18px}.refund-item-info{flex:1;min-width:0}.refund-item-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.refund-item-price{color:#64748b;margin-top:2px;font-size:.8rem}.refund-qty-control{flex-shrink:0;align-items:center;gap:6px;display:flex}.refund-qty-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;transition:background .15s;display:flex}.refund-qty-btn:hover:not(:disabled){background:#f1f5f9}.refund-qty-btn:disabled{opacity:.35;cursor:not-allowed}.refund-qty-input{text-align:center;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:42px;padding:4px 2px;font-size:.9rem;font-weight:600}.refund-qty-input:focus{border-color:#2563eb}.refund-item-subtotal{color:#1e293b;text-align:right;flex-shrink:0;min-width:64px;font-size:.9rem;font-weight:700}.refund-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.refund-summary-row{color:#475569;justify-content:space-between;font-size:.88rem;display:flex}.refund-summary-row.total{color:#dc2626;border-top:1px solid #e2e8f0;margin-top:4px;padding-top:8px;font-size:1rem;font-weight:700}.refund-modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.refund-cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background .15s}.refund-cancel-btn:hover{background:#f9fafb}.refund-process-btn{color:#fff;cursor:pointer;background:#01a2ad;border:none;border-radius:8px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:background .15s}.refund-process-btn:hover:not(:disabled){background:#0496a1}.refund-process-btn:disabled{cursor:not-allowed;background:#fca5a5}.refund-no-items{text-align:center;color:#94a3b8;padding:12px 0;font-size:.9rem}