:root{--primary:#292f91;--primary-rgb:41, 47, 145;--primary-dark:#1e2368;--primary-light:#4ca8dd;--primary-glow:#292f9133;--secondary:#4ca8dd;--sidebar-bg:#343a40;--sidebar-text:#fff;--header-bg:#292f91;--header-text:#fff;--body-bg:#f4f6f9;--login-bg:#e8f0fd;--card-bg:#fff;--table-bg:#fff;--text-main-color:#000000de;--btn-primary-start:#292f91;--btn-primary-end:#3d45b0;--sidebar-active-bg:#292f9126;--bg-dark:#f1f3f5;--bg-card:#fff;--bg-glass:#ffffffe6;--bg-glass-hover:#fffffff2;--text-primary:#1a1e21;--text-secondary:#495057;--text-muted:#868e96;--border-color:#00000014;--border-hover:#00000026;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#292f91;--sidebar-width:250px;--topbar-height:64px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--fs-xs:clamp(.6rem, .55rem + .25vw, .7rem);--fs-sm:clamp(.7rem, .65rem + .25vw, .8rem);--fs-base:clamp(.8rem, .75rem + .25vw, .9rem);--fs-md:clamp(.9rem, .8rem + .5vw, 1rem);--fs-lg:clamp(1rem, .9rem + .5vw, 1.2rem);--fs-xl:clamp(1.2rem, 1rem + 1vw, 1.65rem);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--content-px:clamp(12px, 1vw + 8px, 24px);--content-py:clamp(12px, 1vw + 8px, 24px);--max-content:1920px;--shadow-xs:0 1px 2px 0 #00000008, 0 1px 3px 0 #292f9104;--shadow-sm:0 2px 4px #292f910a, 0 1px 2px #00000008;--shadow-md:0 4px 8px #292f910f, 0 2px 4px #00000008;--shadow-lg:0 8px 20px #292f9114, 0 4px 8px #00000008;--shadow-xl:0 16px 32px #292f911a, 0 8px 16px #0000000a;--shadow-2xl:0 24px 48px #292f9124, 0 12px 24px #0000000f;--shadow-glow:0 0 0 3px var(--primary-glow);--shadow-glow-lg:0 0 0 4px var(--primary-glow);--shadow-btn-primary:0 4px 16px #292f914d, 0 2px 4px #292f911a;--shadow-btn-success:0 4px 16px #10b98140, 0 2px 4px #10b98114;--shadow-btn-warning:0 4px 16px #f59e0b40, 0 2px 4px #f59e0b14;--shadow-btn-danger:0 4px 16px #ef444440, 0 2px 4px #ef444414;--shadow-topbar:0 2px 8px #292f910f, 0 8px 32px #00000008;--shadow-modal:0 24px 48px #292f9124, 0 12px 24px #0000000f}.theme-light{--bg-dark:#1e2368;--bg-card:#1e2368;--bg-glass:#1e2368d9;--bg-glass-hover:#283078e6;--text-primary:#fff;--text-secondary:#fff;--text-muted:#fff;--border-color:#ffffff1f;--border-hover:#fff3;--primary-glow:#4ca8dd4d;--shadow-xs:0 1px 2px 0 #00000014, 0 1px 3px 0 #4ca8dd0a;--shadow-sm:0 2px 4px #4ca8dd14, 0 1px 2px #0000000f;--shadow-md:0 4px 8px #4ca8dd1a, 0 2px 4px #0000000f;--shadow-lg:0 8px 20px #4ca8dd24, 0 4px 8px #0000000f;--shadow-xl:0 16px 32px #4ca8dd2e, 0 8px 16px #00000014;--shadow-2xl:0 24px 48px #4ca8dd38, 0 12px 24px #0000001f;--shadow-topbar:0 2px 8px #4ca8dd1a, 0 8px 32px #0000000f}.theme-light .sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color)}.theme-light .nav-link:hover,.theme-light .nav-link.active{background:var(--sidebar-active-bg)}.theme-light table.table{color:var(--text-primary)}.theme-light select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4d4d4' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.theme-light .form-control{color:var(--text-primary);background:#1a1b2e;border-color:#ffffff1f}.theme-light .modal-content{color:var(--text-primary);background:#14152b}.theme-light .list-item:hover{background:#ffffff08}.theme-light .pos-customer-bar,.theme-light .category-form-card{background:#14152b}.theme-light #catSearch{background:#0c0d1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--body-bg);color:var(--text-primary);min-height:100vh;font-family:Ubuntu,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}body.theme-light{background:var(--body-bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow), 0 0 40px var(--primary-glow)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass:hover{border-color:var(--border-hover);background:var(--bg-glass-hover);box-shadow:var(--shadow-xs)}.app-wrapper{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:1000;flex-direction:column;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.sidebar .sidebar-nav{flex:1;overflow-y:auto}.sidebar-brand{color:var(--sidebar-text);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:20px;font-size:1.4rem;font-weight:800;animation:.5s fadeInLeft;display:flex}.sidebar-brand i{font-size:1.8rem;animation:3s ease-in-out infinite glow}.sidebar-branch{border-bottom:1px solid var(--border-color);padding:8px 12px}.sidebar-branch-label{color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;display:flex}.sidebar-branch select{cursor:pointer;width:100%}.sidebar-nav ul{padding:12px 0;list-style:none}.sidebar-nav li{padding:2px 12px;animation:.5s both fadeInLeft}.sidebar-nav li:first-child{animation-delay:50ms}.sidebar-nav li:nth-child(2){animation-delay:.1s}.sidebar-nav li:nth-child(3){animation-delay:.15s}.sidebar-nav li:nth-child(4){animation-delay:.2s}.sidebar-nav li:nth-child(5){animation-delay:.25s}.sidebar-nav li:nth-child(6){animation-delay:.3s}.sidebar-nav li:nth-child(7){animation-delay:.35s}.sidebar-nav li:nth-child(8){animation-delay:.4s}.sidebar-nav li:nth-child(9){animation-delay:.45s}.sidebar-nav li:nth-child(10){animation-delay:.5s}.sidebar-nav li:nth-child(11){animation-delay:.55s}.sidebar-nav li:nth-child(12){animation-delay:.6s}.sidebar-nav li:nth-child(13){animation-delay:.65s}.sidebar-nav li:nth-child(14){animation-delay:.7s}.sidebar-nav li:nth-child(15){animation-delay:.75s}.sidebar-nav li:nth-child(16){animation-delay:.8s}.sidebar-nav li:nth-child(17){animation-delay:.85s}.nav-link{color:var(--sidebar-text);border-radius:10px;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.nav-link:hover:before,.nav-link.active:before{transform:scaleY(1)}.nav-link:hover,.nav-link.active{background:var(--sidebar-active-bg);color:var(--primary);transform:translate(4px)}.nav-link i{width:24px;font-size:1.2rem;transition:transform .3s}.nav-link:hover i{transform:scale(1.1)}.nav-toggle{cursor:pointer}.nav-toggle .nav-chevron{opacity:.5;margin-left:auto;font-size:.75rem;transition:transform .35s cubic-bezier(.4,0,.2,1)}.nav-toggle:hover .nav-chevron{opacity:.8}.nav-toggle .nav-chevron.rotated{transform:rotate(90deg)}.nav-submenu{max-height:0;list-style:none;transition:max-height .35s cubic-bezier(.4,0,.2,1);overflow:hidden;margin:0!important;padding:0!important}.nav-submenu .nav-link{padding-left:48px;font-size:.85rem}.nav-submenu .nav-submenu .nav-link{padding-left:64px;font-size:.82rem}.nav-group>.nav-link.nav-toggle{font-weight:600}.sidebar-nav li{animation:none}.main-content{padding-top:var(--topbar-height);flex:1;min-height:100vh;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.topbar{height:var(--topbar-height);background:var(--header-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-topbar);padding:0 var(--content-px);z-index:100;justify-content:space-between;align-items:center;transition:background .3s,box-shadow .3s,border-color .3s,left .3s cubic-bezier(.4,0,.2,1);animation:.4s slideDown;display:flex;position:fixed;top:0;left:0;right:0}.theme-light .topbar{background:var(--header-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);box-shadow:var(--shadow-topbar);border-bottom:1px solid #ffffff1a}.topbar-left{flex:1;align-items:center;gap:16px;max-width:500px;display:flex}.sidebar-toggle{background:var(--bg-card);border:1.5px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-toggle:hover{border-color:var(--primary);box-shadow:0 2px 12px var(--primary-glow);transform:scale(1.05)}.topbar-search{background:var(--bg-dark);border:1.5px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;width:100%;max-width:360px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.topbar-search.focused,.topbar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow), 0 4px 20px #292f911a;background:var(--bg-card)}.topbar-search i{color:var(--text-muted);flex-shrink:0;font-size:.95rem;transition:color .3s}.topbar-search:focus-within i{color:var(--primary)}.topbar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.topbar-search input::placeholder{color:var(--text-muted)}.search-shortcut{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 8px;font-family:inherit;font-size:.7rem;font-weight:500;line-height:1.4;display:flex}.topbar-center{flex:1;justify-content:center;align-items:center;display:flex}.topbar-time-display{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;padding:8px 18px;animation:.5s fadeIn;display:flex}.topbar-time-display i{color:var(--primary);font-size:.95rem}.topbar-time{color:var(--text-primary);letter-spacing:.3px;font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:700}.topbar-date{color:var(--text-muted);border-left:1px solid var(--border-color);padding-left:10px;font-size:.78rem;font-weight:500}.topbar-branch-badge{color:#292f91;white-space:nowrap;background:#292f911f;border:1px solid #292f9133;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:.78rem;font-weight:600;display:flex}.topbar-right{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-action-btn{background:var(--bg-card);border:1.5px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.topbar-action-btn:hover{border-color:var(--primary);box-shadow:0 4px 16px var(--primary-glow);background:#292f9114;transform:translateY(-2px)}.topbar-action-btn:active{transform:translateY(0)scale(.95)}.user-dropdown{position:relative}.user-btn{background:var(--bg-card);border:1.5px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.user-btn:hover{border-color:var(--primary);box-shadow:0 4px 20px var(--primary-glow);transform:translateY(-1px)}.user-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;letter-spacing:.5px;width:38px;height:38px;box-shadow:0 2px 8px var(--primary-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;transition:transform .3s;display:flex}.user-btn:hover .user-avatar{transform:scale(1.08)rotate(-3deg)}.user-info{text-align:left;line-height:1.3}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.82rem;font-weight:700;display:block;overflow:hidden}.user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:500;display:block}.user-chevron{color:var(--text-muted);flex-shrink:0;font-size:.7rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.user-chevron.rotated{transform:rotate(180deg)}.notification-btn .badge{background:var(--danger);color:#fff;border:2px solid var(--bg-card);border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.62rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #ef444466}.notif-dropdown-wrapper{position:relative}.notif-dropdown-menu{background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-color);min-width:340px;max-width:380px;box-shadow:var(--shadow-lg);z-index:999;border-radius:16px;animation:.25s cubic-bezier(.4,0,.2,1) fadeInUp;display:none;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notif-dropdown-menu.show{display:block}.notif-dropdown-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:.9rem;font-weight:700;display:flex}.notif-dropdown-header .btn-outline{border-radius:8px;padding:2px 8px;font-size:.8rem}.notif-dropdown-body{max-height:340px;overflow-y:auto}.notif-dropdown-item{color:var(--text-primary);border-bottom:1px solid var(--border-color);align-items:flex-start;gap:12px;padding:12px 16px;text-decoration:none;transition:background .2s;display:flex;position:relative}.notif-dropdown-item:last-child{border-bottom:none}.notif-dropdown-item:hover{background:#292f910a}.notif-dropdown-item.unread{background:#292f9108}.notif-dd-icon{width:34px;height:34px;color:var(--primary);background:#292f911a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:flex}.notif-dd-content{flex:1;min-width:0}.notif-dd-title{margin-bottom:2px;font-size:.82rem;font-weight:600;line-height:1.3}.notif-dd-msg{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}.notif-dd-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 6px var(--primary-glow);border-radius:50%;flex-shrink:0;margin-top:4px}.notif-dropdown-footer{color:var(--primary);border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.notif-dropdown-footer:hover{background:#292f910d}.theme-light .notif-dropdown-menu{background:#1e2368f5;border-color:#ffffff1a}.theme-light .notification-btn .badge{border-color:var(--bg-dark)}.user-dropdown-menu{background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-color);min-width:260px;box-shadow:var(--shadow-lg);z-index:999;border-radius:16px;padding:8px;animation:.25s cubic-bezier(.4,0,.2,1) fadeInUp;display:none;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.user-dropdown-menu.show{display:block}.theme-light .user-dropdown-menu{background:#1e2368f5;border-color:#ffffff1a}.dropdown-header{background:var(--bg-dark);border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;display:flex}.dropdown-user-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;letter-spacing:.5px;width:44px;height:44px;box-shadow:0 2px 8px var(--primary-glow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.dropdown-user-info{flex-direction:column;min-width:0;display:flex}.dropdown-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.dropdown-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dropdown-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--primary);background:#292f9114;transform:translate(4px)}.dropdown-item i{text-align:center;flex-shrink:0;width:18px;font-size:1rem}.dropdown-item-danger{color:var(--danger)!important}.dropdown-item-danger:hover{color:var(--danger)!important;background:#ef444414!important}.dropdown-divider{background:var(--border-color);height:1px;margin:6px 8px}.content-wrapper{padding:var(--content-py) var(--content-px);max-width:var(--max-content);width:100%;margin:0 auto;animation:.5s fadeInUp}.page-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;animation:.4s fadeIn;display:flex}.page-header h1{font-size:var(--fs-xl);align-items:center;gap:var(--sp-3);letter-spacing:-.02em;font-weight:700;display:flex}.live-time{color:var(--text-secondary);font-size:.9rem;font-weight:500}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s both fadeInUp;display:flex}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.25s}.stat-card:nth-child(5){animation-delay:.3s}.stat-card:nth-child(6){animation-delay:.35s}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-card.card-primary{background:#eef2ff;border-left:4px solid #6366f1}.stat-card.card-warning{background:#fffbeb;border-left:4px solid #f59e0b}.stat-card.card-success{background:#ecfdf5;border-left:4px solid #10b981}.stat-card.card-danger{background:#fef2f2;border-left:4px solid #ef4444}.stat-card.card-purple{background:#f5f3ff;border-left:4px solid #8b5cf6}.stat-card.card-teal{background:#f0fdfa;border-left:4px solid #14b8a6}.stat-card.card-primary:hover{background:#c7d2fe;border-color:#4f46e5}.stat-card.card-primary:hover .stat-label,.stat-card.card-primary:hover .stat-value{color:#4338ca}.stat-card.card-warning:hover{background:#fde68a;border-color:#d97706}.stat-card.card-warning:hover .stat-label,.stat-card.card-warning:hover .stat-value{color:#b45309}.stat-card.card-success:hover{background:#a7f3d0;border-color:#059669}.stat-card.card-success:hover .stat-label,.stat-card.card-success:hover .stat-value{color:#047857}.stat-card.card-danger:hover{background:#fecaca;border-color:#dc2626}.stat-card.card-danger:hover .stat-label,.stat-card.card-danger:hover .stat-value{color:#b91c1c}.stat-card.card-purple:hover{background:#ddd6fe;border-color:#7c3aed}.stat-card.card-purple:hover .stat-label,.stat-card.card-purple:hover .stat-value{color:#6d28d9}.stat-card.card-teal:hover{background:#99f6e4;border-color:#0d9488}.stat-card.card-teal:hover .stat-label,.stat-card.card-teal:hover .stat-value{color:#0f766e}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;transition:all .3s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)rotate(-5deg)}.stat-icon.revenue{color:var(--primary);background:#292f911f}.stat-icon.sales{color:#4ca8dd;background:#4ca8dd40}.stat-icon.products{color:var(--primary);background:#292f911a}.stat-icon.customers{color:var(--primary);background:#4ca8dd33}.stat-icon.alert{color:var(--danger);background:#ef444426;animation:2s ease-in-out infinite pulse}.stat-icon.profit{color:var(--success);background:#10b98126}.stat-info{flex:1;min-width:0}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-size:.68rem;font-weight:500;line-height:1.2;display:block}.stat-value{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;line-height:1.2;animation:.5s countUp;overflow:hidden}.dashboard-grid,.dash-row{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:20px;margin-bottom:20px;display:grid}.dash-row .card{flex-direction:column;min-width:0;margin-bottom:0;display:flex}.dash-row .card .card-body{flex-direction:column;flex:1;min-height:0;display:flex}.dash-row .card-header{background:0 0;padding:18px 24px}.dash-row .card-header h5{align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.dash-row .card-body{padding:12px 24px 20px}.settings-row{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:20px;margin-bottom:20px;display:grid}.settings-row .card{min-width:0;margin-bottom:0}.settings-row .card-header{background:0 0;padding:18px 24px}.settings-row .card-header h3{align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.settings-row .card-body{padding:20px 24px}.settings-row-1-2{grid-template-columns:1fr 2fr;align-items:stretch;gap:20px;margin-bottom:20px;display:grid}.settings-row-1-2 .card{min-width:0;margin-bottom:0}.settings-row-1-2 .card-header{background:0 0;padding:18px 24px}.settings-row-1-2 .card-body{padding:20px 24px}.settings-row-2-1{grid-template-columns:2fr 1fr;align-items:stretch;gap:20px;margin-bottom:20px;display:grid}.settings-row-2-1 .card{min-width:0;margin-bottom:0}.settings-row-2-1 .card-header{background:0 0;padding:18px 24px}.settings-row-2-1 .card-body{padding:20px 24px}.tab-content>.card.glass:not(.settings-row .card){margin-bottom:20px}.tab-content>.card.glass:not(.settings-row .card)>.card-header{background:0 0;padding:18px 24px}.tab-content>.card.glass:not(.settings-row .card)>.card-header h3{align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.tab-content>.card.glass:not(.settings-row .card)>.card-body{padding:20px 24px}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=992px){.dash-row{gap:var(--sp-4);grid-template-columns:1fr 1fr}}@media (width<=768px){.page-header{align-items:flex-start;gap:var(--sp-3);flex-direction:column}.page-header .d-flex{flex-wrap:wrap;width:100%}.dash-row,.settings-row,.settings-row-1-2,.settings-row-2-1{gap:var(--sp-4);grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.dash-row .card-header,.settings-row .card-header,.settings-row-1-2 .card-header,.settings-row-2-1 .card-header,.dash-row .card-body,.settings-row .card-body,.settings-row-1-2 .card-body,.settings-row-2-1 .card-body{padding:var(--sp-3) var(--sp-4)}.stat-card{padding:var(--sp-3);gap:var(--sp-2)}.stat-icon{width:40px;height:40px;font-size:1.2rem}.stat-value{font-size:1.1rem}.card-header{padding:var(--sp-3) var(--sp-4)}.card-header-split{flex-direction:column;align-items:flex-start}.card-body{padding:var(--sp-3) var(--sp-4)}.financial-summary{grid-template-columns:repeat(2,1fr)}.table-responsive-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);overflow-x:auto}.table-responsive-wrap .table{min-width:600px}}@media (width<=576px){.dash-row{gap:var(--sp-3);margin-bottom:var(--sp-4)}.dash-row .card-header{padding:var(--sp-3) var(--sp-4)}.dash-row .card-body{padding:var(--sp-2) var(--sp-4) var(--sp-4)}.stats-grid{gap:var(--sp-2);grid-template-columns:1fr}.stat-card{padding:var(--sp-3)}.stat-icon{width:36px;height:36px;font-size:1rem}.stat-label{font-size:var(--fs-xs)}.stat-value{font-size:1rem}.dashboard-grid{gap:var(--sp-3)}.card-header,.card-body{padding:var(--sp-3)}.financial-summary{grid-template-columns:1fr}.page-header h1{font-size:var(--fs-lg)}}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--sp-4);margin-top:var(--sp-4);color:var(--text-main-color);box-shadow:var(--shadow-sm);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s,background .3s;animation:.5s fadeInUp;overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-color);background:0 0}.card-header-split{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.card-header-split h3{white-space:nowrap}.card-header h3{align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.card-body{padding:var(--sp-5) var(--sp-6)}.modal-content.glass{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.modal-header{border-bottom:1px solid var(--border-color)}.modal-header .modal-title{color:var(--text-primary);font-weight:700}.modal-footer{border-top:1px solid var(--border-color)}.list-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 0;transition:all .3s;animation:.3s fadeInRight;display:flex}.list-item>div{flex:1;min-width:0}.list-item>div>strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.list-item>div>.text-muted,.list-item>div>div.text-muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-item>span{white-space:nowrap;flex-shrink:0}.list-item:hover{background:#ffffff05;border-radius:8px;padding-left:8px}.list-item:last-child{border-bottom:none}.btn{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--sp-2);font-weight:600;font-size:var(--fs-base);border:none;min-height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--btn-primary-start), var(--btn-primary-end));color:#fff;border:none}.btn-primary:hover{background:linear-gradient(135deg, var(--btn-primary-start), var(--btn-primary-end));filter:brightness(.85);box-shadow:var(--shadow-btn-primary);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{box-shadow:var(--shadow-btn-success);background:#059669;transform:translateY(-1px)}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{box-shadow:var(--shadow-btn-warning);background:#d97706;transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{box-shadow:var(--shadow-btn-danger);background:#dc2626;transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--sidebar-active-bg)}.btn-lg{padding:12px 28px;font-size:1rem}.btn-sm{padding:4px 12px;font-size:.8rem}.btn-block{justify-content:center;width:100%;padding:14px}.form-control{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);width:100%;font-size:var(--fs-base);box-sizing:border-box;text-align:center;outline:none;height:44px;transition:all .3s}.form-control:focus{border-color:var(--primary);box-shadow:0 2px 8px -2px rgba(var(--primary-rgb), .15), 0 4px 16px -4px rgba(var(--primary-rgb), .1);transform:translateY(-1px)}.form-control::placeholder{color:var(--text-muted);text-align:center}.form-group label,label.form-label{color:var(--text-secondary);letter-spacing:.3px;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.modal-header-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;margin:-28px -28px 20px;padding:14px 20px;display:flex}.modal-header-gradient h5{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.modal-header-gradient .btn-close{filter:brightness(0)invert()}select.form-control{cursor:pointer;appearance:none;text-align:left;z-index:1;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b6360' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding:8px 36px 8px 12px;position:relative;overflow:hidden}textarea.form-control{resize:vertical;text-align:left;min-height:100px}.table{border-collapse:separate;border-spacing:0;width:100%;color:var(--text-main-color);background-color:var(--table-bg);box-shadow:var(--shadow-sm);border-radius:8px;font-size:.9rem;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.table th{text-align:left;border-bottom:2px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 8px;font-size:.8rem;font-weight:600}.table td{border-bottom:1px solid var(--border-color);padding:12px 8px;transition:background .2s}.table tr:hover td,.theme-light .table tr:hover td{background:var(--sidebar-active-bg)}.table-responsive{box-shadow:var(--shadow-sm);background:var(--bg-card);border-radius:12px;margin-bottom:20px;padding:4px}.product-table-img-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.product-table-img{object-fit:cover;width:100%;height:100%}.product-table-img-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.form-check{align-items:center;gap:8px;display:flex}.form-check-input{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;width:18px;height:18px;accent-color:var(--primary);border-radius:4px}.form-check-label{cursor:pointer;font-size:.9rem}.pos-terminal{height:calc(100vh - var(--topbar-height) - 48px);grid-template-columns:1fr 420px;gap:16px;animation:.4s fadeIn;display:grid}.pos-left{flex-direction:column;gap:12px;display:flex;overflow:hidden}.pos-search{border:1.5px solid var(--border-color);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:16px;align-items:center;gap:6px;padding:6px 8px 6px 6px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff0f}.pos-search:hover{border-color:var(--border-hover);box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffff14}.pos-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow), 0 4px 24px #292f911f, inset 0 1px 0 #ffffff14;background:var(--bg-card)}.pos-search-icon{width:40px;height:40px;color:var(--primary);background:linear-gradient(135deg,#292f911a,#4ca8dd1a);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex}.pos-search:focus-within .pos-search-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 2px 12px var(--primary-glow);transform:scale(1.05)}.pos-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 4px;font-size:.92rem;font-weight:500}.pos-search-input::placeholder{color:var(--text-muted);font-size:.88rem;font-weight:400}.pos-search-clear{width:30px;height:30px;color:var(--danger);cursor:pointer;background:#ef44441a;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.2s scaleIn;display:flex}.pos-search-clear:hover{background:var(--danger);color:#fff;transform:scale(1.1);box-shadow:0 2px 10px #ef44444d}.pos-search-divider{background:var(--border-color);flex-shrink:0;width:1px;height:24px;transition:background .3s}.pos-search:focus-within .pos-search-divider{background:var(--primary);opacity:.3}.pos-search-scan{border:1.5px solid var(--border-color);background:var(--bg-card);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pos-search-scan:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 3px 12px var(--primary-glow);background:#292f9114;transform:translateY(-1px)}.pos-search-scan:active{transform:scale(.93)}.pos-search-kbd{width:28px;height:28px;color:var(--text-muted);background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.72rem;font-weight:600;line-height:1;transition:all .3s;display:flex}.pos-search:focus-within .pos-search-kbd{opacity:.4}.pos-products-header{justify-content:space-between;align-items:center;padding:2px 4px;animation:.3s fadeIn;display:flex}.pos-products-count{color:var(--text-muted);font-size:.78rem;font-weight:500}.pos-products-count strong{color:var(--text-primary);font-weight:700}.pos-per-page{align-items:center;gap:4px;display:flex}.pos-per-page-label{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.pos-per-page-select{border:1px solid var(--border);background:var(--bg-card,#fff);color:var(--text-primary,#333);cursor:pointer;border-radius:4px;outline:none;padding:2px 4px;font-size:.72rem}.pos-per-page-select:focus{border-color:var(--primary,#4f46e5)}.pos-products-empty{color:var(--text-muted);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:48px 24px;animation:.4s fadeIn;display:flex}.pos-products-empty i{opacity:.4;margin-bottom:12px;font-size:2.5rem}.pos-products-empty p{color:var(--text-secondary);margin-bottom:4px;font-size:1rem;font-weight:600}.pos-products-empty span{font-size:.82rem}.pos-pagination{justify-content:center;align-items:center;gap:4px;padding:10px 4px 4px;animation:.3s fadeInUp;display:flex}.pos-page-btn{border:1.5px solid var(--border-color);background:var(--bg-card);min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;font-size:.82rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.pos-page-btn:hover:not(:disabled):not(.active){border-color:var(--primary);color:var(--primary);background:#292f910f;transform:translateY(-1px)}.pos-page-btn:active:not(:disabled){transform:scale(.95)}.pos-page-btn.active{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-color:var(--primary);box-shadow:0 2px 10px var(--primary-glow);font-weight:700}.pos-page-btn:disabled{opacity:.35;cursor:not-allowed}.pos-page-btn.pos-page-prev,.pos-page-btn.pos-page-next{font-size:.9rem}.pos-page-ellipsis{width:28px;height:36px;color:var(--text-muted);letter-spacing:2px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.9rem;display:flex}.pos-scan-toast{top:calc(var(--topbar-height) + 16px);z-index:9999;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);pointer-events:none;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-size:.88rem;font-weight:600;animation:.35s cubic-bezier(.4,0,.2,1) scanToastIn;display:flex;position:fixed;left:50%;transform:translate(-50%)}.pos-scan-toast i{flex-shrink:0;font-size:1.15rem}.pos-scan-success{color:#fff;background:#10b981eb;border:1px solid #10b9814d}.pos-scan-error{color:#fff;background:#ef4444eb;border:1px solid #ef44444d}.pos-scan-overlay{-webkit-backdrop-filter:blur(6px);z-index:10000;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.3s cubic-bezier(.4,0,.2,1) scanOverlayIn;display:flex;position:fixed;inset:0}@keyframes scanOverlayIn{0%{opacity:0}to{opacity:1}}.pos-scan-card{background:var(--card-bg,#fff);width:100%;max-width:420px;box-shadow:var(--shadow-xl), 0 0 60px rgba(var(--primary-rgb,41, 47, 145), .15);border-radius:20px;animation:.35s cubic-bezier(.34,1.56,.64,1) scanCardIn;position:relative;overflow:hidden}@keyframes scanCardIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.pos-scan-card-accent{width:100%;height:4px}.pos-scan-accent-success{background:linear-gradient(90deg,#10b981,#34d399)}.pos-scan-accent-error{background:linear-gradient(90deg,#ef4444,#f87171)}.pos-scan-close{width:32px;height:32px;color:var(--text-muted,#6b7280);cursor:pointer;z-index:2;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.pos-scan-close:hover{color:var(--text-main-color,#111827);background:#0000001f}.pos-scan-card-body{padding:24px}.pos-scan-product{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.pos-scan-product-img{background:var(--body-bg,#f3f4f6);border-radius:14px;flex-shrink:0;width:72px;height:72px;overflow:hidden}.pos-scan-product-img img{object-fit:cover;width:100%;height:100%}.pos-scan-product-placeholder{width:100%;height:100%;color:var(--text-muted,#9ca3af);background:linear-gradient(135deg, var(--primary,#292f91)10, var(--primary-light,#6366f1)10);justify-content:center;align-items:center;font-size:1.8rem;display:flex}.pos-scan-product-info{flex:1;min-width:0}.pos-scan-product-name{color:var(--text-main-color,#111827);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:1.1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pos-scan-product-barcode{color:var(--text-muted,#6b7280);letter-spacing:.5px;align-items:center;gap:6px;font-family:Courier New,monospace;font-size:.8rem;display:flex}.pos-scan-product-barcode i{color:var(--primary,#292f91);font-size:.85rem}.pos-scan-product-meta{margin-top:4px}.pos-scan-details{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.pos-scan-detail-row{gap:16px;display:flex}.pos-scan-detail-item{flex-direction:column;flex:1;gap:2px;display:flex}.pos-scan-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted,#9ca3af);font-size:.7rem;font-weight:600}.pos-scan-value{color:var(--text-main-color,#111827);font-size:.9rem;font-weight:600}.pos-scan-price{color:var(--primary,#292f91);font-size:1.15rem;font-weight:800}.pos-scan-stock{color:#10b981;font-size:.9rem;font-weight:600}.pos-scan-stock.low{color:#f59e0b}.pos-scan-stock.out{color:#ef4444}.text-danger{color:#ef4444!important}.pos-scan-footer{border-top:1px solid var(--border-color,#e5e7eb);flex-direction:column;gap:8px;padding-top:14px;display:flex}.pos-scan-system{color:var(--primary,#292f91);opacity:.8;align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:flex}.pos-scan-system i{font-size:.8rem}.pos-scan-footer-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pos-scan-footer-info span{color:var(--text-muted,#9ca3af);align-items:center;gap:4px;font-size:.7rem;display:flex}.pos-scan-footer-info i{font-size:.72rem}@keyframes scanToastIn{0%{opacity:0;transform:translate(-50%)translateY(-16px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.pos-categories{gap:8px;padding:4px 0;display:flex;overflow-x:auto}.pos-categories::-webkit-scrollbar{display:none}.cat-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 16px;font-size:.78rem;font-weight:500;transition:all .25s}.cat-btn:hover{border-color:var(--primary);color:var(--primary);background:#292f910f}.cat-btn.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 2px 12px var(--primary-glow);font-weight:600}.pos-held-sales{border-radius:10px;max-height:180px;margin:0 12px 6px;padding:10px 12px;animation:.3s slideDown;overflow-y:auto}.held-sales-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8rem;font-weight:600;display:flex}.held-sales-header i{color:var(--warning)}.held-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 8px;transition:all .2s;display:flex}.held-item:hover{border-color:var(--border-color);background:#ffffff08}.held-item-info{flex:1;min-width:0}.held-item-title{font-size:.78rem;font-weight:600;display:block}.held-item-meta{color:var(--text-muted);font-size:.7rem}.held-item .btn{width:26px;height:26px;padding:0;font-size:.7rem}#productsGrid{flex:1;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));align-content:start;align-items:stretch;gap:12px;min-height:0;padding:8px 4px;display:grid;overflow-y:auto}.product-card{box-shadow:var(--shadow-xs);cursor:pointer;background:#fff;border:1px solid #eee;border-radius:10px;flex-direction:column;margin-bottom:2px;transition:all .25s;animation:.2s scaleIn;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);border-color:#e0e0e0}.product-card:active{transform:scale(.97)}.product-card.out-of-stock{opacity:.5;pointer-events:none}.product-img-wrapper{aspect-ratio:3/4;background:#f8f9fa;width:100%;position:relative;overflow:hidden}.product-img{object-fit:cover;transition:transform .3s;display:block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.product-card:hover .product-img{transform:scale(1.05)}.product-img-placeholder{color:#0003;background:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex;position:absolute;top:0;left:0}.product-img-placeholder i{opacity:.4;font-size:1.5rem}.ribbon{color:#fff;text-align:center;letter-spacing:.5px;text-transform:uppercase;z-index:10;background:linear-gradient(135deg,#dc2626,#ef4444);width:100%;padding:1px 0;font-size:.45rem;font-weight:700;position:absolute;top:0;left:0}.discount-badge{color:#fff;z-index:2;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#e11d48 0%,#f43f5e 50%,#fb7185 100%);border-radius:0 0 8px;align-items:center;gap:2px;padding:2px 6px 2px 4px;font-size:.52rem;font-weight:800;line-height:1.2;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 8px #e11d4866}.discount-badge .discount-pct{font-size:.62rem;font-weight:900}.discount-badge .discount-label{opacity:.9;font-size:.42rem;font-weight:500}.savings-line{color:#16a34a;align-items:center;gap:3px;margin-top:-1px;font-size:.45rem;font-weight:600;display:flex}.savings-line i{font-size:.42rem}.product-card-body{flex-direction:column;flex:1;gap:1px;padding:3px 5px 4px;display:flex}.product-name{-webkit-line-clamp:2;color:#333;-webkit-box-orient:vertical;min-height:1.4em;font-size:.6rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.product-price{flex-direction:column;gap:1px;margin-top:auto;display:flex}.price-row{flex-wrap:wrap;align-items:baseline;gap:3px;display:flex}.buying-price{color:#9ca3af;font-size:.5rem;font-weight:400;text-decoration:line-through}.current-price{color:#2563eb;font-size:.7rem;font-weight:700}.product-stock-row{justify-content:space-between;align-items:center;gap:2px;margin-top:0;display:flex}.product-stock{align-items:center;gap:2px;font-size:.5rem;line-height:1.1;display:flex}.stock-left-badge{color:#ea580c;white-space:nowrap;background:#ea580c1a;border-radius:3px;padding:1px 4px;font-size:.45rem;font-weight:600}.product-stock.ok{color:var(--success)}.product-stock.low{color:var(--warning)}.product-stock.out{color:var(--danger);font-weight:600}.product-stock .stock-dot{border-radius:50%;width:4px;height:4px;display:inline-block}.product-stock .stock-dot.ok{background:var(--success)}.product-stock .stock-dot.low{background:var(--warning)}.product-stock .stock-dot.out{background:var(--danger)}.product-card-body.disabled{cursor:not-allowed}.product-add-btn{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;cursor:pointer;opacity:0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:3px;width:100%;margin-top:4px;padding:3px 0;font-size:.6rem;font-weight:600;transition:all .2s;display:flex;transform:translateY(2px)}.product-card:hover .product-add-btn{opacity:1;transform:translateY(0)}.product-add-btn:hover{box-shadow:0 2px 12px var(--primary-glow);transform:translateY(-1px)!important}.product-add-btn:active{transform:scale(.96)!important}.product-add-btn i{font-size:.7rem}.out-of-stock-overlay{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background:#00000080;justify-content:center;align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex;position:absolute;inset:0}.product-like-btn{z-index:3;cursor:pointer;color:#666;width:22px;height:22px;box-shadow:var(--shadow-xs);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.6rem;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.product-like-btn:hover{background:#fff;transform:scale(1.15)}.product-like-btn.liked{background:var(--primary);color:#fff}.theme-light .product-like-btn{color:#000;background:#ffffffb3}.theme-light .product-like-btn.liked{background:var(--primary);color:#fff}.pos-right{flex-direction:column;min-width:0;padding:12px;display:flex;overflow:hidden}.pos-right h3{align-items:center;gap:8px;font-size:1rem;display:flex}.pos-cart-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pos-cart-header h3{align-items:center;gap:8px;font-size:1.05rem;display:flex}.cart-badge{background:var(--primary);color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}.cart-actions{gap:6px;display:flex}.cart-actions .btn{border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;display:flex}.pos-cart-items{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex:1;min-height:80px;margin-bottom:8px;overflow-y:auto}.empty-cart{height:100%;min-height:200px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-cart-icon{width:72px;height:72px;color:var(--primary-light);opacity:.6;background:#292f910f;border-radius:20px;justify-content:center;align-items:center;margin-bottom:8px;font-size:2rem;display:flex}.empty-cart-title{color:var(--text-secondary);font-size:1rem;font-weight:600}.empty-cart-hint{color:var(--text-muted);max-width:220px;font-size:.8rem;line-height:1.4}.cart-item{border-bottom:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:all .25s;animation:.25s fadeInRight;display:flex}.cart-item:hover{background:#292f9108}.cart-item-left{align-items:center;gap:12px;min-width:0;display:flex}.cart-item-img{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:10px;flex-shrink:0;width:42px;height:42px;overflow:hidden}.cart-item-img img{object-fit:cover;width:100%;height:100%;display:block}.cart-item-img-placeholder{color:var(--text-muted);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.cart-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cart-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.cart-item-meta{flex-wrap:wrap;gap:10px;display:flex}.cart-item-sku{color:var(--text-muted);font-family:monospace;font-size:.68rem}.cart-item-unit-price{color:var(--primary-light);font-size:.7rem;font-weight:500}.cart-item-right{justify-content:space-between;align-items:center;gap:12px;padding-left:54px;display:flex}.cart-item-total{color:var(--text-primary);white-space:nowrap;font-size:.88rem;font-weight:700}.cart-item-controls{align-items:center;gap:4px;display:flex}.cart-qty-btn{border:1px solid var(--border-color);background:var(--bg-card);width:28px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.72rem;transition:all .2s;display:flex}.cart-qty-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#292f910f}.cart-qty-btn:disabled{opacity:.3;cursor:not-allowed}.cart-qty-value{text-align:center;min-width:20px;font-size:.85rem;font-weight:700}.cart-remove-btn{color:var(--text-muted);border-color:#0000}.cart-remove-btn:hover{border-color:var(--danger)!important;color:var(--danger)!important;background:#ef44440f!important}.pos-cart-summary{border-top:1px solid var(--border-color);flex-shrink:0;margin-bottom:8px;padding-top:8px}.summary-row{color:var(--text-secondary);justify-content:space-between;padding:3px 0;font-size:.85rem;display:flex}.summary-row.total{color:var(--primary-light);border-top:1px solid var(--border-color);margin-top:4px;padding-top:8px;font-size:1.2rem;font-weight:700}.pos-payment{border-top:1px solid var(--border-color);flex-shrink:0;padding-top:8px}.payment-methods{gap:6px;margin-bottom:10px;display:flex}.btn-payment{background:var(--bg-card);border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .25s;display:flex}.btn-payment i{font-size:.85rem}.btn-payment.active{border-color:var(--primary);color:var(--primary);box-shadow:0 2px 8px var(--primary-glow);background:#292f9114}.btn-payment:hover{border-color:var(--primary)}.payment-actions{align-items:flex-end;gap:8px;display:flex}.amount-input{flex:1}.amount-input label{color:var(--text-muted);margin-bottom:3px;font-size:.75rem;font-weight:500;display:block}.amount-input-wrap{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:10px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.amount-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.amount-input-wrap .amount-currency{color:var(--text-muted);border-right:1px solid var(--border-color);background:#ffffff08;padding:0 8px;font-size:.78rem;font-weight:600;line-height:36px}.amount-input-wrap .form-control{background:0 0;border:none;border-radius:0}.btn-complete{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;min-width:0;box-shadow:0 2px 8px var(--primary-glow);border:none;border-radius:10px;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:700;line-height:1.1;transition:all .25s;display:flex}.btn-complete:hover:not(:disabled){box-shadow:0 4px 20px var(--primary-glow);transform:translateY(-1px)}.btn-complete:active:not(:disabled){transform:scale(.98)}.btn-complete:disabled{opacity:.4;cursor:not-allowed}.btn-complete small{opacity:.8;font-size:.68rem;font-weight:400}.pos-change-display{background:#10b98114;border:1px solid #10b98133;border-radius:12px;align-items:center;gap:12px;margin-top:10px;padding:12px 16px;animation:.3s slideDown;display:flex}.pos-change-display>i{color:var(--success);font-size:1.4rem}.pos-change-info{flex-direction:column;flex:1;display:flex}.pos-change-info span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.pos-change-info strong{color:var(--success);font-size:1.25rem}.pos-change-bills{text-align:right}.pos-change-bill-hint{color:var(--text-muted);background:#ffffff0a;border-radius:6px;padding:3px 8px;font-size:.72rem}.pos-mpesa-section{animation:.3s slideDown}.pos-mpesa-header{align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.pos-mpesa-header i{color:var(--primary-light);font-size:1.2rem}.pos-mpesa-amount{text-align:center;background:#292f910f;border:1px solid #292f911a;border-radius:12px;margin-bottom:12px;padding:12px}.pos-mpesa-amount span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;display:block}.pos-mpesa-amount strong{color:var(--primary);font-size:1.5rem}.pos-phone-input-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;align-items:center;display:flex;overflow:hidden}.pos-phone-prefix{color:var(--text-muted);border-right:1px solid var(--border-color);background:#ffffff08;padding:0 12px;font-size:.9rem;font-weight:600;line-height:42px}.pos-phone-input-wrap .form-control{border:none;border-radius:0}.pos-mpesa-btn{margin-top:10px}.pos-mpesa-status{border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;animation:.3s slideDown;display:flex}.pos-mpesa-pending{color:var(--warning);background:#fbbf2414;border:1px solid #fbbf2433}.pos-mpesa-sent{background:#292f910f;border:1px solid #292f9126}.pos-mpesa-sent div{flex-direction:column;display:flex}.pos-mpesa-sent small{color:var(--text-muted);font-size:.78rem}.pos-card-section{animation:.3s slideDown}.pos-card-header{align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.pos-card-header i{color:var(--primary-light);font-size:1.2rem}.pos-card-amount{text-align:center;background:#292f910f;border:1px solid #292f911a;border-radius:12px;margin-bottom:12px;padding:12px}.pos-card-amount span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;display:block}.pos-card-amount strong{color:var(--primary);font-size:1.5rem}.pos-card-types{gap:6px;margin-bottom:12px;display:flex}.pos-card-type-btn{border:1.5px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 6px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .25s;display:flex}.pos-card-type-btn i{font-size:.95rem}.pos-card-type-btn:hover{border-color:var(--primary)}.pos-card-type-btn.active{border-color:var(--primary);color:var(--primary);box-shadow:0 2px 8px var(--primary-glow);background:#292f9114}.pos-card-type-btn:disabled{opacity:.5;cursor:not-allowed}.pos-card-status{border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;animation:.3s slideDown;display:flex}.pos-card-success{background:#10b98114;border:1px solid #10b98133}.pos-card-success div{flex-direction:column;display:flex}.pos-card-success small{color:var(--text-muted);font-size:.78rem}.pos-credit-section,.pos-split-section{animation:.3s slideDown}.pos-credit-header,.pos-split-header{align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.pos-credit-header i{color:var(--warning);font-size:1.2rem}.pos-split-header i{color:var(--primary-light);font-size:1.2rem}.pos-credit-amount,.pos-split-amount{text-align:center;background:#292f910f;border:1px solid #292f911a;border-radius:12px;margin-bottom:12px;padding:12px}.pos-credit-amount span,.pos-split-amount span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;display:block}.pos-credit-amount strong,.pos-split-amount strong{color:var(--primary);font-size:1.5rem}.pos-credit-note,.pos-split-note{color:var(--text-muted);background:#fbbf240f;border:1px solid #fbbf241a;border-radius:10px;align-items:center;gap:6px;margin-bottom:12px;padding:10px 12px;font-size:.8rem;display:flex}.pos-split-note{background:#292f910f;border-color:#292f911a}.pos-credit-note i,.pos-split-note i{flex-shrink:0;font-size:.95rem}.pos-split-rows{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.pos-split-row{align-items:center;gap:8px;display:flex}.pos-split-method{flex:0 0 110px;border-radius:10px!important;padding:6px 10px!important;font-size:.82rem!important}.pos-split-amount-input{flex:1}.pos-split-amount-input input{border-radius:10px!important;font-size:.85rem!important}.pos-split-remove{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;border-radius:8px!important;padding:0!important}.pos-split-summary{border:1px solid var(--border-color);background:#292f910a;border-radius:12px;margin-bottom:12px;padding:10px 12px}.pos-split-summary-row{justify-content:space-between;align-items:center;padding:2px 0;font-size:.85rem;display:flex}.pos-split-summary-row+.pos-split-summary-row{border-top:1px solid var(--border-color);margin-top:4px;padding-top:6px}.pos-split-summary-row strong{font-size:.95rem}.pos-stats-bar{border-radius:14px;align-items:center;gap:4px;padding:8px 16px;animation:.3s slideDown;display:flex}.pos-stat-item{flex-direction:column;align-items:center;min-width:80px;padding:4px 16px;display:flex}.pos-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:500}.pos-stat-value{color:var(--text-primary);font-size:1.05rem;font-weight:700}.pos-stat-divider{background:var(--border-color);width:1px;height:32px}.pos-stat-store{flex-direction:row;gap:6px}.pos-stat-store-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.pos-stat-store-dot.open{background:var(--success);animation:2s ease-in-out infinite pulse}.pos-stat-store-dot.closed{background:var(--danger)}.pos-quick-amounts{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pos-quick-amt-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .2s}.pos-quick-amt-btn:hover{border-color:var(--primary);color:var(--primary);background:#292f910f}.pos-quick-amt-btn.active{border-color:var(--primary);color:var(--primary);background:#292f911a}.pos-held-widget{z-index:100;border-radius:14px;width:260px;max-height:320px;padding:0;animation:.4s fadeInUp;position:fixed;bottom:80px;right:20px;overflow:hidden}.pos-held-header{border-bottom:1px solid var(--border-color);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.pos-held-header:active{cursor:grabbing}.pos-held-grip{color:var(--text-muted);opacity:.5;font-size:.85rem;transition:opacity .2s}.pos-held-header:hover .pos-held-grip{opacity:1}.pos-held-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;font-size:.7rem;font-weight:700;display:flex}.pos-held-list{max-height:260px;overflow-y:auto}.pos-held-item{cursor:pointer;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 16px;transition:all .2s;display:flex}.pos-held-item:last-child{border-bottom:none}.pos-held-item:hover{background:#292f910d}.pos-held-item-left{align-items:center;gap:8px;display:flex}.pos-held-item-left i{color:var(--primary-light);font-size:.9rem}.pos-held-id{font-size:.85rem;font-weight:600}.pos-held-item-right{align-items:center;gap:6px;display:flex}.pos-held-amount{color:var(--text-secondary);font-size:.8rem;font-weight:500}.pos-held-item-right .bi-chevron-right{color:var(--text-muted);font-size:.7rem}.closed-banner{color:#fca5a5;background:linear-gradient(135deg,#ef44441f,#f59e0b1f);border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:.9rem;font-weight:500;animation:.3s fadeIn;display:flex;box-shadow:0 2px 12px #ef444426}.closed-banner i{flex-shrink:0;font-size:1.2rem}.closed-banner strong{color:#fff}.ribbon-new{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;letter-spacing:.5px;z-index:2;padding:2px 28px;font-size:.6rem;font-weight:700;position:absolute;top:8px;left:-28px;transform:rotate(-45deg);box-shadow:0 2px 6px #292f914d}.form-group{margin-bottom:1.75rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.input-group{align-items:stretch;display:flex;position:relative}.input-group-text{color:var(--text-muted);background-color:var(--bg-card);border:1px solid var(--border-color);border-right:none;border-radius:.5rem 0 0 .5rem;justify-content:center;align-items:center;min-width:2.5rem;padding:.75rem 1rem;font-size:1rem;display:flex}.form-control{width:100%;color:var(--text-primary);background-color:var(--bg-card);border:1px solid var(--border-color);text-align:center;background-clip:padding-box;border-radius:0 .5rem .5rem 0;padding:.75rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.form-control:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);outline:0}.btn{text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#292f91,#3d45b0);border:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{color:#fff;box-shadow:var(--shadow-btn-primary);background:linear-gradient(135deg,#1e2368,#292f91);transform:translateY(-1px)}.btn-primary:focus,.btn-primary.focus{color:#fff;box-shadow:var(--shadow-glow-lg);background:linear-gradient(135deg,#1e2368,#292f91)}.btn-primary:active,.btn-primary.active{color:#fff;transform:translateY(0);background:linear-gradient(135deg,#1e2368,#292f91)!important}.btn-primary:disabled,.btn-primary:disabled:hover{color:#fff;opacity:.6;background:linear-gradient(135deg,#292f91,#3d45b0)}.btn-lg{border-radius:.75rem;padding:1rem 1.75rem;font-size:1.125rem}@media (width<=480px){.form-control{padding:.75rem;font-size:.95rem}.input-group-text{min-width:2.25rem;padding:.75rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}}.auth-wrapper-modern{z-index:1;background:radial-gradient(at 20%,#4ca8dd40 0%,#0000 55%),radial-gradient(at 80% 20%,#292f914d 0%,#0000 50%),radial-gradient(at 50% 100%,#1e236859 0%,#0000 50%),linear-gradient(135deg,#0f1338 0%,#1e2368 40%,#292f91 70%,#1a3f6a 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.auth-wrapper-modern:before{content:"";pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}.auth-bg-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{filter:blur(60px);opacity:.12;border-radius:50%;animation:16s ease-in-out infinite morphOrb;position:absolute}.shape-1{background:linear-gradient(135deg,#4ca8dd,#6366f1);width:600px;height:600px;animation-delay:0s;top:-200px;right:-150px}.shape-2{background:linear-gradient(135deg,#292f91,#4ca8dd);width:450px;height:450px;animation-delay:-5s;bottom:-120px;left:-120px}.shape-3{background:linear-gradient(135deg,#818cf8,#4ca8dd);width:280px;height:280px;animation-delay:-10s;top:45%;left:15%}.auth-bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubble{opacity:0;background:radial-gradient(circle at 30% 30%,#ffffff40,#ffffff0d);border:1px solid #ffffff1f;border-radius:50%;animation:linear infinite bubbleFloat;position:absolute;bottom:-80px}.bubble:first-child{width:18px;height:18px;animation-duration:12s;animation-delay:0s;left:8%}.bubble:nth-child(2){width:26px;height:26px;animation-duration:14s;animation-delay:2s;left:18%}.bubble:nth-child(3){width:12px;height:12px;animation-duration:10s;animation-delay:1s;left:30%}.bubble:nth-child(4){width:22px;height:22px;animation-duration:16s;animation-delay:3s;left:42%}.bubble:nth-child(5){width:16px;height:16px;animation-duration:11s;animation-delay:.5s;left:55%}.bubble:nth-child(6){width:30px;height:30px;animation-duration:15s;animation-delay:4s;left:65%}.bubble:nth-child(7){width:14px;height:14px;animation-duration:13s;animation-delay:2.5s;left:78%}.bubble:nth-child(8){width:20px;height:20px;animation-duration:12s;animation-delay:1.5s;left:90%}@keyframes bubbleFloat{0%{opacity:0;transform:translateY(0)scale(.4)rotate(0)}10%{opacity:.6}50%{opacity:.3}to{opacity:0;transform:translateY(-110vh)scale(1)rotate(360deg)}}@keyframes morphOrb{0%,to{border-radius:50%;transform:translate(0)scale(1)rotate(0)}25%{border-radius:40% 60% 60% 40%/40% 50% 70% 60%;transform:translate(40px,-40px)scale(1.1)rotate(90deg)}50%{border-radius:60% 40% 40% 60%/60% 50% 40%;transform:translate(-30px,20px)scale(.95)rotate(180deg)}75%{border-radius:40% 60% 50% 50%/50% 60% 40% 50%;transform:translate(20px,30px)scale(1.05)rotate(270deg)}}.auth-page-loader{z-index:9999;background:linear-gradient(135deg,#1a1f4e 0%,#2d1b69 40%,#1a1f4e 100%);justify-content:center;align-items:center;animation:.4s authPageFadeIn;display:flex;position:fixed;inset:0}@keyframes authPageFadeIn{0%{opacity:0}to{opacity:1}}.auth-page-loader-card{flex-direction:column;align-items:center;gap:28px;display:flex}.auth-page-loader-logo{animation:1.8s ease-in-out infinite authPageLogoPulse}@keyframes authPageLogoPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.15);transform:scale(1.05)}}.auth-page-loader-rings{width:72px;height:72px;position:relative}.auth-page-ring{border:3px solid #0000;border-radius:50%;position:absolute;inset:0}.auth-page-ring-1{border-top-color:#60a5fa;animation:1.2s linear infinite authPageRingSpin}.auth-page-ring-2{border-right-color:#a78bfa;animation:1.6s linear infinite reverse authPageRingSpin;inset:6px}.auth-page-ring-3{border-bottom-color:#f472b6;animation:2s linear infinite authPageRingSpin;inset:12px}@keyframes authPageRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-page-loader-text{color:#ffffffb3;letter-spacing:.02em;align-items:center;gap:2px;font-size:.88rem;font-weight:500;display:flex}.auth-page-dots span{opacity:0;animation:1.4s ease-in-out infinite authPageDotBounce;display:inline-block}.auth-page-dots span:first-child{animation-delay:0s}.auth-page-dots span:nth-child(2){animation-delay:.2s}.auth-page-dots span:nth-child(3){animation-delay:.4s}@keyframes authPageDotBounce{0%,60%,to{opacity:0;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.auth-container{z-index:2;width:420px;padding:20px;animation:.7s cubic-bezier(.16,1,.3,1) fadeInUp;position:relative}.auth-container.auth-container-wide{width:100%;max-width:920px}.auth-card{-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-2xl), 0 0 0 1px #ffffff14, inset 0 1px 0 #fff9;background:#fffffff5;border-radius:28px;padding:44px 40px;transition:transform .3s,box-shadow .4s}.theme-light .auth-card{-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-2xl), 0 0 0 1px #ffffff0f, inset 0 1px 0 #ffffff1a;background:#1e2368eb}.auth-header{text-align:center;margin-bottom:32px}.auth-logo-wrap{margin-bottom:16px;display:inline-block;position:relative}.auth-logo{color:#292f91;z-index:1;font-size:3rem;transition:transform .3s;position:relative}.auth-logo:hover{transform:scale(1.05)}.theme-light .auth-logo{color:#4ca8dd}.auth-logo-ring{border:2px solid #292f911a;border-radius:50%;animation:3s ease-in-out infinite pulseRing;position:absolute;inset:-8px}@keyframes pulseRing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.08)}}.auth-header h1{background:linear-gradient(135deg,#292f91,#4ca8dd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.auth-subtitle{color:#6b7280;margin-top:4px;font-size:.85rem}.theme-light .auth-subtitle{color:#ffffffbf}.auth-form .form-group{margin-bottom:20px}.auth-form .form-group label{color:#374151;letter-spacing:.01em;align-items:center;gap:6px;margin-bottom:6px;font-size:.82rem;font-weight:600;display:flex}.theme-light .auth-form .form-group label{color:#ffffffd9}.input-wrap{position:relative}.input-wrap .form-control{color:#111827;caret-color:#292f91;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;width:100%;height:52px;padding:0 16px 0 46px;font-size:.95rem;transition:all .25s cubic-bezier(.16,1,.3,1)}.input-wrap .form-control::placeholder{color:#adb5bd;font-weight:400}.input-wrap .form-control:focus{box-shadow:var(--shadow-glow-lg), 0 4px 16px #292f910f;background:#fff;border-color:#292f91;outline:none;transform:translateY(-1px)}.theme-light .input-wrap .form-control{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff1f}.theme-light .input-wrap .form-control::placeholder{color:#ffffff4d}.theme-light .input-wrap .form-control:focus{background:#ffffff14;border-color:#4ca8dd;box-shadow:0 0 0 4px #4ca8dd1f}.input-icon{color:#9ca3af;pointer-events:none;font-size:1.05rem;transition:color .25s,transform .25s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-wrap .form-control:focus~.input-icon{color:#292f91;transform:translateY(-50%)scale(1.1)}.pw-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:1.1rem;transition:color .25s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pw-toggle:hover{color:#292f91;background:#292f910f}.phone-input-group{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;align-items:center;height:52px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.phone-input-group:focus-within{box-shadow:var(--shadow-glow-lg), 0 4px 16px #292f910f;background:#fff;border-color:#292f91}.phone-country-flag{white-space:nowrap;-webkit-user-select:none;user-select:none;background:#292f910a;border-right:1.5px solid #e5e7eb;align-items:center;gap:6px;height:100%;padding:0 12px 0 16px;display:flex}.phone-country-flag .flag-icon{font-size:1.2rem;line-height:1}.phone-country-flag .country-code{color:#374151;letter-spacing:.02em;font-size:.9rem;font-weight:600}.phone-input-group .phone-input{height:100%;padding:0 16px;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.phone-input-group .phone-input:focus{box-shadow:none!important;border:none!important;transform:none!important}.form-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.checkbox-wrap{cursor:pointer;color:#6b7280;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding-left:28px;font-size:.85rem;display:flex;position:relative}.checkbox-wrap input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background:#fff;border:1.5px solid #d1d5db;border-radius:5px;width:18px;height:18px;transition:all .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-wrap:hover .checkmark{border-color:#292f91}.checkbox-wrap input:checked~.checkmark{background:#292f91;border-color:#292f91;box-shadow:0 2px 8px #292f9140}.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.checkbox-wrap input:checked~.checkmark:after{display:block}.theme-light .checkbox-wrap{color:#ffffffbf}.theme-light .checkmark{background:#ffffff1a;border-color:#fff3}.theme-light .checkbox-wrap input:checked~.checkmark{background:#292f91;border-color:#292f91}.forgot-link{color:#292f91;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#4ca8dd;text-decoration:underline}.btn-block{cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#292f91,#3d45b0,#4ca8dd) 0 0/200% 200%;border:none;border-radius:14px;justify-content:center;width:100%;height:52px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);animation:4s ease-in-out infinite gradientShift;position:relative}.btn-block:hover:not(:disabled){box-shadow:var(--shadow-btn-primary);transform:translateY(-2px)}.btn-block:active:not(:disabled){transform:translateY(0)}.btn-block:disabled{opacity:.6;cursor:not-allowed}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.btn-block .btn-loader{justify-content:center;align-items:center;gap:8px;display:none}.btn-block.loading .btn-text{display:none}.btn-block.loading .btn-loader{display:flex}.btn-loader-wrap{position:relative}.btn-border-loader{border-radius:inherit;z-index:1;pointer-events:none;position:absolute;inset:-2px;overflow:hidden}.btn-border-loader:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:conic-gradient(#0000 0% 25%,#60a5fa 35%,#a78bfa 50%,#f472b6 65%,#0000 75% 100%);padding:2px;animation:1.2s linear infinite borderSpin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-block.btn-loading{cursor:wait;position:relative;overflow:hidden}.btn-block.btn-loading:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000 0%,#ffffff14 30%,#ffffff1f 50%,#ffffff14 70%,#0000 100%) 0 0/200% 100%;animation:1.8s ease-in-out infinite shimmer;position:absolute;inset:0}.btn-loading-dots{align-items:center;gap:0;display:inline-flex}.btn-loading-dots .dots span{padding:0 1px;font-size:1.2rem;line-height:1;animation:1.4s ease-in-out infinite dotPulse;display:inline-block}.btn-loading-dots .dots span:nth-child(2){animation-delay:.2s}.btn-loading-dots .dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.spinner-color{border:3px solid #3b82f6;border-color:#3b82f6 #ef4444 #f97316 #0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.error-message{color:#ef4444;background:#ef444414;border:1px solid #ef444426;border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:12px 14px;font-size:.85rem;animation:.3s fadeIn;display:none}.error-message.show{display:flex}.success-msg{color:#10b981;background:#10b98114;border:1px solid #10b98126;border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:12px 14px;font-size:.85rem;animation:.3s fadeIn;display:none}.success-msg.show{display:flex}.auth-footer{text-align:center;color:#6b7280;border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px;font-size:.85rem}.signup-link{color:#292f91;font-weight:600;text-decoration:none}.signup-link:hover{color:#4ca8dd;text-decoration:underline}.theme-light .auth-footer{color:#ffffffb3;border-top-color:#ffffff1a}#forgotModal .modal-content{-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-2xl);background:#fffffff5;border:none;border-radius:20px}#forgotModal .modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}#forgotModal .modal-title{color:#292f91;font-weight:700}#forgotModal .modal-body{padding:20px 24px}#forgotModal .form-control{border:1.5px solid #e5e7eb;border-radius:12px;height:48px;padding:0 16px;font-size:.95rem}#forgotModal .form-control:focus{box-shadow:var(--shadow-glow-lg);border-color:#292f91}#forgotModal .btn-close{filter:none}#forgotModal .btn-block{border-radius:12px;height:48px}.otp-delivery-toggle{margin-bottom:1.25rem}.otp-delivery-label{color:#6b7280;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.otp-delivery-toggle .btn-group .btn{border:1.5px solid #e5e7eb;border-radius:10px;padding:9px 16px;font-size:.85rem;transition:all .2s}.otp-delivery-toggle .btn-group .btn-primary{box-shadow:var(--shadow-btn-primary);background:#292f91;border-color:#292f91}.otp-contact-info{color:#374151;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:1px solid #292f910f;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:1.5rem;padding:12px 16px;font-size:.85rem;display:flex}.otp-contact-info i{color:#292f91;font-size:1.2rem}.theme-light .otp-contact-info{color:#d1d5db;background:#ffffff14;border-color:#ffffff0f}.theme-light .otp-contact-info i{color:#4ca8dd}.otp-input-group{justify-content:center;gap:10px;margin-bottom:.5rem;display:flex}.otp-input{text-align:center;color:#111827;caret-color:#292f91;background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;outline:none;width:54px;height:62px;font-size:1.5rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.otp-input:focus{box-shadow:var(--shadow-glow-lg), 0 4px 16px #292f910f;background:#fff;border-color:#292f91;transform:translateY(-1px)}.otp-input:disabled{opacity:.5}.theme-light .otp-input{color:#fff;background:#ffffff0f;border-color:#ffffff26}.theme-light .otp-input:focus{box-shadow:var(--shadow-glow-lg);background:#ffffff1a;border-color:#4ca8dd}.otp-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.theme-light .otp-footer{border-top-color:#ffffff1a}.otp-timer{color:#6b7280;font-size:.82rem}.otp-expired{color:#dc2626;font-size:.82rem;font-weight:600}.theme-light .otp-timer{color:#9ca3af}.otp-resend-btn{color:#292f91;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.otp-resend-btn:hover:not(:disabled){color:#4ca8dd;background:#292f910f;text-decoration:none}.otp-resend-btn:disabled{color:#9ca3af;cursor:not-allowed}.theme-light .otp-resend-btn{color:#4ca8dd}.theme-light .otp-resend-btn:disabled{color:#6b7280}.auth-back-link .forgot-link{align-items:center;gap:4px;display:inline-flex}.auth-otp-verify-btn.btn-block{margin-top:1.25rem}@media (width<=480px){.auth-container{width:100%;padding:12px}.auth-card{padding:28px 20px}.form-row{flex-direction:column;align-items:flex-start;gap:12px}.otp-input-group{gap:6px}.otp-input{width:44px;height:52px;font-size:1.2rem}}.Toastify__toast-theme--light{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);color:var(--text-primary);background:#fffffff2;border:1px solid #00000014;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;font-family:Ubuntu,sans-serif;display:flex}.Toastify__toast-theme--dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);color:var(--text-primary);background:#1e2368f2;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;font-family:Ubuntu,sans-serif;display:flex}.Toastify__toast-icon{font-size:1.5rem}.Toastify__toast-body{flex:1}.health-card{align-items:center;gap:24px;margin-bottom:20px;padding:20px;animation:.5s fadeInUp;display:flex}.health-score{text-align:center}.score-circle{background:conic-gradient(var(--primary) var(--score,0%), var(--bg-card) var(--score,0%));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;transition:all .5s;animation:.6s scaleIn;display:flex;position:relative}.score-circle:before{content:"";background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;width:108px;height:108px;position:absolute}.score-circle span{z-index:1;font-size:2.2rem;font-weight:800;animation:.5s countUp;position:relative}.score-circle small{color:var(--text-muted);z-index:1;font-size:.75rem;position:relative}.health-metrics{flex:1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.health-metrics div{border-radius:10px;flex-direction:column;gap:4px;padding:10px;transition:all .3s;display:flex}.health-metrics div:hover{background:#ffffff08}.health-metrics span{color:var(--text-muted);font-size:.8rem}.health-metrics strong{font-size:1.1rem}.ai-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.rec-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:0;padding:14px;transition:all .3s;animation:.4s fadeInUp}.rec-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.rec-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.rec-card h4{margin-bottom:4px;font-size:.95rem}.rec-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.insight-details{margin-top:8px;font-size:.8rem}.insight-details summary{cursor:pointer;color:var(--text-muted);font-weight:500;transition:color .3s}.insight-details summary:hover{color:var(--primary-light)}.insight-details pre{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;max-height:200px;padding:8px;overflow:auto}.badge-critical,.badge-high,.badge-medium,.badge-low,.badge-info,.badge-success,.badge-warning,.badge-danger,.badge-completed,.badge-pending,.badge-failed,.badge-draft,.badge-ordered,.badge-received{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-critical,.badge-danger{color:var(--danger);background:#ef444426}.badge-high,.badge-warning{color:var(--warning);background:#292f911f}.badge-medium,.badge-info{color:var(--info);background:#4cabdd33}.badge-low,.badge-success,.badge-completed,.badge-received{color:var(--success);background:#10b98126}.badge-pending,.badge-draft,.badge-ordered{color:var(--text-secondary);background:#6b636026}.badge-failed{color:var(--danger);background:#ef444426}.rec-toggle-item{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;margin-bottom:6px;transition:border-color .2s;overflow:hidden}.rec-toggle-item:hover{border-color:var(--primary)}.rec-toggle-header{background:var(--bg-card);align-items:center;gap:8px;padding:10px 12px;display:flex}.rec-toggle-title{color:var(--text-primary);flex:1;font-size:.85rem;font-weight:500}.rec-toggle-icon{color:var(--text-muted);font-size:.75rem;transition:transform .2s}.rec-toggle-item.expanded .rec-toggle-icon{transform:rotate(180deg)}.rec-toggle-body{background:var(--bg-dark);padding:10px 12px;display:none}.rec-toggle-item.expanded .rec-toggle-body{display:block}.rec-toggle-body p{color:var(--text-secondary);margin:0 0 8px;font-size:.8rem;line-height:1.5}.rec-toggle-meta{gap:6px;display:flex}.discount-chip{color:#dc2626;background:#dc262626;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.text-primary{color:var(--primary-light)!important}.py-5{padding-top:3rem;padding-bottom:3rem}.pt-5{padding-top:3rem}.modal{z-index:10050}.modal-backdrop{z-index:10000}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px}.modal-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.modal-header .modal-title{font-weight:700}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);padding:16px 24px}.btn-close-white{filter:none;opacity:.5;transition:opacity .3s}.btn-close-white:hover{opacity:.8}.theme-light .btn-close-white{filter:brightness(0)invert();opacity:.6}.theme-light .btn-close-white:hover{opacity:1}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.pagination{justify-content:center;gap:4px;margin-top:16px;display:flex}.page-item{list-style:none}.page-link{background:var(--bg-card);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.page-link:hover,.page-item.active .page-link{background:var(--primary);color:#fff;border-color:var(--primary)}.toast{color:#fff;z-index:9999;min-width:280px;box-shadow:var(--shadow-xl);border-radius:12px;padding:12px 20px;font-size:.9rem;font-weight:500;animation:.3s fadeInRight;position:fixed;bottom:24px;right:24px}.toast-info{background:var(--info)}.toast-success{background:var(--success)}.toast-warning{background:var(--warning);color:#fff}.toast-error{background:var(--danger);color:#fff}.table-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sidebar-install{border-top:1px solid var(--border-color);margin-top:auto;padding:12px 16px}.sidebar-install .install-btn{border:1px dashed var(--border-hover);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;transition:all .3s;display:flex}.sidebar-install .install-btn:hover{border-color:var(--primary);color:var(--primary);background:#292f910f}.sidebar-install .install-btn i{flex-shrink:0;font-size:1.3rem}.sidebar-install .install-btn-text{text-align:left}.sidebar-install .install-btn-text span{font-size:.85rem;font-weight:600;display:block}.sidebar-install .install-btn-text small{opacity:.7;font-size:.7rem;display:block}.sidebar-version{border-top:1px solid var(--border-color);text-align:center;padding:10px 16px 12px}.sidebar-version-badge{color:var(--text-muted);letter-spacing:.02em;background:#8080800f;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.sidebar-version-badge:hover{color:var(--primary);background:#292f9114}@media (width>=1401px){#productsGrid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;padding:10px}}@media (width<=1400px){.pos-terminal{grid-template-columns:1fr 380px;gap:14px}#productsGrid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:8px}.pos-right{padding:14px}}@media (width<=1200px){.pos-terminal{grid-template-columns:1fr 360px;gap:12px}#productsGrid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:6px}.pos-right{padding:12px}.cart-item-right{padding-left:0}}@media (width<=1100px){.pos-terminal{grid-template-columns:1fr 320px;gap:10px}#productsGrid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:5px;padding:6px}.pos-right{padding:10px}.pos-stat-item{min-width:70px;padding:4px 12px}.cart-item-right{padding-left:0}.cart-item{padding:10px}.pos-cart-header h3{font-size:.95rem}}@media (width<=1024px){.content-wrapper{padding:0}.topbar-center{display:none}.pos-terminal{grid-template-rows:1fr auto;grid-template-columns:1fr;gap:12px;height:auto;padding:0 16px;overflow:hidden}.pos-right{height:auto;max-height:600px;overflow-y:auto;border-radius:16px!important}.pos-cart-items{flex:0 auto;max-height:200px}.pos-payment{flex-shrink:0}.pos-left{min-height:0;max-height:none}#productsGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;padding:6px}.product-add-btn{opacity:1;transform:none}.cart-item-right{flex-wrap:wrap;padding-left:0}.pos-stats-bar{overflow-x:auto}.pos-cart-header h3{font-size:1rem}.pos-payment{padding-top:8px}.dashboard-grid,.ai-grid{grid-template-columns:1fr}.health-metrics{grid-template-columns:1fr 1fr}}@media (width<=992px){.pos-terminal{gap:10px}.pos-right{max-height:550px;padding:12px;overflow-y:auto}.pos-cart-items{flex:0 auto;max-height:180px}.pos-payment{flex-shrink:0;padding-top:8px}.cart-item{padding:10px}.cart-item-right{flex-wrap:wrap;padding-left:0}.cart-item-img{width:36px;height:36px}.cart-item-name{font-size:.8rem}.cart-qty-btn{width:26px;height:26px}.pos-stats-bar{padding:6px 12px;overflow-x:auto}.pos-stat-item{min-width:65px;padding:4px 10px}.btn-payment{padding:6px 4px;font-size:.72rem}.payment-actions{flex-direction:column;gap:8px}.btn-complete{flex-direction:row;padding:8px 14px;font-size:.85rem}.pos-quick-amt-btn{padding:5px 10px;font-size:.72rem}.pos-scan-toast{top:calc(var(--topbar-height) + 8px);padding:10px 18px;font-size:.85rem}.pos-held-widget{width:240px;bottom:75px;right:16px}}@media (width<=768px){.topbar{padding:0 16px}.topbar-left{max-width:none}.topbar-search{max-width:200px}.search-shortcut,.user-info,.user-chevron{display:none}.user-btn{border-radius:12px;padding:6px}.topbar-action-btn,.btn-icon{width:38px;height:38px}.user-dropdown-menu{min-width:220px;right:-8px}.stats-grid{grid-template-columns:repeat(2,1fr)}.pos-terminal{gap:8px}.pos-stats-bar{border-radius:12px;gap:2px;padding:6px 8px;overflow-x:auto}.pos-stat-item{min-width:60px;padding:4px 10px}.pos-stat-value{font-size:.9rem}.pos-stat-label{font-size:.62rem}.pos-right{max-height:550px;padding:12px;overflow-y:auto}.pos-search{border-radius:12px;padding:4px 6px 4px 4px}.pos-search-input{padding:8px 4px;font-size:.85rem}.pos-search-icon{border-radius:10px;width:34px;height:34px;font-size:.85rem}.pos-search-scan{border-radius:10px;width:34px;height:34px}.pos-search-kbd{display:none}.pos-products-header{padding:2px}.pos-products-count{font-size:.7rem}.pos-payment{padding-top:8px}.btn-payment{gap:4px;padding:6px 4px;font-size:.7rem}.btn-payment i{font-size:.85rem}.payment-actions{flex-direction:column;gap:8px}.amount-input-wrap .amount-currency{font-size:.78rem;line-height:36px}.btn-complete{flex-direction:row;padding:8px 14px;font-size:.85rem}.btn-complete small{display:none}.pos-quick-amounts{gap:4px}.pos-quick-amt-btn{padding:5px 10px;font-size:.72rem}.pos-change-display{padding:10px 12px}.pos-change-info strong{font-size:1rem}.pos-mpesa-amount strong,.pos-card-amount strong{font-size:1.2rem}.pos-mpesa-status,.pos-card-status{padding:10px 12px;font-size:.82rem}.pos-mpesa-actions{flex-direction:column}.pos-scan-toast{top:calc(var(--topbar-height) + 8px);padding:10px 18px;font-size:.82rem}.health-card{flex-direction:column}.health-metrics{grid-template-columns:1fr 1fr}.cart-item{padding:10px}.cart-item-right{flex-wrap:wrap;padding-left:0}.cart-item-total{font-size:.82rem}.cart-qty-btn{width:26px;height:26px;font-size:.65rem}.cart-qty-value{min-width:18px;font-size:.8rem}.cart-item-img{width:36px;height:36px}.cart-item-name{font-size:.8rem}.cart-item-meta{gap:6px}.cart-badge{min-width:20px;height:20px;font-size:.65rem}.pos-cart-header h3{font-size:.95rem}.cart-actions .btn{padding:4px 10px;font-size:.7rem}.summary-row.total{font-size:1.05rem}.pos-held-widget{width:240px;bottom:75px;right:16px}.pos-mpesa-actions{flex-direction:column;gap:6px}}@media (width<=480px){.topbar{padding:0 12px}.topbar-left{gap:10px}.topbar-search{max-width:120px;padding:6px 10px}.topbar-search input{font-size:.78rem}.topbar-right{gap:4px}.topbar-action-btn,.btn-icon{width:34px;height:34px;font-size:.9rem}.user-btn{gap:0;padding:4px}.user-avatar{width:32px;height:32px;font-size:.7rem}.stats-grid{grid-template-columns:1fr}.pos-terminal{gap:6px;padding:0 12px}.pos-right{max-height:500px;padding:10px;overflow-y:auto;border-radius:12px!important}.pos-stats-bar{border-radius:10px;padding:4px 6px}.pos-stat-item{min-width:50px;padding:3px 8px}.pos-stat-value{font-size:.8rem}.pos-stat-label{font-size:.58rem}.pos-stat-divider{height:24px}.pos-search{border-radius:10px;padding:3px 4px 3px 3px}.pos-search-icon{border-radius:8px;width:30px;height:30px;font-size:.78rem}.pos-search-input{padding:6px 4px;font-size:.8rem}.pos-search-clear{border-radius:8px;width:26px;height:26px}.pos-search-scan{border-radius:8px;width:30px;height:30px;font-size:.9rem}.pos-categories{gap:4px}.cat-btn{padding:5px 10px;font-size:.72rem}.pos-pagination{gap:2px;padding:6px 2px 2px}.pos-page-btn{border-radius:8px;min-width:30px;height:30px;font-size:.75rem}.cart-item{gap:6px;padding:8px}.cart-item-img{border-radius:8px;width:32px;height:32px}.cart-item-name{font-size:.75rem}.cart-item-sku{font-size:.6rem}.cart-item-unit-price{font-size:.65rem}.cart-item-total{font-size:.78rem}.cart-qty-btn{border-radius:5px;width:24px;height:24px;font-size:.6rem}.cart-qty-value{min-width:16px;font-size:.75rem}.cart-remove-btn{font-size:.65rem}.cart-badge{min-width:18px;height:18px;font-size:.6rem}.pos-cart-header{margin-bottom:8px}.pos-cart-header h3{font-size:.85rem}.cart-actions .btn{gap:3px;padding:3px 8px;font-size:.65rem}.payment-methods{gap:4px;margin-bottom:8px}.btn-payment{border-radius:8px;padding:5px 3px;font-size:.65rem}.btn-payment i{font-size:.78rem}.amount-input label{font-size:.7rem}.amount-input-wrap{border-radius:8px}.amount-input-wrap .amount-currency{padding:0 8px;font-size:.75rem;line-height:34px}.btn-complete{border-radius:10px;gap:4px;padding:6px 12px;font-size:.8rem}.pos-quick-amt-btn{padding:4px 8px;font-size:.68rem}.pos-change-display{border-radius:10px;gap:8px;padding:8px 10px}.pos-change-info strong{font-size:.9rem}.pos-change-bill-hint{font-size:.65rem}.pos-mpesa-amount{padding:8px}.pos-mpesa-amount strong{font-size:1.05rem}.pos-mpesa-status{padding:8px 10px;font-size:.78rem}.pos-mpesa-actions{gap:6px}.pos-mpesa-actions .btn{padding:6px 10px;font-size:.75rem}.pos-card-amount{padding:8px}.pos-card-amount strong{font-size:1.05rem}.pos-card-types{gap:4px}.pos-card-type-btn{padding:6px;font-size:.65rem}.pos-card-status{padding:8px 10px;font-size:.78rem}.pos-scan-toast{top:calc(var(--topbar-height) + 4px);border-radius:10px;padding:8px 14px;font-size:.78rem}.pos-held-widget{width:220px;bottom:70px;right:12px}.pos-held-header{padding:10px 12px;font-size:.82rem}.pos-held-item{padding:8px 12px}.pos-held-id{font-size:.78rem}.pos-held-amount{font-size:.75rem}.empty-cart-icon{width:56px;height:56px;font-size:1.5rem}.empty-cart-title{font-size:.9rem}.empty-cart-hint{font-size:.72rem}.health-card{flex-direction:column}.health-metrics{grid-template-columns:1fr}.auth-container{width:100%;padding:16px}.auth-card{padding:24px}}@media (width<=380px){.pos-terminal{gap:4px;padding:0 8px}.pos-right{max-height:450px;padding:6px;overflow-y:auto;border-radius:10px!important}.pos-stats-bar{border-radius:8px;gap:1px;padding:3px 4px}.pos-stat-item{min-width:44px;padding:2px 6px}.pos-stat-value{font-size:.72rem}.pos-stat-label{font-size:.5rem}.pos-stat-divider{height:20px}.pos-stat-store-dot{width:6px;height:6px}.pos-search{border-radius:8px;gap:4px;padding:2px 3px 2px 2px}.pos-search-icon{border-radius:6px;width:26px;height:26px;font-size:.7rem}.pos-search-input{padding:5px 3px;font-size:.75rem}.pos-search-clear{border-radius:6px;width:22px;height:22px;font-size:.62rem}.pos-search-scan{border-radius:6px;width:26px;height:26px;font-size:.8rem}.pos-categories{gap:3px;padding:2px 0}.cat-btn{border-radius:14px;padding:4px 8px;font-size:.62rem}.pos-products-count{font-size:.62rem}.pos-pagination{gap:2px;padding:4px 2px 2px}.pos-page-btn{border-radius:6px;min-width:26px;height:26px;padding:0 5px;font-size:.68rem}.cart-item{gap:4px;padding:6px}.cart-item-img{border-radius:6px;width:28px;height:28px}.cart-item-name{font-size:.68rem}.cart-item-sku{font-size:.55rem}.cart-item-unit-price{font-size:.6rem}.cart-item-total{font-size:.72rem}.cart-qty-btn{border-radius:4px;width:22px;height:22px;font-size:.55rem}.cart-qty-value{min-width:14px;font-size:.7rem}.cart-badge{min-width:16px;height:16px;font-size:.55rem}.pos-cart-header{margin-bottom:6px}.pos-cart-header h3{gap:4px;font-size:.8rem}.cart-actions .btn{border-radius:6px;gap:2px;padding:3px 6px;font-size:.6rem}.pos-cart-summary{margin-bottom:6px}.summary-row{font-size:.75rem}.summary-row.total{font-size:.95rem}.pos-payment{padding-top:6px}.payment-methods{gap:3px;margin-bottom:6px}.btn-payment{border-radius:6px;gap:3px;padding:4px 2px;font-size:.58rem}.btn-payment i{font-size:.72rem}.amount-input label{font-size:.65rem}.amount-input-wrap{border-radius:6px}.amount-input-wrap .amount-currency{padding:0 6px;font-size:.7rem;line-height:30px}.amount-input-wrap .form-control{padding:.5rem .6rem;font-size:.82rem}.btn-complete{border-radius:8px;gap:3px;padding:5px 10px;font-size:.75rem}.pos-quick-amounts{gap:3px;margin-bottom:8px}.pos-quick-amt-btn{border-radius:6px;padding:3px 6px;font-size:.62rem}.pos-change-display{border-radius:8px;gap:6px;padding:6px 8px}.pos-change-info strong{font-size:.85rem}.pos-change-bill-hint{font-size:.6rem}.pos-mpesa-header{font-size:.8rem}.pos-mpesa-amount{padding:6px}.pos-mpesa-amount strong{font-size:.95rem}.pos-mpesa-status{gap:8px;padding:6px 8px;font-size:.72rem}.pos-mpesa-actions .btn{padding:5px 8px;font-size:.7rem}.pos-card-header{font-size:.8rem}.pos-card-amount{padding:6px}.pos-card-amount strong{font-size:.95rem}.pos-card-types{gap:3px}.pos-card-type-btn{padding:5px;font-size:.6rem}.pos-card-status{gap:8px;padding:6px 8px;font-size:.72rem}.pos-scan-toast{top:calc(var(--topbar-height) + 4px);border-radius:8px;gap:6px;padding:6px 12px;font-size:.72rem}.pos-held-widget{border-radius:10px;width:190px;bottom:65px;right:8px}.pos-held-header{gap:6px;padding:8px 10px;font-size:.75rem}.pos-held-item{padding:6px 10px}.pos-held-id{font-size:.72rem}.pos-held-amount{font-size:.68rem}.pos-held-badge{width:18px;height:18px;font-size:.6rem}.empty-cart-icon{border-radius:14px;width:48px;height:48px;font-size:1.2rem}.empty-cart-title{font-size:.8rem}.empty-cart-hint{max-width:180px;font-size:.65rem}.pos-products-empty{padding:32px 16px}.pos-products-empty i{font-size:1.8rem}.closed-banner{border-radius:8px;padding:10px 12px;font-size:.8rem}.form-group{margin-bottom:.8rem}.form-label{font-size:.78rem}.pos-phone-prefix{padding:0 8px;font-size:.8rem;line-height:34px}}.cat-manage-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:.78rem;transition:all .2s}.cat-manage-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}#categoriesBody tr{transition:background .2s}#categoriesBody tr:hover{background:#ffffff08}#categoriesBody td{vertical-align:middle;padding:10px 8px}#categoriesTable th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:.8rem}.category-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}#catSearch{background:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:8px 12px}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.main-content{padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-top:env(safe-area-inset-top);height:calc(var(--topbar-height) + env(safe-area-inset-top))}}div.dt-container .dt-length label,div.dt-container .dt-info{color:var(--text-secondary);font-size:.85rem}div.dt-container .dt-paging nav{gap:2px}div.dt-container .dt-paging .dt-paging-button{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:4px 12px;font-size:.85rem;transition:all .3s}div.dt-container .dt-paging .dt-paging-button:hover,div.dt-container .dt-paging .dt-paging-button.current{background:var(--primary);color:#fff;border-color:var(--primary)}div.dt-container .dt-paging .dt-paging-button.disabled{opacity:.4;cursor:default}div.dt-container .dt-length select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;margin:0 4px;padding:4px 8px}div.dt-container .dt-search input{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;outline:none;width:100%;max-width:300px;padding:8px 16px;font-size:.9rem;transition:all .3s}div.dt-container .dt-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}div.dt-container .dt-search label{display:none}div.dt-container .dt-input{margin:0 4px}table.dataTable th.dt-type-numeric{text-align:left}table.dataTable>thead>tr>th{border-bottom:2px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}table.dataTable>tbody>tr>td{border-bottom:1px solid var(--border-color);padding:12px 8px}table.dataTable>tbody>tr:hover td{background:#292f910a}.theme-light table.dataTable>tbody>tr:hover td{background:#292f9114}table.dataTable>tbody>tr.odd>td{background:#ffffff03}div.dt-container .dt-empty{color:var(--text-muted);text-align:center;padding:32px}div.dt-container{box-shadow:var(--shadow-sm);background:var(--bg-card);border-radius:12px;margin-bottom:20px;padding:16px}.settings-tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:4px;margin-bottom:28px;padding-bottom:0;list-style:none;display:flex}.settings-tabs li{list-style:none}@media (width<=768px){.settings-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs li{flex-shrink:0}}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:12px 22px;font-size:.88rem;font-weight:500;transition:all .3s;display:flex}.tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.tab-btn.active{color:var(--primary-light);border-bottom-color:var(--primary);background:#292f9114;font-weight:600}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.role-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.role-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.role-card.active{border-color:var(--primary);background:#292f9114}.role-icon{width:42px;height:42px;color:var(--primary-light);background:#292f911a;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.role-info h4{margin:0;font-size:.9rem;font-weight:600}.role-info span{font-size:.75rem}.role-count{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:10px;right:14px}.branch-item{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:10px 0;transition:all .2s;display:flex}.branch-item:hover{padding-left:4px}.branch-item input{flex:1}.custom-setting-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;margin-bottom:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-setting-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.custom-setting-card code{background:#0000000a;border-radius:4px;padding:1px 6px}.settings-search-group{width:220px}.settings-modal{margin:0 16px}.custom-stat-item{flex:1;min-width:100px}@media (width<=576px){.settings-search-group{width:100%}.settings-modal{max-height:calc(100vh - 32px);margin:0 10px;overflow-y:auto}.custom-stat-item{flex:1;min-width:calc(50% - 12px)}.role-card{gap:8px;padding:12px}.role-card .role-icon{width:34px;height:34px;font-size:1rem}.role-info h4{font-size:.8rem}.role-info span{font-size:.68rem}.role-count{width:22px;height:22px;font-size:.65rem;top:8px;right:10px}.receipt-preview{max-width:100%;padding:14px 12px}}@media (width<=768px){.settings-page .page-header h1{font-size:1.3rem}.branch-item{flex-wrap:wrap;gap:4px}.branch-item input{width:100%}.roles-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.settings-page{padding:16px}}.btn-icon{background:0 0;border:none;padding:4px 8px}.permissions-table th{vertical-align:middle;text-align:center!important}.permissions-table td{vertical-align:middle;text-align:center!important;padding:8px 4px!important}.permissions-table td:first-child{font-weight:500;text-align:left!important}.perm-check{cursor:pointer;width:20px;height:20px;accent-color:var(--primary)}@media (width<=576px){.perm-check{width:22px;height:22px}}.perm-check:disabled{opacity:.5;cursor:not-allowed}.perm-check:checked{accent-color:var(--primary)}.perm-mobile-child{border-bottom:1px solid #00000008}.perm-mobile-label{cursor:pointer;background:#00000005;border-radius:6px;padding:4px 6px;font-size:.72rem}.perm-mobile-label:hover{background:#292f910f}.permissions-table tr:hover td{background:#ffffff05}.perm-group-row td{font-size:.9rem;border-top:2px solid var(--border-color)!important}.perm-group-row:hover td{background:#292f910f!important}.perm-child-row td{font-size:.82rem}.perm-child-row td:first-child{border-left:2px solid var(--border-color)}.receipt-preview{color:#000;max-width:320px;box-shadow:var(--shadow-xl);background:#fff;border-radius:4px;margin:0 auto;padding:20px 16px;font-family:Courier New,monospace;font-size:10pt;line-height:1.4}.skeleton-box{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{animation:1s linear infinite spin}.refund-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.refund-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.refund-card-header{border-bottom:1px solid var(--border-color);background:#00000005;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.9rem;display:flex}.refund-card-body{padding:8px 16px}.refund-card-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:.85rem;display:flex}.refund-card-row+.refund-card-row{border-top:1px solid #00000008}.refund-card-label{color:var(--text-muted);font-size:.8rem}.refund-card-actions{border-top:1px solid var(--border-color);background:#00000005;gap:8px;padding:10px 16px;display:flex}.products-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.products-table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;min-width:0}.products-table th,.products-table td{vertical-align:middle;padding:10px;font-size:.85rem}.products-table th{background:var(--bg-card);z-index:1;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border-bottom:2px solid var(--border-color);font-size:.75rem;position:sticky;top:0}.products-table .product-row{cursor:pointer;transition:background .15s}.products-table .product-row:hover td{background:#292f910a}.theme-light .products-table .product-row:hover td{background:#292f9114}@media (width<=1024px){.products-table th:nth-child(5),.products-table td:nth-child(5),.products-table th:nth-child(9),.products-table td:nth-child(9){display:none}}@media (width<=768px){.products-table th:nth-child(4),.products-table td:nth-child(4){display:none}.products-table th,.products-table td{padding:8px;font-size:.8rem}.products-table th{font-size:.7rem}}@media (width<=576px){.products-table th:first-child,.products-table td:first-child,.products-table th:nth-child(6),.products-table td:nth-child(6),.products-table th:nth-child(11),.products-table td:nth-child(11){display:none}.products-table th,.products-table td{padding:6px;font-size:.75rem}.products-table th{font-size:.65rem}}@media (width<=480px){.products-table-wrap{display:none}.products-mobile-cards{display:block}.products-mobile-cards .refund-card{margin-bottom:10px}}.products-mobile-cards{display:none}.admin-per-page{align-items:center;gap:8px;margin-left:auto;display:flex}.admin-per-page-label{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.admin-per-page-select{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:3px 6px;font-size:.75rem}.admin-pagination{border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:4px;margin-top:16px;padding-top:12px;display:flex}.admin-page-btn{border:1px solid var(--border-color);background:var(--bg-card);min-width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.admin-page-btn:hover:not(:disabled):not(.active){border-color:var(--primary);color:var(--primary);background:#292f910f}.admin-page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-page-ellipsis{text-align:center;min-width:24px;color:var(--text-muted);font-size:.8rem}@media (width<=576px){.admin-per-page{flex-basis:100%;justify-content:flex-end;margin-top:6px}}.refund-item-card{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:12px 16px}.refund-item-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.refund-item-card-body{flex-direction:column;gap:4px;display:flex}.refund-item-card-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.page-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:1.25rem;display:flex}.page-header h1{flex:1;align-items:center;gap:8px;margin:0;font-size:1.5rem;display:flex}@media (width<=576px){.page-header h1{min-width:100%;font-size:1.15rem}.page-header .btn{width:100%}}@media (width>=576px){.w-sm-auto{width:auto!important}}@media (width>=768px){.fs-md-4{font-size:calc(1.375rem + 1.5vw)!important}}.d-none{display:none!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-grid{display:grid!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-shrink-0{flex-shrink:0!important}.flex-grow-1{flex-grow:1!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-self-center{align-self:center!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-end{justify-content:flex-end!important}.justify-content-start{justify-content:flex-start!important}.row{flex-wrap:wrap;margin-left:-8px;margin-right:-8px;display:flex}.row>[class*=col-]{width:100%;padding-left:8px;padding-right:8px}.col-1{width:8.333%!important}.col-2{width:16.666%!important}.col-3{width:25%!important}.col-4{width:33.333%!important}.col-5{width:41.666%!important}.col-6{width:50%!important}.col-7{width:58.333%!important}.col-8{width:66.666%!important}.col-9{width:75%!important}.col-10{width:83.333%!important}.col-11{width:91.666%!important}.col-12{width:100%!important}.col{flex:1 0!important}.col-auto{flex:none!important;width:auto!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-auto{margin-left:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-auto{margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.p-sm-3{padding:1rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.g-0{gap:0!important}.g-1{gap:.25rem!important}.g-2{gap:.5rem!important}.g-3{gap:1rem!important}.g-4{gap:1.5rem!important}.g-5{gap:3rem!important}.w-100{width:100%!important}.w-50{width:50%!important}.w-25{width:25%!important}.w-75{width:75%!important}.w-auto{width:auto!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.text-muted{color:var(--text-muted)!important}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-nowrap{white-space:nowrap!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.end-0{right:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.border{border:1px solid var(--border-color)!important}.border-top{border-top:1px solid var(--border-color)!important}.border-bottom{border-bottom:1px solid var(--border-color)!important}.border-start{border-left:1px solid var(--border-color)!important}.border-end{border-right:1px solid var(--border-color)!important}.border-0{border:0!important}.rounded{border-radius:.375rem!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.25rem!important}.rounded-2{border-radius:.5rem!important}.rounded-3{border-radius:1rem!important}.shadow{box-shadow:var(--shadow-lg)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-xl)!important}.shadow-xl{box-shadow:var(--shadow-2xl)!important}.shadow-glow{box-shadow:var(--shadow-glow)!important}.shadow-glow-lg{box-shadow:var(--shadow-glow-lg)!important}.placeholder{vertical-align:middle;opacity:.3;background:currentColor;border-radius:.375rem;min-height:1em;display:inline-block}.placeholder:not(.placeholder-lg):not(.placeholder-lg):not(.placeholder-sm):not(.placeholder-xs){width:100%}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:2s ease-in-out infinite placeholderGlow}@keyframes placeholderGlow{50%{opacity:.6}}.spinner-border{vertical-align:-.125em;border:.25em solid;border-right-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:.75s linear infinite spinnerBorder;display:inline-block}.spinner-border-sm{border-width:.15em;width:1rem;height:1rem}@keyframes spinnerBorder{to{transform:rotate(360deg)}}@media (width<=575.98px){.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.px-sm-3{padding-left:1rem!important;padding-right:1rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}}@media (width<=767.98px){.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.px-md-3{padding-left:1rem!important;padding-right:1rem!important}.px-md-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mt-md-0{margin-top:0!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}}@media (width>=576px){.d-sm-none{display:none!important}.d-sm-flex{display:flex!important}.d-sm-block{display:block!important}}@media (width>=768px){.d-md-none{display:none!important}.d-md-flex{display:flex!important}.d-md-block{display:block!important}}@media (width>=992px){.d-lg-none{display:none!important}.d-lg-flex{display:flex!important}.d-lg-block{display:block!important}}@media (width>=1200px){.d-xl-none{display:none!important}.d-xl-flex{display:flex!important}}@media (width>=576px){.col-sm-1{width:8.333%!important}.col-sm-2{width:16.666%!important}.col-sm-3{width:25%!important}.col-sm-4{width:33.333%!important}.col-sm-5{width:41.666%!important}.col-sm-6{width:50%!important}.col-sm-7{width:58.333%!important}.col-sm-8{width:66.666%!important}.col-sm-9{width:75%!important}.col-sm-10{width:83.333%!important}.col-sm-11{width:91.666%!important}.col-sm-12{width:100%!important}.col-sm{flex:1 0!important}.col-sm-auto{flex:none!important;width:auto!important}}@media (width>=768px){.col-md-1{width:8.333%!important}.col-md-2{width:16.666%!important}.col-md-3{width:25%!important}.col-md-4{width:33.333%!important}.col-md-5{width:41.666%!important}.col-md-6{width:50%!important}.col-md-7{width:58.333%!important}.col-md-8{width:66.666%!important}.col-md-9{width:75%!important}.col-md-10{width:83.333%!important}.col-md-11{width:91.666%!important}.col-md-12{width:100%!important}.col-md{flex:1 0!important}.col-md-auto{flex:none!important;width:auto!important}}@media (width>=992px){.col-lg-1{width:8.333%!important}.col-lg-2{width:16.666%!important}.col-lg-3{width:25%!important}.col-lg-4{width:33.333%!important}.col-lg-5{width:41.666%!important}.col-lg-6{width:50%!important}.col-lg-7{width:58.333%!important}.col-lg-8{width:66.666%!important}.col-lg-9{width:75%!important}.col-lg-10{width:83.333%!important}.col-lg-11{width:91.666%!important}.col-lg-12{width:100%!important}.col-lg{flex:1 0!important}.col-lg-auto{flex:none!important;width:auto!important}}@media (width>=1200px){.col-xl-1{width:8.333%!important}.col-xl-2{width:16.666%!important}.col-xl-3{width:25%!important}.col-xl-4{width:33.333%!important}.col-xl-5{width:41.666%!important}.col-xl-6{width:50%!important}.col-xl-7{width:58.333%!important}.col-xl-8{width:66.666%!important}.col-xl-9{width:75%!important}.col-xl-10{width:83.333%!important}.col-xl-11{width:91.666%!important}.col-xl-12{width:100%!important}.col-xl{flex:1 0!important}.col-xl-auto{flex:none!important;width:auto!important}}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.responsive-grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.responsive-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=767.98px){.responsive-grid-2{grid-template-columns:1fr}.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr 1fr}}@media (width<=575.98px){.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}.responsive-grid-2,.responsive-grid-3,.responsive-grid-4{gap:12px}}.support-tickets-layout{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}.support-tickets-layout.has-detail{grid-template-columns:1fr 420px}.support-tickets-list{min-width:0}.support-tickets-detail{min-width:0;top:calc(var(--topbar-height,64px) + 16px);max-height:calc(100vh - var(--topbar-height,64px) - 32px);position:sticky;overflow-y:auto}.support-tickets-detail .card{max-height:100%}@media (width<=1199.98px){.support-tickets-layout.has-detail{grid-template-columns:1fr 380px}}@media (width<=991.98px){.support-tickets-layout.has-detail{grid-template-columns:1fr}.support-tickets-detail{max-height:none;position:static}}.analytics-panels{grid-template-columns:280px 1fr 1fr;gap:16px;display:grid}@media (width<=991.98px){.analytics-panels{grid-template-columns:1fr 1fr}}@media (width<=767.98px){.analytics-panels{grid-template-columns:1fr}}.ai-alerts-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.ai-recs-grid{grid-template-columns:5fr 7fr;gap:16px;display:grid}@media (width<=991.98px){.ai-alerts-grid,.ai-recs-grid,.dashboard-grid{grid-template-columns:1fr}}@media (width<=575.98px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.card-body,.card-header{padding:12px 14px}}.pos-terminal{--cart-col-width:min(420px, 38vw)}@media (width<=1400px){.pos-terminal{--cart-col-width:min(380px, 36vw)}}@media (width<=1200px){.pos-terminal{--cart-col-width:min(360px, 34vw)}}@media (width<=1100px){.pos-terminal{--cart-col-width:min(320px, 32vw)}}.pos-mobile-cart-toggle{display:none}@media (width<=1024px){.pos-right{overflow-y:auto}.pos-cart-items{flex:0 auto;max-height:200px}.pos-payment{flex-shrink:0}}@media (width<=768px){.pos-cart-items{max-height:160px}}@media (width<=480px){.pos-cart-items{max-height:120px}}@media (width<=1024px){.pos-terminal{height:calc(100vh - var(--topbar-height) - 48px);grid-template-rows:1fr auto;gap:8px;overflow:hidden}.pos-left{gap:8px;min-height:0;overflow:hidden}#productsGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.product-add-btn{opacity:1;transform:none}.cart-item-right{padding-left:0}.product-img{object-fit:contain}.product-img-wrapper{aspect-ratio:4/5}.product-card-body{padding:3px 4px}.product-name{font-size:.62rem}.current-price{font-size:.7rem}.buying-price,.product-stock{font-size:.48rem}.stock-left-badge{padding:1px 3px;font-size:.45rem}.product-add-btn{margin-top:3px;padding:3px 0;font-size:.58rem}.discount-badge{padding:2px 4px 2px 3px;font-size:.46rem}.discount-badge .discount-pct{font-size:.52rem}.discount-badge .discount-label{font-size:.36rem}.savings-line{font-size:.38rem}.ribbon{padding:1px 0;font-size:.44rem}.pos-mobile-cart-toggle{border:1.5px solid var(--border-color);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);cursor:pointer;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.pos-mobile-cart-toggle:hover{border-color:var(--primary)}.pos-mobile-cart-toggle .cart-badge{background:var(--primary);color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.65rem;font-weight:700;display:inline-flex}.pos-mobile-cart-total{color:var(--text-secondary);margin-left:auto;font-size:.82rem}.pos-mobile-cart-toggle .bi-chevron-up,.pos-mobile-cart-toggle .bi-chevron-down{color:var(--text-muted);font-size:.75rem}.pos-right{transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s,margin .3s;overflow-y:auto}.pos-cart-items{flex:0 auto;max-height:180px}.pos-payment{flex-shrink:0}.pos-right-closed{opacity:0;pointer-events:none;border-width:0;margin-bottom:0;overflow:hidden;max-height:0!important;padding-top:0!important;padding-bottom:0!important}.pos-right-open{opacity:1}}@media (width<=768px) and (width>=577px){.pos-right{padding:10px}#productsGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.btn-complete small{display:none}.product-img{object-fit:contain}.product-img-wrapper{aspect-ratio:1}.product-card-body{padding:3px 4px}.product-name{font-size:.6rem}.current-price{font-size:.68rem}.buying-price,.product-stock{font-size:.46rem}.product-add-btn{opacity:1;margin-top:3px;padding:3px 0;font-size:.56rem;transform:none}.stock-left-badge{padding:1px 3px;font-size:.42rem}.discount-badge{padding:2px 4px 2px 3px;font-size:.44rem}.discount-badge .discount-pct{font-size:.5rem}.discount-badge .discount-label{font-size:.34rem}.savings-line{font-size:.36rem}.ribbon{padding:1px 0;font-size:.42rem}}@media (width<=576px){#productsGrid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:5px;padding:3px}.product-img{object-fit:contain}.product-img-wrapper{aspect-ratio:1}.product-card-body{padding:3px}.product-add-btn{opacity:1;margin-top:3px;padding:3px 0;font-size:.52rem;transform:none}.product-name{-webkit-line-clamp:1;font-size:.55rem}.current-price{font-size:.62rem}.buying-price,.product-stock{font-size:.42rem}.stock-left-badge{padding:0 3px;font-size:.38rem}.discount-badge{padding:1px 3px 1px 2px;font-size:.4rem}.discount-badge .discount-pct{font-size:.46rem}.discount-badge .discount-label{font-size:.32rem}.savings-line{font-size:.34rem}.ribbon{padding:1px 0;font-size:.38rem}.product-img-placeholder{font-size:1rem}.product-img-placeholder i{font-size:1.1rem}.pos-right{padding:8px;overflow-y:auto}.pos-cart-items{flex:0 auto;max-height:140px}.pos-payment{flex-shrink:0;padding-top:6px}.payment-actions{flex-direction:column;gap:6px}.btn-complete{width:100%;padding:8px 14px;font-size:.82rem}.pos-card-types{flex-direction:column;gap:4px}.pos-mpesa-actions{flex-direction:column;gap:6px}.pos-mpesa-manual-code summary{font-size:.78rem}.pos-mpesa-manual-code>div{flex-direction:column;gap:6px}.cart-item-right{flex-wrap:wrap}.cart-qty-btn{width:28px;height:28px}}@media (width<=480px) and (width>=400px){#productsGrid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:4px;padding:3px}.product-card{box-shadow:var(--shadow-xs);border-radius:8px}.product-img{object-fit:contain}.product-img-wrapper{aspect-ratio:1}.product-card-body{gap:1px;padding:3px}.product-name{-webkit-line-clamp:1;font-size:.5rem}.current-price{font-size:.58rem}.buying-price,.product-stock{font-size:.38rem}.stock-left-badge{padding:0 2px;font-size:.35rem}.product-add-btn{opacity:1;margin-top:2px;padding:2px 0;font-size:.48rem;transform:none}.discount-badge{padding:1px 3px 1px 2px;font-size:.36rem}.discount-badge .discount-pct{font-size:.42rem}.discount-badge .discount-label{font-size:.3rem}.savings-line{font-size:.32rem}.ribbon{padding:1px 0;font-size:.36rem}.product-img-placeholder{font-size:.9rem}.product-img-placeholder i{font-size:1rem}.product-like-btn{width:22px;height:22px;font-size:.6rem}.pos-right{overflow-y:auto}.pos-cart-items{flex:0 auto;max-height:140px}.pos-payment{flex-shrink:0}.payment-methods{flex-direction:column;gap:4px}.btn-payment{flex:none;width:100%;padding:8px;font-size:.78rem}.btn-payment i{font-size:.9rem}}@media (width<=400px){#productsGrid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:3px;padding:2px}.product-card{box-shadow:var(--shadow-xs);border-radius:6px}.product-img{object-fit:contain}.product-img-wrapper{aspect-ratio:1}.product-card-body{gap:0;padding:2px 3px 3px}.product-name{-webkit-line-clamp:1;font-size:.46rem}.current-price{font-size:.52rem}.buying-price,.product-stock{font-size:.35rem}.product-stock .stock-dot{width:3px;height:3px}.stock-left-badge{padding:0 2px;font-size:.32rem}.product-add-btn{display:none}.discount-badge{padding:1px 2px 1px 1px;font-size:.34rem}.discount-badge .discount-pct{font-size:.4rem}.discount-badge .discount-label{font-size:.28rem}.savings-line{font-size:.3rem}.ribbon{padding:1px 0;font-size:.34rem}.product-img-placeholder{font-size:.8rem}.product-img-placeholder i{font-size:.9rem}.product-like-btn{width:18px;height:18px;font-size:.5rem;top:3px;right:3px}.pos-right{overflow-y:auto}.pos-cart-items{flex:0 auto;max-height:120px}.pos-payment{flex-shrink:0}.cart-item{gap:4px;padding:6px}.cart-item-left{gap:8px}.cart-item-img{width:28px;height:28px}.cart-item-total{font-size:.72rem}.cart-qty-btn{width:24px;height:24px}.cart-qty-value{min-width:14px;font-size:.7rem}.cart-remove-btn{font-size:.6rem}}@media (height<=500px) and (orientation:landscape){.pos-terminal{height:calc(100vh - var(--topbar-height) - 24px);grid-template-columns:1fr 280px}.pos-left{gap:6px}.pos-right{max-height:none;padding:6px;overflow-y:auto}.pos-cart-items{flex:0 auto;max-height:100px}#productsGrid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:4px;padding:4px}.pos-stats-bar{padding:4px 10px}.pos-stat-item{min-width:50px;padding:2px 8px}.pos-stat-value{font-size:.82rem}.pos-stat-label{font-size:.58rem}.pos-stat-divider{height:20px}.pos-search{padding:3px 4px 3px 3px}.pos-search-icon{width:28px;height:28px;font-size:.78rem}.pos-search-input{padding:4px;font-size:.78rem}.pos-search-scan{width:28px;height:28px;font-size:.85rem}.pos-categories{gap:4px}.cat-btn{padding:4px 10px;font-size:.7rem}.pos-products-header{display:none}.pos-cart-header{margin-bottom:4px}.pos-cart-header h3{font-size:.82rem}.cart-item{gap:4px;padding:6px}.cart-item-img{width:28px;height:28px}.cart-item-name{font-size:.72rem}.cart-item-total{font-size:.75rem}.cart-qty-btn{width:24px;height:24px}.cart-actions .btn{padding:3px 8px;font-size:.65rem}.pos-payment{padding-top:4px}.btn-payment{padding:4px 2px;font-size:.65rem}.btn-complete{padding:6px 10px;font-size:.75rem}.pos-mpesa-amount{margin-bottom:6px;padding:6px}.pos-mpesa-amount strong{font-size:1rem}.pos-card-amount{margin-bottom:6px;padding:6px}.pos-card-amount strong{font-size:1rem}.pos-quick-amounts{gap:4px;margin-bottom:6px}.pos-quick-amt-btn{padding:3px 8px;font-size:.68rem}.pos-change-display{margin-top:6px;padding:6px 10px}.empty-cart-icon{width:48px;height:48px;font-size:1.2rem}.empty-cart{min-height:120px}.pos-held-widget{max-height:220px;bottom:60px;right:12px}.pos-cart-items{min-height:40px}.pos-cart-summary{margin-bottom:4px;padding-top:4px}.summary-row{padding:2px 0;font-size:.75rem}.summary-row.total{font-size:1rem}}@media (height>=501px) and (height<=700px) and (orientation:landscape){.pos-terminal{height:calc(100vh - var(--topbar-height) - 24px)}.pos-right{max-height:none}#productsGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:5px}.pos-cart-items{min-height:60px}.cart-item{gap:6px;padding:8px}.empty-cart{min-height:140px}}@media (width>=1600px){.pos-terminal{grid-template-columns:1fr 440px;gap:20px}#productsGrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;padding:12px}.product-card{border-radius:14px}.product-name{font-size:.72rem}.current-price{font-size:.82rem}.pos-right{padding:16px}}@media (width>=2000px){.pos-terminal{grid-template-columns:1fr 480px;gap:24px}#productsGrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;padding:16px}.pos-right{padding:20px}}@media (display-mode:standalone){.pos-terminal{height:calc(100vh - var(--topbar-height) - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.pos-scan-toast{top:calc(var(--topbar-height) + 16px + env(safe-area-inset-top))}}.theme-light .empty-cart-icon{background:#ffffff14}.theme-light .cart-item-img-placeholder{background:#ffffff0d}@media print{.sidebar,.sidebar-backdrop,.topbar,.pos-held-widget,.pos-scan-toast,.sidebar-install{display:none!important}.main-content{margin-left:0!important;padding-top:0!important}.pos-terminal{height:auto!important}.pos-right{break-inside:avoid}}.ledger-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:1.25rem;display:flex}.ledger-page-title{align-items:center;gap:8px;margin-bottom:2px;font-size:1.35rem;font-weight:700;display:flex}.ledger-page-title i{color:var(--primary)}.ledger-page-meta{color:var(--text-muted);margin:0;font-size:.75rem}.ledger-refresh-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.ledger-refresh-btn:hover{border-color:var(--primary);color:var(--primary);background:#292f910f}.ledger-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:14px 16px}.ledger-stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:2px;font-size:.7rem}.ledger-stat-value{font-size:1.15rem;font-weight:700}.ledger-stat-debit{color:#dc2626}.ledger-stat-credit{color:#10b981}.ledger-stat-net{color:#f59e0b}.ledger-stat-balanced{color:var(--text-muted)}.ledger-filters-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:16px 20px}.ledger-filter-label{color:var(--text-secondary);margin-bottom:4px;font-size:.72rem;font-weight:600;display:block}.ledger-search-wrap{position:relative}.ledger-search-icon{color:var(--text-muted);pointer-events:none;font-size:.85rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ledger-filter-input{border-radius:8px;height:38px;font-size:.85rem}.ledger-search-wrap .ledger-filter-input{padding-left:36px}.ledger-filter-btn{border-radius:8px;height:38px;font-size:.85rem}.ledger-type-chips{flex-wrap:wrap;gap:8px;margin-bottom:1.25rem;display:flex}.ledger-chip{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.ledger-chip.active{border-color:var(--chip-color);background:var(--chip-bg);color:var(--chip-color)}.ledger-chip:hover{border-color:var(--chip-color)}.ledger-chip i{font-size:.75rem}.ledger-chip-count{background:var(--bg-dark);color:var(--text-muted);border-radius:10px;padding:0 6px;font-size:.65rem;font-weight:700;line-height:16px}.ledger-chip-count.active{background:var(--chip-color);color:#fff}.ledger-table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.ledger-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.85rem}.ledger-table thead{background:var(--bg-dark);color:var(--text-secondary)}.ledger-table th{white-space:nowrap;border-bottom:1px solid var(--border-color);padding:12px 8px;font-weight:600}.ledger-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:10px 8px}.ledger-table tbody tr{cursor:pointer;transition:background .12s}.ledger-table tbody tr:hover{background:#292f9108}.ledger-table tbody tr:last-child td{border-bottom:none}.ledger-th-date,.ledger-th-txn,.ledger-th-type{white-space:nowrap}.ledger-th-amt{white-space:nowrap;text-align:right}.ledger-cell-date{white-space:nowrap}.ledger-date-main{font-size:.82rem}.ledger-date-sub{color:var(--text-muted);font-size:.68rem}.ledger-cell-txn{max-width:140px}.ledger-txn-code{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:100%;padding:2px 6px;font-size:.78rem;display:inline-block;overflow:hidden}.ledger-type-badge{white-space:nowrap;background:var(--badge-bg,transparent);color:var(--badge-color,var(--text-secondary));border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.ledger-type-badge i{font-size:.65rem}.ledger-page-wrap{max-width:1400px;margin:0 auto}.ledger-error-center{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.ledger-error-icon{font-size:3rem}.ledger-empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.ledger-empty-icon{margin-bottom:12px;font-size:3rem}.ledger-empty-title{font-size:1rem;font-weight:400}.ledger-empty-desc,.ledger-loading-text{font-size:.85rem}.ledger-skel-hdr{border-radius:16px;width:55%;height:80px;margin-bottom:1.25rem}.ledger-skel-stats{border-radius:16px;height:100px;margin-bottom:1.25rem}.ledger-skel-filters{border-radius:12px;height:48px;margin-bottom:.75rem}.ledger-skel-row{border-radius:10px;height:56px;margin-bottom:8px}.ledger-skel-hdr,.ledger-skel-stats,.ledger-skel-filters,.ledger-skel-row{background:linear-gradient(90deg, var(--bg-dark) 25%, var(--bg-card) 50%, var(--bg-dark) 75%);background-size:200% 100%;animation:1.4s infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ledger-cell-desc{min-width:100px}.ledger-desc-text{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--text-secondary);overflow:hidden}.ledger-acct-code{white-space:nowrap;font-weight:600}.ledger-acct-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.ledger-cell-debit{white-space:nowrap;color:#dc2626;font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;font-weight:600}.ledger-cell-credit{white-space:nowrap;color:#10b981;font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;font-weight:600}.ledger-na{color:var(--text-muted);font-weight:400}.ledger-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:1.25rem;display:flex}.ledger-page-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.ledger-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ledger-page-btn:disabled{opacity:.4;cursor:not-allowed}.ledger-page-num{border:1px solid var(--border-color);background:var(--bg-card);min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.ledger-page-num:hover{border-color:var(--primary);color:var(--primary)}.ledger-page-num.active{background:var(--primary);color:#fff;border-color:var(--primary)}.ledger-page-dots{color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 2px;font-size:.9rem}.ledger-modal-overlay{z-index:1040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;position:fixed;inset:0}.ledger-detail-modal{z-index:1050;background:var(--bg-card);width:90%;max-width:520px;box-shadow:var(--shadow-2xl);border-radius:20px;max-height:85vh;position:fixed;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}.ledger-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);z-index:1;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.ledger-modal-title{align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;display:flex}.ledger-modal-title i{color:var(--primary)}.ledger-modal-close{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.ledger-modal-close:hover{border-color:var(--danger);color:var(--danger)}.ledger-modal-body{padding:24px}.ledger-modal-field-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:2px;font-size:.65rem}.ledger-modal-txn-id{font-size:.9rem}.ledger-modal-field-value{font-weight:500}.ledger-modal-field-sub{color:var(--text-muted);font-size:.8rem}.ledger-modal-debit{color:#dc2626;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.ledger-modal-credit{color:#10b981;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.ledger-modal-desc{background:var(--bg-dark);color:var(--text-secondary);border-radius:10px;padding:12px;font-size:.85rem}@media (width>=1201px){.ledger-desc-text{max-width:350px}}@media (width<=1200px){.ledger-desc-text{max-width:200px}.ledger-cell-txn{max-width:120px}}@media (width<=992px){.ledger-desc-text{max-width:160px}.ledger-cell-txn{max-width:100px}.ledger-page-title{font-size:1.2rem}.ledger-filters-card{padding:14px 16px}}@media (width<=768px){.ledger-desc-text{max-width:140px}.ledger-cell-txn{max-width:90px}.ledger-txn-code{max-width:80px;font-size:.72rem}.ledger-cell-debit,.ledger-cell-credit{font-size:.78rem}.ledger-date-main{font-size:.75rem}.ledger-date-sub{font-size:.62rem}.ledger-page-title{font-size:1.1rem}.ledger-stat-value{font-size:1rem}.ledger-filters-card{padding:12px 14px}.ledger-modal-body{padding:16px}.ledger-modal-header{padding:16px 18px}.ledger-modal-title{font-size:.9rem}.ledger-filters-card .col-12.col-sm-6.col-md-2{flex:0 0 50%;max-width:50%}}@media (width<=576px){.ledger-page-title{font-size:1rem}.ledger-page-meta{font-size:.68rem}.ledger-stats{margin-left:-6px;margin-right:-6px}.ledger-stats>[class*=col-]{padding-left:6px;padding-right:6px}.ledger-stat-card{border-radius:10px;padding:10px 12px}.ledger-stat-label{font-size:.62rem}.ledger-stat-value{font-size:.95rem}.ledger-filters-card{border-radius:12px;padding:10px 12px}.ledger-filter-label{font-size:.68rem}.ledger-filter-input,.ledger-filter-btn{font-size:.82rem;height:36px!important}.ledger-filters-card .col-12.col-sm-6.col-md-2{flex:0 0 100%;max-width:100%}.ledger-table{font-size:.78rem}.ledger-table th,.ledger-table td{padding:8px 5px}.ledger-th-date,.ledger-cell-date{width:75px}.ledger-date-main{font-size:.7rem}.ledger-date-sub{font-size:.58rem}.ledger-txn-code{max-width:70px;font-size:.68rem}.ledger-type-badge{gap:3px;padding:1px 6px;font-size:.62rem}.ledger-type-badge i{display:none}.ledger-desc-text{max-width:110px;font-size:.75rem}.ledger-acct-code{font-size:.75rem}.ledger-acct-name{font-size:.65rem}.ledger-cell-debit,.ledger-cell-credit{font-size:.72rem}.ledger-chip{padding:4px 10px;font-size:.72rem}.ledger-chip i{display:none}.ledger-page-btn{padding:4px 10px;font-size:.78rem}.ledger-page-num{min-width:30px;height:30px;font-size:.78rem}.ledger-detail-modal{border-radius:16px;max-height:94vh;width:94%!important;max-width:94%!important;top:3%!important;transform:translate(-50%)!important}.ledger-modal-body{padding:14px}.ledger-modal-header{padding:14px 16px}.ledger-modal-title{font-size:.85rem}.ledger-modal-debit,.ledger-modal-credit{font-size:.95rem}}@media (width<=380px){.ledger-table{font-size:.72rem}.ledger-table th,.ledger-table td{padding:6px 4px}.ledger-th-date,.ledger-cell-date{width:65px}.ledger-date-main{font-size:.65rem}.ledger-date-sub{display:none}.ledger-txn-code{max-width:60px;font-size:.62rem}.ledger-desc-text{max-width:80px;font-size:.7rem}.ledger-acct-name{display:none}.ledger-cell-debit,.ledger-cell-credit{font-size:.68rem}.ledger-detail-modal{width:97%!important;max-width:97%!important}}.acct-wrap{max-width:1400px;margin:0 auto}.acct-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:1.25rem;display:flex}.acct-page-title{margin-bottom:2px;font-size:1.35rem;font-weight:700}.acct-page-title i{color:var(--primary);margin-right:8px}.acct-page-meta{color:var(--text-muted);margin:0;font-size:.85rem}.acct-header-actions{gap:8px;width:auto;margin-top:0;display:flex}.acct-btn{border-radius:10px!important}.acct-balance-card{background:linear-gradient(135deg, var(--bg-card) 0%, #292f9108 100%);border:1px solid var(--border-color);border-radius:16px;margin-bottom:1.25rem;padding:16px}.acct-balance-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}@media (width>=576px){.acct-balance-row{justify-content:flex-start}}.acct-balance-item{text-align:center;flex:1 0 auto;min-width:100px}.acct-balance-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.65rem}.acct-balance-value{font-size:clamp(.95rem,3vw,1.2rem);font-weight:700}.acct-balance-op{color:var(--text-muted);font-size:1rem}.acct-balance-badge-wrap{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}@media (width>=576px){.acct-balance-badge-wrap{justify-content:flex-end;width:auto;margin-top:0}}.acct-balance-badge{border-radius:20px!important;padding:4px 10px!important;font-size:.7rem!important}.acct-stat-card{cursor:pointer}.acct-stat-inner{border-radius:14px;padding:14px 16px;transition:all .2s}.acct-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.acct-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.acct-stat-value{font-size:1.1rem;font-weight:700}.acct-stat-count{color:var(--text-muted);font-size:.75rem}.acct-search-wrap{flex:auto;max-width:400px;position:relative}.acct-search-icon{color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.acct-search-input{border-radius:10px!important;height:42px!important;padding-left:38px!important}.acct-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 6px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.acct-search-clear i{font-size:.7rem}.acct-filter-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acct-chip{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.acct-chip i{font-size:.75rem}.acct-chip.active{border-color:var(--chip-color);background:var(--chip-bg);color:var(--chip-color)}.acct-chip:hover{border-color:var(--chip-color)}.acct-chip-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:.75rem}.acct-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem}.acct-empty-icon{margin-bottom:12px;font-size:3rem}.acct-empty-title{font-size:1rem;font-weight:400}.acct-empty-desc{font-size:.85rem}.acct-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:1.25rem;overflow:hidden}.acct-section-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:14px 20px;display:flex}.acct-section-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.acct-section-title{flex:auto;margin:0;font-weight:700}.acct-section-count{white-space:nowrap;border-radius:20px;padding:2px 12px;font-size:.75rem;font-weight:600}.acct-section-total{white-space:nowrap;text-align:right;font-size:.9rem;font-weight:700}.acct-table{margin-bottom:0;font-size:.85rem}.acct-table thead{background:var(--bg-dark);color:var(--text-secondary)}.acct-table th{white-space:nowrap;font-weight:600!important}.acct-table th,.acct-table td{vertical-align:middle;padding:8px 6px}.acct-th-code{width:72px}.acct-th-cat{width:120px}.acct-th-bal{width:140px}.acct-th-status{width:70px}.acct-th-actions{text-align:center;width:72px}.acct-code{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.8rem}.acct-name-wrap{cursor:pointer}.acct-name{align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.acct-parent-ref{color:var(--text-muted);white-space:nowrap;font-size:.65rem}.acct-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.72rem;overflow:hidden}.acct-cat-badge{background:var(--bg-dark);color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;border-radius:12px;padding:2px 10px;font-size:.7rem;font-weight:500;display:inline-block}.acct-bal-cell{white-space:nowrap;font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;font-weight:600}.acct-bal-zero{color:var(--text-muted);font-weight:400}.acct-bal-pos{color:#16a34a}.acct-bal-neg{color:#dc2626}.acct-bal-sign{color:var(--text-muted);font-size:.65rem;font-weight:400}.acct-bal-dash{color:var(--text-muted);font-weight:400}.acct-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:.7rem;font-weight:500;display:inline-flex}.acct-status-dot{border-radius:50%;width:6px;height:6px}.acct-action-btn{border-radius:6px!important;padding:2px 8px!important;font-size:.75rem!important}.acct-lock-icon{color:var(--text-muted);padding:0 4px;font-size:.65rem}.acct-tfoot{background:var(--bg-dark)}.acct-tfoot-label{font-size:.8rem;font-weight:600}.acct-tfoot-total{white-space:nowrap;font-family:JetBrains Mono,SF Mono,monospace;font-size:.9rem;font-weight:700}.acct-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.acct-modal-container{z-index:1060;background:var(--bg-card);width:90%;max-width:560px;box-shadow:var(--shadow-2xl);border-radius:20px;flex-direction:column;max-height:85vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.acct-modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.acct-modal-title{align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;display:flex}.acct-modal-title i{color:var(--primary)}.acct-modal-close-btn{border-radius:8px!important}.acct-modal-body{flex:auto;padding:24px;overflow-y:auto}.acct-modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.acct-modal-btn{border-radius:10px!important;font-size:.85rem!important}.acct-modal-btn-primary{min-width:100px}.acct-form-label{color:var(--text-secondary);margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.acct-form-required{color:#dc2626}.acct-form-input{border-radius:8px!important}.acct-form-check-wrap{cursor:pointer;align-items:center;gap:8px;display:flex}.acct-form-check-label{-webkit-user-select:none;user-select:none;font-size:.85rem}.acct-detail-overlay{z-index:1040;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000004d;position:fixed;inset:0}.acct-detail-container{z-index:1050;background:var(--bg-card);width:90%;max-width:480px;box-shadow:var(--shadow-2xl);border-radius:20px;flex-direction:column;max-height:85vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.acct-detail-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.acct-detail-title{margin:0;font-size:1rem;font-weight:700}.acct-detail-title i{color:var(--primary);margin-right:8px}.acct-detail-body{padding:24px;overflow-y:auto}.acct-detail-field-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.7rem}.acct-detail-code{font-size:1rem}.acct-detail-type{font-weight:600}.acct-detail-balance{font-family:JetBrains Mono,SF Mono,monospace;font-size:1.2rem;font-weight:700}.acct-detail-status-badge{border-radius:12px!important}.acct-detail-desc-box{background:var(--bg-dark);border-radius:10px;margin-top:8px;padding:12px}.acct-detail-desc-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px;font-size:.7rem}.acct-detail-desc{margin:0;font-size:.85rem}.acct-detail-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;padding:12px 24px;display:flex}.acct-delete-overlay{z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}.acct-delete-container{z-index:1060;background:var(--bg-card);width:90%;max-width:400px;box-shadow:var(--shadow-2xl);border-radius:20px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.acct-delete-body{text-align:center;padding:24px}.acct-delete-icon{color:#ef4444;margin-bottom:12px;font-size:2.5rem}.acct-delete-text{color:var(--text-muted);margin-bottom:0;font-size:.85rem}.acct-delete-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.acct-skel-hdr{border-radius:16px;width:60%;height:80px;margin-bottom:1.25rem}.acct-skel-stat{border-radius:16px;height:100px}.acct-skel-search{border-radius:12px;height:48px;margin-bottom:.75rem}.acct-skel-section{border-radius:16px;height:280px;margin-bottom:1.25rem}.acct-skel-hdr,.acct-skel-stat,.acct-skel-search,.acct-skel-section{background:linear-gradient(90deg, var(--bg-dark) 25%, var(--bg-card) 50%, var(--bg-dark) 75%);background-size:200% 100%;animation:1.4s infinite acct-shimmer}@keyframes acct-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.acct-error-center{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.acct-error-icon{font-size:3rem}@media (width<=1200px){.acct-desc{max-width:140px}}@media (width<=992px){.acct-page-title{font-size:1.2rem}.acct-desc{max-width:100px}.acct-balance-item{min-width:80px}.acct-header-actions{width:100%}.acct-header-actions .btn{flex:1}}@media (width<=768px){.acct-page-title{font-size:1.1rem}.acct-search-wrap{max-width:100%}.acct-section-header{flex-wrap:wrap;padding:12px 16px}.acct-section-total{text-align:left;width:100%;margin-left:48px}.acct-th-cat,.acct-table td:nth-child(3),.acct-th-actions,.acct-table td:nth-child(6){display:none}.acct-th-status{width:65px}.acct-modal-container{border-radius:16px;max-width:94%;top:3%;transform:translate(-50%)}.acct-modal-header{padding:16px 18px}.acct-modal-body{padding:18px}.acct-modal-footer{padding:14px 18px}.acct-detail-container{border-radius:16px;max-width:94%;top:3%;transform:translate(-50%)}.acct-detail-header{padding:16px 18px}.acct-detail-body{padding:18px}.acct-delete-container{max-width:94%}}@media (width<=576px){.acct-page-title{font-size:1rem}.acct-page-meta{font-size:.78rem}.acct-balance-card{padding:12px}.acct-balance-item{min-width:70px}.acct-balance-value{font-size:.9rem}.acct-balance-label{font-size:.6rem}.acct-balance-op{font-size:.85rem}.acct-stat-inner{padding:10px 12px}.acct-stat-icon{width:28px;height:28px;font-size:.8rem}.acct-stat-label{font-size:.65rem}.acct-stat-value{font-size:.95rem}.acct-stat-count{font-size:.68rem}.acct-search-wrap{max-width:100%}.acct-search-input{font-size:.85rem;height:38px!important}.acct-chip{padding:5px 10px;font-size:.72rem}.acct-chip i{display:none}.acct-filter-chips{gap:6px}.acct-section{border-radius:12px}.acct-section-header{gap:8px;padding:10px 14px}.acct-section-icon{width:30px;height:30px;font-size:.85rem}.acct-section-count{padding:1px 8px;font-size:.68rem}.acct-section-total{margin-left:38px;font-size:.8rem}.acct-table{font-size:.78rem}.acct-table th,.acct-table td{padding:6px 4px}.acct-th-code{width:60px}.acct-th-bal{width:110px}.acct-th-status{width:58px}.acct-code{padding:1px 4px;font-size:.72rem}.acct-name{font-size:.78rem}.acct-parent-ref{font-size:.6rem}.acct-desc{max-width:80px;font-size:.65rem}.acct-cat-badge{padding:1px 6px;font-size:.62rem}.acct-bal-cell{font-size:.75rem}.acct-bal-sign{font-size:.58rem}.acct-status-badge{padding:1px 6px;font-size:.62rem}.acct-status-dot{width:5px;height:5px}.acct-action-btn{padding:1px 6px!important;font-size:.68rem!important}.acct-tfoot-label{font-size:.72rem}.acct-tfoot-total{font-size:.8rem}.acct-modal-container{width:96%!important;max-width:96%!important}.acct-modal-header{padding:14px 16px}.acct-modal-title{font-size:.9rem}.acct-modal-body{padding:14px}.acct-modal-footer{flex-direction:column;padding:12px 16px}.acct-modal-footer .btn{width:100%}.acct-detail-container{width:96%!important;max-width:96%!important}.acct-detail-header{padding:14px 16px}.acct-detail-body{padding:14px}.acct-detail-title{font-size:.9rem}.acct-delete-container{width:96%!important;max-width:96%!important}.acct-delete-body{padding:18px}.acct-delete-footer{padding:12px 16px}}@media (width<=400px){.acct-table{font-size:.72rem}.acct-table th,.acct-table td{padding:5px 3px}.acct-th-code{width:50px}.acct-th-bal{width:95px}.acct-th-status{width:50px}.acct-code{font-size:.65rem}.acct-name{font-size:.72rem}.acct-desc{max-width:60px}.acct-bal-cell{font-size:.68rem}.acct-bal-sign,.acct-parent-ref{display:none}}@media (height<=500px) and (orientation:landscape){.acct-modal-container{max-height:96vh;top:2%;transform:translate(-50%)}.acct-modal-body{max-height:50vh}.acct-detail-container{max-height:96vh;top:2%;transform:translate(-50%)}.acct-delete-container{top:2%;transform:translate(-50%)}}.jrn-title{margin-bottom:1.25rem;font-size:clamp(1.15rem,3.5vw,1.75rem)}.jrn-title i{margin-right:8px}.jrn-filters{margin-bottom:1.25rem}.jrn-filter-actions{gap:8px;display:flex}.jrn-empty-cell{text-align:center;color:var(--text-muted);padding:1.5rem 0}.jrn-table{font-size:.85rem}.jrn-table th{white-space:nowrap;vertical-align:middle}.jrn-table td{vertical-align:middle}.jrn-th-expand{width:40px}.jrn-main-row{cursor:pointer}.jrn-desc-cell{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.jrn-amount{text-align:right;white-space:nowrap;font-family:JetBrains Mono,SF Mono,monospace}.jrn-sub-row td{font-size:.75rem}.jrn-sub-txn{font-size:clamp(.65rem,2vw,.82rem)}.jrn-sub-acct-code{font-size:.75rem}.jrn-sub-acct-name{font-size:.78rem}.jrn-sub-type-badge{font-size:.6rem!important}.jrn-sub-desc{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.75rem;overflow:hidden}.jrn-sub-amount{text-align:right;font-family:JetBrains Mono,SF Mono,monospace;font-size:.75rem}.jrn-loading{text-align:center;padding:2rem 0}.jrn-loading-text,.jrn-pagination{margin-top:.75rem}.jrn-pagination-inner{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.jrn-page-btn{min-width:32px}.jrn-page-dots{color:var(--text-muted);align-self:center;font-size:.8rem}@media (width<=992px){.jrn-desc-cell{max-width:200px}.jrn-table{font-size:.82rem}}@media (width<=768px){.jrn-desc-cell{max-width:150px}.jrn-table{font-size:.78rem}.jrn-th-expand{width:32px}.jrn-sub-row td{font-size:.72rem}.jrn-sub-txn,.jrn-sub-acct-code{font-size:.7rem}.jrn-sub-acct-name{font-size:.72rem}.jrn-sub-desc{max-width:80px;font-size:.7rem}.jrn-sub-amount{font-size:.7rem}.jrn-sub-type-badge{font-size:.55rem!important}}@media (width<=576px){.jrn-title{font-size:1.1rem}.jrn-filter-actions{flex-direction:column}.jrn-filter-actions .btn{width:100%}.jrn-table{font-size:.75rem}.jrn-table th,.jrn-table td{padding:6px 4px}.jrn-th-expand{width:28px}.jrn-desc-cell{max-width:100px;font-size:.75rem}.jrn-amount{font-size:.75rem}.jrn-sub-row td{padding:4px;font-size:.68rem}.jrn-sub-txn,.jrn-sub-acct-code{font-size:.65rem}.jrn-sub-acct-name{font-size:.68rem}.jrn-sub-desc{max-width:60px;font-size:.65rem}.jrn-sub-amount{font-size:.65rem}.jrn-page-btn{min-width:28px;font-size:.75rem}.jrn-page-dots{font-size:.75rem}}@media (width<=400px){.jrn-table{font-size:.7rem}.jrn-table th,.jrn-table td{padding:5px 3px}.jrn-th-expand{width:24px}.jrn-desc-cell{max-width:70px}.jrn-amount{font-size:.68rem}.jrn-sub-row td{padding:3px;font-size:.62rem}.jrn-sub-txn{font-size:.6rem}.jrn-sub-acct-name{display:none}.jrn-sub-desc{max-width:50px}.jrn-sub-amount{font-size:.6rem}.jrn-page-btn{min-width:24px;font-size:.7rem}}.exp-title{margin-bottom:1.25rem;font-size:clamp(1.15rem,3.5vw,1.75rem)}.exp-title i{margin-right:8px}.exp-th-nowrap,.exp-td-nowrap{white-space:nowrap}.exp-loading{text-align:center;padding:1.25rem 0}.exp-empty{text-align:center;color:var(--text-muted);padding:1.25rem 0}@media (width<=768px){.exp-table{font-size:.82rem}.exp-table th,.exp-table td{padding:6px 4px}}@media (width<=576px){.exp-title{font-size:1.1rem}.exp-table{font-size:.78rem}.exp-table th,.exp-table td{padding:5px 3px}}@media (width<=400px){.exp-table{font-size:.72rem}}.bs-title{margin-bottom:0;font-size:clamp(1.15rem,3.5vw,1.75rem)}.bs-header-row{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}@media (width>=768px){.bs-header-row{flex-direction:row;align-items:center}}.bs-filter-group{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}@media (width>=768px){.bs-filter-group{width:auto}}.bs-filter-label{font-size:.85rem}.bs-date-input{flex:140px;min-width:130px;max-width:180px}@media (width<=576px){.bs-date-input{flex:100%;min-width:100px;max-width:100%}}.bs-section-title{font-size:1rem}.bs-section-total{font-size:.9rem}.bs-table th,.bs-table td{padding:8px 6px}.bs-loading{text-align:center;padding:2rem 0}.bs-loading-text{margin-top:.75rem}.bs-summary-label{font-size:.85rem}.bs-status-badge{font-size:.85rem!important}.bs-suggestions-title{margin-bottom:.75rem}.bs-suggestion-desc{max-width:600px;font-size:.85rem}@media (width<=768px){.bs-suggestion-desc{max-width:100%}}.bs-suggestion-actions{justify-content:space-between;align-items:flex-start;display:flex}@media (width<=576px){.bs-suggestion-actions{flex-direction:column;gap:8px}}@media (width<=992px){.bs-table{font-size:.82rem}}@media (width<=768px){.bs-title{font-size:1.15rem}.bs-table{font-size:.78rem}.bs-table th,.bs-table td{padding:6px 4px}}@media (width<=576px){.bs-title{font-size:1.1rem}.bs-table{font-size:.75rem}.bs-table th,.bs-table td{padding:5px 3px}.bs-summary-label{font-size:.78rem}.bs-status-badge{font-size:.78rem!important}}@media (width<=400px){.bs-table,.bs-summary-label{font-size:.72rem}}.pl-title{margin-bottom:0;font-size:clamp(1.15rem,3.5vw,1.75rem)}.pl-header-row{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}@media (width>=768px){.pl-header-row{flex-direction:row;align-items:center}}.pl-filter-group{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}@media (width>=768px){.pl-filter-group{width:auto}}.pl-date-wrap{flex:auto;align-items:center;gap:4px;min-width:160px;display:flex}@media (width<=576px){.pl-date-wrap{min-width:140px}}.pl-date-label{white-space:nowrap;font-size:.8rem}.pl-date-input{flex:1;min-width:0}.pl-contra-badge{font-size:.7rem!important}.pl-table th,.pl-table td{padding:8px 6px}.pl-summary-label,.pl-margin-label{font-size:.8rem}.pl-loading{text-align:center;padding:2rem 0}.pl-loading-text{margin-top:.75rem}@media (width<=992px){.pl-table{font-size:.82rem}}@media (width<=768px){.pl-title{font-size:1.15rem}.pl-table{font-size:.78rem}.pl-table th,.pl-table td{padding:6px 4px}}@media (width<=576px){.pl-title{font-size:1.1rem}.pl-table{font-size:.75rem}.pl-table th,.pl-table td{padding:5px 3px}.pl-summary-label,.pl-margin-label{font-size:.75rem}}@media (width<=400px){.pl-table{font-size:.72rem}.pl-summary-label,.pl-margin-label{font-size:.7rem}.pl-date-wrap{min-width:120px}}.tb-title{margin-bottom:0;font-size:clamp(1.15rem,3.5vw,1.75rem)}.tb-header-row{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}@media (width>=768px){.tb-header-row{flex-direction:row;align-items:center}}.tb-filter-group{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}@media (width>=768px){.tb-filter-group{width:auto}}.tb-filter-label{font-size:.85rem}.tb-date-input{flex:140px;min-width:130px;max-width:180px}@media (width<=576px){.tb-date-input{flex:100%;min-width:100px;max-width:100%}}.tb-table th,.tb-table td{padding:8px 6px}.tb-table tfoot td{font-weight:600}.tb-loading{text-align:center;padding:2rem 0}.tb-loading-text{margin-top:.75rem}.tb-status-badge{padding:8px 20px!important;font-size:clamp(.8rem,2.5vw,1.1rem)!important}@media (width<=992px){.tb-table{font-size:.82rem}}@media (width<=768px){.tb-title{font-size:1.15rem}.tb-table{font-size:.78rem}.tb-table th,.tb-table td{padding:6px 4px}}@media (width<=576px){.tb-title{font-size:1.1rem}.tb-table{font-size:.75rem}.tb-table th,.tb-table td{padding:5px 3px}.tb-filter-label{font-size:.78rem}}@media (width<=400px){.tb-table{font-size:.72rem}}.er-wrap{padding:1.25rem}.er-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.er-title{margin-bottom:0}.er-title i{margin-right:8px}.er-table th,.er-table td{padding:8px 6px}.er-td-nowrap{white-space:nowrap}.er-td-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.er-td-subject{max-width:200px}.er-td-recip{max-width:180px}.er-error-msg{font-size:.75rem}.er-no-files{font-size:.8rem}.er-loading{text-align:center;padding:1.25rem 0}@media (width<=992px){.er-table{font-size:.82rem}.er-td-subject{max-width:140px}.er-td-recip{max-width:120px}}@media (width<=768px){.er-table{font-size:.78rem}.er-table th,.er-table td{padding:6px 4px}.er-td-subject{max-width:100px}.er-td-recip{max-width:80px}}@media (width<=576px){.er-title{font-size:1.15rem}.er-table{font-size:.75rem}.er-table th,.er-table td{padding:5px 3px}.er-td-subject{max-width:80px}.er-td-recip{max-width:60px}.er-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=400px){.er-table{font-size:.72rem}.er-td-subject{max-width:60px}.er-td-recip{max-width:50px;display:none}}.ast-container{height:calc(100vh - var(--topbar-height) - 48px);flex-direction:column;max-width:960px;margin:0 auto;padding:24px;display:flex}@media (width<=768px){.ast-container{height:calc(100vh - var(--topbar-height) - 32px);padding:16px}}@media (width<=576px){.ast-container{height:calc(100vh - var(--topbar-height) - 24px);padding:12px}}.ast-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}@media (width<=576px){.ast-header{flex-direction:column;align-items:flex-start;gap:8px}}.ast-title-row{align-items:center;gap:10px;margin-bottom:0;display:flex}.ast-title-icon{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:inline-flex}.ast-title{margin:0;font-size:1.4rem;font-weight:700}@media (width<=576px){.ast-title{font-size:1.2rem}}.ast-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.8rem}.ast-status-bar{color:var(--text-muted);flex-shrink:0;align-items:center;gap:8px;font-size:.78rem;display:flex}.ast-status-dot{border-radius:50%;width:8px;height:8px;transition:background .3s;display:inline-block}.ast-reconnect-btn{border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:4px 12px;font-family:inherit;font-size:.72rem}.ast-card{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.ast-messages{flex-direction:column;flex:1;gap:12px;padding:20px 24px;display:flex;overflow-y:auto}@media (width<=768px){.ast-messages{padding:16px}}@media (width<=576px){.ast-messages{gap:10px;padding:12px}}.ast-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.ast-empty-icon{width:72px;height:72px;color:var(--primary-light);background:#292f910f;border-radius:24px;justify-content:center;align-items:center;font-size:2rem;display:flex}.ast-empty-title{color:var(--text-secondary);margin:0;font-size:.95rem;font-weight:600}.ast-empty-text{text-align:center;max-width:320px;margin:0;font-size:.8rem;line-height:1.4}.ast-msg-row{align-items:flex-start;gap:10px;display:flex}.ast-msg-user{flex-direction:row-reverse}.ast-msg-assistant{flex-direction:row}.ast-msg-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.ast-msg-avatar-user{background:var(--primary)}.ast-msg-avatar-ai{background:linear-gradient(135deg,#10b981,#059669)}.ast-msg-body{max-width:75%}@media (width<=576px){.ast-msg-body{max-width:85%}}.ast-msg-bubble{padding:12px 16px;line-height:1.5}.ast-msg-bubble-user{background:var(--primary);color:#fff;border-radius:16px 16px 4px}.ast-msg-bubble-ai{color:var(--text-primary);background:#292f910a;border-radius:16px 16px 16px 4px}.ast-msg-text{font-size:.85rem}.ast-user-text{white-space:pre-wrap}.ast-typing{gap:3px;display:inline-flex}.ast-typing-dot{background:var(--primary);border-radius:50%;width:6px;height:6px}.ast-typing-dot:first-child{opacity:.4}.ast-typing-dot:nth-child(2){opacity:.6}.ast-typing-dot:nth-child(3){opacity:.8}.ast-md-h4{color:var(--text-primary);margin:12px 0 6px;font-size:.95rem;font-weight:700}.ast-md-h5{color:var(--text-primary);margin:10px 0 4px;font-size:.88rem;font-weight:600}.ast-md-li{color:var(--text-secondary);margin:2px 0;padding-left:16px;font-size:.82rem}.ast-md-table{color:var(--text-secondary);margin:1px 0;font-size:.82rem}.ast-md-bold,.ast-md-p{color:var(--text-secondary);margin:2px 0;font-size:.82rem}.ast-code{white-space:pre-wrap;background:#0000000d;border-radius:8px;margin:8px 0;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.5;overflow:auto}.ast-suggestions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.ast-suggestion-btn{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:99px;padding:6px 16px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.ast-suggestion-btn:hover{background:var(--primary);color:#fff}.ast-quick-actions{padding:0 24px 16px}@media (width<=768px){.ast-quick-actions{padding:0 16px 12px}}@media (width<=576px){.ast-quick-actions{padding:0 12px 10px}}.ast-quick-actions-inner{flex-wrap:wrap;gap:6px;display:flex}.ast-quick-btn{color:var(--primary);cursor:pointer;background:#292f910f;border:1px solid #292f911a;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.ast-quick-btn:hover{background:#292f911f}.ast-quick-btn:disabled{opacity:.5;cursor:not-allowed}.ast-form{gap:8px;margin-top:12px;display:flex}.ast-input-wrap{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:14px;flex:1;align-items:center;padding:0 16px;transition:border-color .2s;display:flex}.ast-input-wrap:focus-within{border-color:var(--primary)}.ast-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-family:inherit;font-size:.85rem}.ast-input::placeholder{color:var(--text-muted)}.ast-send-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;transition:all .2s;display:flex}.ast-send-btn:hover:not(:disabled){transform:scale(1.05)}.ast-send-btn:disabled{opacity:.4;cursor:not-allowed}.ast-streaming{text-align:center;color:var(--text-muted);margin-top:6px;font-size:.72rem}@media (width<=768px){.ast-title{font-size:1.2rem}}@media (width<=576px){.ast-title{font-size:1.1rem}.ast-title-icon{width:30px;height:30px;font-size:.95rem}.ast-subtitle{font-size:.72rem}.ast-msg-text{font-size:.82rem}.ast-code{padding:8px 12px;font-size:.72rem}.ast-md-h4{font-size:.88rem}.ast-md-h5{font-size:.82rem}.ast-md-li,.ast-md-table,.ast-md-bold,.ast-md-p{font-size:.78rem}.ast-quick-btn{padding:6px 10px;font-size:.7rem}.ast-input{padding:10px 0;font-size:.82rem}.ast-send-btn{width:42px;height:42px;font-size:1rem}.ast-input-wrap{padding:0 12px}}@media (width<=400px){.ast-container{padding:8px}.ast-messages{gap:8px;padding:8px}.ast-msg-body{max-width:90%}.ast-msg-bubble{padding:10px 12px}.ast-msg-avatar{width:28px;height:28px;font-size:.65rem}.ast-msg-text{font-size:.78rem}.ast-quick-actions{padding:0 8px 8px}.ast-quick-btn{padding:5px 8px;font-size:.65rem}.ast-quick-btn i{display:none}.ast-form{gap:6px;margin-top:8px}.ast-input-wrap{border-radius:10px;padding:0 10px}.ast-input{padding:8px 0;font-size:.78rem}.ast-send-btn{border-radius:10px;width:38px;height:38px;font-size:.9rem}}.api-console-wrap{height:calc(100vh - var(--topbar-height));grid-template-columns:280px 1fr;gap:0;display:grid;overflow:hidden}.api-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);padding:0;overflow-y:auto}.api-sidebar-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);z-index:2;padding:20px 20px 12px;position:sticky;top:0}.api-sidebar-header h6{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:700}.api-sidebar-header p{color:var(--text-muted);margin:4px 0 0;font-size:.75rem}.api-search{border:1px solid var(--border-color);background:var(--bg-dark);width:100%;color:var(--text-primary);border-radius:8px;outline:none;margin-top:10px;padding:8px 12px 8px 34px;font-size:.82rem}.api-search:focus{border-color:var(--primary)}.api-search-wrap{position:relative}.api-search-wrap i{color:var(--text-muted);font-size:.8rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.api-group{border-bottom:1px solid var(--border-color);padding:8px 0}.api-group-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:6px 20px;font-size:.72rem;font-weight:700}.api-endpoint-item{cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;padding:7px 20px;font-size:.82rem;text-decoration:none;transition:all .15s;display:flex}.api-endpoint-item:hover{background:var(--bg-dark);color:var(--text-primary)}.api-endpoint-item.active{color:var(--primary);background:#292f9114;font-weight:600}.api-sidebar-toggle{border:1px solid var(--border-color);background:var(--bg-card);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:none}.api-sidebar-toggle:hover{background:var(--bg-dark)}.api-sidebar-backdrop{display:none}.api-history-section{border-top:1px solid var(--border-color);padding:12px 20px}.api-history-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:.72rem;font-weight:700}.api-clear-btn{padding:2px 8px!important;font-size:.7rem!important}.api-history-list{max-height:200px;overflow-y:auto}.api-history-empty{color:var(--text-muted);text-align:center;padding:8px;font-size:.78rem}.api-history-time{color:var(--text-muted);font-size:.7rem}.api-main{background:var(--bg-dark);padding:24px;overflow-y:auto}.request-bar{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);border-radius:12px;gap:10px;margin-bottom:20px;padding:12px;display:flex}.method-select{border:1.5px solid var(--border-color);background:var(--bg-dark);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;min-width:100px;padding:10px 14px;font-size:.9rem;font-weight:700}.method-select:focus{border-color:var(--primary)}.url-input{border:1.5px solid var(--border-color);background:var(--bg-dark);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:10px 16px;font-family:monospace;font-size:.9rem}.url-input:focus{border-color:var(--primary)}.send-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 28px;font-size:.9rem;font-weight:700;transition:all .2s}.send-btn:hover{box-shadow:var(--shadow-btn-primary);transform:translateY(-1px)}.send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.api-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-bottom:none;border-radius:12px 12px 0 0;gap:0;display:flex;overflow:hidden}.api-tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:.82rem;font-weight:600;transition:all .2s}.api-tab:hover{color:var(--text-primary)}.api-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:#292f910a}.api-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0 0 12px 12px;min-height:200px;padding:16px}.api-panel-area{display:none}.api-panel-area.active{display:block}.api-panel-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.api-header-actions{gap:8px;display:flex}.code-editor{border:1.5px solid var(--border-color);background:var(--bg-dark);width:100%;min-height:160px;color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;padding:14px;font-family:monospace;font-size:.82rem;line-height:1.6}.code-editor:focus{border-color:var(--primary)}.header-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.header-row input{border:1.5px solid var(--border-color);background:var(--bg-dark);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:.82rem}.header-row input:focus{border-color:var(--primary)}.header-row .btn-remove{color:var(--danger);cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;font-size:1rem}.header-row .btn-remove:hover{opacity:1}.add-header-btn{border:1px dashed var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:.8rem}.add-header-btn:hover{border-color:var(--primary);color:var(--primary)}.response-area{margin-top:20px}.response-status{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.status-badge{border-radius:6px;padding:4px 12px;font-size:.85rem;font-weight:700}.status-2xx{color:#10b981;background:#10b9811a}.status-3xx{color:#3b82f6;background:#3b82f61a}.status-4xx{color:#f59e0b;background:#f59e0b1a}.status-5xx{color:#ef4444;background:#ef44441a}.status-dot.status-2xx{background:#10b981}.status-dot.status-3xx{background:#3b82f6}.status-dot.status-4xx{background:#f59e0b}.status-dot.status-5xx{background:#ef4444}.response-meta{color:var(--text-muted);font-size:.82rem}.response-body{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;max-height:500px;padding:16px;overflow:auto}.response-body pre{color:var(--text-primary);white-space:pre-wrap;word-break:break-all;margin:0;font-family:monospace;font-size:.82rem;line-height:1.6}.endpoint-hero{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:16px;margin-bottom:20px;padding:32px}.endpoint-hero h3{margin-bottom:6px;font-weight:800}.endpoint-hero p{opacity:.85;margin:0;font-size:.9rem}.endpoint-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.endpoint-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;color:inherit;border-radius:12px;padding:18px;text-decoration:none;transition:all .2s}.endpoint-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-3px)}.endpoint-card .method-badge{margin-bottom:8px;display:inline-block}.endpoint-card h6{color:var(--text-primary);margin:4px 0;font-size:.88rem;font-weight:700}.endpoint-card p{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.4}.api-method-badge{text-align:center;letter-spacing:.5px;border-radius:4px;min-width:38px;padding:2px 6px;font-size:.62rem;font-weight:700}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.history-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:flex}.history-item:hover{background:var(--bg-dark)}.history-item .status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.history-item .history-url{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (width<=1200px){.api-console-wrap{grid-template-columns:240px 1fr}.api-sidebar-header{padding:16px 16px 10px}.api-endpoint-item{padding:6px 16px;font-size:.78rem}.api-group-title{padding:4px 16px}.api-history-section{padding:10px 16px}.api-main{padding:20px}.endpoint-hero{padding:28px}}@media (width<=992px){.api-console-wrap{grid-template-columns:220px 1fr}.api-main{padding:16px}.endpoint-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.endpoint-hero{padding:24px}.endpoint-hero h3{font-size:1.2rem}.request-bar{gap:8px;padding:10px}.method-select{min-width:80px;padding:8px 10px;font-size:.82rem}.url-input{padding:8px 12px;font-size:.82rem}.send-btn{padding:8px 20px;font-size:.82rem}.api-sidebar-header h6{font-size:.82rem}}@media (width<=768px){.api-console-wrap{height:calc(100vh - var(--topbar-height));display:block;position:relative}.api-main{height:100%;padding:16px;overflow-y:auto}.api-sidebar{top:var(--topbar-height);z-index:1050;border-right:1px solid var(--border-color);width:280px;box-shadow:none;transition:transform .3s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.api-sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.api-sidebar-backdrop{z-index:1049;background:#0006;display:block;position:fixed;inset:0}.api-sidebar-toggle{display:inline-flex}.request-bar{flex-wrap:wrap}.url-input{min-width:100%}.api-tab{padding:8px 14px;font-size:.78rem}.api-panel{padding:12px}.endpoint-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.endpoint-hero{padding:20px}.endpoint-hero h3{font-size:1.1rem}}@media (width<=576px){.api-main{padding:12px}.request-bar{gap:6px;padding:8px}.method-select{min-width:70px;padding:6px 8px;font-size:.78rem}.url-input{padding:6px 10px;font-size:.78rem}.send-btn{padding:6px 16px;font-size:.78rem}.endpoint-cards{grid-template-columns:1fr;gap:10px}.endpoint-hero{border-radius:12px;padding:16px}.endpoint-hero h3{font-size:1rem}.endpoint-hero p{font-size:.82rem}.endpoint-card{padding:14px}.endpoint-card h6{font-size:.82rem}.endpoint-card p{font-size:.72rem}.api-sidebar{width:260px}.api-tabs{border-radius:10px 10px 0 0}.api-tab{padding:6px 12px;font-size:.75rem}.api-panel{border-radius:0 0 10px 10px;min-height:150px;padding:10px}.code-editor{min-height:120px;padding:10px;font-size:.78rem}.header-row{gap:6px}.header-row input{padding:6px 10px;font-size:.78rem}.response-status{flex-wrap:wrap;gap:8px;padding:10px 14px}.response-body{padding:12px}.response-body pre{font-size:.75rem}.history-item{padding:6px 10px;font-size:.75rem}.api-history-section{padding:10px 16px}.api-panel-label{font-size:.72rem}.api-header-actions{gap:6px}.add-header-btn{padding:4px 10px;font-size:.72rem}}.auth-step-card{border-radius:12px;align-items:center;gap:12px;padding:16px 14px;display:flex}.auth-step-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.7rem}.auth-step-title{font-size:1rem;font-weight:700}.auth-step-desc{color:var(--text-muted);font-size:.7rem}.auth-tab-bar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.auth-tab-btn{cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;min-width:120px;padding:14px 20px;font-family:inherit;font-size:.85rem;font-weight:400;transition:all .2s}.auth-tab-btn:hover{color:var(--text-primary)}.auth-tab-btn.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.auth-detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0;display:flex}.auth-detail-row:last-child{border-bottom:none}.auth-detail-label{color:var(--text-muted);font-size:.78rem}.auth-detail-value{color:var(--text-primary);font-size:.85rem;font-weight:600}.auth-form-label{font-size:.78rem;font-weight:600}.auth-form-label-sm{font-size:.75rem;font-weight:600}.auth-alert{border-radius:10px}.auth-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:700;display:flex}.auth-avatar-sm{width:28px;height:28px;font-size:.7rem}.auth-avatar-lg{width:52px;height:52px;font-size:1rem}.auth-role-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.auth-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.auth-success-card{text-align:center;padding:32px 0}.auth-success-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:2rem;display:flex}.auth-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-2xl);border-radius:16px;padding:28px;animation:.25s scaleIn;overflow-y:auto}.auth-info-banner{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.auth-password-bar{background:var(--border-color);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.auth-password-fill{border-radius:3px;height:100%;transition:all .3s}.auth-req-item{align-items:center;gap:10px;transition:color .3s;display:flex}.auth-req-circle{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s;display:flex}.auth-req-circle i{font-size:.75rem}.auth-section-card{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;padding:24px}.auth-section-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.auth-countdown{border-top:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.auth-otp-verify-btn{margin-top:1.25rem}.auth-back-link{text-align:center;margin-top:16px}.auth-header-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.auth-header-card{border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.auth-step-card-wrap{height:100%}.auth-center-spinner{text-align:center;padding:32px 0}.auth-card-centered{background:#fffffff5;border-radius:28px;padding:0;overflow:hidden}.auth-card-brand{align-items:center;gap:16px;padding:40px 40px 0;display:flex}.auth-card-logo{color:#fff;width:56px;height:56px;box-shadow:var(--shadow-btn-primary);background:linear-gradient(135deg,#292f91,#4f46e5);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:relative}.auth-card-logo:after{content:"";border:1.5px solid #292f911a;border-radius:19px;animation:3s ease-in-out infinite pulseRing;position:absolute;inset:-3px}.auth-card-brand-text{flex:1}.auth-card-title{background:linear-gradient(135deg,#1e2368,#292f91,#4f46e5);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:800}.auth-card-subtitle{color:#6b7280;margin:2px 0 0;font-size:.82rem}.auth-card-divider{align-items:center;gap:12px;padding:24px 40px;display:flex}.auth-card-divider-line{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);flex:1;height:1px}.auth-card-divider-icon{color:#9ca3af;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;display:flex}.auth-card-body{padding:0 40px 32px}.auth-card-header-text{margin-bottom:24px}.auth-card-header-text h2{color:#111827;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700}.auth-card-header-text p{color:#6b7280;margin-top:3px;font-size:.85rem}.auth-card-bottom{color:#9ca3af;border-top:1px solid #f3f4f6;justify-content:center;align-items:center;gap:10px;padding:16px 40px;font-size:.75rem;display:flex}.auth-card-status{align-items:center;gap:5px;display:inline-flex}.auth-card-status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 8px #10b98180}.auth-card-sep{opacity:.3}.auth-card-secure{align-items:center;gap:3px;display:inline-flex}.auth-card-secure i{font-size:.65rem}.auth-login-type-toggle{background:#292f910a;border:1px solid #292f911a;border-radius:10px;gap:6px;margin-bottom:4px;padding:4px;display:flex}.auth-login-type-btn{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.auth-login-type-btn:hover{color:var(--text-primary,#1f2937);background:#292f910f}.auth-login-type-btn.active{color:#fff;box-shadow:var(--shadow-btn-primary);background:linear-gradient(135deg,#292f91,#4f46e5)}.auth-otp-delivery{background:linear-gradient(135deg,#292f910a,#6366f10f);border:1px solid #292f9114;border-radius:14px;margin-bottom:20px;padding:0;overflow:hidden}.auth-otp-delivery-inner{padding:16px 18px}.auth-otp-delivery-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.auth-otp-delivery-icon{color:#fff;background:linear-gradient(135deg,#292f91,#4f46e5);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;display:flex}.auth-otp-delivery-title{color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.auth-otp-delivery-options{gap:8px;display:flex}.auth-otp-delivery-option{cursor:pointer;background:#0000000a;border:1.5px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:0;transition:all .25s;display:flex;position:relative;overflow:hidden}.auth-otp-delivery-option:hover{border-color:#292f9126}.auth-otp-delivery-option.active{box-shadow:var(--shadow-sm);background:0 0;border-color:#292f91}.auth-otp-option-bg{opacity:0;background:linear-gradient(135deg,#292f91,#4f46e5);border-radius:9px;transition:opacity .25s;position:absolute;inset:0}.auth-otp-delivery-option.active .auth-otp-option-bg{opacity:1}.auth-otp-option-content{z-index:1;color:#6b7280;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 14px;font-size:.82rem;font-weight:600;transition:color .25s;display:flex;position:relative}.auth-otp-delivery-option.active .auth-otp-option-content{color:#fff}.auth-otp-option-content i{font-size:.9rem}.auth-otp-hidden{display:none}.auth-text-md{font-size:.85rem}.auth-max-w-sm{max-width:500px}.auth-page-indicator{color:var(--text-muted);font-size:.78rem}.auth-online-status{align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.auth-online-dot-cell{border-radius:50%;width:8px;height:8px;display:inline-block}.auth-actions-cell{width:140px}.auth-tab-bar{border-bottom:1px solid var(--border-color);gap:2px;margin-bottom:16px;display:flex}.auth-tab-btn{cursor:pointer;background:0 0;border:none;flex:1;padding:8px 12px;font-family:inherit;font-size:.8rem;transition:all .2s}.auth-tab-btn-active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:600}.auth-tab-btn-inactive{color:var(--text-muted);border-bottom:2px solid #0000;font-weight:400}.auth-placeholder-box{color:var(--text-muted);background:var(--bg-dark);text-align:center;border-radius:10px;padding:16px;font-size:.82rem}.auth-placeholder-icon{opacity:.4;margin-bottom:8px;font-size:1.5rem;display:block}.auth-role-btn-group{flex-wrap:wrap;gap:6px;display:flex}.auth-stat-value{font-size:1.3rem;font-weight:700}.auth-stat-value-success{color:var(--success)}.auth-stat-value-muted{color:var(--text-muted)}.auth-stat-value-primary{color:var(--primary)}.auth-table-th{width:40px}.auth-table-th-actions{width:50px}.auth-search-input{width:220px}.auth-filter-label{color:var(--text-muted);font-size:.75rem}.auth-email-cell{font-family:monospace;font-size:.82rem}.auth-date-cell{color:var(--text-muted);font-size:.82rem}.auth-empty-state-icon{opacity:.4;margin-bottom:8px;font-size:1.5rem;display:block}.auth-footer-bar{border-top:1px solid var(--border-color);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:4px;padding:10px 16px;font-size:.78rem;display:flex}.auth-user-name{font-size:.88rem;font-weight:600}.auth-user-phone{color:var(--text-muted);font-size:.8rem}.auth-avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.auth-avatar-img-lg{object-fit:cover;border-radius:50%;width:52px;height:52px}.auth-tr-clickable{cursor:pointer}.auth-cell-sm{font-size:.8rem}.auth-online-dot{background:var(--success);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block;box-shadow:0 0 0 2px #10b98133}.auth-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.with-fadein{animation:.4s fadeIn}.auth-alert-rounded{border-radius:12px}.auth-icon-people{color:var(--primary);background:#292f911f}.auth-icon-shield{color:var(--success);background:#10b98126}.auth-icon-badge{color:#4ca8dd;background:#4ca8dd40}.auth-stat-value-blue{color:#4ca8dd}.auth-stat-label{text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.auth-email-sub{color:var(--text-muted);font-size:.82rem}.auth-role-badge-lg{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.auth-badge-modal{padding:5px 12px;font-size:.75rem}.auth-badge-tiny{font-size:.6rem}.auth-status-badge{padding:4px 10px;font-size:.72rem;font-weight:600}.auth-detail-label{color:var(--text-muted);margin-bottom:4px;font-size:.72rem;display:block}.auth-detail-value-bold{word-break:break-all;font-size:.88rem;font-weight:500}.auth-detail-mono{color:var(--text-muted);font-family:monospace;font-size:.88rem;font-weight:500}.auth-detail-hr{border-color:var(--border-color);margin:20px 0}.auth-text-muted-sm{color:var(--text-muted);font-size:.85rem}.auth-avatar-gradient{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:700;display:flex}.auth-avatar-gradient-lg{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1rem;font-weight:700;display:flex}.auth-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.auth-modal-badges{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.auth-detail-grid .col-6{width:50%}@media (width<=576px){.auth-detail-grid .col-6{width:100%}.auth-search-input{width:100%!important}.auth-table-controls{flex-direction:column;align-items:stretch!important}.auth-table-controls .d-flex{flex-direction:column}.auth-table-controls .d-flex .btn-group{overflow-x:auto}.auth-filter-badge-group{flex-wrap:nowrap;overflow-x:auto}.auth-filter-badge-group .btn{white-space:nowrap}}@media (width<=400px){.with-fadein .row.g-3.mb-4>[class*=col-]{width:100%}.auth-modal{border-radius:12px;margin:8px;padding:16px}}@media (width<=992px){.auth-card-brand{padding:32px 28px 0!important}.auth-card-divider{padding:20px 28px!important}.auth-card-body{padding:0 28px 28px!important}.auth-card-bottom{padding:14px 28px!important}.auth-2fa-layout>.col-lg-7,.auth-2fa-layout>.col-lg-5,.auth-password-layout>.col-lg-7,.auth-password-layout>.col-lg-5{flex:0 0 100%;width:100%;max-width:100%}}@media (width<=768px){.auth-card-brand{padding:24px 20px 0!important}.auth-card-divider{padding:16px 20px!important}.auth-card-body{padding:0 20px 24px!important}.auth-card-bottom{flex-wrap:wrap;gap:6px;padding:12px 20px!important}.auth-card-title,.auth-card-header-text h2{font-size:1.15rem!important}.auth-form-inline{flex-direction:column;gap:6px}.auth-form-inline label{flex:none;width:100%}.auth-steps-row .col-md-3,.auth-steps-row .col-md-4{width:50%}.auth-tab-bar .auth-tab-btn{min-width:100px;padding:10px 14px;font-size:.8rem}.auth-2fa-banner{text-align:center;flex-direction:column}.auth-2fa-banner .auth-2fa-icon{margin:0 auto}.auth-2fa-banner .auth-2fa-actions{width:100%}.auth-profile-header{text-align:center;flex-direction:column;padding:24px 20px!important}.auth-profile-grid,.auth-security-grid{grid-template-columns:1fr!important}.auth-session-item{text-align:center;flex-direction:column;gap:8px!important}.auth-table-filters{flex-direction:column}.auth-table-filters .auth-filter-group{width:100%}.auth-admin-controls{flex-direction:column;align-items:flex-start!important}.auth-filter-badges{flex-wrap:nowrap;overflow-x:auto}}.auth-alert-border-warning{border-left:4px solid var(--warning)}.auth-icon-box-red{color:#dc3545;background:#dc35451f}.auth-icon-box-yellow{color:#ffc107;background:#ffc10726}.auth-icon-box-green{color:#198754;background:#19875426}.auth-icon-box-gray{color:var(--text-muted);background:#6c757d1f}.auth-tab-btn-base{cursor:pointer;background:0 0;border:none;flex:1;padding:14px 20px;font-family:inherit;font-size:.88rem;transition:all .2s}.auth-tab-deregister-active{color:#dc3545;border-bottom:3px solid #dc3545;font-weight:600}.auth-tab-deregister-inactive{color:var(--text-muted);border-bottom:3px solid #0000;font-weight:400}.auth-tab-logs-active{color:var(--primary);border-bottom:3px solid var(--primary);font-weight:600}.auth-tab-logs-inactive{color:var(--text-muted);border-bottom:3px solid #0000;font-weight:400}.auth-success-icon-green{color:#198754;background:#1987541f}.auth-text-max-w{max-width:400px;margin:0 auto 20px}.auth-fw-semibold-88{font-size:.88rem;font-weight:600}.auth-otp-input{letter-spacing:3px;text-align:center;font-family:monospace;font-size:1.1rem}.auth-header-icon-yellow{color:#ffc107;background:#ffc10726}.auth-filter-input-200{width:200px}.auth-select-130{width:130px}.auth-cell-85{font-size:.85rem}.auth-cell-82{color:var(--text-muted);font-size:.82rem}.auth-badge-72{font-size:.72rem;font-weight:600}.auth-cell-truncate{max-width:250px}.auth-cursor-pointer{cursor:pointer}.auth-empty-cell{color:var(--text-muted)}.min-w-0{min-width:0}@media (width<=576px){.auth-steps-row .col-6{width:100%}.auth-tab-bar .auth-tab-btn{min-width:80px;padding:8px 10px;font-size:.75rem}.auth-tab-bar .auth-tab-btn i{margin-right:4px!important}.auth-modal{padding:20px}.auth-modal-overlay{padding:12px}.auth-success-icon{width:56px;height:56px;font-size:1.5rem}.auth-avatar-lg{width:40px;height:40px;font-size:.85rem}.auth-step-card-wrap .auth-step-card{padding:12px 10px}.auth-step-card-wrap .auth-step-card .auth-icon-box{width:36px;height:36px;font-size:1rem}.auth-section-card{padding:16px}.auth-detail-value{font-size:.8rem}.auth-pagination-wrap{flex-direction:column;gap:8px;align-items:center!important}.auth-filter-row .col-12.col-md-3,.auth-filter-row .col-6.col-md-2{width:100%}.page-header{flex-direction:column;align-items:flex-start!important}.page-header .d-flex{width:100%}.auth-tab-btn-base{padding:10px 12px;font-size:.8rem}.auth-otp-input{letter-spacing:2px;font-size:1rem}.auth-filter-input-200{width:160px}.auth-select-130{width:110px}}@media (width<=400px){.auth-tab-bar .auth-tab-btn{min-width:60px;padding:6px 8px;font-size:.7rem}.auth-login-form{padding:20px 14px!important}.auth-success-card h4{font-size:1rem}.auth-form .form-group{margin-bottom:14px}.auth-info-banner,.auth-step-card-wrap .auth-step-card{text-align:center;flex-direction:column}.auth-password-layout .row.g-3>.col-md-6{width:100%}.auth-activity-log-item{flex-direction:column;align-items:flex-start!important;gap:6px!important}.auth-filter-input-200,.auth-select-130{width:100%!important}.auth-otp-input{letter-spacing:1px;font-size:.9rem}.auth-tab-btn-base{padding:8px;font-size:.72rem}.auth-tab-btn-base i{margin-right:4px!important}.api-main{padding:8px}.request-bar{padding:6px}.method-select{min-width:60px;padding:5px 6px;font-size:.72rem}.url-input{padding:5px 8px;font-size:.72rem}.send-btn{padding:5px 12px;font-size:.72rem}.api-sidebar{width:240px}.api-sidebar-header{padding:12px 12px 8px}.api-endpoint-item{padding:4px 12px;font-size:.72rem}.api-group-title{padding:3px 12px;font-size:.65rem}.api-history-section{padding:8px 12px}.api-tab{padding:5px 10px;font-size:.7rem}.api-panel{padding:8px}.endpoint-hero{padding:14px}.endpoint-hero h3{font-size:.9rem}.endpoint-card{padding:12px}.api-history-title{font-size:.65rem}.api-history-empty{font-size:.7rem}.api-history-time{font-size:.65rem}}.pharmacy-detail-card{border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;padding:20px}.pharmacy-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.pharmacy-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.pharmacy-modal-xl{max-width:700px!important}.pharmacy-row-hover:hover{background:#292f9108}.pharmacy-dashboard-stat{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:10px;padding:10px 8px;transition:transform .15s,box-shadow .15s}.pharmacy-dashboard-stat:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pharmacy-dashboard-stat-icon{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:4px;font-size:.85rem;display:inline-flex}.pharmacy-dashboard-stat-value{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2}.pharmacy-dashboard-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:1px;font-size:.65rem}.pharmacy-dashboard-stat-sub{color:var(--text-muted);margin-top:2px;font-size:.6rem}.pharmacy-chart-bar-container{align-items:flex-end;gap:8px;height:120px;padding:0 8px;display:flex}.pharmacy-chart-bar-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.pharmacy-chart-bar{border-radius:4px 4px 0 0;width:100%;max-width:40px;min-height:4px;transition:height .3s}.pharmacy-chart-bar-value{color:var(--text-primary);font-size:.7rem;font-weight:600}.pharmacy-chart-bar-label{color:var(--text-muted);white-space:nowrap;font-size:.65rem}.pharmacy-status-list{flex-direction:column;gap:8px;display:flex}.pharmacy-status-item{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.pharmacy-status-item-left{align-items:center;gap:8px;font-size:.85rem;display:flex}.pharmacy-status-item-right{align-items:center;gap:8px;display:flex}.pharmacy-alert-badge{border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:500;display:flex}.pharmacy-alert-warning{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}.pharmacy-alert-danger{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}@media (width<=768px){.pharmacy-dashboard-stat{padding:8px 6px}.pharmacy-dashboard-stat-value{font-size:.9rem}.pharmacy-chart-bar-container{gap:4px;height:100px}.pharmacy-chart-bar-label{font-size:.6rem}}.pharmacy-timeline{padding-left:24px;position:relative}.pharmacy-timeline:before{content:"";background:var(--border-color);border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px;left:8px}.pharmacy-timeline-item{padding-bottom:16px;position:relative}.pharmacy-timeline-item:last-child{padding-bottom:0}.pharmacy-timeline-dot{background:var(--primary);border:2px solid var(--bg-card);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-20px}.pharmacy-timeline-dot.warning{background:var(--warning)}.pharmacy-timeline-dot.success{background:var(--success)}.pharmacy-timeline-dot.danger{background:var(--danger)}.pharmacy-timeline-content{padding-left:8px}.pharmacy-timeline-content p{margin-bottom:.25rem}.pharmacy-prescription-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.age-badge{border-radius:12px;justify-content:center;align-items:center;min-width:28px;height:24px;padding:0 6px;font-size:.75rem;font-weight:600;display:inline-flex}.pharmacy-table-wrap{overflow-x:auto}.pharmacy-table-wrap table{min-width:600px}.pharmacy-fee-input{max-width:160px}.pharmacy-overdue{border-left:3px solid var(--danger)!important}.pharmacy-upcoming{border-left:3px solid var(--warning)!important}.pharmacy-completed{border-left:3px solid var(--success)!important}@media print{body>:not(.pharmacy-print-only),.pharmacy-no-print{display:none!important}.pharmacy-print-only{z-index:99999;background:#fff;position:fixed;inset:0;overflow:auto;display:block!important}.pharmacy-prescription-print{max-width:800px;margin:0 auto;font-size:14px;line-height:1.6;color:#000!important;background:#fff!important;padding:40px!important}.pharmacy-prescription-print h2{margin-bottom:8px;font-size:1.5rem}.pharmacy-prescription-print hr{border:none;border-top:2px solid #000;margin:16px 0}.pharmacy-prescription-print table{border-collapse:collapse;width:100%}.pharmacy-prescription-print td,.pharmacy-prescription-print th{text-align:left;border:1px solid #ccc;padding:8px}.pharmacy-prescription-print .row{flex-wrap:wrap;display:flex}.pharmacy-prescription-print .col-6{width:50%}.pharmacy-prescription-print .text-center{text-align:center}.pharmacy-prescription-print .text-end{text-align:right}.pharmacy-prescription-print .mb-4{margin-bottom:24px}.pharmacy-prescription-print .mb-3{margin-bottom:16px}.pharmacy-prescription-print .mb-2{margin-bottom:8px}.pharmacy-prescription-print .mt-4{margin-top:24px}.pharmacy-prescription-print .pt-3{padding-top:16px}}.security-sessions-list{flex-direction:column;gap:8px;display:flex}.security-session-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:16px;padding:14px 16px;transition:border-color .2s;display:flex}.security-session-card:hover{border-color:var(--primary-light)}.security-activity-list{flex-direction:column;gap:6px;display:flex}.security-activity-row{border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.security-activity-row:hover{border-color:var(--primary);background:#ffffff05}@media (width<=576px){.security-session-card{flex-wrap:wrap!important;gap:10px!important;padding:12px!important}.security-session-card>div:first-child{width:36px;height:36px;font-size:1rem}.security-session-card>div:nth-child(2){min-width:0!important}.security-session-card strong{font-size:.82rem!important}.security-session-card span:not([style*=background]){font-size:.72rem!important}.security-session-card>div:last-child{width:6px;height:6px}.security-activity-row{flex-wrap:wrap!important;gap:8px!important;padding:8px 10px!important}.security-activity-row>div:first-child{width:28px;height:28px;font-size:.8rem}.security-activity-row>div:nth-child(2){min-width:0!important}.security-activity-row strong{font-size:.8rem!important}.security-2fa-banner{flex-wrap:wrap!important;gap:12px!important}.security-2fa-banner>div:first-child{width:40px;height:40px;font-size:1.2rem}}.floating-assist-btn{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;cursor:pointer;width:60px;height:60px;box-shadow:var(--shadow-btn-primary);z-index:9999;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;animation:2s infinite fa-pulse;display:flex;position:fixed;bottom:24px;right:24px}.floating-assist-btn:hover{box-shadow:var(--shadow-btn-primary), 0 2px 8px #292f9126;transform:scale(1.1)}@keyframes fa-pulse{0%{box-shadow:var(--shadow-btn-primary)}50%{box-shadow:var(--shadow-btn-primary), 0 0 0 10px #292f911a}to{box-shadow:var(--shadow-btn-primary)}}.floating-assist-panel{background:var(--bg-card);border:1px solid var(--border-color);width:380px;height:540px;box-shadow:var(--shadow-2xl);z-index:9998;border-radius:16px;flex-direction:column;animation:.3s fa-slide-up;display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden}[data-theme=light] .floating-assist-panel,.theme-light .floating-assist-panel{background:#fff;border-color:#e5e7eb}@keyframes fa-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-assist-header{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.floating-assist-header h3{align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:600;display:flex}.floating-assist-header-actions{align-items:center;gap:6px;display:flex}.floating-assist-status{border-radius:50%;width:8px;height:8px;display:inline-block}.floating-assist-status.connected{background:#10b981}.floating-assist-status.connecting{background:#f59e0b}.floating-assist-status.disconnected{background:#ef4444}.floating-assist-status.rest{background:#f59e0b}.floating-assist-header-actions button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex}.floating-assist-header-actions button:hover{background:#ffffff4d}.floating-assist-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.floating-assist-messages::-webkit-scrollbar{width:4px}.floating-assist-messages::-webkit-scrollbar-track{background:0 0}.floating-assist-messages::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.floating-msg{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:10px 14px;font-size:.85rem;line-height:1.5;animation:.2s fa-msg-slide}@keyframes fa-msg-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.floating-msg.user{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.floating-msg.assistant{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px;align-self:flex-start}.floating-typing{align-items:center;gap:4px;display:inline-flex}.floating-typing-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px;animation:1.4s infinite fa-typing-bounce}.floating-typing-dot:nth-child(2){animation-delay:.2s}.floating-typing-dot:nth-child(3){animation-delay:.4s}@keyframes fa-typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.floating-assist-quick{border-top:1px solid var(--border-color);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:8px 16px;display:flex}.floating-assist-quick button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:4px 10px;font-family:inherit;font-size:.72rem;transition:all .2s}.floating-assist-quick button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.floating-assist-input{border-top:1px solid var(--border-color);flex-shrink:0;gap:8px;padding:10px 16px;display:flex}.floating-assist-input input{border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);border-radius:10px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.floating-assist-input input:focus{border-color:var(--primary)}.floating-assist-input button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .1s;display:flex}.floating-assist-input button:hover{background:var(--primary-light)}.um-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.um-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:14px;padding:18px 20px;transition:all .2s;display:flex}.um-stat-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.um-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.um-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.1}.um-stat-label{color:var(--text-muted);margin-top:2px;font-size:.75rem}.um-role-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:20px;display:grid}.um-role-card{background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.um-role-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.um-role-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.um-role-info{flex:1;min-width:0}.um-role-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.um-role-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.um-role-count{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:700;display:flex}.um-table-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.um-table-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.um-table-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.um-table-count{color:var(--text-muted);background:#0000000a;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:400}.um-table-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.um-filter-group{align-items:center;gap:4px;display:flex}.um-filter-label{color:var(--text-muted);margin-right:4px;font-size:.75rem}.um-filter-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:4px 12px;font-size:.75rem;transition:all .15s}.um-filter-btn:hover{border-color:var(--primary-light);color:var(--primary)}.um-filter-active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.um-search-wrap{align-items:center;display:flex;position:relative}.um-search-icon{color:var(--text-muted);pointer-events:none;font-size:.8rem;position:absolute;left:10px}.um-search-input{border:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:8px;width:180px;padding:6px 30px;font-size:.8rem;transition:all .2s}.um-search-input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);outline:none;width:220px}.um-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.75rem;position:absolute;right:6px}.um-add-btn{white-space:nowrap}.um-table{border-collapse:collapse;width:100%}.um-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--border-color);background:#00000005;padding:12px 16px;font-size:.72rem;font-weight:600}.um-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #0000000a;padding:12px 16px;font-size:.85rem}.um-table-row{cursor:pointer;transition:background .15s}.um-table-row:hover{background:#292f9108}.um-table-row:last-child td{border-bottom:none}.um-user-cell{align-items:center;gap:12px;display:flex}.um-user-info{min-width:0}.um-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.um-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.75rem;overflow:hidden}.um-user-phone{color:var(--text-muted);font-size:.7rem}.um-online-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto;box-shadow:0 0 0 2px #10b98133}.um-role-badge{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.um-custom-roles-cell{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.um-custom-role-chip{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:10px;align-items:center;gap:3px;padding:1px 7px;font-size:.62rem;font-weight:500;display:inline-flex}.um-status-pill{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.um-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.um-status-active{color:#10b981;background:#10b9811a}.um-status-active .um-status-dot{background:#10b981}.um-status-inactive{color:#ef4444;background:#ef44441a}.um-status-inactive .um-status-dot{background:#ef4444}.um-branch-text{color:var(--text-secondary);font-size:.82rem}.um-time-text{color:var(--text-muted);font-size:.78rem}.um-actions-cell{justify-content:flex-end;gap:4px;display:flex}.um-action-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;transition:all .15s;display:flex}.um-action-btn:hover{background:#0000000a}.um-action-view:hover{border-color:var(--primary);color:var(--primary)}.um-action-edit:hover{color:#f59e0b;border-color:#f59e0b}.um-action-deactivate:hover{color:#ef4444;background:#ef44440f;border-color:#ef4444}.um-action-activate:hover{color:#10b981;background:#10b9810f;border-color:#10b981}.um-loading{flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex}.um-loading-text{color:var(--text-muted);font-size:.82rem}.um-empty{flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.um-empty-icon{color:var(--text-muted);opacity:.4;margin-bottom:4px;font-size:2.5rem}.um-empty-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.um-empty-desc{color:var(--text-muted);text-align:center;font-size:.82rem}.um-empty-inline{color:var(--text-muted);background:#00000008;border-radius:10px;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;display:flex}.um-pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.um-pagination-info{color:var(--text-muted);font-size:.75rem}.um-pagination-btns{gap:4px;display:flex}.um-page-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.78rem;transition:all .15s;display:flex}.um-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.um-page-btn:disabled{opacity:.4;cursor:not-allowed}.um-page-active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.um-mobile-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;margin:8px 12px;transition:all .2s;overflow:hidden}.um-mobile-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-xs)}.um-mobile-header{padding:12px 14px 8px}.um-mobile-name{color:var(--text-primary);font-size:.88rem;font-weight:600}.um-mobile-email{color:var(--text-muted);word-break:break-all;font-size:.72rem}.um-mobile-body{padding:0 14px 10px}.um-mobile-row{border-bottom:1px solid #00000008;justify-content:space-between;align-items:center;padding:5px 0;font-size:.82rem;display:flex}.um-mobile-row:last-child{border-bottom:none}.um-mobile-label{color:var(--text-muted);font-size:.75rem}.um-mobile-footer{border-top:1px solid var(--border-color);gap:8px;padding:10px 14px;display:flex}.um-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0000008c;justify-content:center;align-items:center;animation:.2s umFadeIn;display:flex;position:fixed;inset:0}@keyframes umFadeIn{0%{opacity:0}to{opacity:1}}.um-modal{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:520px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-2xl);border-radius:18px;animation:.25s cubic-bezier(.4,0,.2,1) umSlideUp;overflow-y:auto}@keyframes umSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.um-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.um-modal-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.05rem;font-weight:600;display:flex}.um-modal-title i{color:var(--primary)}.um-modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#0000000a;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.um-modal-close:hover{color:#ef4444;background:#ef44441a}.um-modal-body{padding:20px 24px}.um-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.um-form-row{margin-bottom:16px}.um-form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.um-form-group{flex-direction:column;display:flex}.um-form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.78rem;font-weight:600}.um-form-input,.um-form-select{border:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:10px;width:100%;padding:9px 14px;font-size:.85rem;transition:all .15s}.um-form-input:focus,.um-form-select:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);outline:none}.um-form-input::placeholder{color:var(--text-muted)}.um-custom-role-picker{flex-wrap:wrap;gap:8px;max-height:160px;padding:4px 0;display:flex;overflow-y:auto}.um-custom-role-option{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;transition:all .15s;display:inline-flex}.um-custom-role-option input{display:none}.um-custom-role-option i{color:var(--text-muted);font-size:.72rem}.um-custom-role-option:hover{border-color:#8b5cf6}.um-custom-role-selected{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf6!important}.um-custom-role-selected i{color:#8b5cf6!important}.um-edit-user-banner{background:#00000008;border-radius:12px;align-items:center;gap:14px;margin-bottom:20px;padding:14px;display:flex}.um-edit-user-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.um-edit-user-email{color:var(--text-muted);font-size:.78rem}.um-status-toggle{gap:8px;display:flex}.um-status-toggle-btn{border:2px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:10px;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.um-status-toggle-btn:hover{border-color:var(--text-secondary)}.um-status-toggle-active{color:#10b981;background:#10b98114;border-color:#10b981!important}.um-status-toggle-inactive{color:#ef4444;background:#ef444414;border-color:#ef4444!important}.um-detail-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1055;background:#00000073;justify-content:flex-end;animation:.2s umFadeIn;display:flex;position:fixed;inset:0}.um-detail-panel{background:var(--bg-card);width:100%;max-width:440px;height:100vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s cubic-bezier(.4,0,.2,1) umSlideLeft;display:flex}@keyframes umSlideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.um-detail-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.um-detail-user{align-items:center;gap:14px;min-width:0;display:flex}.um-detail-name{color:var(--text-primary);font-size:1.05rem;font-weight:700}.um-detail-email{color:var(--text-muted);font-size:.78rem}.um-detail-badges{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:8px;padding:14px 20px;display:flex}.um-online-badge{color:#6b7280;background:#6b72801a;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.um-online-badge-on{color:#10b981;background:#10b9811a}.um-online-dot-sm{background:currentColor;border-radius:50%;width:6px;height:6px}.um-detail-tabs{border-bottom:1px solid var(--border-color);padding:0 12px;display:flex}.um-detail-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:12px 8px;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.um-detail-tab:hover{color:var(--text-primary)}.um-detail-tab-active{border-bottom-color:var(--primary);color:var(--primary)!important}.um-detail-body{flex:1;padding:20px;overflow-y:auto}.um-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.um-detail-field{flex-direction:column;gap:4px;display:flex}.um-detail-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.um-detail-field-value{color:var(--text-primary);font-size:.85rem;font-weight:500}.um-detail-section{margin-bottom:24px}.um-detail-section:last-child{margin-bottom:0}.um-detail-section-title{color:var(--text-primary);margin-bottom:4px;font-size:.88rem;font-weight:600}.um-detail-section-desc{color:var(--text-muted);margin-bottom:12px;font-size:.78rem}.um-role-selector{flex-direction:column;gap:6px;display:flex}.um-role-option{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.82rem;transition:all .15s;display:flex}.um-role-option:hover:not(:disabled){border-color:var(--primary-light);background:#00000005}.um-role-option-active{font-weight:600}.um-role-option:disabled{cursor:default}.um-detail-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}@media (width<=1200px){.um-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.um-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.um-stat-card{gap:10px;padding:12px 14px}.um-stat-icon{width:36px;height:36px;font-size:1rem}.um-stat-value{font-size:1.2rem}.um-role-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.um-role-card{padding:12px}.um-role-icon{width:34px;height:34px;font-size:.95rem}.um-role-name{font-size:.78rem}.um-role-count{width:22px;height:22px;font-size:.65rem}.um-table-header{flex-direction:column;align-items:stretch;padding:12px 14px}.um-table-actions{flex-wrap:wrap}.um-search-input,.um-search-input:focus{width:100%}.um-filter-group{flex-wrap:wrap}.um-form-row-2{grid-template-columns:1fr}.um-modal{border-radius:14px;max-height:calc(100vh - 24px);margin:12px}.um-detail-panel{max-width:100%}.um-detail-grid{grid-template-columns:1fr}}@media (width<=480px){.um-stats-grid{grid-template-columns:1fr 1fr;gap:6px}.um-stat-card{border-radius:10px;gap:8px;padding:10px 12px}.um-stat-icon{border-radius:8px;width:32px;height:32px;font-size:.9rem}.um-stat-value{font-size:1.05rem}.um-stat-label{font-size:.68rem}}.floating-assist-input button:active{transform:scale(.95)}.floating-assist-input button:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.floating-assist-panel{width:calc(100vw - 32px);height:calc(100vh - 160px);bottom:84px;right:16px}.floating-assist-btn{width:52px;height:52px;bottom:20px;right:20px}}.table thead th{z-index:10;background:var(--bg-card);position:sticky;top:0}.table-responsive-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);max-width:100%;overflow-x:auto}@media (width<=768px){.modal-dialog{margin:var(--sp-2);max-width:calc(100vw - var(--sp-4))}.modal-content{max-height:calc(100vh - var(--sp-4));overflow-y:auto;border-radius:var(--radius-lg)!important}.modal-body{padding:var(--sp-4)}.modal-header-gradient{margin:calc(-1 * var(--sp-4)) calc(-1 * var(--sp-4)) var(--sp-4) calc(-1 * var(--sp-4));padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-footer{padding:var(--sp-3) var(--sp-4);background:var(--bg-card);z-index:1;position:sticky;bottom:0}}@media (width<=576px){[style*=grid-template-columns]{grid-template-columns:1fr!important}.form-group label,label.form-label{font-size:var(--fs-sm)}}@media (width<=768px){.btn{min-height:44px}.btn-sm{min-height:36px}.btn-icon{min-width:44px;min-height:44px}}@media (width>=1600px){:root{--max-content:1800px}.content-wrapper{padding:var(--sp-8)}}@media (width>=1920px){:root{--max-content:1800px}.content-wrapper{padding:var(--sp-8)}}@media (width>=2560px){:root{--max-content:2000px}.sidebar{width:280px}.main-content{margin-left:280px}.topbar{left:280px}}.dash-chart-body{height:480px}.dash-panel-body{height:320px;overflow-y:auto}.dash-product-name{max-width:200px}@media (width<=768px){.dash-chart-body{height:280px}.dash-panel-body{height:220px}.dash-product-name{max-width:120px}}@media (width<=480px){.dash-chart-body{height:220px}.dash-panel-body{height:180px}.dash-product-name{max-width:100px}}.settings-logo-box{flex-shrink:0;width:120px;height:120px}.settings-logo-info{flex:1;min-width:200px}.settings-qr-img{width:250px;height:250px}.settings-stats-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.settings-stats-row .card{flex:1 1 0;min-width:0}.settings-modal-box{padding:28px}@media (width<=768px){.settings-logo-box{border-radius:12px;width:80px;height:80px}.settings-logo-info{flex-basis:100%;min-width:0}.settings-qr-img{width:min(250px,80vw);height:min(250px,80vw)}.settings-stats-row .card{flex:calc(50% - 8px)}.settings-modal-box{padding:clamp(12px,4vw,28px)}}@media (width<=480px){.settings-stats-row .card{flex:100%}}@media (width<=768px){.dash-chart-body{height:280px}.dash-panel-body{height:220px}.dash-product-name{max-width:120px}}@media (width<=480px){.dash-chart-body{height:220px}.dash-panel-body{height:180px}.dash-product-name{max-width:100px}}.products-page .page-header{padding:0}.products-page .page-header .d-flex{gap:var(--sp-2);flex-wrap:wrap}.product-table-card{transition:transform .22s,box-shadow .22s}div.dt-container{-webkit-overflow-scrolling:touch;overflow-x:auto}div.dt-container .dt-search input{max-width:100%}@media (width<=768px){.products-page .page-header .d-flex{width:100%}.products-page .page-header .d-flex .btn{min-width:0;font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);flex:1;justify-content:center}div.dt-container .dt-search input{max-width:100%}div.dt-container .dt-length select{max-width:80px}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.card{box-shadow:var(--shadow-sm);margin-top:16px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s,background .3s;animation:.4s ease-out both fadeInUp}.dash-row .card:first-child{animation-delay:50ms}.dash-row .card:nth-child(2){animation-delay:.1s}.dash-row .card:nth-child(3){animation-delay:.15s}.dash-row .card:nth-child(4){animation-delay:.2s}.settings-row .card:first-child{animation-delay:50ms}.settings-row .card:nth-child(2){animation-delay:.1s}.stat-card{background-color:var(--card-bg);color:var(--text-main-color);box-shadow:var(--shadow-sm);margin-top:16px;transition:transform .22s,box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .22s,background .22s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.table tbody tr{animation:.35s ease-out both fadeInUp}.table tbody tr:first-child{animation-delay:20ms}.table tbody tr:nth-child(2){animation-delay:40ms}.table tbody tr:nth-child(3){animation-delay:60ms}.table tbody tr:nth-child(4){animation-delay:80ms}.table tbody tr:nth-child(5){animation-delay:.1s}.table tbody tr:nth-child(6){animation-delay:.12s}.table tbody tr:nth-child(7){animation-delay:.14s}.table tbody tr:nth-child(8){animation-delay:.16s}.table tbody tr:nth-child(9){animation-delay:.18s}.table tbody tr:nth-child(10){animation-delay:.2s}.table tbody tr{transition:background .2s,transform .18s}.table tbody tr:hover{background:rgba(var(--primary-rgb), .03)}.table thead th{animation:.3s ease-out both slideInLeft}.card-header{position:relative;overflow:hidden}.card-header:before{content:"";background:linear-gradient(180deg, var(--primary), var(--primary-light));opacity:0;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.card:hover .card-header:before{opacity:1}.product-table-card{animation:.4s ease-out both fadeInScale}.product-table-card:first-child{animation-delay:30ms}.product-table-card:nth-child(2){animation-delay:60ms}.product-table-card:nth-child(3){animation-delay:90ms}.product-table-card:nth-child(4){animation-delay:.12s}.product-table-card:nth-child(5){animation-delay:.15s}.product-table-card:nth-child(6){animation-delay:.18s}.product-table-card:nth-child(7){animation-delay:.21s}.product-table-card:nth-child(8){animation-delay:.24s}.product-table-card:nth-child(9){animation-delay:.27s}.product-table-card:nth-child(10){animation-delay:.3s}.product-table-card:nth-child(11){animation-delay:.33s}.product-table-card:nth-child(12){animation-delay:.36s}.product-table-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-content,[style*=position\:fixed]>div:last-child{animation:.25s ease-out fadeInScale}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}