:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.sa-login-wrapper{background:linear-gradient(135deg,#e8f0fe 0%,#f0f4ff 50%,#e8f0fe 100%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:auto}.sa-bg-shapes{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.sa-bg-shape{border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.sa-bg-shape-1{background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-200px;right:-200px}.sa-bg-shape-2{background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);width:400px;height:400px;animation-delay:-7s;bottom:-150px;left:-100px}.sa-bg-shape-3{background:radial-gradient(circle,#6366f10a 0%,#0000 70%);width:300px;height:300px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sa-login-container{-webkit-backdrop-filter:blur(20px);z-index:1;background:#ffffffd9;border:1px solid #ffffff80;border-radius:32px;grid-template-columns:1fr 1fr;width:100%;max-width:1100px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #6366f11a}.sa-login-left{background:linear-gradient(135deg,#6366f10d,#8b5cf605);flex-direction:column;justify-content:center;padding:3rem 2.5rem;display:flex}.sa-brand{margin-bottom:2.5rem}.sa-brand-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex;box-shadow:0 8px 32px #6366f133}.sa-brand-title{color:#1a1a3e;letter-spacing:-.5px;margin:0 0 .25rem;font-size:2rem;font-weight:700}.sa-brand-subtitle{color:#6b7280;margin:0;font-size:1rem}.sa-brand-features{flex-direction:column;gap:1rem;display:flex}.sa-feature{background:#fff9;border:1px solid #6366f114;border-radius:12px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .3s;display:flex}.sa-feature:hover{background:#ffffffe6;border-color:#6366f126;transform:translate(4px)}.sa-feature-icon{font-size:1.5rem}.sa-feature h4{color:#1a1a3e;margin:0 0 .1rem;font-size:.9rem}.sa-feature p{color:#6b7280;margin:0;font-size:.8rem}.sa-login-right{justify-content:center;align-items:center;padding:3rem 2.5rem;display:flex}.sa-login-card{width:100%;max-width:400px}.sa-card-header{margin-bottom:2rem}.sa-card-badge{color:#059669;letter-spacing:.5px;background:#10b9811a;border-radius:12px;margin-bottom:.75rem;padding:.2rem .8rem;font-size:.7rem;font-weight:600;display:inline-block}.sa-card-header h2{color:#1a1a3e;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.sa-card-header p{color:#6b7280;margin:0;font-size:.9rem}.sa-login-form{flex-direction:column;gap:1.25rem;display:flex}.sa-form-label{color:#4b5563;font-size:.85rem;font-weight:500}.sa-input-wrap{background:#fffc;border:1.5px solid #e5e7eb;border-radius:12px;align-items:center;transition:all .3s;display:flex;position:relative}.sa-input-wrap:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f114}.sa-input-icon{color:#9ca3af;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.sa-input-icon svg{stroke:#9ca3af}.sa-input-wrap:focus-within .sa-input-icon svg{stroke:#6366f1}.sa-form-input{color:#1a1a3e;background:0 0;border:none;outline:none;width:100%;padding:.8rem 1rem .8rem 3rem;font-size:.95rem}.sa-form-input::placeholder{color:#9ca3af}.sa-toggle-password{cursor:pointer;opacity:.5;background:0 0;border:none;padding:0;font-size:1.1rem;transition:opacity .2s;position:absolute;right:14px}.sa-toggle-password:hover{opacity:1}.sa-error-msg{color:#dc2626;background:#ef44440d;border:1px solid #ef444426;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;display:flex}.sa-form-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sa-checkbox-wrap{cursor:pointer;color:#4b5563;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.sa-checkbox-wrap input{display:none}.sa-checkbox-custom{border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.sa-checkbox-wrap input:checked+.sa-checkbox-custom{background:#6366f1;border-color:#6366f1}.sa-checkbox-wrap input:checked+.sa-checkbox-custom:after{content:"✓";color:#fff;font-size:12px}.sa-checkbox-text{-webkit-user-select:none;user-select:none}.sa-forgot-password{color:#6366f1;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.sa-forgot-password:hover{color:#4f46e5;text-decoration:underline}.sa-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.sa-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #6366f14d}.sa-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.sa-loader{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sa-divider{color:#9ca3af;align-items:center;gap:1rem;font-size:.75rem;display:flex}.sa-divider:before,.sa-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.sa-form-footer{color:#9ca3af;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;display:flex}@media (width<=1024px){.sa-login-container{grid-template-columns:1fr;max-width:480px}.sa-login-left{display:none}.sa-login-right{padding:2.5rem 2rem}.sa-login-card{max-width:100%}}@media (width<=768px){.sa-login-wrapper{align-items:center;min-height:100dvh;padding:15px}.sa-login-container{border-radius:20px;max-width:100%;margin:0}.sa-login-right{padding:2rem 1.5rem}.sa-card-header h2{font-size:1.5rem}.sa-card-header p{font-size:.85rem}.sa-form-input{padding:.7rem 1rem .7rem 2.75rem;font-size:.9rem}.sa-login-btn{padding:.8rem;font-size:.95rem}}@media (width<=480px){.sa-login-wrapper{align-items:flex-start;min-height:100dvh;padding:5vh 10px 10px}.sa-login-container{border-radius:16px;max-width:100%;margin:0 auto;box-shadow:0 20px 60px #6366f114}.sa-login-right{padding:1.5rem 1.25rem}.sa-card-header{margin-bottom:1.5rem}.sa-card-header h2{font-size:1.3rem}.sa-card-header p{font-size:.8rem}.sa-form-group{gap:.3rem}.sa-form-label{font-size:.8rem}.sa-form-input{padding:.65rem .9rem .65rem 2.5rem;font-size:.85rem}.sa-input-icon svg{width:16px;height:16px}.sa-input-icon{left:10px}.sa-login-btn{border-radius:10px;padding:.7rem;font-size:.9rem}.sa-form-options{flex-direction:column;align-items:flex-start;gap:.5rem}.sa-checkbox-wrap,.sa-forgot-password{font-size:.8rem}.sa-error-msg{padding:.5rem .75rem;font-size:.8rem}.sa-divider{font-size:.7rem}.sa-form-footer{gap:.3rem;font-size:.65rem}.sa-bg-shape-1{width:200px;height:200px;top:-80px;right:-80px}.sa-bg-shape-2{width:150px;height:150px;bottom:-60px;left:-50px}.sa-bg-shape-3{width:100px;height:100px}}@media (width<=380px){.sa-login-wrapper{padding:2vh 5px 5px}.sa-login-right{padding:1rem .75rem}.sa-card-header h2{font-size:1.1rem}.sa-form-input{padding:.55rem .75rem .55rem 2.25rem;font-size:.8rem}.sa-login-btn{padding:.6rem;font-size:.85rem}.sa-toggle-password{font-size:.9rem;right:10px}.sa-card-badge{font-size:.6rem}}@media (height<=600px){.sa-card-header p{font-size:.75rem}.sa-form-group{gap:.2rem}.sa-brand-features{display:none}.sa-login-left{padding:1.5rem}.sa-brand{margin-bottom:1rem}.sa-brand-icon{width:40px;height:40px;margin-bottom:.75rem}.sa-brand-icon svg{width:32px;height:32px}.sa-brand-title{font-size:1.3rem}.sa-brand-subtitle{font-size:.8rem}.sa-login-right{padding:1rem 1.25rem}.sa-card-header{margin-bottom:.75rem}.sa-card-header h2{font-size:1rem}.sa-login-form{gap:.5rem}.sa-form-input{padding:.4rem .75rem .4rem 2.25rem;font-size:.8rem}.sa-login-btn{padding:.5rem;font-size:.8rem}.sa-divider{margin:0}.sa-form-footer{font-size:.6rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100vh;margin:0;padding:0}.sa-dashboard-layout{background:linear-gradient(-45deg,#ff6b6b,#feca57,#48dbfb,#a29bfe) 0 0/400% 400%;min-height:100vh;animation:15s infinite gradientBG;display:flex;position:relative}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.sa-dashboard-layout:before{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0;background:#ffffffb3;position:fixed;inset:0}.sa-dashboard-main{z-index:1;flex-direction:column;flex:1;min-height:100vh;display:flex;position:relative}.sa-dashboard-content{flex:1;padding:32px 40px;overflow-y:auto}.sa-dashboard-header{margin-bottom:36px;animation:.8s fadeInDown}.sa-dashboard-header h1{color:#2d3436;letter-spacing:-.5px;background:linear-gradient(135deg,#6c5ce7,#0984e3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:800}.sa-dashboard-header p{color:#636e72;margin:4px 0 0;font-size:16px;font-weight:500}.sa-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:40px;display:grid}.sa-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;background:#ffffffd9;border:1px solid #ffffff4d;border-radius:24px;align-items:center;gap:16px;padding:24px 28px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:.6s both fadeInUp;display:flex;box-shadow:0 8px 24px #0000000f}.sa-stat-card:first-child{animation-delay:.1s}.sa-stat-card:nth-child(2){animation-delay:.2s}.sa-stat-card:nth-child(3){animation-delay:.3s}.sa-stat-card:nth-child(4){animation-delay:.4s}.sa-stat-card:nth-child(5){animation-delay:.5s}.sa-stat-card:hover{border-color:#fff9;transform:translateY(-8px)scale(1.02);box-shadow:0 16px 40px #0000001f}.sa-stat-icon{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;animation:3s ease-in-out infinite float;display:flex}.sa-stat-card:first-child .sa-stat-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316)}.sa-stat-card:nth-child(2) .sa-stat-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.sa-stat-card:nth-child(3) .sa-stat-icon{color:#fff;background:linear-gradient(135deg,#10b981,#34d399)}.sa-stat-card:nth-child(4) .sa-stat-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa)}.sa-stat-card:nth-child(5) .sa-stat-icon{color:#fff;background:linear-gradient(135deg,#ec4899,#f472b6)}.sa-stat-info{flex:1}.sa-stat-info h3{color:#2d3436;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.sa-stat-info p{color:#636e72;margin:2px 0 0;font-size:14px;font-weight:500}.sa-stat-change{border:1px solid #0000000f;border-radius:100px;padding:4px 12px;font-size:13px;font-weight:600;animation:2s infinite pulseChange}.sa-stat-card:first-child .sa-stat-change{color:#d97706;background:#fef3c7}.sa-stat-card:nth-child(2) .sa-stat-change{color:#7c3aed;background:#ede9fe}.sa-stat-card:nth-child(3) .sa-stat-change{color:#059669;background:#d1fae5}.sa-stat-card:nth-child(4) .sa-stat-change{color:#2563eb;background:#dbeafe}.sa-stat-card:nth-child(5) .sa-stat-change{color:#db2777;background:#fce7f3}.sa-dashboard-extra{grid-template-columns:2fr 1fr;gap:24px;display:grid}.sa-recent-activity,.sa-quick-action{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:24px;padding:24px 28px;transition:all .3s;animation:.8s both fadeInUp;box-shadow:0 8px 24px #0000000f}.sa-recent-activity:hover,.sa-quick-action:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.sa-recent-activity h4,.sa-quick-action h4{color:#2d3436;letter-spacing:-.2px;margin:0 0 16px;font-size:16px;font-weight:700}.sa-recent-activity ul{margin:0;padding:0;list-style:none}.sa-recent-activity li{color:#2d3436;border-bottom:1px solid #0000000a;align-items:center;gap:8px;padding:12px 0;font-size:14px;display:flex}.sa-recent-activity li:last-child{border-bottom:none}.sa-recent-activity li:before{content:"▸";color:#6c5ce7;font-weight:700}.sa-quick-action button{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#a29bfe,#6c5ce7);border:none;border-radius:14px;width:100%;margin-bottom:12px;padding:14px;font-size:14px;font-weight:600;transition:all .3s;display:block;box-shadow:0 4px 12px #6c5ce733}.sa-quick-action button:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #6c5ce74d}.sa-quick-action button:last-child{background:linear-gradient(135deg,#48dbfb,#0984e3);box-shadow:0 4px 12px #0984e333}.sa-quick-action button:last-child:hover{box-shadow:0 8px 24px #0984e34d}.sa-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#ffffffbf;border-right:1px solid #fff6;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .3s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0;overflow:hidden;box-shadow:2px 0 16px #0000000a}.sa-sidebar.collapsed{width:72px}.sa-sidebar-header{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.sa-sidebar-logo{color:#2d3436;white-space:nowrap;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.sa-logo-icon{color:#6c5ce7;font-size:28px;animation:8s linear infinite spin}.sa-logo-text{background:linear-gradient(135deg,#6c5ce7,#0984e3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sa-sidebar-toggle{color:#6c5ce7;cursor:pointer;background:#6c5ce714;border:none;border-radius:10px;padding:4px 10px;font-size:18px;transition:all .25s}.sa-sidebar-toggle:hover{background:#6c5ce72e;transform:scale(1.05)}.sa-sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:20px 12px;display:flex;overflow-y:auto}.sa-sidebar-nav::-webkit-scrollbar{width:4px}.sa-sidebar-nav::-webkit-scrollbar-track{background:0 0}.sa-sidebar-nav::-webkit-scrollbar-thumb{background:#6c5ce74d;border-radius:10px}.sa-sidebar-nav a{color:#636e72;white-space:nowrap;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.sa-sidebar-nav a .nav-icon{text-align:center;flex-shrink:0;width:28px;font-size:22px}.sa-sidebar-nav a:hover{color:#2d3436;background:#6c5ce714;transform:translate(4px)}.sa-sidebar-nav a.active{color:#6c5ce7;background:linear-gradient(135deg,#6c5ce71f,#0984e314);font-weight:600}.sa-sidebar-nav a.active:before{content:"";background:linear-gradient(#6c5ce7,#0984e3);border-radius:0 6px 6px 0;width:4px;height:60%;position:absolute;top:20%;left:0}.sa-sidebar-footer{border-top:1px solid #0000000a;padding:20px 12px}.logout-link{color:#b2bec3;white-space:nowrap;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.logout-link:hover{color:#d63031;background:#d6303114;transform:translate(4px)}.nav-icon{font-size:1.3rem;transition:all .3s}.icon-dashboard{color:#4f46e5}.icon-companies{color:#0891b2}.icon-divisions{color:#7c3aed}.icon-pob{color:#dc2626}.icon-clients{color:#059669}.icon-logout{color:#dc2626}.sa-sidebar-nav a:hover .nav-icon{transform:scale(1.2)rotate(-5deg)}.sa-sidebar-nav a.active .nav-icon{filter:drop-shadow(0 0 8px)}.sa-sidebar.collapsed .nav-icon{font-size:1.5rem}.sa-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;background:#ffffffb3;border-bottom:1px solid #fff6;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #00000005}.sa-header-left{align-items:center;gap:20px;display:flex}.sa-hamburger{color:#6c5ce7;cursor:pointer;background:0 0;border:none;font-size:26px;transition:all .3s;display:none}.sa-hamburger:hover{transform:scale(1.1)rotate(90deg)}.sa-search{background:#fff9;border:1px solid #6c5ce71a;border-radius:14px;align-items:center;padding:6px 16px;transition:all .3s;display:flex}.sa-search:focus-within{background:#fff;border-color:#6c5ce7;box-shadow:0 0 0 4px #6c5ce714}.sa-search-icon{color:#6c5ce7;margin-right:10px;font-size:16px}.sa-search input{color:#2d3436;background:0 0;border:none;outline:none;width:200px;padding:8px 0;font-family:inherit;font-size:14px}.sa-search input::placeholder{color:#b2bec3}.sa-header-right{align-items:center;gap:24px;display:flex}.sa-notification{cursor:pointer;background:0 0;border:none;padding:4px;position:relative}.sa-bell{color:#636e72;font-size:24px;transition:all .3s}.sa-notification:hover .sa-bell{color:#6c5ce7;transform:rotate(-15deg)}.sa-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;animation:2s infinite pulseBadge;display:flex;position:absolute;top:-2px;right:-4px}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sa-profile{cursor:pointer;background:#6c5ce70a;border:1px solid #0000;border-radius:40px;align-items:center;gap:10px;padding:4px 14px 4px 4px;transition:all .3s;display:flex;position:relative}.sa-profile:hover{background:#6c5ce714;border-color:#6c5ce71a;transform:translateY(-2px)}.sa-avatar{object-fit:cover;border:2px solid #6c5ce7;border-radius:50%;width:38px;height:38px;transition:all .3s}.sa-profile:hover .sa-avatar{border-color:#0984e3;transform:scale(1.05)}.sa-admin-name{color:#2d3436;font-size:14px;font-weight:600}.sa-profile:hover .sa-chevron{transform:rotate(180deg)}.sa-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000a;border-radius:18px;min-width:190px;padding:8px 0;animation:.25s forwards slideDown;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 16px 48px #00000014}.sa-dropdown a{color:#2d3436;padding:10px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.sa-dropdown a:hover{color:#6c5ce7;background:#6c5ce70f;padding-left:28px}.sa-dropdown hr{border:none;border-top:1px solid #0000000a;margin:6px 16px}.dropdown-icon{margin-right:10px;font-size:1rem}.sa-dropdown a:first-child .dropdown-icon{color:#4f46e5}.sa-dropdown a:nth-child(2) .dropdown-icon{color:#7c3aed}.sa-dropdown .logout-dropdown .dropdown-icon{color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.icon-hamburger{color:#4f46e5;font-size:1.5rem;transition:all .3s}.icon-hamburger:hover{color:#7c3aed;transform:rotate(90deg)}.icon-search{color:#9ca3af;font-size:1.2rem}.icon-bell{color:#f59e0b;font-size:1.4rem;transition:all .3s}.icon-bell:hover{color:#d97706;transform:scale(1.1)rotate(-10deg)}.sa-chevron{color:#6b7280;font-size:.8rem;transition:all .3s}.sa-chevron.rotated{color:#4f46e5;transform:rotate(180deg)}.sa-search:focus-within .icon-search{color:#4f46e5}.sa-search:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseChange{0%,to{opacity:1}50%{opacity:.6}}.sa-hero-text{flex:1}.sa-hero-badge{color:#94a3b8;background:#ffffff1a;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem 1rem;font-size:.8rem;display:inline-flex}.sa-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.sa-hero-title{color:#fff;margin:0 0 .25rem;font-size:2.2rem;font-weight:700}.sa-hero-meta{flex-wrap:wrap;gap:1.5rem;display:flex}.sa-meta-item{color:#94a3b8;background:#ffffff0d;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.sa-meta-item svg{color:#f59e0b}.sa-stat-modern{background:#fff;border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.sa-stat-modern-bg{height:4px;position:absolute;top:0;left:0;right:0}.sa-stat-modern-content{z-index:1;position:relative}.sa-stat-modern-icon{background:#f8fafc;border-radius:10px;padding:.5rem;font-size:1.5rem}.sa-stat-modern-change.sa-up{color:#10b981;background:#10b98120}.sa-stat-modern-change.sa-down{color:#ef4444;background:#ef444420}.sa-status-cards{margin-bottom:2rem}.sa-section-title{color:#1e293b;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.sa-status-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.sa-status-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s;display:flex}.sa-status-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.sa-status-icon{font-size:1.5rem}.sa-status-content h5{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.sa-status-content p{color:#94a3b8;margin:0;font-size:.75rem}.sa-charts-modern{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.sa-chart-modern{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.sa-chart-modern-body{width:100%;min-height:280px}.sa-pie-modern{justify-content:center;align-items:center;display:flex}.sa-chart-modern-actions{gap:.5rem;display:flex}.sa-chart-btn:hover{background:#f8fafc}.sa-chart-btn.sa-active{color:#fff;background:#f59e0b;border-color:#f59e0b}.sa-activity-modern-item{border-radius:10px;align-items:center;gap:1rem;padding:.75rem;transition:all .3s;display:flex;position:relative}.sa-top-pobs{background:#fff;border-radius:16px;margin-top:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.sa-top-pobs-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.sa-top-pob-item{background:#f8fafc;border-radius:10px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .3s;display:flex}.sa-top-pob-item:hover{background:#f1f5f9;transform:translate(4px)}.sa-top-pob-rank{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.sa-top-pob-info{flex:1}.sa-top-pob-info h5{color:#1e293b;margin:0;font-size:.9rem;font-weight:600}.sa-top-pob-info p{color:#94a3b8;margin:0;font-size:.75rem}.sa-top-pob-count{color:#64748b;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.sa-top-pob-count span{font-weight:600}.sa-loading-container{color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.sa-spinner{color:#f59e0b;margin-bottom:1rem;font-size:3rem;animation:1s linear infinite spin}.sa-error-container{justify-content:center;align-items:center;height:60vh;padding:2rem;display:flex}.sa-error-box{text-align:center;background:#fff;border-radius:16px;max-width:500px;padding:3rem 4rem;box-shadow:0 10px 40px #00000014}.sa-error-box h3{color:#ef4444;margin-bottom:1rem;font-size:1.5rem}.sa-error-box p{color:#64748b;margin-bottom:1.5rem}.sa-retry-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:.75rem 2rem;font-weight:600;transition:all .3s}.sa-retry-btn:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.sa-status-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.sa-recent-section{background:#fff;border-radius:16px;margin-top:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.sa-recent-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem;display:grid}.sa-recent-item{background:#f8fafc;border-radius:10px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .3s;display:flex}.sa-recent-item:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 2px 8px #0000000f}.sa-recent-item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.sa-recent-item-info{flex:1}.sa-recent-item-info h5{color:#1e293b;margin:0;font-size:.9rem;font-weight:600}.sa-recent-item-info p{color:#94a3b8;margin:0;font-size:.75rem}@media (width<=1024px){.sa-dashboard-content{padding:24px}.sa-dashboard-extra,.sa-bottom-modern{grid-template-columns:1fr}}@media (width<=768px){.sa-hamburger{display:block}.sa-search input{width:120px}.sa-admin-name,.sa-chevron{display:none}.sa-header{padding:12px 16px}.sa-stats-grid,.sa-stats-modern{grid-template-columns:1fr}.sa-dashboard-content{padding:16px}.sa-dashboard-header h1{font-size:24px}.sa-hero-modern{padding:1.5rem}.sa-hero-title{font-size:1.5rem}.sa-hero-content{flex-direction:column;align-items:flex-start}.sa-hero-meta{width:100%}.sa-status-grid{grid-template-columns:repeat(2,1fr)}.sa-top-pobs-grid,.sa-recent-grid{grid-template-columns:1fr}.sa-sidebar{transition:left .3s;position:fixed;left:-260px}.sa-sidebar.open{left:0}}@media (width<=480px){.sa-status-grid{grid-template-columns:1fr}.sa-search input{width:80px}.sa-header-right{gap:12px}}.sa-hero-modern{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4c1d95 100%);border-radius:24px;margin-bottom:2rem;padding:2.5rem 3rem;position:relative;overflow:hidden}.sa-hero-glow{background:radial-gradient(circle,#6366f14d 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.sa-hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffc;background:#ffffff1a;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:.5rem;padding:.3rem 1rem;font-size:.75rem;display:inline-flex}.sa-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sa-hero-sub{color:#ffffffb3;margin:0;font-size:1rem}.sa-hero-meta{align-items:center;gap:1rem;display:flex}.sa-meta-item{color:#fffc;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.sa-meta-notification{cursor:pointer;padding:.5rem .8rem;position:relative}.sa-notif-dot{background:#ef4444;border:2px solid #1e1b4b;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.sa-stats-modern{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.sa-stat-modern{background:#fff;border:1px solid #0000000a;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.sa-stat-modern:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.sa-stat-modern-bg{opacity:.1;border-radius:50%;width:120px;height:120px;position:absolute;top:0;right:0;transform:translate(30px,-30px)}.sa-stat-modern-content{z-index:1;padding:1.5rem;position:relative}.sa-stat-modern-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.sa-stat-modern-icon{background:#00000005;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.sa-stat-modern-change{border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.sa-up{color:#10b981;background:#d1fae5}.sa-down{color:#ef4444;background:#fee2e2}.sa-stat-modern-bottom h3{color:#1a1a2e;margin:0;font-size:2rem;font-weight:700}.sa-stat-modern-bottom p{color:#6b7280;margin:.25rem 0 0;font-size:.9rem}.sa-charts-modern{margin-bottom:1.5rem}.sa-chart-modern{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.5rem;transition:all .3s}.sa-chart-modern:hover{box-shadow:0 8px 32px #0000000a}.sa-chart-modern-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.sa-chart-modern-title{align-items:center;gap:.75rem;display:flex}.sa-chart-icon{color:#6366f1;font-size:1.2rem}.sa-chart-modern-title h4{color:#1a1a2e;margin:0;font-size:1rem;font-weight:600}.sa-chart-modern-title p{color:#6b7280;margin:0;font-size:.8rem}.sa-chart-modern-actions{background:#f3f4f6;border-radius:8px;gap:.25rem;padding:.25rem;display:flex}.sa-chart-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem .8rem;font-size:.75rem;transition:all .2s}.sa-chart-btn:hover{color:#1a1a2e}.sa-chart-btn.sa-active{color:#1a1a2e;background:#fff;box-shadow:0 2px 8px #0000000f}.sa-chart-modern-body{height:320px}.sa-bottom-modern{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.sa-pie-modern{height:280px}.sa-tooltip-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000000d;border-radius:12px;padding:.75rem 1rem;box-shadow:0 8px 32px #00000014}.sa-tooltip-label{color:#1a1a2e;margin:0 0 .25rem;font-weight:600}.sa-tooltip-item{margin:.2rem 0;font-size:.85rem}.sa-activity-modern{flex-direction:column;gap:.75rem;display:flex}.sa-activity-modern-item{border-radius:10px;align-items:center;gap:.75rem;padding:.5rem;transition:all .2s;display:flex}.sa-activity-modern-item:hover{background:#f9fafb}.sa-activity-modern-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.sa-activity-modern-text{flex:1}.sa-activity-modern-text p{color:#1a1a2e;margin:0;font-size:.9rem}.sa-activity-modern-text span{color:#9ca3af;font-size:.7rem}.sa-activity-modern-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.sa-view-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.8rem;transition:all .2s;display:flex}.sa-view-btn:hover{color:#1a1a2e;background:#e5e7eb}.sa-actions-modern{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.5rem}.sa-actions-modern-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.sa-actions-modern-header h4{color:#1a1a2e;margin:0;font-size:1rem;font-weight:600}.sa-actions-count{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:.2rem .6rem;font-size:.75rem}.sa-actions-modern-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.sa-action-modern{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.sa-action-modern:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.sa-action-gold{color:#d97706;background:#fef3c7}.sa-action-gold:hover{background:#fde68a;box-shadow:0 4px 16px #f59e0b33}.sa-action-purple{color:#7c3aed;background:#ede9fe}.sa-action-purple:hover{background:#ddd6fe;box-shadow:0 4px 16px #8b5cf633}.sa-action-green{color:#059669;background:#d1fae5}.sa-action-green:hover{background:#a7f3d0;box-shadow:0 4px 16px #10b98133}.sa-action-blue{color:#2563eb;background:#dbeafe}.sa-action-blue:hover{background:#bfdbfe;box-shadow:0 4px 16px #3b82f633}.sa-actions-modern-status{color:#6b7280;background:#f9fafb;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.sa-status-dot-modern{background:#10b981;border-radius:50%;width:8px;height:8px}.sa-status-arrow{color:#94a3b8;margin-left:auto}@media (width<=1200px){.sa-bottom-modern{grid-template-columns:1fr 1fr}}@media (width<=1024px){.sa-stats-modern,.sa-actions-modern-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sa-hero-modern{padding:1.5rem}.sa-hero-content{flex-direction:column;align-items:flex-start}.sa-hero-title{font-size:1.75rem}.sa-hero-meta{width:100%}.sa-stats-modern{grid-template-columns:1fr 1fr;gap:1rem}.sa-bottom-modern{grid-template-columns:1fr}.sa-chart-modern-actions{width:100%}.sa-chart-btn{text-align:center;flex:1}.sa-actions-modern-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.sa-stats-modern,.sa-actions-modern-grid{grid-template-columns:1fr}.sa-hero-title{font-size:1.5rem}.sa-hero-modern{padding:1.25rem}.sa-chart-modern{padding:1rem}}.sa-company-form-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:24px;margin-bottom:40px;padding:28px 32px;transition:all .3s;animation:.6s both fadeInUp;box-shadow:0 8px 24px #0000000a}.sa-company-form-wrapper:hover{box-shadow:0 12px 32px #00000014}.sa-form-group input{color:#2d3436;background:#fff9;border:2px solid #6c5ce71a;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;transition:all .3s}.sa-form-group input:focus{background:#fff;border-color:#6c5ce7;box-shadow:0 0 0 4px #6c5ce714}.sa-form-group input::placeholder{color:#b2bec3}.sa-submit-company{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#0984e3);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #6c5ce733}.sa-submit-company:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #6c5ce74d}.sa-submit-company:active{transform:scale(.98)}.sa-company-list-wrapper{animation:.8s both fadeInUp}.sa-company-list-title{color:#2d3436;letter-spacing:-.3px;margin-bottom:20px;font-size:20px;font-weight:700}.sa-company-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:14px;padding:20px 24px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #00000005}.sa-company-card:hover{border-color:#6c5ce733;transform:translateY(-6px)scale(1.01);box-shadow:0 12px 28px #0000000f}.sa-company-icon{flex-shrink:0;font-size:28px}.sa-company-name{color:#2d3436;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:600;overflow:hidden}.sa-empty-state{text-align:center;background:#fff6;border:2px dashed #6c5ce726;border-radius:24px;padding:60px 20px}@media (width<=768px){.sa-company-form{flex-direction:column;align-items:stretch}.sa-form-group,.sa-submit-company{min-width:100%}.sa-company-grid{grid-template-columns:1fr}}.sa-company-form-wrapper{background:#fff;border:1px solid #0000000a;border-radius:16px;margin-bottom:2.5rem;padding:1.5rem 2rem 2rem;box-shadow:0 1px 3px #0000000f,0 8px 24px #0000000a}.sa-form-header h3{color:#1a1a2e;margin:0;font-size:1.1rem;font-weight:600}.sa-form-badge{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.sa-company-form{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.sa-required-star{color:#ef4444;margin-left:2px}.sa-input-icon{opacity:.5;font-size:1.1rem;position:absolute;left:12px}.sa-form-input{background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:.75rem 2.5rem .75rem 2.75rem;font-size:.95rem;transition:all .2s}.sa-form-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}.sa-form-input:disabled{opacity:.6;cursor:not-allowed}.sa-input-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.8rem;transition:color .2s;position:absolute;right:12px}.sa-input-clear:hover{color:#ef4444}.sa-submit-company{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-width:180px;min-height:48px;padding:.75rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea4d}.sa-submit-company:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.sa-submit-company:active:not(:disabled){transform:translateY(0)}.sa-submit-company:disabled{opacity:.7;cursor:not-allowed;transform:none}.sa-submitting{background:#9ca3af!important}.sa-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite sa-spin;display:inline-block}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-company-list-wrapper{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.5rem 2rem 2rem;box-shadow:0 1px 3px #0000000f,0 8px 24px #0000000a}.sa-list-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.sa-company-list-title{color:#1a1a2e;margin:0;font-size:1.1rem;font-weight:600}.sa-company-count{color:#fff;background:#667eea;border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.sa-company-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.sa-company-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .3s;animation:.4s both sa-fadeInUp;display:flex}.sa-company-card:hover{background:#fff;border-color:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}@keyframes sa-fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sa-card-content{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.sa-company-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.sa-company-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.sa-company-name{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.sa-company-meta{color:#9ca3af;letter-spacing:.3px;font-size:.7rem;font-weight:500}.sa-card-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.sa-delete-btn{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:all .2s;display:flex}.sa-delete-btn svg{stroke-width:2.5px}.sa-empty-state h3{color:#1a1a2e;margin:0 0 .5rem;font-weight:600}@media (width<=768px){.sa-page-header-content{flex-direction:column;align-items:flex-start}.sa-stats-badge{justify-content:center;width:100%}.sa-company-form{flex-direction:column;align-items:stretch}.sa-form-group{min-width:unset}.sa-submit-company{width:100%;min-width:unset}.sa-company-form-wrapper,.sa-company-list-wrapper{padding:1.25rem}.sa-company-grid{grid-template-columns:1fr}.sa-company-card{padding:.875rem 1rem}}@media (width<=480px){.sa-page-title{font-size:1.5rem}.sa-stats-badge{padding:.5rem 1rem}.sa-stats-number{font-size:1.2rem}}.sa-toast.success{border-left-color:#10b981}.sa-toast-icon{flex-shrink:0;font-size:24px;line-height:1}.sa-toast-message{color:#1e293b;word-break:break-word;flex:1;font-size:15px;font-weight:500}.sa-toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;transition:color .2s}.sa-toast-close:hover{color:#1e293b}.sa-toast-progress{background:#e2e8f0;width:100%;height:4px;position:relative}.sa-toast-progress:after{content:"";background:currentColor;height:100%;animation:3s linear forwards progressShrink;position:absolute;top:0;left:0}.sa-toast.success .sa-toast-progress:after{background:#10b981}.sa-toast.error .sa-toast-progress:after{background:#ef4444}.sa-toast.info .sa-toast-progress:after{background:#3b82f6}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes progressShrink{0%{width:100%}to{width:0%}}.sa-toast.hiding{animation:.3s forwards slideOutRight}@keyframes slideOutRight{to{opacity:0;transform:translate(40px)}}@media (width<=640px){.sa-toast{min-width:unset;width:calc(100% - 32px);top:16px;right:16px}}.sa-division-form-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:24px;flex-shrink:0;margin-bottom:24px;padding:28px 32px;transition:all .3s;animation:.6s both fadeInUp;box-shadow:0 8px 24px #0000000a}.sa-division-form-wrapper:hover{box-shadow:0 12px 32px #00000014}.sa-division-form{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.sa-form-row{flex-wrap:wrap;flex:2;gap:16px;display:flex}.sa-form-group{flex:1;min-width:180px}.sa-form-group label{color:#2d3436;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.sa-form-group select,.sa-form-group input{color:#2d3436;appearance:auto;background:#fff9;border:2px solid #6c5ce71a;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;transition:all .3s}.sa-form-group select:focus,.sa-form-group input:focus{background:#fff;border-color:#6c5ce7;box-shadow:0 0 0 4px #6c5ce714}.sa-form-group select::placeholder,.sa-form-group input::placeholder{color:#b2bec3}.sa-submit-division{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c5ce7,#0984e3);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #6c5ce733}.sa-submit-division:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #6c5ce74d}.sa-submit-division:active{transform:scale(.98)}.sa-division-list-wrapper{flex-direction:column;flex:1;min-height:0;animation:.8s both fadeInUp;display:flex}.sa-division-list-title{color:#2d3436;letter-spacing:-.3px;flex-shrink:0;margin-bottom:20px;font-size:20px;font-weight:700}.sa-division-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding-bottom:8px;display:grid;overflow-y:auto}.sa-division-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:14px;padding:18px 24px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #00000005}.sa-division-card:hover{border-color:#6c5ce733;transform:translateY(-6px)scale(1.01);box-shadow:0 12px 28px #0000000f}.sa-division-icon{flex-shrink:0;font-size:28px}.sa-division-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.sa-division-name{color:#2d3436;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.sa-division-company{color:#636e72;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sa-delete-btn{color:#d63031;cursor:pointer;background:#d630310f;border:none;border-radius:10px;padding:6px 10px;font-size:18px;line-height:1;transition:all .2s}.sa-delete-btn:hover{background:#d6303126;transform:scale(1.15)}.sa-empty-state{text-align:center;background:#fff6;border:2px dashed #6c5ce726;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.sa-empty-state span{margin-bottom:12px;font-size:48px;display:block}.sa-empty-state p{color:#636e72;font-size:16px;font-weight:500}@media (width<=768px){.sa-division-form{flex-direction:column}.sa-form-row{flex-direction:column;width:100%}.sa-form-group{min-width:100%}.sa-submit-division{width:100%}.sa-division-grid{grid-template-columns:1fr}}.sa-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.sa-form-section{margin-bottom:2rem}.sa-form-container{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000a}.sa-form-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.sa-form-title-group{align-items:center;gap:.75rem;display:flex}.sa-form-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.sa-form-title-group h3{color:#1a1a2e;margin:0;font-size:1.1rem;font-weight:600}.sa-form-title-group p{color:#6b7280;margin:0;font-size:.85rem}.sa-form-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.sa-form-grid{grid-template-columns:1fr 2fr;gap:1rem;margin-bottom:1.25rem;display:grid}.sa-form-field label{color:#374151;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.sa-select-container{position:relative}.sa-select{appearance:none;cursor:pointer;color:#1a1a2e;background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:.7rem 2.5rem .7rem 1rem;font-size:.9rem;transition:all .2s}.sa-select:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f114}.sa-select-arrow{color:#9ca3af;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sa-input-container{position:relative}.sa-input-prefix{opacity:.4;font-size:1rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sa-input{background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:.7rem 2.5rem .7rem 2.75rem;font-size:.9rem;transition:all .2s}.sa-input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f114}.sa-input-suffix{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;transition:all .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.sa-input-suffix:hover{color:#ef4444;background:#f3f4f6}.sa-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #6366f14d}.sa-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.sa-submit-btn:disabled{opacity:.7;cursor:not-allowed}.sa-loading{background:#9ca3af!important}.sa-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.sa-list-section{margin-top:1rem}.sa-list-container{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000a}.sa-list-toolbar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.sa-list-title-group{align-items:center;gap:.75rem;display:flex}.sa-list-title-group h2{color:#1a1a2e;margin:0;font-size:1.1rem;font-weight:600}.sa-list-count{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.sa-division-list{flex-direction:column;gap:.75rem;display:flex}.sa-division-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .3s;animation:.4s both slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sa-division-item:hover{background:#fff;border-color:#e5e7eb;transform:translate(4px);box-shadow:0 4px 16px #0000000a}.sa-division-item-content{flex:1;align-items:center;gap:1rem;display:flex}.sa-division-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.sa-division-details{flex:1}.sa-division-name{color:#1a1a2e;font-size:.95rem;font-weight:600}.sa-division-company{color:#6b7280;align-items:center;gap:.4rem;margin-top:.1rem;font-size:.8rem;display:flex}.sa-company-dot{border-radius:50%;width:6px;height:6px}.sa-delete-btn{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;transition:all .2s;display:flex}.sa-delete-btn:hover{color:#ef4444;background:#fee2e2}.sa-empty-state{text-align:center;padding:3rem 1rem}@media (width<=1024px){.sa-hero-content{flex-direction:column;align-items:flex-start}.sa-hero-stats{width:100%}.sa-stat-card{flex:1}}@media (width<=768px){.sa-hero-section{padding:1.5rem}.sa-hero-title{font-size:1.75rem}.sa-hero-stats{flex-direction:column}.sa-form-grid{grid-template-columns:1fr}.sa-form-container,.sa-list-container{padding:1.25rem}.sa-division-item{flex-direction:column;align-items:stretch;gap:.75rem}.sa-division-item-content{flex-wrap:wrap}.sa-delete-btn{align-self:flex-end}}@media (width<=480px){.sa-hero-section{padding:1.25rem}.sa-stat-card{padding:.5rem 1rem}.sa-stat-icon{width:32px;height:32px;font-size:1rem}.sa-stat-number{font-size:1rem}.sa-submit-btn{justify-content:center;width:100%}}.sa-filter-badge{color:#475569;background:#e2e8f0;border-radius:12px;margin-left:8px;padding:2px 10px;font-size:13px}.sa-clear-filter{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px;transition:background .2s}.sa-clear-filter:hover{background:#fef2f2}.sa-division-date{color:#94a3b8;margin-left:4px;font-size:12px}.sa-spinner-small{border:2px solid #e2e8f0;border-top-color:#ef4444;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.sa-delete-btn.sa-deleting{opacity:.6;cursor:not-allowed}.sa-page-header{border-bottom:1px solid #0000000f;margin-bottom:2rem;padding-bottom:1.5rem}.sa-page-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sa-page-title{color:#1a1a2e;letter-spacing:-.5px;margin:0 0 .25rem;font-size:2rem;font-weight:700}.sa-page-subtitle{color:#6b7280;margin:0;font-size:.95rem}.sa-stats-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex;box-shadow:0 4px 15px #f59e0b4d}.sa-stats-number{font-size:1.5rem;font-weight:700}.sa-stats-label{opacity:.9;font-size:.85rem}.sa-pob-form-wrapper{background:#fff;border:1px solid #0000000a;border-radius:24px;max-width:820px;margin:0 auto;padding:2.5rem;box-shadow:0 4px 24px #0000000f}.sa-form-progress{margin-bottom:2.5rem;padding:0 1rem}.sa-progress-steps{justify-content:center;align-items:center;gap:0;display:flex;position:relative}.sa-progress-step{z-index:2;flex-direction:column;flex:none;align-items:center;gap:.6rem;display:flex;position:relative}.sa-step-circle{background:#f3f4f6;border:3px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sa-step-number{color:#9ca3af;font-size:.9rem;font-weight:700;transition:all .3s}.sa-step-icon{color:#fff;font-size:1.2rem;display:none}.sa-progress-step.sa-active .sa-step-circle{background:linear-gradient(135deg,#f59e0b,#f97316);border-color:#fbbf24;transform:scale(1.05);box-shadow:0 4px 20px #f59e0b59}.sa-progress-step.sa-active .sa-step-number{display:none}.sa-progress-step.sa-active .sa-step-icon{justify-content:center;align-items:center;display:flex}.sa-step-label{color:#9ca3af;letter-spacing:.3px;font-size:.8rem;font-weight:500;transition:all .3s}.sa-progress-step.sa-active .sa-step-label{color:#1a1a2e;font-weight:600}.sa-progress-line{z-index:1;background:#e5e7eb;border-radius:2px;flex:1;max-width:120px;height:3px;margin:0 -8px;transition:all .5s cubic-bezier(.4,0,.2,1)}.sa-progress-line.sa-filled{background:linear-gradient(90deg,#f59e0b,#f97316)}.sa-form-step{animation:.5s fadeSlide}@keyframes fadeSlide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.sa-step-header{border-bottom:2px solid #f9fafb;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.sa-step-header-icon{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.sa-step-header h3{color:#1a1a2e;margin:0;font-size:1.15rem;font-weight:600}.sa-step-header p{color:#6b7280;margin:.1rem 0 0;font-size:.85rem}.sa-form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.sa-form-label{color:#374151;letter-spacing:.2px;font-size:.85rem;font-weight:600}.sa-required{color:#ef4444;margin-left:2px}.sa-input-wrapper{align-items:center;display:flex;position:relative}.sa-input-icon{color:#9ca3af;z-index:2;pointer-events:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:1rem;transition:all .3s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sa-form-input,.sa-form-select{color:#1a1a2e;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;width:100%;min-height:48px;font-size:.9rem;font-weight:500;transition:all .3s;padding:.85rem 1rem .85rem 3.2rem!important}.sa-form-input:focus,.sa-form-select:focus{background:#fff;border-color:#f59e0b;outline:none;box-shadow:0 0 0 4px #f59e0b14}.sa-input-wrapper:focus-within .sa-input-icon{color:#f59e0b}.sa-form-input::placeholder{color:#9ca3af;padding-left:0;font-weight:400}.sa-form-select{appearance:none;cursor:pointer;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 d='M6 8L1 3h10z' fill='%239ca3af'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px;padding-right:2.5rem!important}.sa-form-select:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.sa-date-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding:.85rem 1rem .85rem 3.2rem!important}.sa-date-input::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;margin-right:4px;padding:4px}.sa-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.sa-form-actions{border-top:2px solid #f3f4f6;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.sa-form-actions-right{gap:.75rem;display:flex}.sa-btn-primary,.sa-btn-secondary,.sa-btn-submit{cursor:pointer;letter-spacing:.3px;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.sa-btn-primary{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 16px #f59e0b4d}.sa-btn-secondary{color:#6b7280;background:#f3f4f6}.sa-btn-submit{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.sa-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}.sa-btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.sa-loading{box-shadow:none!important;background:#9ca3af!important}.sa-spinner-icon{animation:.6s linear infinite spin}@media (width<=1024px){.sa-pob-form-wrapper{padding:2rem}}@media (width<=768px){.sa-page-header-content{flex-direction:column;align-items:flex-start}.sa-stats-badge{justify-content:center;width:100%}.sa-pob-form-wrapper{margin:0 .5rem;padding:1.5rem}.sa-form-grid{grid-template-columns:1fr;gap:1rem}.sa-progress-steps{gap:.5rem}.sa-step-label{display:none}.sa-progress-line{max-width:50px;margin:0 -4px}.sa-step-circle{width:40px;height:40px}.sa-form-actions{flex-direction:column;gap:.75rem}.sa-form-actions-right{width:100%}.sa-btn-primary,.sa-btn-secondary,.sa-btn-submit{justify-content:center;width:100%;padding:.7rem 1.5rem}.sa-form-actions-right .sa-btn-primary,.sa-form-actions-right .sa-btn-submit{flex:1}}@media (width<=480px){.sa-page-title{font-size:1.5rem}.sa-stats-badge{padding:.5rem 1rem}.sa-stats-number{font-size:1.2rem}.sa-pob-form-wrapper{border-radius:16px;padding:1rem}.sa-step-header{text-align:center;flex-direction:column}}.sa-pob-list-section{margin-top:32px}.sa-pob-list{flex-direction:column;gap:12px;display:flex}.sa-pob-item{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;animation:.4s forwards fadeIn;display:flex;box-shadow:0 2px 8px #0000000f}.sa-pob-item:hover{transform:translate(4px);box-shadow:0 4px 16px #0000001a}.sa-pob-item-content{flex:1;align-items:center;gap:16px;display:flex}.sa-pob-details{flex-direction:column;gap:4px;display:flex}.sa-pob-name{color:#1e293b;font-size:16px;font-weight:600}.sa-pob-meta,.sa-pob-client{color:#64748b;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.sa-pob-divider{color:#cbd5e1;margin:0 4px}.sa-pob-folder{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:12px}.sa-pob-badge{color:#475569;white-space:nowrap;background:#e2e8f0;border-radius:20px;padding:4px 12px;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sa-file-upload{position:relative}.sa-file-input{cursor:pointer;opacity:.9;padding-left:44px}.sa-file-input::-webkit-file-upload-button{visibility:hidden}.sa-file-name{color:#475569;text-overflow:ellipsis;white-space:nowrap;background:#f1f5f9;border-radius:12px;max-width:120px;padding:2px 10px;font-size:13px;position:absolute;right:14px;overflow:hidden}.sa-pob-logo{object-fit:cover;border:2px solid #e2e8f0;border-radius:12px;flex-shrink:0;width:48px;height:48px}.sa-pob-avatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:600;display:flex}.sa-hero-section{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4c1d95 100%);border-radius:20px;margin-bottom:2rem;padding:2rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #1e1b4b4d}.sa-hero-section:before{content:"";background:radial-gradient(circle,#6366f133 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.sa-hero-section:after{content:"";background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-30%;left:-5%}.sa-hero-left{flex:1}.sa-breadcrumb{color:#fff9;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;display:flex}.sa-breadcrumb-sep{opacity:.3}.sa-hero-stats{gap:1rem;display:flex}.sa-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.sa-stat-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.sa-stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.sa-search-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;align-items:center;min-width:250px;transition:all .3s;display:flex;position:relative}.sa-search-icon{color:#9ca3af;font-size:.9rem;position:absolute;left:14px}.sa-search-input{background:0 0;border:none;border-radius:12px;outline:none;width:100%;padding:.7rem 2.5rem .7rem 2.75rem;font-size:.9rem}.sa-search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;transition:all .2s;position:absolute;right:10px}.sa-filter-wrapper{align-items:center;min-width:180px;display:flex;position:relative}.sa-filter-icon{color:#9ca3af;font-size:.9rem;position:absolute;left:14px}.sa-filter-select{appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%239ca3af'/%3E%3C/svg%3E") right 14px center no-repeat;border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:.7rem 1rem .7rem 2.75rem;font-size:.9rem;transition:all .3s}.sa-filter-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f114}.sa-results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.sa-results-membership{color:#6b7280;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.sa-dot{color:#d1d5db}.sa-clients-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.sa-client-card{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:1.5rem;transition:all .3s;animation:.4s both slideUp;box-shadow:0 1px 3px #0000000a}.sa-client-card:hover{border-color:#e5e7eb;transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.sa-client-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.sa-client-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.sa-client-header-info{align-items:center;gap:.5rem;display:flex}.sa-client-pob-type{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:2px 10px;font-size:.7rem;font-weight:600}.sa-client-membership{align-items:center;gap:4px;display:flex}.sa-client-name{color:#1a1a2e;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.sa-client-pob-name{color:#6b7280;align-items:center;gap:.4rem;margin:0 0 1rem;font-size:.85rem;display:flex}.sa-inline-icon{color:#9ca3af;font-size:.8rem}.sa-client-details{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.75rem 0;display:flex}.sa-client-detail-item{color:#4b5563;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.sa-detail-icon{color:#9ca3af;flex-shrink:0;width:16px;font-size:.8rem}.sa-detail-divider{color:#d1d5db;margin:0 .25rem}.sa-detail-division{color:#6366f1;font-weight:500}.sa-client-card-footer{justify-content:flex-end;display:flex}.sa-client-id{color:#9ca3af;letter-spacing:.5px;font-size:.7rem;font-weight:500}.sa-empty-state{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:16px;grid-column:1/-1;padding:4rem 2rem}.sa-empty-icon{opacity:.4;margin-bottom:1rem;font-size:4rem}.sa-empty-state p{color:#6b7280;margin:0;font-size:.95rem}@media (width<=1024px){.sa-hero-content{flex-direction:column;align-items:flex-start}.sa-hero-stats{width:100%}.sa-stat-card{flex:1}.sa-clients-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width<=768px){.sa-hero-section{padding:1.5rem}.sa-hero-title{font-size:1.75rem}.sa-hero-stats,.sa-search-filter-wrapper{flex-direction:column}.sa-search-box,.sa-filter-wrapper{min-width:unset}.sa-results-header{flex-direction:column;align-items:flex-start}.sa-clients-grid{grid-template-columns:1fr}.sa-client-card{padding:1.25rem}}@media (width<=480px){.sa-hero-section{padding:1.25rem}.sa-hero-title{font-size:1.5rem}.sa-stat-card{padding:.5rem 1rem}.sa-stat-icon{width:32px;height:32px;font-size:.8rem}.sa-stat-number{font-size:1rem}.sa-client-detail-item{flex-wrap:wrap;font-size:.8rem}}.sa-profile-wrapper{padding:20px 0}.sa-profile-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 10px #0000000d}.sa-profile-header{border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:30px;margin-bottom:30px;padding-bottom:30px;display:flex}.sa-profile-avatar-wrapper{flex-shrink:0;position:relative}.sa-profile-avatar{border:3px solid #fbbf24;border-radius:50%;width:100px;height:100px}.sa-profile-status{color:#fff;background:#10b981;border-radius:20px;align-items:center;gap:5px;padding:2px 10px;font-size:.7rem;font-weight:500;display:flex;position:absolute;bottom:5px;right:5px}.sa-status-dot{background:#fff;border-radius:50%;width:6px;height:6px;display:inline-block}.sa-profile-info{flex:1}.sa-profile-name{color:#1a1a2e;margin:0 0 5px;font-size:1.8rem}.sa-profile-role{color:#6b7280;margin:0;font-size:1rem}.sa-profile-details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sa-detail-item{background:#f9fafb;border-radius:10px;align-items:flex-start;gap:15px;padding:15px;transition:all .3s;display:flex}.sa-detail-item:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.sa-detail-icon-wrapper{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sa-detail-icon{color:#fff;font-size:1.2rem}.sa-detail-content{flex:1;min-width:0}.sa-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.sa-detail-value{color:#1a1a2e;word-break:break-word;margin:0;font-size:1rem;font-weight:500}@media (width<=768px){.sa-profile-header{text-align:center;flex-direction:column;align-items:center}.sa-profile-details-grid{grid-template-columns:1fr}.sa-detail-item{padding:12px}}@keyframes bgFloat{0%,to{transform:scale(1)rotate(0)}33%{transform:scale(1.1)rotate(2deg)}66%{transform:scale(.9)rotate(-2deg)}}@keyframes brandPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.login-wrapper{max-width:960px}.login-left-panel,.login-right-panel{padding:32px 28px}.login-brand h1{font-size:24px}.features-grid{gap:10px}.feature-item{padding:12px}.form-header h2{font-size:24px}}@media (width<=991px){.login-page{padding:16px}.login-wrapper{border-radius:24px;flex-direction:column;max-width:520px}.login-left-panel{border-radius:24px 24px 0 0;padding:28px 24px}.login-right-panel{border-radius:0 0 24px 24px;padding:28px 24px}.features-grid{grid-template-columns:1fr 1fr}.login-stats{flex-direction:row}.stat-divider{display:block}.login-form-box{max-width:100%}.modal-content{max-width:500px;margin:10px}}@media (width<=767px){.login-page{padding:12px}.login-wrapper{border-radius:20px;max-width:480px}.login-left-panel,.login-right-panel{padding:24px 20px}.login-brand h1{font-size:22px}.brand-icon svg{width:42px;height:42px}.features-grid{grid-template-columns:1fr 1fr;gap:8px}.feature-item{gap:10px;padding:10px 12px}.feature-icon{width:36px;height:36px;font-size:18px}.feature-item h4{font-size:12px}.feature-item p{font-size:10px}.form-header h2{font-size:22px}.form-header p{font-size:13px}.stat-number{font-size:20px}.modal-content{border-radius:16px}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{flex-direction:column;padding:12px 20px}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (width<=599px){.login-page{padding:8px}.login-wrapper{border-radius:16px}.login-left-panel,.login-right-panel{padding:20px 16px}.login-brand{gap:12px}.login-brand h1{font-size:20px}.brand-label{font-size:10px}.brand-tagline{font-size:12px}.features-grid{grid-template-columns:1fr 1fr;gap:6px}.feature-item{gap:8px;padding:8px 10px}.feature-icon{border-radius:8px;width:30px;height:30px;font-size:16px}.feature-item h4{font-size:11px}.feature-item p{font-size:9px}.form-header h2{font-size:20px}.form-header p{font-size:12px}.input-group input{padding:10px 12px 10px 40px;font-size:13px}.input-icon{font-size:16px;left:12px}.form-options{flex-direction:column;align-items:flex-start;gap:10px}.login-btn{padding:12px;font-size:14px}.login-stats{flex-wrap:wrap;gap:8px;padding:12px 0 0}.stat-divider{display:none}.login-stats>div{flex:1;min-width:60px}.stat-number{font-size:18px}.security-badges{flex-wrap:wrap;gap:8px}.security-badges span{padding:2px 8px;font-size:10px}.modal-content{border-radius:12px;margin:8px}.support-email-info,.modal-conditions .condition-item{text-align:center;flex-direction:column;align-items:center}}@media (width<=480px){.login-page{padding:4px}.login-wrapper{border-radius:12px}.login-left-panel,.login-right-panel{padding:16px 12px}.login-brand h1{font-size:18px}.brand-icon svg{width:36px;height:36px}.features-grid{grid-template-columns:1fr 1fr;gap:4px}.feature-item{border-radius:10px;gap:6px;padding:6px 8px}.feature-icon{border-radius:6px;width:26px;height:26px;font-size:14px}.feature-item h4{font-size:10px}.feature-item p{font-size:8px}.form-header h2{font-size:18px}.form-header p{font-size:11px}.form-badge{padding:3px 10px;font-size:10px}.input-group input{border-radius:8px;padding:8px 10px 8px 36px;font-size:12px}.input-icon{font-size:14px;left:10px}.toggle-password{font-size:16px;right:10px}.login-btn{border-radius:8px;padding:10px;font-size:13px}.stat-number{font-size:16px}.stat-label{font-size:9px}}@media (height<=700px){.login-wrapper{max-height:98vh}.login-left-panel,.login-right-panel{padding:20px 24px}.login-brand h1{font-size:20px}.brand-icon svg{width:38px;height:38px}.brand-tagline{margin-bottom:10px;font-size:12px}.features-grid{gap:6px;margin:6px 0}.feature-item{padding:8px 10px}.feature-icon{width:30px;height:30px;font-size:16px}.feature-item h4{font-size:11px}.feature-item p{font-size:9px}.login-stats{padding:10px 0 0}.stat-number{font-size:18px}.form-header{margin-bottom:16px}.form-header h2{font-size:20px}.form-group{margin-bottom:12px}.form-options{margin:4px 0 14px}.login-btn{padding:10px;font-size:13px}.input-group input{padding:8px 12px 8px 40px;font-size:13px}.form-footer{margin-top:12px}}@media (height<=600px){.login-left-panel,.login-right-panel{padding:12px 20px}.features-grid{display:none}.login-stats{padding:8px 0 0}.stat-number{font-size:16px}.form-header h2{font-size:18px}.form-header p{font-size:12px}.form-group{margin-bottom:10px}.input-group input{padding:6px 10px 6px 36px;font-size:12px}.login-btn{padding:8px;font-size:12px}.brand-tagline{display:none}}@media (width<=599px) and (height<=700px){.login-left-panel,.login-right-panel{padding:12px 16px}.features-grid{display:none}.login-stats{padding:6px 0 0}.stat-number{font-size:14px}.stat-label{font-size:8px}.form-header h2{font-size:16px}.form-header p{font-size:11px}.input-group input{padding:6px 8px 6px 32px;font-size:11px}.login-btn{padding:6px;font-size:11px}}@media (width<=599px){.support-email-display{text-align:center;flex-direction:column;padding:16px}.email-address{font-size:20px}.tip-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.tip-content{flex-direction:column;align-items:flex-start}.tip-number{padding:2px 8px;font-size:12px}.response-info{text-align:center;flex-direction:column;gap:6px}.modal-footer{flex-direction:column}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (width<=767px){.support-email-display{padding:16px}.email-address{font-size:22px}.modal-footer{flex-direction:column}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (width<=480px){.support-email-display{padding:14px}.email-icon-big{font-size:36px}.email-address{font-size:18px}.email-send-btn{padding:6px 16px;font-size:12px}.pro-tips-header h4{font-size:15px}.tip-item{padding:10px 12px}.tip-content strong{font-size:13px}.tip-content p{font-size:12px}.response-info{padding:10px;font-size:12px}}.sidebar.collapsed .logo-text,.sidebar.collapsed .collapse-btn{display:none}.sidebar.collapsed .user-info,.sidebar.collapsed .user-badge,.sidebar.collapsed .logout-btn{display:none}@media (width<=1024px){.sidebar{width:280px;transition:transform .3s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar.collapsed{width:280px}.sidebar.collapsed .logo-link,.sidebar.collapsed .sidebar-nav ul li a{justify-content:flex-start}.sidebar.collapsed .sidebar-nav ul li a .nav-label{display:inline}.sidebar.collapsed .sidebar-user{justify-content:flex-start}.sidebar.collapsed .user-info,.sidebar.collapsed .user-badge,.sidebar.collapsed .logout-btn{display:flex}.sidebar.collapsed .logout-btn-icon{display:none}.sidebar.collapsed .nav-header-text{display:inline}.sidebar.collapsed .sidebar-version{font-size:10px}.collapse-btn{display:none}}@media (width<=768px){.sidebar-logo{min-height:64px;margin:8px;padding:12px}.logo-icon{width:48px;height:48px}.logo-main{font-size:16px}}@media (width<=480px){.sidebar{width:260px}.sidebar.mobile-open{transform:translate(0)}.sidebar-logo{border-radius:12px;margin:6px;padding:10px}.logo-icon{width:40px;height:40px}.logo-sub{font-size:9px}.logo-main{font-size:16px}.logo-badge{padding:0 6px;font-size:8px}.sidebar-nav{padding:12px 8px}.sidebar-nav ul li a{padding:10px 12px;font-size:13px}.sidebar-bottom{padding:12px 8px}}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@media (width<=1200px){.header-welcome .welcome-status,.header-welcome .welcome-dot{display:none}}@media (width<=1024px){.header{width:100%;margin-left:0}.menu-toggle{display:flex!important}.header-welcome .welcome-status,.header-welcome .welcome-dot,.profile-info{display:none}.profile-btn{padding:4px}.page-title{font-size:18px}.page-badge{display:none}.header-container{padding:0 20px}.profile-dropdown{right:-20px}}@media (width<=768px){.header{height:60px}.header-container{gap:12px;padding:0 16px}.page-title{font-size:16px}.welcome-text{font-size:13px}.header-welcome{padding:4px 12px}.welcome-emoji{font-size:15px}.header-actions{display:none}.profile-avatar{width:32px;height:32px}.profile-status{width:9px;height:9px}.profile-dropdown{min-width:260px;right:-60px}.action-btn{width:34px;height:34px}.action-btn svg{width:18px;height:18px}.menu-toggle{width:36px;height:36px}.menu-toggle svg{width:20px;height:20px}}@media (width<=480px){.header-container{gap:8px;padding:0 12px}.page-title{font-size:14px}.header-welcome{padding:2px 10px}.welcome-text{font-size:12px}.welcome-emoji{font-size:13px}.welcome-dot,.welcome-status{display:none}.profile-avatar{width:28px;height:28px}.profile-status{border-width:1.5px;width:7px;height:7px}.profile-dropdown{min-width:240px;right:-80px}.dropdown-header{padding:10px 12px 12px}.dropdown-avatar{width:40px;height:40px}.dropdown-name{font-size:14px}.dropdown-email{font-size:11px}.dropdown-stats{padding:10px 12px}.stat-number{font-size:14px}.profile-dropdown ul li a{padding:8px 10px;font-size:13px}.menu-toggle{width:32px;height:32px;padding:4px}.menu-toggle svg{width:18px;height:18px}}@media (width<=1024px){.d-content{width:100%;margin-left:0;padding-top:60px}}@keyframes dSpin{to{transform:rotate(360deg)}}@keyframes dPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dWave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.d-analytics-grid,.d-analytics-grid-bottom{grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-bottom:20px;display:grid}@media (width<=1200px){.d-container{padding:0 20px}.d-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}.d-analytics-grid,.d-analytics-grid-bottom{grid-template-columns:1fr 1fr;gap:16px}}@media (width<=1024px){.d-content{width:100%;margin-left:0;padding-top:60px}.d-analytics-grid,.d-analytics-grid-bottom{grid-template-columns:1fr;gap:16px}.d-welcome-content{flex-direction:column;align-items:flex-start;padding:20px 24px}.d-welcome-title{font-size:22px}.d-welcome-right{width:100%}.d-date-display{justify-content:center;width:100%}.d-stat-value{font-size:20px}}@media (width<=768px){.d-container{padding:0 16px}.d-main{padding:16px 0 20px}.d-welcome-content{min-height:120px;padding:16px 20px}.d-welcome-title{font-size:20px}.d-welcome-subtitle{font-size:13px}.d-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.d-stat-card{padding:14px 16px}.d-stat-value{font-size:18px}.d-stat-icon-wrapper{width:38px;height:38px}.d-stat-icon-wrapper svg{width:18px;height:18px}.d-analytics-card{padding:16px 20px}.d-analytics-title{font-size:15px}.d-brand-item,.d-hq-item{padding:8px 10px}.d-brand-name,.d-hq-name{font-size:12px}.d-trends-bars{height:100px}.d-trend-bar{width:10px}.d-activity-section{padding:16px 20px}.d-activity-item{padding:8px 10px}.d-activity-avatar{width:34px;height:34px;font-size:12px}.d-section-title{font-size:16px}.d-analytics-header{flex-direction:column;align-items:flex-start}.d-analytics-stats-mini{margin-top:4px}.d-trends-stats{gap:10px}}@media (width<=480px){.d-container{padding:0 12px}.d-main{padding:12px 0 16px}.d-welcome-content{min-height:100px;padding:14px 16px}.d-welcome-title{font-size:18px}.d-welcome-badge{padding:2px 10px;font-size:10px}.d-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.d-stat-card{padding:12px 14px}.d-stat-value{font-size:16px}.d-stat-label{font-size:10px}.d-stat-change{padding:1px 6px;font-size:10px}.d-stat-icon-wrapper{border-radius:10px;width:34px;height:34px}.d-stat-icon-wrapper svg{width:16px;height:16px}.d-analytics-card{border-radius:12px;padding:14px 16px}.d-analytics-title{font-size:14px}.d-analytics-subtitle{font-size:11px}.d-analytics-icon-badge{width:32px;height:32px}.d-brand-item,.d-hq-item{padding:6px 8px}.d-brand-name,.d-hq-name{font-size:11px}.d-brand-demand,.d-hq-status-badge{padding:1px 6px;font-size:9px}.d-brand-percent,.d-hq-percent{min-width:30px;font-size:11px}.d-brand-meta,.d-hq-meta{gap:6px}.d-brand-reason,.d-hq-reason{font-size:10px}.d-trends-bars{gap:4px;height:80px}.d-trend-bar{width:8px}.d-trend-label{font-size:8px}.d-trends-legend span{font-size:10px}.d-insight-item{gap:8px;padding:8px 10px}.d-insight-icon-wrapper{width:28px;height:28px}.d-insight-title{font-size:12px}.d-insight-description{font-size:11px}.d-insight-action-btn{padding:1px 10px;font-size:10px}.d-activity-section{border-radius:12px;padding:14px 16px}.d-activity-item{flex-wrap:wrap;gap:8px;padding:6px 8px}.d-activity-avatar{width:30px;height:30px;font-size:10px}.d-activity-user{font-size:11px}.d-activity-action{font-size:10px}.d-activity-time-wrapper{width:100%;padding-left:38px}.d-activity-time-wrapper svg{width:12px;height:12px}.d-activity-time{font-size:9px}.d-section-title{font-size:14px}.d-view-all{font-size:11px}.d-footer-content{padding:6px 14px;font-size:11px}}@media (width<=360px){.d-stats-grid{grid-template-columns:1fr;gap:8px}.d-welcome-title{font-size:16px}.d-stat-value{font-size:14px}.d-trends-bars{height:70px}.d-trend-bar{width:6px}}.p-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.p-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}@media (width<=1024px){.p-content{width:100%;margin-left:0;padding-top:60px}}.p-main{flex:1;width:100%;padding:24px 0 40px}.p-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.p-hero{background:#fff;border:1px solid #f1f5f9;border-radius:24px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.p-hero-bg{z-index:0;background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);height:100%;min-height:280px;position:absolute;inset:0;overflow:hidden}.p-hero-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.p-hero-glow{pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.p-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:24px;min-height:280px;padding:32px 32px 28px;display:flex;position:relative}.p-hero-left{flex:1;align-items:center;gap:28px;display:flex}.p-avatar-container{flex-shrink:0;position:relative}.p-avatar-rings{pointer-events:none;position:absolute;inset:-6px}.p-ring{border:2px solid #0000;border-radius:50%;position:absolute;inset:-4px}.p-ring-1{border-color:#a78bfa4d;animation:8s linear infinite pRingSpin}.p-ring-2{border-color:#a78bfa26;animation:12s linear infinite reverse pRingSpin;inset:-10px}.p-ring-3{border-color:#a78bfa14;animation:16s linear infinite pRingSpin;inset:-16px}@keyframes pRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.p-avatar-box{background:linear-gradient(135deg,#4f46e5,#7c3aed,#a78bfa);border-radius:50%;width:100px;height:100px;padding:3px;position:relative;box-shadow:0 8px 40px #4f46e54d}.p-avatar-image{object-fit:cover;border:3px solid #fff;border-radius:50%;width:100%;height:100%}.p-status-indicator{background:#22c55e;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 0 0 4px #22c55e33}.p-status-pulse{background:#fff;border-radius:50%;width:6px;height:6px;animation:2s infinite pPulse}@keyframes pPulse{0%,to{opacity:.8;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.p-hero-info{padding-top:10px}.p-name-wrap{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:4px;display:flex}.p-hero-name{margin:0;font-size:28px;font-weight:700;color:#fff!important}.p-membership-badge{border-radius:20px;align-items:center;gap:6px;padding:3px 14px;font-size:12px;font-weight:600;display:inline-flex;color:#fff!important;background:#ffffff26!important;border:1px solid #fff3!important}.p-membership-badge svg{color:#fff!important}.p-username-wrap{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex;color:#ffffffb3!important}.p-username-wrap svg{color:#ffffff80!important}.p-dot{color:#ffffff4d!important}.p-status-text{font-weight:500;color:#22c55e!important}.p-hero-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.p-meta-chip{border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;display:inline-flex;color:#fff!important;background:#ffffff1a!important;border:1px solid #ffffff14!important}.p-meta-chip svg{color:#fff9!important}.p-hero-right{flex-shrink:0}.p-hero-stats{grid-template-columns:1fr 1fr;gap:10px;min-width:200px;display:grid}.p-hero-stat{border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex;background:#ffffff14!important;border:1px solid #ffffff0f!important}.p-hero-stat:hover{background:#ffffff1f!important}.p-hero-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;background:#ffffff1a!important}.p-hero-stat-value{font-size:13px;font-weight:600;line-height:1.2;display:block;color:#fff!important}.p-hero-stat-label{text-transform:uppercase;letter-spacing:.3px;font-size:9px;display:block;color:#ffffff80!important}.p-details-section{margin-bottom:24px}.p-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.p-section-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.p-section-title svg{color:#4f46e5}.p-section-badge{color:#94a3b8;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;padding:3px 14px;font-size:11px;font-weight:500}.p-details-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.p-detail-card{cursor:default;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.p-detail-card:hover{border-color:#e2e8f0;box-shadow:0 8px 30px #0000000f}.p-detail-progress{opacity:.6;width:100%;height:3px;position:absolute;top:0;left:0}.p-card-gradient-1 .p-detail-progress{background:#4f46e5}.p-card-gradient-2 .p-detail-progress{background:#059669}.p-card-gradient-3 .p-detail-progress{background:#2563eb}.p-card-gradient-4 .p-detail-progress{background:#d97706}.p-card-gradient-5 .p-detail-progress{background:#7c3aed}.p-card-gradient-6 .p-detail-progress{background:#dc2626}.p-card-gradient-7 .p-detail-progress{background:#8b5cf6}.p-card-gradient-8 .p-detail-progress{background:#059669}.p-card-gradient-9 .p-detail-progress{background:#dc2626}.p-detail-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.p-detail-icon{border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.p-detail-badge{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-radius:12px;padding:2px 10px;font-size:9px;font-weight:600}.p-detail-body{flex-direction:column;gap:2px;display:flex}.p-detail-label{color:#94a3b8;font-size:11px;font-weight:500}.p-detail-value-wrap{justify-content:space-between;align-items:center;gap:8px;display:flex}.p-detail-value{color:#0f172a;word-break:break-word;font-size:14px;font-weight:600}.p-membership-highlight{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.p-password-text{letter-spacing:2px;color:#4f46e5;-webkit-text-fill-color:#4f46e5;font-family:Courier New,monospace}.p-detail-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.p-action-icon{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.p-action-icon:hover{color:#0f172a;background:#f8fafc}.p-copy-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.p-copy-btn:hover{color:#0f172a;background:#f8fafc}.p-copied{color:#22c55e!important}.p-footer{text-align:center;padding:8px 0}.p-footer-content{color:#94a3b8;background:#fff;border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:12px;display:inline-flex}.p-footer-content svg{color:#4f46e5}@media (width<=1024px){.p-hero-content{flex-direction:column;align-items:stretch;padding:24px}.p-hero-left{text-align:center;flex-direction:column;align-items:center}.p-name-wrap,.p-username-wrap,.p-hero-meta{justify-content:center}.p-hero-right{width:100%}.p-hero-stats{grid-template-columns:repeat(4,1fr)}.p-details-grid{grid-template-columns:repeat(2,1fr)}.p-hero-bg{min-height:320px}}@media (width<=768px){.p-container{padding:0 16px}.p-hero-content{min-height:auto;padding:16px}.p-hero-bg{min-height:280px}.p-avatar-box{width:80px;height:80px}.p-hero-name{font-size:22px}.p-hero-stats{grid-template-columns:repeat(2,1fr)}.p-details-grid{grid-template-columns:1fr 1fr;gap:12px}.p-detail-card{padding:14px 16px}.p-ring-2,.p-ring-3{display:none}.p-section-title{font-size:16px}}@media (width<=480px){.p-container{padding:0 12px}.p-main{padding:16px 0 30px}.p-avatar-box{width:70px;height:70px}.p-hero-name{font-size:20px}.p-hero-stats{grid-template-columns:1fr 1fr;gap:8px}.p-hero-stat{padding:8px 12px}.p-hero-stat-value{font-size:12px}.p-details-grid{grid-template-columns:1fr;gap:10px}.p-detail-card{padding:12px 14px}.p-detail-value{font-size:13px}.p-meta-chip{padding:3px 10px;font-size:11px}.p-membership-badge{padding:2px 10px;font-size:11px}.p-username-wrap{font-size:13px}.p-status-indicator{width:14px;height:14px;bottom:2px;right:2px}.p-status-pulse{width:5px;height:5px}.p-footer-content{padding:6px 14px;font-size:11px}.p-section-badge{padding:2px 10px;font-size:10px}.p-detail-badge{padding:1px 8px;font-size:8px}.p-hero-bg{min-height:320px}.p-hero-content{padding:12px}}.emp-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.emp-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}@media (width<=1024px){.emp-content{width:100%;margin-left:0;padding-top:60px}}.emp-main{flex:1;width:100%;padding:20px 0 30px}.emp-container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.emp-hero{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden}.emp-hero-bg{z-index:0;background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);height:100%;min-height:120px;position:absolute;inset:0;overflow:hidden}.emp-hero-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.emp-hero-glow{pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.emp-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:20px;min-height:120px;padding:24px 28px;display:flex;position:relative}.emp-hero-left{align-items:center;gap:18px;display:flex}.emp-hero-icon-wrapper{color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.emp-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.emp-hero-title{color:#fff;margin:0;font-size:22px;font-weight:700}.emp-hero-badge{color:#a78bfa;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:4px;padding:2px 12px;font-size:11px;font-weight:500;display:inline-flex}.emp-hero-subtitle{color:#ffffffb3;margin:0;font-size:14px}.emp-hero-right{flex-shrink:0}.emp-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.emp-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.emp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4f46e54d}.emp-btn-outline{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.emp-btn-outline:hover{background:#ffffff26}.emp-btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.emp-btn-secondary:hover{background:#e2e8f0}.emp-btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.emp-btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc26264d}.emp-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.emp-stat-card{cursor:default;background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.emp-stat-card:hover{border-color:#dbeafe;box-shadow:0 8px 30px #4f46e50f}.emp-stat-progress{border-radius:0 3px 0 0;height:3px;position:absolute;bottom:0;left:0}.emp-stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.emp-stat-icon{width:24px;height:24px}.emp-stat-info{flex:1}.emp-stat-value{color:#0f172a;font-size:22px;font-weight:700;display:block}.emp-stat-label{color:#64748b;font-size:12px;display:block}.emp-stat-change{border-radius:20px;margin-top:2px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.emp-stat-change.positive{color:#059669;background:#dcfce7}.emp-stat-change.negative{color:#dc2626;background:#fef2f2}.emp-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:24px}.emp-table-title{color:#0f172a;margin:0;font-size:18px;font-weight:600}.emp-table-subtitle{color:#94a3b8;font-size:13px}.emp-table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.emp-table-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.emp-table-count{color:#94a3b8;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;padding:4px 14px;font-size:12px}.emp-search-wrapper{position:relative}.emp-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.emp-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:220px;padding:8px 14px 8px 38px;font-size:14px;transition:all .3s}.emp-search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.emp-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .3s;display:flex}.emp-filter-btn:hover{background:#f8fafc;border-color:#94a3b8}.emp-table-wrapper{overflow-x:auto}.emp-table{border-collapse:collapse;width:100%}.emp-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600}.emp-table tbody td{color:#475569;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:14px}.emp-table-row{transition:background .2s}.emp-table-row:hover{background:#f8fafc}.emp-user-info{align-items:center;gap:12px;display:flex}.emp-user-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:600;display:flex}.emp-user-name{color:#0f172a;font-size:14px;font-weight:600}.emp-user-id{color:#94a3b8;font-size:11px}.emp-contact-info{color:#64748b;flex-direction:column;gap:2px;font-size:13px;display:flex}.emp-contact-info div{align-items:center;gap:6px;display:flex}.emp-contact-info svg{color:#94a3b8}.emp-position-text{color:#0f172a;font-weight:500}.emp-department-badge{color:#4f46e5;background:#eef2ff;border-radius:20px;padding:3px 14px;font-size:12px;font-weight:500;display:inline-block}.emp-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex}.emp-status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.emp-status-badge.active{color:#059669;background:#dcfce7}.emp-status-badge.active .emp-status-dot{background:#059669}.emp-status-badge.inactive{color:#dc2626;background:#fef2f2}.emp-status-badge.inactive .emp-status-dot{background:#dc2626}.emp-action-buttons{gap:4px;display:flex}.emp-action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.emp-action-btn.emp-view{color:#4f46e5;background:#eef2ff}.emp-action-btn.emp-view:hover{color:#fff;background:#4f46e5}.emp-action-btn.emp-edit{color:#059669;background:#ecfdf5}.emp-action-btn.emp-edit:hover{color:#fff;background:#059669}.emp-action-btn.emp-delete{color:#dc2626;background:#fef2f2}.emp-action-btn.emp-delete:hover{color:#fff;background:#dc2626}.emp-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.emp-pagination-info{color:#94a3b8;font-size:13px}.emp-pagination-info strong{color:#0f172a}.emp-pagination-buttons{gap:4px;display:flex}.emp-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.emp-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.emp-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.emp-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.emp-modal{background:#fff;border-radius:20px;width:100%;max-width:640px;max-height:90vh;animation:.3s empModalIn;overflow-y:auto}@keyframes empModalIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.emp-modal-delete{max-width:440px}.emp-modal-upload{max-width:560px}.emp-modal-view{max-width:520px}.emp-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.emp-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:600}.emp-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.emp-modal-close:hover{background:#e2e8f0}.emp-modal-body{padding:24px}.emp-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.emp-view-profile{background:#f8fafc;border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.emp-view-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:700;display:flex}.emp-view-name h3{color:#0f172a;margin:0;font-size:18px}.emp-view-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.emp-view-item{background:#f8fafc;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.emp-view-item svg{color:#4f46e5;flex-shrink:0}.emp-view-item div{flex:1}.emp-view-item span{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:10px;display:block}.emp-view-item p{color:#0f172a;margin:0;font-size:14px;font-weight:500}.emp-form-group input,.emp-form-group select{background:#fafbfc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:all .3s}.emp-delete-warning{text-align:center;padding:12px 0}.emp-delete-warning svg{color:#dc2626;margin-bottom:12px}.emp-delete-warning h4{color:#0f172a;margin:0 0 8px;font-size:18px}.emp-delete-warning p{color:#64748b;margin:0 0 16px;font-size:14px}.emp-delete-details{color:#475569;background:#f8fafc;border-radius:10px;justify-content:center;gap:20px;padding:12px;font-size:13px;display:flex}.emp-upload-area{text-align:center;border:2px dashed #e2e8f0;border-radius:16px;padding:40px;transition:all .3s;position:relative}.emp-upload-area:hover{background:#f8fafc;border-color:#4f46e5}.emp-upload-icon{color:#4f46e5;margin-bottom:12px}.emp-upload-area h4{color:#0f172a;margin:0 0 4px;font-size:16px}.emp-upload-area p{color:#94a3b8;margin:0 0 12px;font-size:14px}.emp-upload-format{color:#94a3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex}.emp-format-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.emp-format-btn:hover{color:#fff;background:#4f46e5}.emp-upload-input{opacity:0;cursor:pointer;position:absolute;inset:0}.emp-upload-file{color:#4f46e5;background:#eef2ff;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:10px 16px;font-size:14px;display:inline-flex}.emp-upload-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px}.emp-upload-instructions{background:#f8fafc;border-radius:12px;margin-top:16px;padding:16px}.emp-upload-instructions h4{color:#0f172a;margin:0 0 8px;font-size:14px}.emp-upload-instructions ul{margin:0;padding:0;list-style:none}.emp-upload-instructions ul li{color:#64748b;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.emp-upload-instructions ul li:before{content:"•";color:#4f46e5;font-weight:700}@media (width<=1024px){.emp-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:20px}.emp-hero-actions{width:100%}.emp-hero-actions button{flex:1;justify-content:center}.emp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.emp-container{padding:0 16px}.emp-hero-title{font-size:18px}.emp-hero-icon-wrapper{width:44px;height:44px;font-size:20px}.emp-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.emp-stat-card{padding:14px 16px}.emp-stat-value{font-size:18px}.emp-table-header{flex-direction:column;align-items:stretch}.emp-table-actions{flex-wrap:wrap}.emp-search-input{width:100%}.emp-form-grid{grid-template-columns:1fr}.emp-pagination{flex-direction:column;align-items:center}.emp-table-card{padding:16px}.emp-view-grid{grid-template-columns:1fr}.emp-hero-actions{flex-direction:column}.emp-hero-actions button{width:100%}}@media (width<=480px){.emp-container{padding:0 12px}.emp-main{padding:12px 0 20px}.emp-stats-grid{grid-template-columns:1fr}.emp-hero-left{flex-wrap:wrap}.emp-modal{border-radius:16px;max-width:100%;margin:10px}.emp-modal-body{padding:16px}.emp-modal-footer{flex-direction:column}.emp-modal-footer button{justify-content:center;width:100%}.emp-upload-area{padding:24px}.emp-delete-details{text-align:center;flex-direction:column;gap:8px}.emp-table thead th,.emp-table tbody td{padding:8px 10px;font-size:12px}.emp-user-avatar{width:32px;height:32px;font-size:12px}.emp-user-name{font-size:12px}.emp-contact-info{font-size:11px}}.emp-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:16px 0 8px;display:flex}.emp-pagination-info{color:#64748b;align-items:center;gap:20px;font-size:14px;display:flex}.emp-pagination-info strong{color:#0f172a;font-weight:600}.emp-pagination-size{align-items:center;gap:8px;display:flex}.emp-pagination-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px;transition:all .2s}.emp-pagination-select:hover{border-color:#4f46e5}.emp-pagination-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.emp-pagination-buttons{align-items:center;gap:4px;display:flex}.emp-page-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.emp-page-btn:not(:disabled):hover{color:#4f46e5;background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e526}.emp-page-btn:not(:disabled):active{transform:scale(.94)}.emp-page-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);animation:2s infinite empPulse;box-shadow:0 4px 14px #4f46e559}@keyframes empPulse{0%{box-shadow:0 4px 14px #4f46e559}50%{box-shadow:0 4px 24px #4f46e580}to{box-shadow:0 4px 14px #4f46e559}}.emp-page-btn.active:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #4f46e573}.emp-page-btn:disabled{opacity:.4;cursor:not-allowed}.emp-nav-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:38px;height:38px}.emp-nav-btn:not(:disabled):hover{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 14px #4f46e54d}.emp-page-ellipsis{color:#94a3b8;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:16px}@media (width<=768px){.emp-pagination{flex-direction:column;align-items:stretch;gap:12px}.emp-pagination-info,.emp-pagination-buttons{flex-wrap:wrap;justify-content:center}.emp-page-btn{width:32px;height:32px;font-size:13px}.emp-nav-btn{width:34px;height:34px}}@media (width<=480px){.emp-pagination-info{gap:12px;font-size:12px}.emp-pagination-select{padding:3px 6px;font-size:12px}.emp-page-btn{border-radius:6px;width:28px;height:28px;font-size:12px}.emp-nav-btn{width:30px;height:30px}}@media (width<=1024px){.chem-content{width:100%;margin-left:0;padding-top:60px}}.chem-person-name,.chem-phone{color:#1f2937;font-weight:500}@keyframes chemSpin{to{transform:rotate(360deg)}}@media (width<=1024px){.chem-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 20px}.chem-hero-actions{width:100%}.chem-hero-actions button{flex:1;justify-content:center}.chem-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.chem-container{padding:0 16px}.chem-hero-title{font-size:17px}.chem-hero-icon-wrapper{width:38px;height:38px;font-size:18px}.chem-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.chem-stat-card{padding:12px 14px}.chem-stat-value{font-size:17px}.chem-table-header{flex-direction:column;align-items:stretch}.chem-table-actions{flex-wrap:wrap}.chem-search-input{width:100%}.chem-pagination{flex-direction:column;align-items:center}.chem-table-card{padding:12px 14px}.chem-hero-actions{flex-direction:column}.chem-hero-actions button{width:100%}.chem-pagination-info,.chem-pagination-buttons{flex-wrap:wrap;justify-content:center}.chem-page-btn{width:28px;height:28px;font-size:12px}.chem-table thead th,.chem-table tbody td{padding:6px 8px;font-size:11px}.chem-table{min-width:900px}}@media (width<=480px){.chem-container{padding:0 12px}.chem-main{padding:10px 0 16px}.chem-stats-grid{grid-template-columns:1fr}.chem-hero-left{flex-wrap:wrap}.chem-pagination-info{gap:8px;font-size:11px}.chem-pagination-select{padding:2px 4px;font-size:11px}.chem-page-btn{border-radius:4px;width:26px;height:26px;font-size:11px}.chem-table{min-width:750px;font-size:10px}.chem-table thead th,.chem-table tbody td{padding:4px 6px}.chem-serial-number{font-size:10px}}.cashback-page{background:#f8fafc;min-height:100vh;display:flex}.cashback-content{flex:1;margin-left:280px;transition:margin-left .3s}@media (width<=1024px){.cashback-content{margin-left:0}}.cashback-main{margin-top:70px;padding:24px}.cashback-container{max-width:1600px;margin:0 auto}.cashback-hero{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#8b5cf6 100%);border-radius:20px;margin-bottom:32px;padding:32px 40px;position:relative;overflow:hidden}.cashback-hero-bg{position:absolute;inset:0;overflow:hidden}.cashback-hero-pattern{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.cashback-hero-glow{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.cashback-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.cashback-hero-left{align-items:center;gap:20px;display:flex}.cashback-hero-icon-wrapper{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.cashback-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cashback-hero-title{color:#fff;margin:0;font-size:28px;font-weight:700}.cashback-hero-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.cashback-hero-subtitle{color:#fffc;margin:4px 0 0;font-size:14px}.cashback-hero-right{align-items:center;display:flex}.cashback-hero-actions{align-items:center;gap:12px;display:flex}.cashback-btn-outline{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.cashback-btn-outline:hover{background:#ffffff40;transform:translateY(-2px)}.cashback-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.cashback-stat-card{cursor:default;background:#fff;border-radius:16px;padding:20px 24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.cashback-stat-card:hover{box-shadow:0 8px 24px #00000014}.cashback-stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.cashback-stat-info{flex-direction:column;display:flex}.cashback-stat-value{color:#1f2937;font-size:24px;font-weight:700}.cashback-stat-label{color:#6b7280;margin:2px 0;font-size:14px}.cashback-stat-progress{border-radius:0 4px 0 0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.cashback-table-card{background:#fff;border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.cashback-table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.cashback-table-title{color:#1f2937;margin:0;font-size:18px;font-weight:600}.cashback-table-subtitle{color:#6b7280;font-size:14px}.cashback-table-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cashback-search-wrapper{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;min-width:250px;padding:8px 14px;transition:all .2s;display:flex}.cashback-search-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.cashback-search-icon{color:#9ca3af;margin-right:10px}.cashback-search-input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;font-size:14px}.cashback-search-input::placeholder{color:#9ca3af}.cashback-filter-wrapper{align-items:center;display:flex}.cashback-filter-select{color:#1f2937;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-width:130px;padding:8px 12px;font-size:13px;transition:all .2s}.cashback-filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.cashback-table-count{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:8px;padding:6px 12px;font-size:13px}.cashback-table-wrapper{margin-bottom:20px;overflow-x:auto}.cashback-table{border-collapse:collapse;width:100%;font-size:13px}.cashback-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.cashback-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:10;background:#f9fafb;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.cashback-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 16px}.cashback-table tbody tr{transition:background-color .2s}.cashback-table tbody tr:hover{background:#f9fafb}.cashback-mr-code{color:#4f46e5;background:#eef2ff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.cashback-mr-name{color:#1f2937;font-weight:500}.cashback-chemist-info{flex-direction:column;display:flex}.cashback-chemist-name{color:#1f2937;font-weight:500}.cashback-chemist-location{color:#6b7280;margin-top:2px;font-size:11px}.cashback-person-info{flex-direction:column;display:flex}.cashback-person-name{color:#1f2937;font-weight:500}.cashback-person-orders{color:#6b7280;margin-top:2px;font-size:11px}.cashback-phone{color:#1f2937;font-weight:500}.cashback-email{color:#4f46e5;font-size:12px}.cashback-sales{color:#1f2937;font-weight:600}.cashback-amount-info{flex-direction:column;display:flex}.cashback-amount{color:#059669;font-weight:600}.cashback-percentage{color:#6b7280;margin-top:2px;font-size:11px}.cashback-month{color:#1f2937;font-size:12px;font-weight:500}.cashback-pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.cashback-pagination-info{color:#6b7280;font-size:14px}.cashback-pagination-buttons{gap:6px;display:flex}.cashback-page-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.cashback-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#4f46e5}.cashback-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.cashback-page-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.cashback-hero{padding:24px}.cashback-hero-title{font-size:22px}.cashback-hero-content{flex-direction:column;align-items:flex-start}.cashback-hero-right{width:100%}.cashback-hero-actions{flex-wrap:wrap;width:100%}.cashback-stats-grid{grid-template-columns:repeat(2,1fr)}.cashback-table-header,.cashback-table-actions{flex-direction:column;align-items:stretch}.cashback-search-wrapper{min-width:auto}.cashback-pagination{flex-direction:column;align-items:center}.cashback-table{font-size:12px}.cashback-table th,.cashback-table td{padding:8px 10px}}@media (width<=480px){.cashback-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.cashback-stat-card{padding:16px}.cashback-stat-value{font-size:18px}}.gratification-page{background:#f8fafc;min-height:100vh;display:flex}.gratification-content{flex:1;margin-left:280px;transition:margin-left .3s}@media (width<=1024px){.gratification-content{margin-left:0}}.gratification-main{margin-top:70px;padding:24px}.gratification-container{max-width:1600px;margin:0 auto}.gratification-hero{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#8b5cf6 100%);border-radius:20px;margin-bottom:32px;padding:32px 40px;position:relative;overflow:hidden}.gratification-hero-bg{position:absolute;inset:0;overflow:hidden}.gratification-hero-pattern{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.gratification-hero-glow{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.gratification-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.gratification-hero-left{align-items:center;gap:20px;display:flex}.gratification-hero-icon-wrapper{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.gratification-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gratification-hero-title{color:#fff;margin:0;font-size:28px;font-weight:700}.gratification-hero-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.gratification-hero-subtitle{color:#fffc;margin:4px 0 0;font-size:14px}.gratification-hero-right{align-items:center;display:flex}.gratification-hero-actions{align-items:center;gap:12px;display:flex}.gratification-btn-outline{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.gratification-btn-outline:hover{background:#ffffff40;transform:translateY(-2px)}.gratification-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.gratification-stat-card{cursor:default;background:#fff;border-radius:16px;padding:20px 24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.gratification-stat-card:hover{box-shadow:0 8px 24px #00000014}.gratification-stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.gratification-stat-info{flex-direction:column;display:flex}.gratification-stat-value{color:#1f2937;font-size:24px;font-weight:700}.gratification-stat-label{color:#6b7280;margin:2px 0;font-size:14px}.gratification-stat-progress{border-radius:0 4px 0 0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.gratification-table-card{background:#fff;border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.gratification-table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.gratification-table-title{color:#1f2937;margin:0;font-size:18px;font-weight:600}.gratification-table-subtitle{color:#6b7280;font-size:14px}.gratification-table-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gratification-search-wrapper{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;min-width:250px;padding:8px 14px;transition:all .2s;display:flex}.gratification-search-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.gratification-search-icon{color:#9ca3af;margin-right:10px}.gratification-search-input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;font-size:14px}.gratification-search-input::placeholder{color:#9ca3af}.gratification-filter-wrapper{align-items:center;display:flex}.gratification-filter-select{color:#1f2937;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-width:130px;padding:8px 12px;font-size:13px;transition:all .2s}.gratification-filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.gratification-table-count{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:8px;padding:6px 12px;font-size:13px}.gratification-table-wrapper{margin-bottom:20px;overflow-x:auto}.gratification-table{border-collapse:collapse;width:100%;font-size:13px}.gratification-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.gratification-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:10;background:#f9fafb;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.gratification-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 16px}.gratification-table tbody tr{transition:background-color .2s}.gratification-table tbody tr:hover{background:#f9fafb}.gratification-transaction-id{color:#4f46e5;letter-spacing:.5px;background:#eef2ff;border-radius:6px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.gratification-mr-code{color:#7c3aed;background:#f3e8ff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.gratification-mr-name{color:#1f2937;font-weight:500}.gratification-chemist-info{flex-direction:column;display:flex}.gratification-chemist-name{color:#1f2937;font-weight:500}.gratification-chemist-location{color:#6b7280;margin-top:2px;font-size:11px}.gratification-person-info{flex-direction:column;display:flex}.gratification-person-name{color:#1f2937;font-weight:500}.gratification-person-email{color:#4f46e5;margin-top:2px;font-size:11px}.gratification-phone{color:#1f2937;font-weight:500}.gratification-amount-info{flex-direction:column;display:flex}.gratification-amount{color:#059669;font-weight:600}.gratification-percentage{color:#6b7280;margin-top:2px;font-size:11px}.gratification-date-info{flex-direction:column;display:flex}.gratification-date{color:#1f2937;font-weight:500}.gratification-time{color:#6b7280;margin-top:2px;font-family:monospace;font-size:11px}.gratification-payment-info{flex-direction:column;display:flex}.gratification-payment-mode{color:#1f2937;font-weight:500}.gratification-bank-name{color:#6b7280;margin-top:2px;font-size:11px}.gratification-pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.gratification-pagination-info{color:#6b7280;font-size:14px}.gratification-pagination-buttons{gap:6px;display:flex}.gratification-page-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.gratification-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#4f46e5}.gratification-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.gratification-page-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.gratification-hero{padding:24px}.gratification-hero-title{font-size:22px}.gratification-hero-content{flex-direction:column;align-items:flex-start}.gratification-hero-right{width:100%}.gratification-hero-actions{flex-wrap:wrap;width:100%}.gratification-stats-grid{grid-template-columns:repeat(2,1fr)}.gratification-table-header,.gratification-table-actions{flex-direction:column;align-items:stretch}.gratification-search-wrapper{min-width:auto}.gratification-pagination{flex-direction:column;align-items:center}.gratification-table{font-size:12px}.gratification-table th,.gratification-table td{padding:8px 10px}}@media (width<=480px){.gratification-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.gratification-stat-card{padding:16px}.gratification-stat-value{font-size:18px}}.gratification-loading-spinner{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.gratification-spinner-ring{border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.gratification-error-box{color:#991b1b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:400px;display:flex}.gratification-error-box h3{margin:0;font-size:1.25rem;font-weight:600}.gratification-error-box p{color:#64748b}.gratification-retry-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:background .2s;display:flex}.gratification-retry-btn:hover{background:#4338ca}.gratification-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.tracker-page{background:#f8fafc;min-height:100vh;display:flex}.tracker-content{flex:1;margin-left:280px;transition:margin-left .3s}@media (width<=1024px){.tracker-content{margin-left:0}}.tracker-main{margin-top:70px;padding:24px}.tracker-container{max-width:1600px;margin:0 auto}.tracker-hero{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#8b5cf6 100%);border-radius:20px;margin-bottom:32px;padding:32px 40px;position:relative;overflow:hidden}.tracker-hero-bg{position:absolute;inset:0;overflow:hidden}.tracker-hero-pattern{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.tracker-hero-glow{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.tracker-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.tracker-hero-left{align-items:center;gap:20px;display:flex}.tracker-hero-icon-wrapper{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tracker-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tracker-hero-title{color:#fff;margin:0;font-size:28px;font-weight:700}.tracker-hero-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.tracker-hero-subtitle{color:#fffc;margin:4px 0 0;font-size:14px}.tracker-hero-right{align-items:center;display:flex}.tracker-hero-actions{align-items:center;gap:12px;display:flex}.tracker-btn-outline{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.tracker-btn-outline:hover{background:#ffffff40;transform:translateY(-2px)}.tracker-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:32px;display:grid}.tracker-stat-card{cursor:default;background:#fff;border-radius:16px;padding:18px 20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.tracker-stat-card:hover{box-shadow:0 8px 24px #00000014}.tracker-stat-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:8px;display:flex}.tracker-stat-info{flex-direction:column;display:flex}.tracker-stat-value{color:#1f2937;font-size:22px;font-weight:700}.tracker-stat-label{color:#6b7280;margin:2px 0;font-size:12px}.tracker-stat-progress{border-radius:0 4px 0 0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.tracker-table-card{background:#fff;border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.tracker-table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.tracker-table-title{color:#1f2937;margin:0;font-size:18px;font-weight:600}.tracker-table-subtitle{color:#6b7280;font-size:14px}.tracker-table-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tracker-search-wrapper{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;min-width:250px;padding:8px 14px;transition:all .2s;display:flex}.tracker-search-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.tracker-search-icon{color:#9ca3af;margin-right:10px}.tracker-search-input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;font-size:14px}.tracker-search-input::placeholder{color:#9ca3af}.tracker-table-count{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:8px;padding:6px 12px;font-size:13px}.tracker-table-wrapper{margin-bottom:20px;overflow-x:auto}.tracker-table{border-collapse:collapse;width:100%;font-size:13px}.tracker-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.tracker-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:10;background:#f9fafb;padding:10px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.tracker-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:10px 14px}.tracker-table tbody tr{transition:background-color .2s}.tracker-table tbody tr:hover{background:#f9fafb}.tracker-mr-code{color:#4f46e5;background:#eef2ff;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.tracker-mr-name{color:#1f2937;font-weight:500}.tracker-chemist-info{flex-direction:column;display:flex}.tracker-chemist-name{color:#1f2937;font-weight:500}.tracker-chemist-location{color:#6b7280;margin-top:2px;font-size:11px}.tracker-person-info{flex-direction:column;display:flex}.tracker-person-name{color:#1f2937;font-weight:500}.tracker-person-phone{color:#6b7280;margin-top:2px;font-size:11px}.tracker-phone{color:#1f2937}.tracker-total-invoices{color:#1f2937;font-weight:600}.tracker-uploaded{color:#059669;font-weight:500}.tracker-approved{color:#059669;font-weight:600}.tracker-rejected{color:#dc2626;font-weight:500}.tracker-pending{color:#d97706;font-weight:500}.tracker-cashback-amount{color:#8b5cf6;font-weight:600}.tracker-pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.tracker-pagination-info{color:#6b7280;font-size:14px}.tracker-pagination-buttons{gap:6px;display:flex}.tracker-page-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.tracker-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#4f46e5}.tracker-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.tracker-page-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.tracker-hero{padding:24px}.tracker-hero-title{font-size:22px}.tracker-hero-content{flex-direction:column;align-items:flex-start}.tracker-hero-right{width:100%}.tracker-hero-actions{flex-wrap:wrap;width:100%}.tracker-stats-grid{grid-template-columns:repeat(3,1fr)}.tracker-table-header,.tracker-table-actions{flex-direction:column;align-items:stretch}.tracker-search-wrapper{min-width:auto}.tracker-pagination{flex-direction:column;align-items:center}.tracker-table{font-size:12px}.tracker-table th,.tracker-table td{padding:6px 10px}}@media (width<=480px){.tracker-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.tracker-stat-card{padding:14px}.tracker-stat-value{font-size:18px}}.tracker-loading-spinner{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.tracker-spinner-ring{border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.tracker-error-box{color:#991b1b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:400px;display:flex}.tracker-error-box h3{margin:0;font-size:1.25rem;font-weight:600}.tracker-error-box p{color:#64748b}.tracker-retry-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:background .2s;display:flex}.tracker-retry-btn:hover{background:#4338ca}.sa-hero-section{background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 50%,#4f46e5 100%);border:1px solid #ffffff14;border-radius:16px;margin-bottom:24px;padding:28px 32px;position:relative;overflow:hidden}.sa-hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#a78bfa14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.sa-hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e50f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-40%;left:-10%}.sa-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.sa-hero-left{flex-direction:column;gap:4px;display:flex}.sa-breadcrumb{color:#fff9;align-items:center;gap:6px;font-size:13px;display:flex}.sa-breadcrumb-sep{color:#ffffff4d}.sa-breadcrumb-current{color:#fff;font-weight:500}.sa-hero-title{color:#fff;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.sa-hero-subtitle{color:#ffffffb3;margin:0;font-size:15px}.sa-hero-stats{flex-wrap:wrap;gap:16px;display:flex}.sa-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;min-width:120px;padding:12px 20px;transition:all .3s;display:flex}.sa-stat-card:hover{background:#ffffff1f;transform:translateY(-2px)}.sa-stat-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.sa-stat-number{color:#fff;font-size:22px;font-weight:700;line-height:1.2}.sa-stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.sa-pob-selector-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:20px;padding:16px 20px;transition:all .3s;box-shadow:0 1px 3px #0000000a}.sa-pob-selector-wrapper:hover{box-shadow:0 4px 12px #0000000f}.sa-pob-selector{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sa-pob-selector-label{color:#0f172a;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.sa-pob-selector-label svg{color:#4f46e5}.sa-pob-selector-buttons{flex-wrap:wrap;flex:1;gap:8px;display:flex}.sa-pob-btn{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .25s;display:flex;position:relative}.sa-pob-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.sa-pob-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5;box-shadow:0 4px 12px #4f46e54d}.sa-pob-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.sa-pob-btn.active .sa-pob-btn-count{color:#fff;background:#fff3}.sa-pob-btn-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:1px 10px;font-size:11px;font-weight:600;transition:all .25s}.sa-search-filter-wrapper{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.sa-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-width:250px;transition:all .3s;position:relative;box-shadow:0 1px 3px #0000000a}.sa-search-box:focus-within{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e514}.sa-search-icon{color:#94a3b8;pointer-events:none;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sa-search-input{color:#0f172a;background:0 0;border:none;border-radius:10px;outline:none;width:100%;padding:10px 40px 10px 44px;font-size:14px}.sa-search-input::placeholder{color:#94a3b8}.sa-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sa-search-clear:hover{color:#475569;background:#f1f5f9}.sa-filter-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:0 16px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000a}.sa-filter-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e514}.sa-filter-icon{color:#94a3b8;font-size:14px}.sa-filter-select{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;min-width:130px;padding:10px 8px;font-size:14px;font-weight:500}.sa-filter-select option{padding:8px}.sa-add-form-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:20px;padding:20px 24px;transition:all .3s;box-shadow:0 1px 3px #0000000a}.sa-add-form-wrapper:hover{box-shadow:0 4px 12px #0000000f}.sa-add-form-header{color:#0f172a;align-items:center;gap:10px;margin-bottom:18px;font-size:16px;font-weight:600;display:flex}.sa-add-form-header svg{color:#4f46e5}.sa-add-form-pob{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 14px;font-size:13px;font-weight:400}.sa-add-form{flex-direction:column;gap:14px;display:flex}.sa-form-row{grid-template-columns:1.5fr .8fr .8fr;gap:14px;display:grid}.sa-form-group{flex-direction:column;gap:5px;display:flex}.sa-form-group label{color:#0f172a;font-size:13px;font-weight:500}.sa-required{color:#dc2626;font-weight:600}.sa-input-wrapper{position:relative}.sa-input-icon{color:#94a3b8;pointer-events:none;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sa-input-wrapper input{color:#0f172a;background:#fafbfc;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:14px;transition:all .25s}.sa-input-wrapper input:hover{background:#fff}.sa-input-wrapper input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e514}.sa-input-wrapper input::placeholder{color:#94a3b8}.sa-form-actions{gap:12px;margin-top:6px;display:flex}.sa-btn-secondary{cursor:pointer;color:#475569;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.sa-btn-secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.sa-btn-secondary:active{transform:translateY(0)}.sa-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 14px #4f46e540}.sa-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #4f46e559}.sa-btn-primary:active:not(:disabled){transform:translateY(0)}.sa-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.sa-results-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.sa-results-count{color:#64748b;font-size:14px;font-weight:500}.sa-results-count strong{color:#0f172a}.sa-refresh-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .25s;display:flex}.sa-refresh-btn:hover:not(:disabled){color:#4f46e5;background:#f1f5f9;border-color:#4f46e5;transform:translateY(-1px)}.sa-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.sa-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 1px 3px #0000000a}.sa-table{border-collapse:collapse;width:100%;font-size:14px}.sa-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.sa-table th{text-align:left;color:#0f172a;text-transform:uppercase;letter-spacing:.3px;padding:14px 20px;font-size:13px;font-weight:600}.sa-table td{color:#475569;border-bottom:1px solid #f1f5f9;padding:14px 20px;transition:all .2s}.sa-table tbody tr{transition:all .2s}.sa-table tbody tr:hover{cursor:pointer;background:#f8fafc}.sa-table tbody tr:last-child td{border-bottom:none}.sa-brand-name{color:#0f172a;font-weight:600}.sa-status-badge{border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex}.sa-status-badge.sa-active{color:#059669;background:#d1fae5}.sa-status-badge.sa-active svg{color:#059669}.sa-status-badge.sa-inactive{color:#dc2626;background:#fee2e2}.sa-status-badge.sa-inactive svg{color:#dc2626}.sa-status-toggle{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:6px;padding:6px 18px;font-size:12px;font-weight:600;transition:all .25s}.sa-status-toggle.sa-deactivate{color:#dc2626;background:#fee2e2}.sa-status-toggle.sa-deactivate:hover{background:#fecaca;transform:scale(1.05)}.sa-status-toggle.sa-activate{color:#059669;background:#d1fae5}.sa-status-toggle.sa-activate:hover{background:#a7f3d0;transform:scale(1.05)}.sa-status-toggle:active{transform:scale(.95)}.sa-loading-state{color:#94a3b8;background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.sa-spinner-icon{color:#4f46e5;font-size:36px;animation:1s linear infinite saSpin}@keyframes saSpin{to{transform:rotate(360deg)}}.sa-loading-state span{font-size:14px;font-weight:500}.sa-empty-state{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.sa-empty-icon{margin-bottom:16px;font-size:64px;animation:3s ease-in-out infinite saFloat}@keyframes saFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sa-empty-state h3{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:600}.sa-empty-state p{color:#94a3b8;max-width:400px;margin:0;font-size:15px}.sa-toast{z-index:9999;background:#fff;border-left:4px solid #4f46e5;border-radius:12px;min-width:340px;max-width:480px;animation:.4s cubic-bezier(.16,1,.3,1) saSlideInRight;position:fixed;top:24px;right:24px;overflow:hidden;box-shadow:0 20px 60px #00000026}@keyframes saSlideInRight{0%{opacity:0;transform:translate(60px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.sa-toast.error{border-left-color:#dc2626}.sa-toast.info{border-left-color:#3b82f6}.sa-toast-content{align-items:center;gap:14px;padding:16px 20px;display:flex}.sa-toast-icon{flex-shrink:0;font-size:22px}.sa-toast-message{color:#0f172a;flex:1;font-size:14px;font-weight:500}.sa-toast-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1;transition:all .2s}.sa-toast-close:hover{color:#0f172a;background:#f1f5f9}.sa-toast-progress{background:#4f46e5;height:3px;animation:3s linear forwards saProgressBar}.sa-toast.error .sa-toast-progress{background:#dc2626}.sa-toast.info .sa-toast-progress{background:#3b82f6}@keyframes saProgressBar{0%{width:100%}to{width:0%}}@media (width<=1024px){.sa-hero-title{font-size:24px}.sa-form-row{grid-template-columns:1fr 1fr}.sa-pob-selector-buttons{gap:6px}.sa-pob-btn{padding:6px 14px;font-size:12px}}@media (width<=768px){.sa-hero-section{padding:20px}.sa-hero-content{flex-direction:column;align-items:stretch;gap:16px}.sa-hero-stats{flex-wrap:wrap}.sa-stat-card{flex:1;min-width:100px;padding:10px 16px}.sa-stat-number{font-size:18px}.sa-hero-title{font-size:22px}.sa-pob-selector{flex-direction:column;align-items:flex-start;gap:12px}.sa-pob-selector-buttons{width:100%}.sa-pob-btn{flex:1;justify-content:center;min-width:70px;padding:8px 12px}.sa-search-filter-wrapper{flex-direction:column}.sa-search-box{min-width:unset}.sa-filter-wrapper{width:100%}.sa-filter-select{min-width:unset;flex:1}.sa-add-form-wrapper{padding:16px}.sa-form-row{grid-template-columns:1fr;gap:12px}.sa-form-actions{flex-direction:column}.sa-btn-secondary{justify-content:center}.sa-table-wrapper{border-radius:8px;margin:0 -12px}.sa-table th,.sa-table td{padding:10px 12px;font-size:13px}.sa-table{font-size:13px}.sa-results-header{flex-direction:column;align-items:flex-start;gap:8px}.sa-toast{min-width:unset;max-width:unset;top:16px;left:16px;right:16px}}@media (width<=480px){.sa-hero-section{border-radius:12px;padding:16px}.sa-hero-title{font-size:20px}.sa-hero-subtitle{font-size:13px}.sa-stat-card{min-width:80px;padding:8px 12px}.sa-stat-icon{width:36px;height:36px;font-size:14px}.sa-stat-number{font-size:16px}.sa-stat-label{font-size:10px}.sa-add-form-wrapper{padding:12px}.sa-add-form-header{flex-wrap:wrap;font-size:14px}.sa-input-wrapper input{padding:8px 12px 8px 36px;font-size:13px}.sa-table th,.sa-table td{padding:8px;font-size:12px}.sa-status-badge{padding:3px 10px;font-size:11px}.sa-status-toggle{padding:4px 12px;font-size:10px}.sa-pob-btn{gap:6px;padding:6px 10px;font-size:11px}.sa-pob-btn-count{padding:1px 6px;font-size:10px}.sa-empty-icon{font-size:48px}.sa-empty-state h3{font-size:18px}.sa-empty-state p{font-size:14px}}.sa-text-center{text-align:center}.sa-text-muted{color:#94a3b8}.sa-mb-20{margin-bottom:20px}.sa-mt-20{margin-top:20px}.sa-flex{display:flex}.sa-flex-center{justify-content:center;align-items:center;display:flex}.sa-gap-8{gap:8px}.sa-gap-12{gap:12px}.sa-gap-16{gap:16px}.sa-table-wrapper::-webkit-scrollbar{height:6px}.sa-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.sa-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:all .2s}.sa-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.emp-form-header{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.emp-form-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.emp-back-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.emp-back-btn:hover{background:#f1f5f9;border-color:#94a3b8}.emp-form-title-wrap{flex-direction:column;gap:2px;display:flex}.emp-form-title{color:#0f172a;margin:0;font-size:22px;font-weight:700}.emp-form-subtitle{color:#94a3b8;margin:0;font-size:14px}.emp-form-header-right{align-items:center;display:flex}.emp-form-status{color:#4f46e5;background:#dbeafe;border-radius:20px;padding:4px 16px;font-size:12px;font-weight:500;display:inline-block}.emp-form-status-edit{color:#d97706;background:#fef3c7}.emp-form-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden}.emp-form-body{padding:24px}.emp-form-section{margin-bottom:32px}.emp-form-section:last-child{margin-bottom:0}.emp-form-section-title{color:#0f172a;border-bottom:2px solid #f1f5f9;align-items:center;gap:10px;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:600;display:flex}.emp-form-section-title svg{color:#4f46e5}.emp-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.emp-form-group{flex-direction:column;gap:6px;display:flex}.emp-form-group label{color:#374151;font-size:13px;font-weight:500}.emp-form-group label:after{content:" *";color:#dc2626;font-weight:600}.emp-form-group label:not([for*=required]):after{content:""}.emp-form-group input,.emp-form-group select{color:#0f172a;background:#fafbfc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:all .3s}.emp-form-group input:focus,.emp-form-group select:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.emp-form-group input::placeholder{color:#94a3b8}.emp-form-group select{cursor:pointer;appearance:none;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.emp-form-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.emp-form-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.emp-form-success svg{margin-bottom:20px}.emp-form-success h2{color:#0f172a;margin:0 0 8px;font-size:24px}.emp-form-success p{color:#64748b;margin:0;font-size:16px}@media (width<=768px){.emp-form-header{flex-direction:column;align-items:stretch;padding:16px}.emp-form-header-left{flex-direction:column;align-items:stretch}.emp-back-btn{align-self:flex-start}.emp-form-grid{grid-template-columns:1fr;gap:16px}.emp-form-body{padding:16px}.emp-form-footer{flex-direction:column}.emp-form-footer button{justify-content:center;width:100%}.emp-form-title{font-size:18px}.emp-form-status{align-self:flex-start}}@media (width<=480px){.emp-form-header,.emp-form-body{padding:12px}.emp-form-section{margin-bottom:20px}.emp-form-grid{gap:12px}.emp-form-group input,.emp-form-group select{padding:8px 12px;font-size:13px}.emp-form-footer{padding:12px 16px}}.emp-view-header{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.emp-view-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.emp-view-title-wrap{flex-direction:column;gap:2px;display:flex}.emp-view-title{color:#0f172a;margin:0;font-size:22px;font-weight:700}.emp-view-subtitle{color:#94a3b8;margin:0;font-size:14px}.emp-view-header-right{align-items:center;gap:12px;display:flex}.emp-view-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden}.emp-view-profile-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #f1f5f9;align-items:center;gap:24px;padding:32px 24px;display:flex}.emp-view-avatar-large{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex}.emp-view-profile-info{flex:1}.emp-view-name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.emp-view-name{color:#0f172a;margin:0;font-size:24px;font-weight:700}.emp-view-designation{color:#64748b;margin:4px 0 8px;font-size:16px}.emp-view-meta{color:#94a3b8;align-items:center;gap:8px;font-size:14px;display:flex}.emp-view-meta span:first-child{color:#475569}.emp-view-details-grid{grid-template-columns:1fr 1fr;gap:16px;padding:24px;display:grid}.emp-view-detail-item{background:#f8fafc;border-radius:12px;align-items:flex-start;gap:14px;padding:16px;transition:all .3s;display:flex}.emp-view-detail-item:hover{background:#f1f5f9}.emp-view-detail-icon{color:#4f46e5;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.emp-view-detail-content{flex:1;min-width:0}.emp-view-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600;display:block}.emp-view-detail-value{color:#0f172a;word-break:break-word;margin:4px 0 0;font-size:14px;font-weight:500}.emp-view-status-banner{border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding:16px 24px;font-size:14px;display:flex}.emp-view-status-banner.active{color:#059669;background:#f0fdf4}.emp-view-status-banner.active svg{color:#059669}.emp-view-status-banner.inactive{color:#dc2626;background:#fef2f2}.emp-view-status-banner.inactive svg{color:#dc2626}.emp-view-status-banner strong{font-weight:600}@media (width<=768px){.emp-view-header{flex-direction:column;align-items:stretch;padding:16px}.emp-view-header-left{flex-direction:column;align-items:stretch}.emp-view-profile-header{text-align:center;flex-direction:column;padding:24px 16px}.emp-view-name-row,.emp-view-meta{justify-content:center}.emp-view-details-grid{grid-template-columns:1fr;gap:12px;padding:16px}.emp-view-title{font-size:18px}.emp-view-name{font-size:20px}.emp-view-header-right{width:100%}.emp-view-header-right button{justify-content:center;width:100%}.emp-view-avatar-large{width:64px;height:64px;font-size:24px}}@media (width<=480px){.emp-view-header{padding:12px}.emp-view-profile-header{padding:20px 12px}.emp-view-details-grid{gap:8px;padding:12px}.emp-view-detail-item{padding:12px}.emp-view-status-banner{padding:12px 16px;font-size:13px}.emp-view-detail-value{font-size:13px}}.direct-invoice-page{background:#f8fafc;min-height:100vh;display:flex}.direct-invoice-content{flex:1;margin-left:280px;transition:margin-left .3s}@media (width<=1024px){.direct-invoice-content{margin-left:0}}.direct-invoice-main{margin-top:70px;padding:24px}.direct-invoice-container{max-width:1600px;margin:0 auto}.direct-invoice-hero{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#8b5cf6 100%);border-radius:20px;margin-bottom:32px;padding:32px 40px;position:relative;overflow:hidden}.direct-invoice-hero-bg{position:absolute;inset:0;overflow:hidden}.direct-invoice-hero-pattern{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.direct-invoice-hero-glow{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.direct-invoice-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.direct-invoice-hero-left{align-items:center;gap:20px;display:flex}.direct-invoice-hero-icon-wrapper{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.direct-invoice-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.direct-invoice-hero-title{color:#fff;margin:0;font-size:28px;font-weight:700}.direct-invoice-hero-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.direct-invoice-hero-subtitle{color:#fffc;margin:4px 0 0;font-size:14px}.direct-invoice-hero-right{align-items:center;display:flex}.direct-invoice-hero-actions{align-items:center;gap:12px;display:flex}.direct-invoice-btn-outline{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.direct-invoice-btn-outline:hover{background:#ffffff40;transform:translateY(-2px)}.direct-invoice-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.direct-invoice-stat-card{cursor:default;background:#fff;border-radius:16px;padding:20px 24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.direct-invoice-stat-card:hover{box-shadow:0 8px 24px #00000014}.direct-invoice-stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.direct-invoice-stat-info{flex-direction:column;display:flex}.direct-invoice-stat-value{color:#1f2937;font-size:24px;font-weight:700}.direct-invoice-stat-label{color:#6b7280;margin:2px 0;font-size:14px}.direct-invoice-stat-progress{border-radius:0 4px 0 0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.direct-invoice-table-card{background:#fff;border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.direct-invoice-table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.direct-invoice-table-title{color:#1f2937;margin:0;font-size:18px;font-weight:600}.direct-invoice-table-subtitle{color:#6b7280;font-size:14px}.direct-invoice-table-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.direct-invoice-search-wrapper{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;min-width:250px;padding:8px 14px;transition:all .2s;display:flex}.direct-invoice-search-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.direct-invoice-search-icon{color:#9ca3af;margin-right:10px}.direct-invoice-search-input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;font-size:14px}.direct-invoice-search-input::placeholder{color:#9ca3af}.direct-invoice-filter-wrapper{align-items:center;display:flex}.direct-invoice-filter-select{color:#1f2937;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-width:130px;padding:8px 12px;font-size:13px;transition:all .2s}.direct-invoice-filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.direct-invoice-table-count{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:8px;padding:6px 12px;font-size:13px}.direct-invoice-table-wrapper{margin-bottom:20px;overflow-x:auto}.direct-invoice-table{border-collapse:collapse;width:100%;font-size:13px}.direct-invoice-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.direct-invoice-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:10;background:#f9fafb;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.direct-invoice-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 16px}.direct-invoice-table tbody tr{transition:background-color .2s}.direct-invoice-table tbody tr:hover{background:#f9fafb}.direct-invoice-order-id{color:#4f46e5;letter-spacing:.5px;background:#eef2ff;border-radius:6px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.direct-invoice-emp-code{color:#7c3aed;background:#f3e8ff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.direct-invoice-emp-name{color:#1f2937;font-weight:500}.direct-invoice-hq{color:#1f2937}.direct-invoice-shop-name{color:#1f2937;font-weight:500}.direct-invoice-person-name{color:#1f2937}.direct-invoice-mobile{color:#1f2937;font-weight:500}.direct-invoice-amount{color:#059669;font-weight:600}.direct-invoice-date{color:#6b7280;white-space:nowrap;font-size:12px}.direct-invoice-brand-details{max-width:160px}.direct-invoice-brand-text{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.direct-invoice-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.direct-invoice-pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.direct-invoice-pagination-info{color:#6b7280;font-size:14px}.direct-invoice-pagination-buttons{gap:6px;display:flex}.direct-invoice-page-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.direct-invoice-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#4f46e5}.direct-invoice-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.direct-invoice-page-btn:disabled{opacity:.5;cursor:not-allowed}.direct-invoice-loading-spinner{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.direct-invoice-spinner-ring{border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.direct-invoice-error-box{color:#991b1b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:400px;display:flex}.direct-invoice-error-box h3{margin:0;font-size:1.25rem;font-weight:600}.direct-invoice-error-box p{color:#64748b}.direct-invoice-retry-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:background .2s;display:flex}.direct-invoice-retry-btn:hover{background:#4338ca}@media (width<=768px){.direct-invoice-hero{padding:24px}.direct-invoice-hero-title{font-size:22px}.direct-invoice-hero-content{flex-direction:column;align-items:flex-start}.direct-invoice-hero-right{width:100%}.direct-invoice-hero-actions{flex-wrap:wrap;width:100%}.direct-invoice-stats-grid{grid-template-columns:repeat(2,1fr)}.direct-invoice-table-header,.direct-invoice-table-actions{flex-direction:column;align-items:stretch}.direct-invoice-search-wrapper{min-width:auto}.direct-invoice-pagination{flex-direction:column;align-items:center}.direct-invoice-table{font-size:12px}.direct-invoice-table th,.direct-invoice-table td{padding:8px 10px}}@media (width<=480px){.direct-invoice-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.direct-invoice-stat-card{padding:16px}.direct-invoice-stat-value{font-size:18px}}.invoice-gift-page{background:#f0f2f5;width:100%;height:100vh;min-height:100dvh;display:flex;position:relative;overflow:hidden}.invoice-gift-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);height:100vh;min-height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:auto}@media (width<=1024px){.invoice-gift-content{width:100%;margin-left:0;padding-top:60px}}.invoice-gift-main{flex-direction:column;flex:1;width:100%;padding:20px 0 30px;display:flex}.invoice-gift-container{flex-direction:column;width:100%;max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex;overflow:hidden}.invoice-gift-hero{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-shrink:0;margin-bottom:20px;position:relative;overflow:hidden}.invoice-gift-hero-bg{z-index:0;background:linear-gradient(135deg,#6d28d9 0%,#7c3aed 40%,#8b5cf6 100%);height:100%;min-height:120px;position:absolute;inset:0;overflow:hidden}.invoice-gift-hero-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.invoice-gift-hero-glow{pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.invoice-gift-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:20px;min-height:120px;padding:24px 28px;display:flex;position:relative}.invoice-gift-hero-left{align-items:center;gap:18px;display:flex}.invoice-gift-hero-icon-wrapper{color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.invoice-gift-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.invoice-gift-hero-title{color:#fff;margin:0;font-size:22px;font-weight:700}.invoice-gift-hero-badge{color:#c4b5fd;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:4px;padding:2px 12px;font-size:11px;font-weight:500;display:inline-flex}.invoice-gift-hero-subtitle{color:#ffffffb3;margin:0;font-size:14px}.invoice-gift-hero-right{flex-shrink:0}.invoice-gift-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.invoice-gift-btn-outline{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.invoice-gift-btn-outline:hover{background:#ffffff26;transform:translateY(-2px)}.invoice-gift-stats-grid{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.invoice-gift-stat-card{cursor:default;background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.invoice-gift-stat-card:hover{border-color:#dbeafe;box-shadow:0 8px 30px #7c3aed0f}.invoice-gift-stat-progress{border-radius:0 3px 0 0;height:3px;position:absolute;bottom:0;left:0}.invoice-gift-stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.invoice-gift-stat-icon{width:24px;height:24px}.invoice-gift-stat-info{flex:1}.invoice-gift-stat-value{color:#0f172a;font-size:22px;font-weight:700;display:block}.invoice-gift-stat-label{color:#64748b;font-size:12px;display:block}.invoice-gift-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;flex:1;min-height:0;padding:24px;display:flex}.invoice-gift-table-title{color:#0f172a;margin:0;font-size:18px;font-weight:600}.invoice-gift-table-subtitle{color:#94a3b8;font-size:13px}.invoice-gift-table-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.invoice-gift-table-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.invoice-gift-table-count{color:#94a3b8;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;padding:4px 14px;font-size:12px}.invoice-gift-search-wrapper{position:relative}.invoice-gift-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.invoice-gift-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:220px;padding:8px 14px 8px 38px;font-size:14px;transition:all .3s}.invoice-gift-search-input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.invoice-gift-filter-wrapper{position:relative}.invoice-gift-filter-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;min-width:130px;padding:8px 14px;font-size:14px;transition:all .3s}.invoice-gift-filter-select:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.invoice-gift-table-wrapper{flex:1;min-height:0;margin-bottom:12px;overflow:auto}.invoice-gift-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.invoice-gift-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.invoice-gift-table-wrapper::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:10px}.invoice-gift-table-wrapper::-webkit-scrollbar-thumb:hover{background:#8b5cf6}.invoice-gift-table{border-collapse:collapse;width:100%;min-width:1100px}.invoice-gift-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;z-index:10;background:#f9fafb;border-bottom:2px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.invoice-gift-table tbody td{color:#475569;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:14px}.invoice-gift-table-row{transition:background .2s}.invoice-gift-table-row:hover{background:#f8fafc}.invoice-gift-order-id{color:#7c3aed;letter-spacing:.5px;background:#f3e8ff;border-radius:6px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.invoice-gift-emp-code{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.invoice-gift-emp-name{color:#0f172a;font-weight:500}.invoice-gift-hq{color:#475569}.invoice-gift-shop-name{color:#0f172a;font-weight:500}.invoice-gift-person-name{color:#475569}.invoice-gift-mobile{color:#475569;font-weight:500}.invoice-gift-date{color:#94a3b8;white-space:nowrap;font-size:12px}.invoice-gift-no-image{color:#94a3b8;font-size:13px}.invoice-gift-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex}.invoice-gift-view-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.invoice-gift-view-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed4d}.invoice-gift-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:16px 0 8px;display:flex}.invoice-gift-pagination-info{color:#64748b;align-items:center;gap:20px;font-size:14px;display:flex}.invoice-gift-pagination-info strong{color:#0f172a;font-weight:600}.invoice-gift-pagination-buttons{align-items:center;gap:4px;display:flex}.invoice-gift-page-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.invoice-gift-page-btn:not(:disabled):hover{color:#7c3aed;background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed26}.invoice-gift-page-btn:not(:disabled):active{transform:scale(.94)}.invoice-gift-page-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);animation:2s infinite invoiceGiftPulse;box-shadow:0 4px 14px #7c3aed59}@keyframes invoiceGiftPulse{0%{box-shadow:0 4px 14px #7c3aed59}50%{box-shadow:0 4px 24px #7c3aed80}to{box-shadow:0 4px 14px #7c3aed59}}.invoice-gift-page-btn.active:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #7c3aed73}.invoice-gift-page-btn:disabled{opacity:.4;cursor:not-allowed}.invoice-gift-loading-spinner{color:#64748b;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.invoice-gift-spinner-ring{border:4px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite invoiceGiftSpin}@keyframes invoiceGiftSpin{to{transform:rotate(360deg)}}.invoice-gift-error-box{color:#991b1b;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.invoice-gift-error-box h3{color:#0f172a;margin:0;font-size:20px;font-weight:600}.invoice-gift-error-box p{color:#64748b;margin:0}.invoice-gift-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:10px 24px;font-weight:500;transition:all .3s;display:flex}.invoice-gift-retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed4d}@media (width<=1024px){.invoice-gift-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:20px}.invoice-gift-hero-actions{width:100%}.invoice-gift-hero-actions button{flex:1;justify-content:center}.invoice-gift-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.invoice-gift-container{padding:0 16px}.invoice-gift-hero-title{font-size:18px}.invoice-gift-hero-icon-wrapper{width:44px;height:44px;font-size:20px}.invoice-gift-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.invoice-gift-stat-card{padding:14px 16px}.invoice-gift-stat-value{font-size:18px}.invoice-gift-table-header{flex-direction:column;align-items:stretch}.invoice-gift-table-actions{flex-wrap:wrap}.invoice-gift-search-input,.invoice-gift-filter-select{width:100%}.invoice-gift-pagination{flex-direction:column;align-items:center}.invoice-gift-table-card{padding:16px}.invoice-gift-hero-actions{flex-direction:column}.invoice-gift-hero-actions button{width:100%}.invoice-gift-pagination-info,.invoice-gift-pagination-buttons{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.invoice-gift-container{padding:0 12px}.invoice-gift-main{padding:12px 0 20px}.invoice-gift-stats-grid{grid-template-columns:1fr}.invoice-gift-hero-left{flex-wrap:wrap}.invoice-gift-table thead th,.invoice-gift-table tbody td{padding:8px 10px;font-size:12px}.invoice-gift-table{min-width:700px}.invoice-gift-order-id,.invoice-gift-emp-code{padding:1px 6px;font-size:10px}.invoice-gift-status-badge{padding:2px 10px;font-size:10px}.invoice-gift-view-btn{padding:3px 10px;font-size:10px}.invoice-gift-pagination-info{flex-wrap:wrap;justify-content:center;gap:12px;font-size:12px}.invoice-gift-page-btn{width:30px;height:30px;font-size:12px}}@keyframes invoiceGiftModalIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.invoice-gift-table{min-width:1100px}.invoice-gift-brand-modal{max-width:95%;margin:10px}}@media (width<=480px){.invoice-gift-table{min-width:900px}.invoice-gift-modal-body{padding:16px}.invoice-gift-brand-item{padding:8px 12px;font-size:13px}}.invoice-gift-status-wrapper{align-items:center;gap:4px;display:flex}.invoice-gift-rejection-tooltip{color:#dc2626;cursor:pointer;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:2px;font-size:12px;transition:all .2s;display:inline-flex}.invoice-gift-rejection-tooltip:hover{background:#fecaca;transform:scale(1.2)}.invoice-gift-rejection-reason{color:#991b1b;white-space:nowrap;text-overflow:ellipsis;background:#fee2e2;border-radius:6px;align-items:center;gap:6px;max-width:180px;padding:4px 10px;font-size:12px;display:inline-flex;overflow:hidden}.invoice-gift-rejection-reason svg{color:#dc2626;flex-shrink:0}.invoice-gift-no-reason{color:#94a3b8;font-size:13px}.invoice-gift-invoice-number{color:#4f46e5;background:#eef2ff;border-radius:6px;align-items:center;gap:4px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:500;display:inline-flex}.invoice-gift-invoice-date{color:#475569;white-space:nowrap;font-size:12px}.invoice-gift-brand-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.invoice-gift-brand-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed4d}.invoice-gift-no-brand{color:#94a3b8;font-size:13px}.invoice-gift-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.invoice-gift-brand-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:80vh;animation:.3s invoiceGiftModalIn;overflow:hidden}.invoice-gift-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.invoice-gift-modal-header h3{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.invoice-gift-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.invoice-gift-modal-close:hover{background:#e2e8f0}.invoice-gift-modal-body{max-height:400px;padding:24px;overflow-y:auto}.invoice-gift-brand-list{flex-direction:column;gap:8px;display:flex}.invoice-gift-brand-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.invoice-gift-brand-item:hover{background:#f1f5f9;border-color:#e2e8f0}.invoice-gift-brand-number{color:#94a3b8;min-width:28px;font-size:12px;font-weight:600}.invoice-gift-brand-name{color:#0f172a;font-size:14px;font-weight:500}.invoice-gift-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:16px 24px;display:flex}.invoice-gift-modal-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .2s}.invoice-gift-modal-close-btn:hover{background:#e2e8f0}.invoice-gift-table{min-width:1500px}@media (width<=768px){.invoice-gift-table{min-width:1200px}.invoice-gift-brand-modal{max-width:95%;margin:10px}.invoice-gift-rejection-reason{max-width:120px;padding:3px 8px;font-size:11px}}@media (width<=480px){.invoice-gift-table{min-width:1000px}.invoice-gift-modal-body{padding:16px}.invoice-gift-brand-item{padding:8px 12px;font-size:13px}}.gift-done-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.gift-done-invoice-number{color:#4f46e5;background:#eef2ff;border-radius:6px;align-items:center;gap:4px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:500;display:inline-flex}.gift-done-invoice-date{color:#475569;white-space:nowrap;font-size:12px}.gift-done-table{min-width:1600px}@media (width<=768px){.gift-done-table{min-width:1200px}}@media (width<=480px){.gift-done-table{min-width:1000px}}.gift-done-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}@media (width<=1024px){.gift-done-content{width:100%;margin-left:0;padding-top:60px}}.gift-done-main{flex:1;width:100%;padding:20px 0 30px}.gift-done-container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.gift-done-hero{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden}.gift-done-hero-icon-wrapper{color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.gift-done-btn-outline:hover{background:#ffffff26;transform:translateY(-2px)}.gift-done-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.gift-done-stat-card{cursor:default;background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.gift-done-stat-card:hover{border-color:#dbeafe;box-shadow:0 8px 30px #0596690f}.gift-done-stat-progress{border-radius:0 3px 0 0;height:3px;position:absolute;bottom:0;left:0}.gift-done-stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gift-done-stat-icon{width:24px;height:24px}.gift-done-stat-info{flex:1}.gift-done-stat-value{color:#0f172a;font-size:22px;font-weight:700;display:block}.gift-done-stat-label{color:#64748b;font-size:12px;display:block}.gift-done-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:24px}.gift-done-table-title{color:#0f172a;margin:0;font-size:18px;font-weight:600}.gift-done-table-subtitle{color:#94a3b8;font-size:13px}.gift-done-table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.gift-done-table-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gift-done-table-count{color:#94a3b8;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;padding:4px 14px;font-size:12px}.gift-done-table-wrapper{margin-bottom:12px;overflow-x:auto}.gift-done-table{border-collapse:collapse;width:100%;min-width:1400px}.gift-done-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;background:#f9fafb;border-bottom:2px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600}.gift-done-table tbody td{color:#475569;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:14px}.gift-done-order-id{color:#059669;letter-spacing:.5px;background:#ecfdf5;border-radius:6px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.gift-done-emp-code{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.gift-done-emp-name{color:#0f172a;font-weight:500}.gift-done-hq{color:#475569}.gift-done-person-name{color:#475569}.gift-done-mobile{color:#475569;font-weight:500}.gift-done-date{color:#94a3b8;white-space:nowrap;font-size:12px}.gift-done-location{color:#475569;background:#f1f5f9;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.gift-done-no-location,.gift-done-no-image{color:#94a3b8;font-size:13px}.gift-done-status-badge,.gift-done-gift-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex}.gift-done-view-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.gift-done-view-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0596694d}.gift-done-gift-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.gift-done-gift-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed4d}.gift-done-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:16px 0 8px;display:flex}.gift-done-pagination-info{color:#64748b;align-items:center;gap:20px;font-size:14px;display:flex}.gift-done-pagination-info strong{color:#0f172a;font-weight:600}.gift-done-pagination-buttons{align-items:center;gap:4px;display:flex}.gift-done-page-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.gift-done-page-btn:not(:disabled):hover{color:#059669;background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #05966926}.gift-done-page-btn:not(:disabled):active{transform:scale(.94)}.gift-done-page-btn.active{color:#fff;background:linear-gradient(135deg,#059669,#10b981);animation:2s infinite giftDonePulse;box-shadow:0 4px 14px #05966959}@keyframes giftDonePulse{0%{box-shadow:0 4px 14px #05966959}50%{box-shadow:0 4px 24px #05966980}to{box-shadow:0 4px 14px #05966959}}.gift-done-page-btn.active:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #05966973}.gift-done-loading-spinner{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.gift-done-spinner-ring{border:4px solid #e2e8f0;border-top-color:#059669;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite giftDoneSpin}@keyframes giftDoneSpin{to{transform:rotate(360deg)}}.gift-done-error-box{color:#991b1b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.gift-done-error-box h3{color:#0f172a;margin:0;font-size:20px;font-weight:600}.gift-done-error-box p{color:#64748b;margin:0}.gift-done-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:10px 24px;font-weight:500;transition:all .3s;display:flex}.gift-done-retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0596694d}@media (width<=1024px){.gift-done-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:20px}.gift-done-hero-actions{width:100%}.gift-done-hero-actions button{flex:1;justify-content:center}.gift-done-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gift-done-container{padding:0 16px}.gift-done-hero-title{font-size:18px}.gift-done-hero-icon-wrapper{width:44px;height:44px;font-size:20px}.gift-done-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.gift-done-stat-card{padding:14px 16px}.gift-done-stat-value{font-size:18px}.gift-done-table-header{flex-direction:column;align-items:stretch}.gift-done-table-actions{flex-wrap:wrap}.gift-done-pagination{flex-direction:column;align-items:center}.gift-done-table-card{padding:16px}.gift-done-hero-actions{flex-direction:column}.gift-done-hero-actions button{width:100%}.gift-done-pagination-info,.gift-done-pagination-buttons{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.gift-done-container{padding:0 12px}.gift-done-main{padding:12px 0 20px}.gift-done-stats-grid{grid-template-columns:1fr}.gift-done-hero-left{flex-wrap:wrap}.gift-done-table thead th,.gift-done-table tbody td{padding:8px 10px;font-size:12px}.gift-done-table{min-width:800px}.gift-done-order-id,.gift-done-emp-code{padding:1px 6px;font-size:10px}.gift-done-status-badge,.gift-done-gift-badge{padding:2px 10px;font-size:10px}.gift-done-view-btn,.gift-done-gift-btn{padding:3px 10px;font-size:10px}.gift-done-pagination-info{flex-wrap:wrap;justify-content:center;gap:12px;font-size:12px}.gift-done-page-btn{width:30px;height:30px;font-size:12px}}.eligible-gift-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.eligible-gift-invoice-number{color:#4f46e5;background:#eef2ff;border-radius:6px;align-items:center;gap:4px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:500;display:inline-flex}.eligible-gift-invoice-date{color:#475569;white-space:nowrap;font-size:12px}.eligible-gift-table{min-width:1400px}@media (width<=768px){.eligible-gift-table{min-width:1100px}}@media (width<=480px){.eligible-gift-table{min-width:900px}}.eligible-gift-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}@media (width<=1024px){.eligible-gift-content{width:100%;margin-left:0;padding-top:60px}}.eligible-gift-main{flex:1;width:100%;padding:20px 0 30px}.eligible-gift-container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.eligible-gift-hero{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden}.eligible-gift-hero-icon-wrapper{color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.eligible-gift-btn-outline:hover{background:#ffffff26;transform:translateY(-2px)}.eligible-gift-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.eligible-gift-stat-card{cursor:default;background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.eligible-gift-stat-card:hover{border-color:#dbeafe;box-shadow:0 8px 30px #7c3aed0f}.eligible-gift-stat-progress{border-radius:0 3px 0 0;height:3px;position:absolute;bottom:0;left:0}.eligible-gift-stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.eligible-gift-stat-icon{width:24px;height:24px}.eligible-gift-stat-info{flex:1}.eligible-gift-stat-value{color:#0f172a;font-size:22px;font-weight:700;display:block}.eligible-gift-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:24px}.eligible-gift-table-title{color:#0f172a;margin:0;font-size:18px;font-weight:600}.eligible-gift-table-subtitle{color:#94a3b8;font-size:13px}.eligible-gift-table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.eligible-gift-table-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eligible-gift-table-count{color:#94a3b8;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;padding:4px 14px;font-size:12px}.eligible-gift-table-wrapper{margin-bottom:12px;overflow-x:auto}.eligible-gift-table{border-collapse:collapse;width:100%;min-width:1100px}.eligible-gift-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;background:#f9fafb;border-bottom:2px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600}.eligible-gift-table tbody td{color:#475569;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:14px}.eligible-gift-order-id{color:#7c3aed;letter-spacing:.5px;background:#f3e8ff;border-radius:6px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.eligible-gift-emp-code{color:#2563eb;background:#eff6ff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.eligible-gift-emp-name{color:#0f172a;font-weight:500}.eligible-gift-hq{color:#475569}.eligible-gift-person-name{color:#475569}.eligible-gift-mobile{color:#475569;font-weight:500}.eligible-gift-date{color:#94a3b8;white-space:nowrap;font-size:12px}.eligible-gift-no-image{color:#94a3b8;font-size:13px}.eligible-gift-view-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.eligible-gift-view-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed4d}.eligible-gift-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding:16px 0 8px;display:flex}.eligible-gift-pagination-info{color:#64748b;align-items:center;gap:20px;font-size:14px;display:flex}.eligible-gift-pagination-info strong{color:#0f172a;font-weight:600}.eligible-gift-pagination-buttons{align-items:center;gap:4px;display:flex}.eligible-gift-page-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.eligible-gift-page-btn:not(:disabled):hover{color:#7c3aed;background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed26}.eligible-gift-page-btn:not(:disabled):active{transform:scale(.94)}.eligible-gift-page-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);animation:2s infinite eligibleGiftPulse;box-shadow:0 4px 14px #7c3aed59}@keyframes eligibleGiftPulse{0%{box-shadow:0 4px 14px #7c3aed59}50%{box-shadow:0 4px 24px #7c3aed80}to{box-shadow:0 4px 14px #7c3aed59}}.eligible-gift-page-btn.active:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #7c3aed73}.eligible-gift-loading-spinner{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.eligible-gift-spinner-ring{border:4px solid #e2e8f0;border-top-color:#7c3aed;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite eligibleGiftSpin}@keyframes eligibleGiftSpin{to{transform:rotate(360deg)}}.eligible-gift-error-box{color:#991b1b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.eligible-gift-error-box h3{color:#0f172a;margin:0;font-size:20px;font-weight:600}.eligible-gift-error-box p{color:#64748b;margin:0}.eligible-gift-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:10px 24px;font-weight:500;transition:all .3s;display:flex}.eligible-gift-retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed4d}@media (width<=1024px){.eligible-gift-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:20px}.eligible-gift-hero-actions{width:100%}.eligible-gift-hero-actions button{flex:1;justify-content:center}.eligible-gift-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.eligible-gift-container{padding:0 16px}.eligible-gift-hero-title{font-size:18px}.eligible-gift-hero-icon-wrapper{width:44px;height:44px;font-size:20px}.eligible-gift-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.eligible-gift-stat-card{padding:14px 16px}.eligible-gift-stat-value{font-size:18px}.eligible-gift-table-header{flex-direction:column;align-items:stretch}.eligible-gift-table-actions{flex-wrap:wrap}.eligible-gift-pagination{flex-direction:column;align-items:center}.eligible-gift-table-card{padding:16px}.eligible-gift-hero-actions{flex-direction:column}.eligible-gift-hero-actions button{width:100%}.eligible-gift-pagination-info,.eligible-gift-pagination-buttons{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.eligible-gift-container{padding:0 12px}.eligible-gift-main{padding:12px 0 20px}.eligible-gift-stats-grid{grid-template-columns:1fr}.eligible-gift-hero-left{flex-wrap:wrap}.eligible-gift-table thead th,.eligible-gift-table tbody td{padding:8px 10px;font-size:12px}.eligible-gift-table{min-width:700px}.eligible-gift-order-id,.eligible-gift-emp-code{padding:1px 6px;font-size:10px}.eligible-gift-status-badge{padding:2px 10px;font-size:10px}.eligible-gift-view-btn{padding:3px 10px;font-size:10px}.eligible-gift-pagination-info{flex-wrap:wrap;justify-content:center;gap:12px;font-size:12px}.eligible-gift-page-btn{width:30px;height:30px;font-size:12px}}.invoice-brand-page{background:#f8fafc;min-height:100vh;display:flex}.invoice-brand-content{flex:1;margin-left:280px;transition:margin-left .3s}@media (width<=1024px){.invoice-brand-content{margin-left:0}}.invoice-brand-main{margin-top:70px;padding:24px}.invoice-brand-container{max-width:1600px;margin:0 auto}.invoice-brand-hero{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#8b5cf6 100%);border-radius:20px;margin-bottom:32px;padding:32px 40px;position:relative;overflow:hidden}.invoice-brand-hero-bg{position:absolute;inset:0;overflow:hidden}.invoice-brand-hero-pattern{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.invoice-brand-hero-glow{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.invoice-brand-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.invoice-brand-hero-left{align-items:center;gap:20px;display:flex}.invoice-brand-hero-icon-wrapper{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.invoice-brand-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.invoice-brand-hero-title{color:#fff;margin:0;font-size:28px;font-weight:700}.invoice-brand-hero-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.invoice-brand-hero-subtitle{color:#fffc;margin:4px 0 0;font-size:14px}.invoice-brand-hero-right{align-items:center;display:flex}.invoice-brand-hero-actions{align-items:center;gap:12px;display:flex}.invoice-brand-btn-outline{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.invoice-brand-btn-outline:hover{background:#ffffff40;transform:translateY(-2px)}.invoice-brand-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.invoice-brand-stat-card{cursor:default;background:#fff;border-radius:16px;padding:20px 24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.invoice-brand-stat-card:hover{box-shadow:0 8px 24px #00000014}.invoice-brand-stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.invoice-brand-stat-info{flex-direction:column;display:flex}.invoice-brand-stat-value{color:#1f2937;font-size:24px;font-weight:700}.invoice-brand-stat-label{color:#6b7280;margin:2px 0;font-size:14px}.invoice-brand-stat-progress{border-radius:0 4px 0 0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.invoice-brand-table-card{background:#fff;border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.invoice-brand-table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.invoice-brand-table-title{color:#1f2937;margin:0;font-size:18px;font-weight:600}.invoice-brand-table-subtitle{color:#6b7280;font-size:14px}.invoice-brand-table-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.invoice-brand-search-wrapper{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;min-width:250px;padding:8px 14px;transition:all .2s;display:flex}.invoice-brand-search-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.invoice-brand-search-icon{color:#9ca3af;margin-right:10px}.invoice-brand-search-input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;font-size:14px}.invoice-brand-search-input::placeholder{color:#9ca3af}.invoice-brand-filter-wrapper{align-items:center;display:flex}.invoice-brand-filter-select{color:#1f2937;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-width:130px;padding:8px 12px;font-size:13px;transition:all .2s}.invoice-brand-filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.invoice-brand-table-count{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:8px;padding:6px 12px;font-size:13px}.invoice-brand-table-wrapper{margin-bottom:20px;overflow-x:auto}.invoice-brand-table{border-collapse:collapse;width:100%;min-width:1400px;font-size:13px}.invoice-brand-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.invoice-brand-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:10;background:#f9fafb;padding:12px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.invoice-brand-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 14px}.invoice-brand-table tbody tr{transition:background-color .2s}.invoice-brand-table tbody tr:hover{background:#f9fafb}.invoice-brand-order-id{color:#4f46e5;letter-spacing:.5px;background:#eef2ff;border-radius:6px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.invoice-brand-emp-code{color:#7c3aed;background:#f3e8ff;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.invoice-brand-emp-name{color:#1f2937;font-weight:500}.invoice-brand-hq{color:#1f2937}.invoice-brand-shop-name{color:#1f2937;font-weight:500}.invoice-brand-person-name{color:#1f2937}.invoice-brand-mobile{color:#1f2937;font-weight:500}.invoice-brand-name{color:#4f46e5;font-weight:500}.invoice-brand-qty{color:#1f2937;text-align:center;font-weight:500}.invoice-brand-price{color:#1f2937;font-weight:500}.invoice-brand-total{color:#d97706;font-weight:600}.invoice-brand-cashback{color:#059669;font-weight:600}.invoice-brand-date{color:#6b7280;white-space:nowrap;font-size:11px}.invoice-brand-payment-badge{color:#4b5563;background:#e5e7eb;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.invoice-brand-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.invoice-brand-pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.invoice-brand-pagination-info{color:#6b7280;font-size:14px}.invoice-brand-pagination-buttons{gap:6px;display:flex}.invoice-brand-page-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.invoice-brand-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#4f46e5}.invoice-brand-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.invoice-brand-page-btn:disabled{opacity:.5;cursor:not-allowed}.invoice-brand-loading-spinner{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.invoice-brand-spinner-ring{border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite invoice-brand-spin}@keyframes invoice-brand-spin{to{transform:rotate(360deg)}}.invoice-brand-error-box{color:#991b1b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:400px;display:flex}.invoice-brand-error-box h3{margin:0;font-size:1.25rem;font-weight:600}.invoice-brand-error-box p{color:#64748b}.invoice-brand-retry-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:background .2s;display:flex}.invoice-brand-retry-btn:hover{background:#4338ca}@media (width<=1024px){.invoice-brand-table th,.invoice-brand-table td{padding:10px 12px}}@media (width<=768px){.invoice-brand-hero{padding:24px}.invoice-brand-hero-title{font-size:22px}.invoice-brand-hero-content{flex-direction:column;align-items:flex-start}.invoice-brand-hero-right{width:100%}.invoice-brand-hero-actions{flex-wrap:wrap;width:100%}.invoice-brand-stats-grid{grid-template-columns:repeat(2,1fr)}.invoice-brand-table-header,.invoice-brand-table-actions{flex-direction:column;align-items:stretch}.invoice-brand-search-wrapper{min-width:auto}.invoice-brand-pagination{flex-direction:column;align-items:center}.invoice-brand-table{min-width:1000px;font-size:12px}.invoice-brand-table th,.invoice-brand-table td{padding:8px 10px}}@media (width<=480px){.invoice-brand-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.invoice-brand-stat-card{padding:16px}.invoice-brand-stat-value{font-size:18px}.invoice-brand-table{min-width:800px}}@media (width<=1024px){.brand-content{margin-left:0}}.brand-sku,.brand-qty{color:#1f2937;font-weight:500}@media (width<=768px){.brand-hero{padding:24px}.brand-hero-title{font-size:22px}.brand-hero-content{flex-direction:column;align-items:flex-start}.brand-hero-right{width:100%}.brand-hero-actions{flex-wrap:wrap;width:100%}.brand-stats-grid{grid-template-columns:repeat(2,1fr)}.brand-table-header,.brand-table-actions{flex-direction:column;align-items:stretch}.brand-search-wrapper{min-width:auto}.brand-pagination{flex-direction:column;align-items:center}.brand-table{font-size:12px}.brand-table th,.brand-table td{padding:8px 10px}}@media (width<=480px){.brand-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.brand-stat-card{padding:16px}.brand-stat-value{font-size:18px}}@media (width<=1024px){.gift-content{width:100%;margin-left:0;padding-top:60px}}.gift-person-name,.gift-phone{color:#1f2937;font-weight:500}.gift-modal-body,.gift-image-modal-body{padding:0}@keyframes giftSpin{to{transform:rotate(360deg)}}@media (width<=1024px){.gift-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 20px}.gift-hero-actions{width:100%}.gift-hero-actions button{flex:1;justify-content:center}.gift-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gift-container{padding:0 16px}.gift-hero-title{font-size:17px}.gift-hero-icon-wrapper{width:38px;height:38px;font-size:18px}.gift-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.gift-stat-card{padding:12px 14px}.gift-stat-value{font-size:17px}.gift-table-header{flex-direction:column;align-items:stretch}.gift-table-actions{flex-wrap:wrap}.gift-search-input{width:100%}.gift-pagination{flex-direction:column;align-items:center}.gift-table-card{padding:12px 14px}.gift-hero-actions{flex-direction:column}.gift-hero-actions button{width:100%}.gift-pagination-info,.gift-pagination-buttons{flex-wrap:wrap;justify-content:center}.gift-page-btn{width:28px;height:28px;font-size:12px}.gift-table thead th,.gift-table tbody td{padding:6px 8px;font-size:11px}.gift-table{min-width:1200px}.gift-image-details{grid-template-columns:1fr}}@media (width<=480px){.gift-container{padding:0 12px}.gift-main{padding:10px 0 16px}.gift-stats-grid{grid-template-columns:1fr}.gift-hero-left{flex-wrap:wrap}.gift-pagination-info{gap:8px;font-size:11px}.gift-page-btn{border-radius:4px;width:26px;height:26px;font-size:11px}.gift-table{min-width:1000px;font-size:10px}.gift-table thead th,.gift-table tbody td{padding:4px 6px}.gift-serial-number{font-size:10px}.gift-modal-content{margin:10px}.gift-image-container{padding:16px}.gift-full-image{max-height:250px}}: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)}}@media (width<=1024px){.gift-details-content{width:100%;margin-left:0;padding-top:60px}}@keyframes giftDetailsSpin{to{transform:rotate(360deg)}}@media (width<=1024px){.gift-details-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gift-details-container{padding:0 16px}.gift-details-stats{grid-template-columns:1fr 1fr;gap:10px}.gift-details-toolbar{flex-direction:column;align-items:stretch}.gift-details-toolbar-left{flex-direction:column}.gift-details-search-box{width:100%;min-width:auto}.gift-details-filter-dropdown select{width:100%}.gift-details-pagination{flex-direction:column}.gift-details-modal-content{margin:10px}.gift-details-summary-grid,.gift-details-modal-grid{grid-template-columns:1fr}.gift-details-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 20px}.gift-details-hero-actions{width:100%}.gift-details-hero-actions button{flex:1;justify-content:center}}@media (width<=480px){.gift-details-container{padding:0 12px}.gift-details-main{padding:10px 0 16px}.gift-details-stats{grid-template-columns:1fr}.gift-details-hero-left{flex-wrap:wrap}.gift-details-pagination-info{gap:8px;font-size:11px}.gift-details-pagination-select{padding:2px 4px;font-size:11px}.gift-details-page-btn{width:28px;height:28px;font-size:12px}.gift-details-table{min-width:800px;font-size:11px}.gift-details-table th,.gift-details-table td{padding:6px 8px}.gift-details-serial-number{font-size:10px}.gift-details-modal-content{max-height:95vh;margin:10px}.gift-details-modal-header{padding:12px 16px}.gift-details-modal-body{padding:12px}.gift-details-modal-actions{flex-direction:column}.gift-details-modal-btn{justify-content:center;width:100%}.gift-details-gift-image{max-height:200px}}@media (width<=768px){.gift-details-modal-header{padding:18px 20px}.gift-details-modal-body{padding:16px 18px}.gift-details-modal-summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gift-details-modal-summary-card{padding:12px 14px}.gift-details-modal-summary-value{font-size:14px}.gift-details-modal-shop-card{padding:14px 16px}.gift-details-modal-shop-name{font-size:16px}.gift-details-modal-shop-details{gap:10px;font-size:12px}.gift-details-modal-brands-table thead th,.gift-details-modal-brands-table tbody td,.gift-details-modal-brands-table tfoot td{padding:8px 14px;font-size:12px}.gift-details-modal-content{max-height:95vh;margin:10px}.gift-details-modal-close-btn{justify-content:center;width:100%}}@media (width<=480px){.gift-details-modal-header{padding:14px 16px}.gift-details-modal-body{padding:12px 14px}.gift-details-modal-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.gift-details-modal-summary-card{padding:10px 12px}.gift-details-modal-summary-icon{width:36px;height:36px}.gift-details-modal-summary-icon svg{width:16px;height:16px}.gift-details-modal-summary-value{font-size:13px}.gift-details-modal-title-text{font-size:17px}.gift-details-modal-shop-avatar{width:42px;height:42px}.gift-details-modal-shop-name{font-size:15px}.gift-details-modal-brands-table thead th,.gift-details-modal-brands-table tbody td,.gift-details-modal-brands-table tfoot td{padding:6px 10px;font-size:11px}}@media (width<=1024px){.gift-details-table{min-width:1800px}}@media (width<=768px){.gift-details-modal-invoice-details{grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px}.gift-details-modal-invoice-item{padding:2px 0}.gift-details-modal-invoice-label{font-size:9px}.gift-details-modal-invoice-value{font-size:12px}}@media (width<=480px){.gift-details-modal-invoice-details{grid-template-columns:1fr;gap:6px;padding:10px 12px}.gift-details-modal-invoice-label{font-size:9px}.gift-details-modal-invoice-value{font-size:11px}.gift-details-invoice-number,.gift-details-invoice-date,.gift-details-uploaded-date{font-size:10px}}.eligible-gift-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.eligible-gift-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (width<=1024px){.eligible-gift-content{width:100%;margin-left:0;padding-top:60px}}.eligible-gift-main{flex-direction:column;flex:1;width:100%;padding:16px 0 20px;display:flex;overflow:hidden}.eligible-gift-container{flex-direction:column;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0 24px;display:flex;overflow:auto}.eligible-gift-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.eligible-gift-spinner{border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite eligibleGiftSpin}.eligible-gift-loading span{color:#64748b;font-size:14px}.eligible-gift-hero{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-shrink:0;margin-bottom:16px;position:relative;overflow:hidden}.eligible-gift-hero-bg{z-index:0;background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#8b5cf6 100%);height:100%;min-height:100px;position:absolute;inset:0;overflow:hidden}.eligible-gift-hero-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.eligible-gift-hero-glow{pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.eligible-gift-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:16px;min-height:100px;padding:18px 24px;display:flex;position:relative}.eligible-gift-hero-left{align-items:center;gap:16px;display:flex}.eligible-gift-hero-icon-wrapper{color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.eligible-gift-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eligible-gift-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700}.eligible-gift-hero-badge{color:#a78bfa;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:500;display:inline-flex}.eligible-gift-hero-subtitle{color:#ffffffb3;margin:0;font-size:13px}.eligible-gift-hero-right{flex-shrink:0}.eligible-gift-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.eligible-gift-btn-outline{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.eligible-gift-btn-outline:hover{background:#ffffff26}.eligible-gift-stats{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.eligible-gift-stat-item{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex}.eligible-gift-stat-item:hover{border-color:#dbeafe;box-shadow:0 4px 16px #8b5cf60f}.eligible-gift-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.eligible-gift-stat-number{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2;display:block}.eligible-gift-stat-label{color:#64748b;font-size:11px;display:block}.eligible-gift-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.eligible-gift-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eligible-gift-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:6px 12px;transition:all .3s;display:flex}.eligible-gift-search-box:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.eligible-gift-search-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:13px}.eligible-gift-search-box input::placeholder{color:#94a3b8}.eligible-gift-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.eligible-gift-filter-dropdown{position:relative}.eligible-gift-filter-dropdown select{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:120px;padding:6px 32px 6px 12px;font-size:13px}.eligible-gift-filter-dropdown select:focus{border-color:#8b5cf6;outline:none}.eligible-gift-dropdown-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.eligible-gift-items-per-page{color:#64748b;align-items:center;gap:4px;font-size:13px;display:flex}.eligible-gift-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 6px;font-size:13px}.eligible-gift-toolbar-right{align-items:center;display:flex}.eligible-gift-result-count{color:#64748b;font-size:13px}.eligible-gift-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex:1;min-height:0;overflow:auto}.eligible-gift-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.eligible-gift-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.eligible-gift-table-wrapper::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}.eligible-gift-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7c3aed}.eligible-gift-table{border-collapse:collapse;width:100%;min-width:1400px;font-size:13px}.eligible-gift-table thead{z-index:10;background:#f8fafc;position:sticky;top:0}.eligible-gift-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:2px solid #f1f5f9;padding:10px 12px;font-size:10px;font-weight:600}.eligible-gift-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.eligible-gift-table-row{transition:background .2s}.eligible-gift-table-row:hover{background:#fafbfc}.eligible-gift-table-row:last-child td{border-bottom:none}.eligible-gift-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.eligible-gift-sortable:hover{color:#8b5cf6}.eligible-gift-sort-icon{color:#94a3b8;margin-left:4px;font-size:12px}.eligible-gift-serial-number{color:#94a3b8;font-size:12px;font-weight:600}.eligible-gift-sm-name,.eligible-gift-rsm-name,.eligible-gift-asm-name,.eligible-gift-hq,.eligible-gift-mr-code,.eligible-gift-mr-name{color:#1f2937;font-size:12px}.eligible-gift-sm-name{color:#4f46e5;font-weight:600}.eligible-gift-rsm-name{color:#7c3aed;font-weight:500}.eligible-gift-asm-name{color:#059669;font-weight:500}.eligible-gift-hq{color:#d97706;font-weight:500}.eligible-gift-mr-code{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:2px 8px;font-weight:600;display:inline-block}.eligible-gift-mr-name{color:#0f172a;font-weight:500}.eligible-gift-shop-info,.eligible-gift-person-info,.eligible-gift-mobile-info{align-items:center;gap:6px;display:flex}.eligible-gift-icon{color:#94a3b8}.eligible-gift-shop-name{color:#0f172a;font-weight:500}.eligible-gift-invoice-count{color:#3b82f6;background:#eff6ff;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.eligible-gift-strip-count{color:#7c3aed;background:#f3e8ff;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.eligible-gift-status-badge{border-radius:16px;align-items:center;gap:4px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-flex}.eligible-gift-pagination{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.eligible-gift-pagination-info{color:#64748b;font-size:13px}.eligible-gift-pagination-info strong{color:#0f172a}.eligible-gift-pagination-controls{gap:4px;display:flex}.eligible-gift-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.eligible-gift-page-btn:hover:not(:disabled):not(.active){color:#8b5cf6;background:#f8fafc;border-color:#8b5cf6}.eligible-gift-page-btn.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.eligible-gift-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=1024px){.eligible-gift-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.eligible-gift-container{padding:0 16px}.eligible-gift-stats{grid-template-columns:1fr 1fr;gap:10px}.eligible-gift-toolbar{flex-direction:column;align-items:stretch}.eligible-gift-toolbar-left{flex-direction:column}.eligible-gift-search-box{width:100%;min-width:auto}.eligible-gift-filter-dropdown select{width:100%}.eligible-gift-pagination{flex-direction:column}.eligible-gift-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 20px}.eligible-gift-hero-actions{width:100%}.eligible-gift-hero-actions button{flex:1;justify-content:center}.eligible-gift-table{min-width:1200px;font-size:11px}.eligible-gift-table th,.eligible-gift-table td{padding:6px 8px}.eligible-gift-page-btn{width:28px;height:28px;font-size:12px}}@media (width<=480px){.eligible-gift-container{padding:0 12px}.eligible-gift-main{padding:10px 0 16px}.eligible-gift-stats{grid-template-columns:1fr}.eligible-gift-hero-left{flex-wrap:wrap}.eligible-gift-pagination-info{gap:8px;font-size:11px}.eligible-gift-page-btn{border-radius:4px;width:26px;height:26px;font-size:11px}.eligible-gift-table{min-width:1000px;font-size:10px}.eligible-gift-table th,.eligible-gift-table td{padding:4px 6px}.eligible-gift-serial-number{font-size:10px}}.eligible-gift-stats-single{flex-shrink:0;margin-bottom:16px;display:flex}.eligible-gift-stat-item-single{background:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:center;align-items:center;gap:20px;min-width:300px;padding:20px 32px;transition:all .3s;display:flex;box-shadow:0 2px 8px #8b5cf614}.eligible-gift-stat-item-single:hover{border-color:#dbeafe;transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf61f}.eligible-gift-stat-icon-single{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.eligible-gift-stat-info-single{flex-direction:column;align-items:flex-start;display:flex}.eligible-gift-stat-number-single{color:#0f172a;font-size:28px;font-weight:700;line-height:1.2;display:block}.eligible-gift-stat-label-single{color:#64748b;font-size:14px;font-weight:500;display:block}@media (width<=768px){.eligible-gift-stat-item-single{width:100%;min-width:auto;padding:16px 24px}.eligible-gift-stat-icon-single{width:44px;height:44px}.eligible-gift-stat-icon-single svg{width:22px;height:22px}.eligible-gift-stat-number-single{font-size:22px}.eligible-gift-stat-label-single{font-size:12px}}@media (width<=480px){.eligible-gift-stat-item-single{gap:14px;padding:14px 18px}.eligible-gift-stat-icon-single{width:36px;height:36px}.eligible-gift-stat-icon-single svg{width:18px;height:18px}.eligible-gift-stat-number-single{font-size:20px}.eligible-gift-stat-label-single{font-size:11px}}@media (width<=1024px){.gift-done-content{width:100%;margin-left:0;padding-top:60px}}@media (width<=768px){.gift-done-container{padding:0 16px}.gift-done-stat-item-single{width:100%;min-width:auto;padding:16px 24px}.gift-done-stat-icon-single{width:44px;height:44px}.gift-done-stat-icon-single svg{width:22px;height:22px}.gift-done-stat-number-single{font-size:22px}.gift-done-stat-label-single{font-size:12px}.gift-done-toolbar{flex-direction:column;align-items:stretch}.gift-done-toolbar-left{flex-direction:column}.gift-done-search-box{width:100%;min-width:auto}.gift-done-pagination{flex-direction:column}.gift-done-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 20px}.gift-done-hero-actions{width:100%}.gift-done-hero-actions button{flex:1;justify-content:center}.gift-done-table{min-width:1200px;font-size:11px}.gift-done-table th,.gift-done-table td{padding:6px 8px}.gift-done-page-btn{width:28px;height:28px;font-size:12px}.gift-done-image-details{grid-template-columns:1fr}}@media (width<=480px){.gift-done-container{padding:0 12px}.gift-done-main{padding:10px 0 16px}.gift-done-stat-item-single{gap:14px;padding:14px 18px}.gift-done-stat-icon-single{width:36px;height:36px}.gift-done-stat-icon-single svg{width:18px;height:18px}.gift-done-stat-number-single{font-size:20px}.gift-done-stat-label-single{font-size:11px}.gift-done-page-btn{border-radius:4px;width:26px;height:26px;font-size:11px}.gift-done-table{min-width:1000px;font-size:10px}.gift-done-table th,.gift-done-table td{padding:4px 6px}.gift-done-serial-number{font-size:10px}.gift-done-modal-content{max-height:95vh;margin:10px}.gift-done-image-container{min-height:150px;padding:12px}.gift-done-full-image{max-height:200px}}.admin-send-message-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.admin-send-message-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}@media (width<=1024px){.admin-send-message-content{width:100%;margin-left:0;padding-top:60px}}.admin-send-message-main{flex:1;width:100%;padding:24px 0 30px}.admin-send-message-container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px}.admin-loading-container{justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.admin-loading-spinner{flex-direction:column;align-items:center;gap:16px;display:flex}.admin-spinner-ring{border:4px solid #f1f5f9;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;animation:1s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-loading-spinner span{color:#64748b;font-size:14px;font-weight:500}.admin-message-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.admin-message-header{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #f1f5f9;padding:24px 32px}.admin-header-content{flex-direction:column;gap:8px;display:flex}.admin-header-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.admin-back-button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.admin-back-button:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.admin-message-status{color:#64748b;background:#f1f5f9;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:500}.admin-message-title{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700;display:flex}.admin-title-icon{color:#4f46e5;font-size:24px}.admin-message-subtitle{color:#64748b;margin:0;padding-left:40px;font-size:14px}.admin-message-grid{grid-template-columns:1fr 1fr;gap:0;min-height:600px;display:grid}.admin-message-form-panel{background:#fff;border-right:1px solid #f1f5f9;padding:28px 32px}.admin-employee-list-panel{background:#fafbfc;padding:28px 32px}.admin-form-content{flex-direction:column;gap:20px;display:flex}.admin-form-group{flex-direction:column;gap:6px;display:flex}.admin-form-label{color:#0f172a;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.admin-form-input{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:14px;transition:all .2s}.admin-form-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e51a}.admin-form-textarea{color:#0f172a;resize:vertical;background:#fff;border:2px solid #e2e8f0;border-radius:10px;min-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.admin-form-textarea:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e51a}.admin-char-count{color:#94a3b8;text-align:right;margin-top:4px;font-size:12px}.admin-recipient-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.admin-summary-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.admin-summary-label{color:#0f172a;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.admin-summary-count{color:#64748b;background:#e2e8f0;border-radius:12px;padding:2px 10px;font-size:12px}.admin-selected-recipients{flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;display:flex}.admin-recipient-chip{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:3px 10px 3px 3px;display:flex;box-shadow:0 1px 3px #0000000d}.admin-recipient-chip img{object-fit:cover;border-radius:50%;width:22px;height:22px}.admin-recipient-chip span{color:#0f172a;font-size:12px}.admin-remove-chip{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:all .2s;display:flex}.admin-remove-chip:hover{color:#ef4444;background:#f1f5f9}.admin-all-recipients-badge{color:#1e40af;background:#dbeafe;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.admin-more-recipients{color:#64748b;padding:2px 6px;font-size:12px}.admin-no-recipients{color:#94a3b8;font-size:13px}.admin-send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.admin-send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4f46e54d}.admin-send-button:active:not(:disabled){transform:translateY(0)}.admin-send-button:disabled{opacity:.6;cursor:not-allowed}.admin-send-button.loading{opacity:.8}.admin-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite adminSpin;display:inline-block}.admin-success-message{color:#065f46;background:#d1fae5;border:1px solid #34d399;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.admin-success-message svg{color:#059669;flex-shrink:0}.admin-employee-list-header{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.admin-list-title{color:#0f172a;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.admin-employee-count{color:#64748b;background:#e2e8f0;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.admin-search-wrapper{position:relative}.admin-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-search-input{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:8px 12px 8px 36px;font-size:13px;transition:all .2s}.admin-search-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e51a}.admin-select-all-wrapper{border-bottom:1px solid #e2e8f0;margin-bottom:14px;padding:10px 0}.admin-select-all-label{cursor:pointer;color:#0f172a;align-items:center;gap:10px;font-size:13px;display:flex}.admin-select-all-checkbox{cursor:pointer;accent-color:#4f46e5;width:16px;height:16px}.admin-select-all-text{align-items:center;gap:6px;font-weight:500;display:flex}.admin-select-all-count{color:#94a3b8;font-weight:400}.admin-employee-list{flex-direction:column;gap:6px;max-height:450px;padding-right:4px;display:flex;overflow-y:auto}.admin-employee-list::-webkit-scrollbar{width:6px}.admin-employee-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.admin-employee-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-employee-item{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.admin-employee-item:hover{background:#f8fafc;border-color:#e2e8f0}.admin-employee-item.selected{background:#eef2ff;border-color:#4f46e5}.admin-employee-avatar{flex-shrink:0;width:36px;height:36px}.admin-employee-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.admin-employee-info{flex:1;min-width:0}.admin-employee-name{color:#0f172a;font-size:13px;font-weight:600}.admin-employee-email{color:#64748b;font-size:11px}.admin-employee-department{color:#94a3b8;background:#f1f5f9;border-radius:4px;margin-top:1px;padding:1px 8px;font-size:10px;display:inline-block}.admin-employee-check{flex-shrink:0}.admin-check-circle{border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.admin-check-circle.filled{color:#fff;background:#4f46e5;border-color:#4f46e5}.admin-check-circle.empty{background:#fff}.admin-no-results{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.admin-no-results svg{color:#cbd5e1;margin-bottom:10px}.admin-no-results p{margin:0;font-size:13px}@media (width<=1200px){.admin-send-message-container{padding:0 20px}.admin-message-grid{grid-template-columns:1fr}.admin-message-form-panel{border-bottom:1px solid #f1f5f9;border-right:none}}@media (width<=1024px){.admin-send-message-content{width:100%;margin-left:0;padding-top:60px}.admin-message-header,.admin-message-form-panel,.admin-employee-list-panel{padding:20px 24px}.admin-message-grid{grid-template-columns:1fr}.admin-message-form-panel{border-bottom:1px solid #f1f5f9;border-right:none}}@media (width<=768px){.admin-send-message-container{padding:0 16px}.admin-send-message-main{padding:16px 0 20px}.admin-message-header{padding:16px 20px}.admin-message-title{font-size:20px}.admin-message-subtitle{padding-left:0;font-size:13px}.admin-message-form-panel,.admin-employee-list-panel{padding:16px 20px}.admin-header-top{flex-direction:column;align-items:flex-start;gap:10px}.admin-employee-item{padding:8px 10px}.admin-send-button{padding:10px 20px;font-size:14px}.admin-form-textarea{min-height:100px}}@media (width<=480px){.admin-send-message-container{padding:0 12px}.admin-send-message-main{padding:12px 0 16px}.admin-message-header{padding:14px 16px}.admin-message-title{font-size:18px}.admin-message-title svg{font-size:20px}.admin-message-subtitle{font-size:12px}.admin-message-form-panel,.admin-employee-list-panel{padding:14px 16px}.admin-form-input,.admin-form-textarea{padding:8px 12px;font-size:13px}.admin-employee-item{gap:8px;padding:6px 8px}.admin-employee-avatar{width:30px;height:30px}.admin-employee-name{font-size:12px}.admin-employee-email{font-size:10px}.admin-employee-department{font-size:9px}.admin-check-circle{width:18px;height:18px}.admin-check-circle svg{font-size:12px}.admin-send-button{padding:8px 16px;font-size:13px}.admin-recipient-chip{font-size:11px}.admin-recipient-chip img{width:18px;height:18px}.admin-success-message{padding:8px 12px;font-size:12px}.admin-back-button{padding:4px 10px;font-size:12px}.admin-message-status{padding:2px 10px;font-size:10px}}.mr-dashboard-sidebar{z-index:1000;background:#1a1a2e;border-right:1px solid #ffffff0d;flex-direction:column;width:270px;height:100dvh;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 30px #0003}.mr-dashboard-sidebar.mr-open{transform:translate(0)}.mr-dashboard-sidebar::-webkit-scrollbar{width:4px}.mr-dashboard-sidebar::-webkit-scrollbar-track{background:#ffffff05}.mr-dashboard-sidebar::-webkit-scrollbar-thumb{background:#d84e554d;border-radius:10px}.mr-dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#d84e5580}.mr-sidebar-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;display:flex}.mr-sidebar-logo{align-items:center;gap:12px;display:flex}.mr-logo-icon{background:linear-gradient(135deg,#d84e55,#e87077);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 15px #d84e554d}.mr-logo-icon svg{color:#fff;width:22px;height:22px}.mr-logo-text{flex-direction:column;display:flex}.mr-logo-main{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:700;line-height:1.2}.mr-logo-sub{color:#fff6;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:400}.mr-sidebar-close{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;padding:6px 10px;font-size:18px;transition:all .3s;display:none}.mr-sidebar-close:hover{color:#fff;background:#d84e5533}.mr-sidebar-user{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 14px;display:flex}.mr-sidebar-user-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 10px #d84e554d}.mr-sidebar-user-info{flex:1;min-width:0}.mr-sidebar-user-name{color:#fff;font-size:14px;font-weight:600;line-height:1.3;display:block}.mr-sidebar-user-role{color:#fff6;font-size:11px;font-weight:400;display:block}.mr-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:4px 0;display:flex}.mr-nav-item{color:#ffffff80;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .25s;display:flex;position:relative}.mr-nav-item:hover{color:#fffc;background:#ffffff0f}.mr-nav-item.mr-active{color:#fff;background:#d84e5526;box-shadow:0 0 20px #d84e550d}.mr-nav-item.mr-active:before{content:"";background:#d84e55;border-radius:0 4px 4px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mr-nav-item svg{min-width:20px;color:inherit;flex-shrink:0}.mr-nav-item span{flex:1;display:inline-block}.mr-nav-arrow{opacity:.6;flex-shrink:0;transition:transform .3s}.mr-nav-item.mr-active .mr-nav-arrow{opacity:1;transform:translate(2px)}.mr-nav-group{flex-direction:column;width:100%;display:flex}.mr-nav-parent{cursor:pointer;width:100%;justify-content:space-between!important;align-items:center!important;display:flex!important}.mr-nav-item-content{flex:1;align-items:center;gap:14px;display:flex}.mr-nav-arrow-icon{color:#ffffff4d;flex-shrink:0;align-items:center;transition:transform .2s;display:flex}.mr-nav-parent.mr-active .mr-nav-arrow-icon{color:#ffffffb3}.mr-nav-children{flex-direction:column;width:100%;animation:.25s mrSlideDown;display:flex;overflow:hidden}.mr-nav-children-depth-1{padding-left:8px}.mr-nav-children-depth-2{padding-left:16px}.mr-nav-child{font-size:13px;padding-left:40px!important}.mr-nav-child.mr-active:before{height:20px}.mr-nav-sub-child{color:#ffffff59;font-size:12px;padding-left:56px!important}.mr-nav-sub-child:hover{color:#ffffffb3}.mr-nav-sub-child.mr-active{color:#fff;background:#d84e551f}@keyframes mrSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.mr-nav-children .mr-nav-item{border-left:2px solid #0000;border-radius:0 10px 10px 0}.mr-nav-children .mr-nav-item:hover{border-left-color:#d84e554d}.mr-nav-children .mr-nav-item.mr-active{border-left-color:#d84e55}.mr-sidebar-footer{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.mr-sidebar-version{color:#fff3;text-align:center;padding:4px 0;font-size:11px}.mr-logout-btn{color:#fff9;cursor:pointer;text-align:left;background:#d84e551a;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex}.mr-logout-btn:hover{color:#fff;background:#d84e5533}.mr-logout-btn svg{color:inherit;flex-shrink:0}.mr-logout-btn span{flex:1}.mr-sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);background:#00000080;animation:.3s mrFadeIn;position:fixed;inset:0}@keyframes mrFadeIn{0%{opacity:0}to{opacity:1}}.mr-sidebar-loading{color:#ffffff4d;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}@keyframes mrSpin{to{transform:rotate(360deg)}}@media (width>=769px){.mr-dashboard-sidebar{transform:translate(0)}.mr-sidebar-close,.mr-sidebar-overlay{display:none!important}}@media (width<=768px){.mr-dashboard-sidebar{width:280px}.mr-sidebar-close{display:block}.mr-sidebar-user{padding:10px 12px}.mr-sidebar-user-avatar{width:36px;height:36px;font-size:12px}.mr-sidebar-user-name{font-size:13px}.mr-nav-item{padding:10px 14px;font-size:13px}.mr-nav-child{padding-left:32px!important}.mr-nav-sub-child{padding-left:48px!important}}@media (width<=400px){.mr-dashboard-sidebar{width:260px;padding:16px}.mr-logo-icon{width:36px;height:36px}.mr-logo-icon svg{width:18px;height:18px}.mr-logo-main{font-size:17px}.mr-nav-item{gap:10px;padding:8px 12px;font-size:12px}.mr-nav-child{padding-left:28px!important}.mr-nav-sub-child{padding-left:40px!important}.mr-sidebar-user-avatar{width:32px;height:32px;font-size:11px}.mr-sidebar-user-name{font-size:12px}.mr-sidebar-user-role{font-size:10px}.mr-logout-btn{padding:10px 14px;font-size:13px}}@media (height<=600px){.mr-sidebar-header{margin-bottom:16px;padding-bottom:12px}.mr-sidebar-user{margin-bottom:16px;padding:8px 12px}.mr-sidebar-user-avatar{width:32px;height:32px;font-size:11px}.mr-sidebar-user-name{font-size:12px}.mr-nav-item{gap:10px;padding:8px 12px;font-size:13px}.mr-nav-item.mr-active:before{height:18px}.mr-nav-child{padding-left:28px!important}.mr-sidebar-footer{padding-top:10px}.mr-logout-btn{padding:8px 12px;font-size:13px}.mr-sidebar-version{font-size:10px}}@media (height<=500px){.mr-sidebar-header{margin-bottom:10px;padding-bottom:8px}.mr-logo-icon{width:32px;height:32px}.mr-logo-icon svg{width:16px;height:16px}.mr-logo-main{font-size:16px}.mr-logo-sub{font-size:9px}.mr-sidebar-user{margin-bottom:10px;padding:6px 10px}.mr-sidebar-user-avatar{width:28px;height:28px;font-size:10px}.mr-nav-item{gap:8px;padding:6px 10px;font-size:12px}.mr-nav-child{padding-left:24px!important}.mr-logout-btn{padding:6px 10px;font-size:12px}.mr-sidebar-version{font-size:9px}}.mr-nav-children-depth-3{padding-left:24px}.mr-nav-item-with-badge{position:relative}.mr-nav-item-with-badge .mr-badge{color:#fff;background:#d84e55;border-radius:10px;padding:2px 8px;font-size:10px;position:absolute;right:12px}.mr-nav-children-collapsed{opacity:0;max-height:0;transition:all .3s;overflow:hidden}.mr-nav-children-expanded{opacity:1;max-height:500px}@media (width<=500px){.mr-dashboard-sidebar{width:240px;padding:12px}.mr-nav-child{padding-left:20px!important}}.dashboard-header{z-index:100;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;min-height:64px;padding:12px 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.menu-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:4px;transition:all .3s}.header-brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:#d84e55;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brand-icon svg{width:20px;height:20px}.brand-info{flex-direction:column;display:flex}.page-title{color:#0f172a;margin:0;font-size:18px;font-weight:600;line-height:1.2}.page-subtitle{color:#94a3b8;font-size:11px;font-weight:500}.header-right{align-items:center;gap:12px;display:flex}.notification-wrapper{position:relative}.notification-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex;position:relative}.notification-btn:hover,.notification-btn.active{color:#0f172a;background:#f1f5f9}.notification-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;animation:2s infinite pulse-badge;display:flex;position:absolute;top:2px;right:2px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-dropdown{z-index:1000;background:#fff;border:1px solid #f1f5f9;border-radius:16px;width:380px;max-width:90vw;animation:.25s slideDown;position:absolute;top:calc(100% + 12px);right:-8px;overflow:hidden;box-shadow:0 10px 40px #0000001f}.notification-header{background:#fafbfc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notification-title{color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.notification-count{color:#ef4444;background:#fef2f2;border-radius:12px;padding:1px 10px;font-size:11px;font-weight:500}.mark-all-read-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .2s}.mark-all-read-btn:hover{background:#eff6ff}.notification-list{max-height:380px;padding:4px 0;overflow-y:auto}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-track{background:#f1f5f9}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.no-notifications{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-notifications span{margin-bottom:8px;font-size:40px}.no-notifications p{margin:0;font-size:14px}.notification-item{cursor:pointer;border-left:3px solid #0000;gap:12px;padding:12px 20px;transition:all .2s;display:flex}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#f0f9ff;border-left-color:#2563eb}.notification-item.unread:hover{background:#e0f2fe}.notification-icon{background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.notification-item.unread .notification-icon{background:#dbeafe}.notification-content{flex:1;min-width:0}.notification-title-text{color:#0f172a;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.notification-title-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unread-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:6px;height:6px}.notification-message{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 4px;font-size:13px;display:-webkit-box;overflow:hidden}.notification-time{color:#94a3b8;font-size:11px}.notification-footer{text-align:center;border-top:1px solid #f1f5f9;padding:12px 20px}.view-all-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.view-all-btn:hover{background:#eff6ff}.profile-wrapper{position:relative}.profile-btn:hover,.profile-btn.active{background:#f1f5f9}.user-avatar{color:#fff;background:#d84e55;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-info{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.user-role{color:#94a3b8;font-size:11px}.dropdown-arrow{color:#94a3b8;transition:transform .3s}.dropdown-arrow.rotated{transform:rotate(180deg)}.profile-dropdown{z-index:1000;background:#fff;border:1px solid #f1f5f9;border-radius:16px;width:280px;animation:.25s slideDown;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}.profile-dropdown-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:20px;display:flex}.profile-dropdown-avatar{color:#fff;background:#d84e55;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.profile-dropdown-info{flex-direction:column;gap:2px;display:flex}.profile-dropdown-name{color:#0f172a;font-size:14px;font-weight:600}.profile-dropdown-role{color:#64748b;font-size:12px}.profile-dropdown-email{color:#94a3b8;font-size:12px}.profile-dropdown-menu{padding:8px 0}.dropdown-item{cursor:pointer;color:#0f172a;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 20px;font-size:13px;transition:all .2s;display:flex}.dropdown-item:hover{background:#f1f5f9}.dropdown-item svg{color:#64748b}.profile-dropdown-footer{border-top:1px solid #f1f5f9;padding:8px 0}.logout-dropdown-btn{cursor:pointer;color:#ef4444;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 20px;font-size:13px;transition:all .2s;display:flex}.logout-dropdown-btn:hover{background:#fef2f2}.logout-dropdown-btn svg{color:#ef4444}@media (width<=768px){.dashboard-header{padding:10px 16px}.header-brand .brand-info .page-subtitle{display:none}.page-title{font-size:16px}.user-info{display:none}.profile-btn{padding:6px}.notification-dropdown{width:340px;right:-60px}.profile-dropdown{width:260px;right:-10px}}@media (width<=480px){.dashboard-header{padding:8px 12px}.brand-icon{width:30px;height:30px}.brand-icon svg{width:16px;height:16px}.page-title{font-size:14px}.notification-dropdown{width:300px;right:-50px}.notification-header{flex-wrap:wrap;gap:8px;padding:12px 16px}.notification-item{padding:10px 16px}.profile-dropdown{width:240px;right:-5px}.profile-dropdown-header{padding:16px}}.lh-container{background:#f1f5f9;min-height:100vh;display:flex}.lh-main{flex-direction:column;flex:1;display:flex}.lh-content{width:100%;max-width:1400px;margin:0 auto;padding:24px 32px}.lh-history-card{background:#fff;border-radius:20px;margin-top:8px;padding:28px 32px;transition:all .2s;box-shadow:0 4px 24px #0000000f}.lh-history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.lh-history-header h2{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:1.6rem;font-weight:600;display:flex}.lh-total-count{color:#6b7280;margin-left:4px;font-size:1rem;font-weight:400}.lh-btn-back{cursor:pointer;color:#374151;background:0 0;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.lh-btn-back:hover{background:#f1f5f9;border-color:#94a3b8}.lh-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:28px;display:grid}.lh-stat-card{cursor:default;background:#f8fafc;border-left:4px solid;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.lh-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.lh-stat-icon{background:#ffffffb3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lh-stat-content{flex-direction:column;display:flex}.lh-stat-value{color:#0f172a;font-size:1.4rem;font-weight:700;line-height:1.2}.lh-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.lh-table-wrapper{border:1px solid #eef2f6;border-radius:14px;margin-top:8px;overflow-x:auto}.lh-table{border-collapse:collapse;width:100%;min-width:800px;font-size:.9rem}.lh-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.lh-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.3px;padding:14px 18px;font-size:.8rem;font-weight:600}.lh-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.lh-table tbody tr:hover{background:#f8fafc}.lh-table tbody td{color:#1e293b;vertical-align:middle;padding:14px 18px}.lh-type-badge{color:#4f46e5;background:#eef2ff;border-radius:20px;padding:2px 12px;font-size:.8rem;font-weight:500;display:inline-block}.lh-days-badge{color:#334155;background:#f1f5f9;border-radius:20px;padding:2px 12px;font-size:.8rem;font-weight:600;display:inline-block}.lh-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.lh-status-approved{color:#16a34a;background:#dcfce7}.lh-status-pending{color:#d97706;background:#fef3c7}.lh-status-rejected{color:#dc2626;background:#fee2e2}.lh-attachment-link{color:#3b82f6;align-items:center;gap:4px;font-weight:500;text-decoration:none;display:inline-flex}.lh-attachment-link:hover{color:#2563eb;text-decoration:underline}.lh-reason-cell{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.lh-mobile-grid{flex-direction:column;gap:16px;margin-top:16px;display:none}.lh-mobile-card{background:#f8fafc;border:1px solid #eef2f6;border-radius:14px;padding:16px 18px;transition:all .2s}.lh-mobile-card:hover{background:#fff;box-shadow:0 4px 12px #0000000f}.lh-mobile-header{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.lh-mobile-type{color:#0f172a;font-size:1rem;font-weight:600}.lh-mobile-body{flex-direction:column;gap:6px;display:flex}.lh-mobile-row{justify-content:space-between;font-size:.85rem;display:flex}.lh-mobile-label{color:#64748b;font-weight:500}.lh-mobile-reason{text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.lh-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.lh-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.lh-empty-state{text-align:center;color:#94a3b8;padding:60px 20px}.lh-empty-state h3{color:#334155;margin:16px 0 8px;font-weight:500}.lh-empty-state p{max-width:400px;margin:0 auto;font-size:.95rem}.lh-error-state{text-align:center;color:#dc2626;padding:40px 20px}.lh-error-state button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;margin-top:12px;padding:8px 24px;font-weight:500;transition:background .2s}.lh-error-state button:hover{background:#2563eb}@media (width<=992px){.lh-content,.lh-history-card{padding:20px 24px}}@media (width<=768px){.lh-content{padding:16px}.lh-history-card{border-radius:16px;padding:16px 18px}.lh-history-header h2{font-size:1.3rem}.lh-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lh-stat-card{padding:12px 16px}.lh-stat-value{font-size:1.2rem}.lh-table-wrapper{display:none}.lh-mobile-grid{display:flex}}@media (width<=480px){.lh-history-header{flex-direction:column;align-items:stretch}.lh-btn-back{justify-content:center}.lh-stats-grid{grid-template-columns:1fr 1fr}}.mr-invoice-gift-container{background:#f0f4ff;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.mr-invoice-gift-main{flex:1;width:100%;min-height:100vh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@media (width>=769px){.mr-invoice-gift-main{margin-left:270px}}.mr-invoice-gift-content{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 32px}.mr-invoice-gift-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.mr-invoice-gift-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mr-invoice-gift-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #f1f5f9;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.mr-invoice-gift-table{border-collapse:collapse;width:100%;min-width:1300px;font-size:14px}.mr-invoice-gift-table thead{background:#f8fafc}.mr-invoice-gift-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:12px;font-weight:600}.mr-invoice-gift-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.mr-order-id{color:#7c3aed;background:#ede9fe;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.mr-invoice-number{color:#374151;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:500;display:inline-block}.mr-shop-info,.mr-mobile-info{align-items:center;gap:6px;display:flex}.mr-gift-date{color:#6b7280;font-size:13px}.mr-rejection-reason-cell{color:#991b1b;white-space:nowrap;text-overflow:ellipsis;background:#fee2e2;border-radius:6px;align-items:center;gap:4px;max-width:150px;padding:3px 10px;font-size:12px;display:inline-flex;overflow:hidden}.mr-rejection-reason-cell svg{color:#dc2626;flex-shrink:0}.mr-no-reason{color:#94a3b8;font-size:13px}.mr-status-badge,.mr-gift-status-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.mr-gift-delivered{color:#059669;background:#d1fae5}.mr-gift-pending{color:#d97706;background:#fef3c7}.mr-action-buttons{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;min-width:120px;display:flex}.mr-action-btn{cursor:pointer!important;border:none!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;font-size:13px!important;transition:all .2s!important;display:inline-flex!important}.mr-action-btn:hover{transform:scale(1.1)!important;box-shadow:0 2px 8px #00000026!important}.mr-action-btn:active{transform:scale(.95)!important}.mr-view-invoice{color:#3b82f6!important;background:#eff6ff!important}.mr-view-invoice:hover{color:#fff!important;background:#3b82f6!important}.mr-view-gift{color:#059669!important;background:#d1fae5!important}.mr-view-gift:hover{color:#fff!important;background:#059669!important}.mr-upload-gift{color:#d97706!important;background:#fef3c7!important}.mr-upload-gift:hover{color:#fff!important;background:#d97706!important}.mr-view-brands{color:#7c3aed!important;background:#ede9fe!important}.mr-view-brands:hover{color:#fff!important;background:#7c3aed!important}@keyframes mrModalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mr-summary-content{flex-direction:column;gap:2px;min-width:0;display:flex}.mr-gift-date-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:12px 16px}.mr-gift-date-section h4{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;margin:0 0 4px;font-size:11px;font-weight:600}.mr-gift-date-value{color:#0f172a;margin:0;font-size:14px;font-weight:500}.mr-brands-table thead th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:2px solid #e5e7eb;padding:8px 12px;font-size:11px;font-weight:600}.mr-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;display:flex}.mr-modal-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 24px;font-size:13px;font-weight:500;transition:all .2s}.mr-upload-modal{max-width:520px}.mr-upload-area{text-align:center;background:#fafbfc;border:2px dashed #e2e8f0;border-radius:12px;padding:30px 20px;transition:all .3s;position:relative}.mr-upload-area h4{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:600}.mr-upload-area p{color:#94a3b8;margin:0 0 12px;font-size:13px}.mr-upload-format{color:#94a3b8;flex-wrap:wrap;justify-content:center;gap:16px;font-size:12px;display:flex}.mr-upload-input{opacity:0;cursor:pointer;position:absolute;inset:0}.mr-upload-file{color:#7c3aed;background:#ede9fe;border:1px solid #d4c4f9;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;font-size:13px;display:inline-flex}.mr-upload-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.mr-upload-remove:hover{color:#dc2626}.mr-modal-footer{background:#fafbfc;border-top:1px solid #f1f5f9;border-radius:0 0 12px 12px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.mr-modal-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:8px 24px;font-size:13px;font-weight:500;transition:all .2s}.mr-modal-btn-cancel:hover{background:#e2e8f0;transform:translateY(-1px)}.mr-modal-btn-upload{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 28px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mr-modal-btn-upload:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed59}.mr-modal-btn-upload:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (width<=1024px){.mr-invoice-gift-stats,.mr-order-summary-grid{grid-template-columns:repeat(2,1fr)}.mr-invoice-gift-table{min-width:1100px}}@media (width<=768px){.mr-invoice-gift-content{padding:16px}.mr-invoice-gift-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mr-stat-item{padding:12px 14px}.mr-stat-number{font-size:18px}.mr-invoice-gift-toolbar,.mr-toolbar-left{flex-direction:column;align-items:stretch}.mr-search-box{max-width:100%}.mr-invoice-gift-table{min-width:900px;font-size:12px}.mr-invoice-gift-table th,.mr-invoice-gift-table td{padding:8px 10px}.mr-chemist-avatar{width:28px;height:28px;font-size:12px}.mr-action-btn{width:26px!important;min-width:26px!important;height:26px!important;font-size:11px!important}.mr-action-buttons{gap:3px;min-width:80px}.mr-pagination{flex-direction:column;align-items:center}.mr-order-summary-grid{grid-template-columns:repeat(2,1fr)}.mr-modal-content{max-width:95%;margin:10px}.mr-upload-modal{max-width:95%}.mr-modal-footer{flex-direction:column;gap:8px}.mr-modal-btn-cancel,.mr-modal-btn-upload{justify-content:center;width:100%}.mr-rejection-reason-cell{max-width:80px;padding:2px 6px;font-size:10px}}@media (width<=480px){.mr-invoice-gift-stats{grid-template-columns:1fr 1fr;gap:8px}.mr-stat-item{padding:10px 12px}.mr-stat-icon{width:32px;height:32px}.mr-stat-number{font-size:15px}.mr-stat-label{font-size:10px}.mr-invoice-gift-table{min-width:700px;font-size:11px}.mr-invoice-gift-table th,.mr-invoice-gift-table td{padding:6px 8px}.mr-action-btn{border-radius:4px!important;width:22px!important;min-width:22px!important;height:22px!important;font-size:10px!important}.mr-action-buttons{gap:2px;min-width:60px}.mr-order-summary-grid{grid-template-columns:1fr}.mr-modal-header{padding:14px 16px}.mr-modal-title h2{font-size:16px}.mr-modal-body{padding:14px 16px}.mr-upload-area{padding:20px 12px}.mr-modal-footer{padding:12px 16px}.mr-rejection-reason-cell{max-width:50px;padding:1px 4px;font-size:9px}.mr-invoice-image-container{max-width:120px}.mr-invoice-image-thumb{max-height:80px}}.mr-invoice-gift-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.mr-invoice-gift-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-invoice-gift-table-wrapper::-webkit-scrollbar-thumb{background:#7c3aed;border-radius:4px}.mr-invoice-gift-table-wrapper::-webkit-scrollbar-thumb:hover{background:#6d28d9}.dcr-container{background:#f1f5f9;min-height:100vh;display:flex}.dcr-main{flex-direction:column;flex:1;display:flex}.dcr-content{width:100%;max-width:1400px;margin:0 auto;padding:24px 32px}.dcr-list-card{background:#fff;border-radius:20px;margin-top:8px;padding:28px 32px;box-shadow:0 4px 24px #0000000f}.dcr-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dcr-list-header h2{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:1.6rem;font-weight:600;display:flex}.dcr-total-count{color:#6b7280;margin-left:4px;font-size:1rem;font-weight:400}.dcr-btn-add{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.dcr-btn-add:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.dcr-table-wrapper{border:1px solid #eef2f6;border-radius:14px;margin-top:8px;overflow-x:auto}.dcr-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:.9rem}.dcr-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.dcr-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.3px;padding:14px 18px;font-size:.8rem;font-weight:600}.dcr-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.dcr-table tbody tr:hover{background:#f8fafc}.dcr-table tbody td{color:#1e293b;vertical-align:middle;padding:14px 18px}.dcr-type-badge{color:#4f46e5;background:#eef2ff;border-radius:20px;padding:2px 12px;font-size:.8rem;font-weight:500;display:inline-block}.dcr-status-badge{border-radius:20px;padding:4px 14px;font-size:.8rem;font-weight:500;display:inline-block}.dcr-purpose-cell{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.dcr-mobile-grid{flex-direction:column;gap:16px;margin-top:16px;display:none}.dcr-mobile-card{background:#f8fafc;border:1px solid #eef2f6;border-radius:14px;padding:16px 18px;transition:all .2s}.dcr-mobile-card:hover{background:#fff;box-shadow:0 4px 12px #0000000f}.dcr-mobile-header{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.dcr-mobile-type{flex-direction:column;gap:2px;display:flex}.dcr-visit-type{color:#0f172a;font-size:1rem;font-weight:600}.dcr-visit-date{color:#6b7280;font-size:.8rem}.dcr-mobile-body{flex-direction:column;gap:8px;display:flex}.dcr-mobile-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.dcr-mobile-label{color:#64748b;align-items:center;gap:6px;font-weight:500;display:flex}.dcr-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.dcr-empty-state{text-align:center;color:#94a3b8;padding:60px 20px}.dcr-empty-state h3{color:#334155;margin:16px 0 8px;font-weight:500}.dcr-empty-state p{max-width:400px;margin:0 auto;font-size:.95rem}.dcr-error-state{text-align:center;color:#dc2626;padding:40px 20px}.dcr-error-state button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;margin-top:12px;padding:8px 24px;font-weight:500;transition:background .2s}.dcr-error-state button:hover{background:#2563eb}@media (width<=992px){.dcr-content,.dcr-list-card{padding:20px 24px}}@media (width<=768px){.dcr-content{padding:16px}.dcr-list-card{border-radius:16px;padding:16px 18px}.dcr-list-header h2{font-size:1.3rem}.dcr-btn-add{padding:8px 14px;font-size:.85rem}.dcr-table-wrapper{display:none}.dcr-mobile-grid{display:flex}}@media (width<=480px){.dcr-list-header{flex-direction:column;align-items:stretch}.dcr-btn-add{justify-content:center}}.rcpa-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.rcpa-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.rcpa-main{margin-left:270px}}.rcpa-content{max-width:1280px;margin:0 auto;padding:24px 20px 40px}.rcpa-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.rcpa-spinner{border:4px solid #e2e8f0;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.rcpa-form-card,.rcpa-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;padding:24px 28px;transition:box-shadow .2s;box-shadow:0 2px 8px #0000000a}.rcpa-form-card:hover,.rcpa-table-card:hover{box-shadow:0 4px 16px #0000000f}.rcpa-form-header,.rcpa-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.rcpa-form-header h2,.rcpa-table-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.rcpa-entry-count{color:#475569;background:#f1f5f9;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.rcpa-form-grid{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.rcpa-full-width{grid-column:1/-1}.rcpa-form-group{flex-direction:column;gap:6px;display:flex}.rcpa-form-group label{color:#334155;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.rcpa-required{color:#dc2626;font-weight:600}.rcpa-optional{color:#94a3b8;font-size:12px;font-weight:400}.rcpa-input,.rcpa-select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border .2s,box-shadow .2s}.rcpa-input:focus,.rcpa-select:focus{border-color:#d84e55;box-shadow:0 0 0 3px #d84e551f}.rcpa-select-wrapper{position:relative}.rcpa-select-wrapper select{appearance:none;padding-right:40px}.rcpa-select-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.rcpa-form-actions{justify-content:flex-end;margin-top:20px;display:flex}.rcpa-btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d84e55,#e87077);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #d84e5540}.rcpa-btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 16px #d84e5559}.rcpa-btn-add:active{transform:scale(.96)}.rcpa-table-header{margin-bottom:16px}.rcpa-btn-submit{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.rcpa-btn-submit:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.rcpa-btn-submit:disabled{opacity:.6;cursor:not-allowed}.rcpa-empty-state{color:#94a3b8;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.rcpa-empty-state p{margin-top:12px;font-size:15px}.rcpa-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.rcpa-table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px}.rcpa-table thead{background:#f8fafc}.rcpa-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#475569;border-bottom:2px solid #f1f5f9;padding:12px 14px;font-size:12px;font-weight:600}.rcpa-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.rcpa-table tbody tr{transition:background .15s}.rcpa-table tbody tr:hover{background:#fafbfc}.rcpa-btn-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:all .2s}.rcpa-btn-remove:hover{color:#dc2626;background:#fef2f2}@media (width<=768px){.rcpa-content{padding:16px 12px 24px}.rcpa-form-card,.rcpa-table-card{padding:16px 14px}.rcpa-form-header,.rcpa-table-header{flex-direction:column;align-items:stretch;gap:8px}.rcpa-form-header h2,.rcpa-table-header h2{font-size:18px}.rcpa-form-grid{grid-template-columns:1fr;gap:12px}.rcpa-full-width{grid-column:1}.rcpa-form-actions{justify-content:stretch}.rcpa-btn-add,.rcpa-btn-submit{justify-content:center;width:100%}.rcpa-table{min-width:500px;font-size:13px}.rcpa-table th,.rcpa-table td{padding:10px}}@media (width<=480px){.rcpa-table{min-width:400px;font-size:12px}.rcpa-table th,.rcpa-table td{padding:8px}.rcpa-entry-count{padding:2px 12px;font-size:12px}}.rcpa-search-select{position:relative}.rcpa-search-results{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:200px;display:block;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.rcpa-search-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:10px 14px;transition:background .2s;display:flex}.rcpa-search-item:hover{background:#f8fafc}.rcpa-search-item.rcpa-selected{background:#fef2f2;border-left:3px solid #d84e55}.rcpa-search-sub{color:#94a3b8;font-size:13px}.rcpa-selected-doctor{color:#16a34a;margin-top:4px;font-size:13px;font-weight:500;display:inline-block}.rcpa-view-all-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d84e55,#e87077);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #d84e5540}.rcpa-view-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d84e5559}.rcpa-view-all-btn:active{transform:scale(.95)}.rcpa-form-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rcpa-form-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.rcpa-entry-count{color:#475569;background:#f1f5f9;border-radius:20px;margin-left:auto;padding:4px 14px;font-size:14px;font-weight:500}@media (width<=768px){.rcpa-view-all-btn{padding:6px 14px;font-size:13px}.rcpa-view-all-btn span{display:none}.rcpa-view-all-btn svg{margin:0}.rcpa-form-header{flex-wrap:wrap}.rcpa-entry-count{text-align:center;width:100%;margin-left:0}}.comp-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.comp-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.comp-main{margin-left:270px}}.comp-content{max-width:1280px;margin:0 auto;padding:24px 20px 40px}.comp-form-card,.comp-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;padding:24px 28px;transition:box-shadow .2s;box-shadow:0 2px 8px #0000000a}.comp-form-card:hover,.comp-table-card:hover{box-shadow:0 4px 16px #0000000f}.comp-form-header,.comp-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.comp-form-header h2,.comp-table-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.comp-entry-count{color:#475569;background:#f1f5f9;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.comp-form-grid{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.comp-full-width{grid-column:1/-1}.comp-form-group{flex-direction:column;gap:6px;display:flex}.comp-form-group label{color:#334155;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.comp-required{color:#dc2626;font-weight:600}.comp-optional{color:#94a3b8;font-size:12px;font-weight:400}.comp-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border .2s,box-shadow .2s}.comp-input:focus{border-color:#d84e55;box-shadow:0 0 0 3px #d84e551f}.comp-form-actions{justify-content:flex-end;margin-top:20px;display:flex}.comp-btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d84e55,#e87077);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #d84e5540}.comp-btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 16px #d84e5559}.comp-btn-add:active{transform:scale(.96)}.comp-table-header{margin-bottom:16px}.comp-btn-submit{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.comp-btn-submit:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.comp-btn-submit:disabled{opacity:.6;cursor:not-allowed}.comp-empty-state{color:#94a3b8;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.comp-empty-state p{margin-top:12px;font-size:15px}.comp-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.comp-table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px}.comp-table thead{background:#f8fafc}.comp-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#475569;border-bottom:2px solid #f1f5f9;padding:12px 14px;font-size:12px;font-weight:600}.comp-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.comp-table tbody tr{transition:background .15s}.comp-table tbody tr:hover{background:#fafbfc}.comp-btn-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:all .2s}.comp-btn-remove:hover{color:#dc2626;background:#fef2f2}@media (width<=768px){.comp-content{padding:16px 12px 24px}.comp-form-card,.comp-table-card{padding:16px 14px}.comp-form-header,.comp-table-header{flex-direction:column;align-items:stretch;gap:8px}.comp-form-header h2,.comp-table-header h2{font-size:18px}.comp-form-grid{grid-template-columns:1fr;gap:12px}.comp-full-width{grid-column:1}.comp-form-actions{justify-content:stretch}.comp-btn-add,.comp-btn-submit{justify-content:center;width:100%}.comp-table{min-width:550px;font-size:13px}.comp-table th,.comp-table td{padding:10px}}@media (width<=480px){.comp-table{min-width:450px;font-size:12px}.comp-table th,.comp-table td{padding:8px}.comp-entry-count{padding:2px 12px;font-size:12px}}.comp-form-header h2{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.comp-view-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d84e55,#e87077);border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 16px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #d84e5540}.comp-view-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d84e5559}.comp-view-all-btn:active{transform:scale(.95)}@media (width<=768px){.comp-view-all-btn{padding:4px 12px;font-size:13px}.comp-view-all-btn span{display:none}.comp-view-all-btn svg{margin:0}}.dcr-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.dcr-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.dcr-main{margin-left:270px}}.dcr-content{max-width:820px;margin:0 auto;padding:24px 20px 40px}.dcr-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.dcr-spinner{border:4px solid #e2e8f0;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.dcr-form-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:28px 32px;transition:box-shadow .2s;box-shadow:0 2px 8px #0000000a}.dcr-form-card:hover{box-shadow:0 4px 16px #0000000f}.dcr-form-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;display:flex}.dcr-form-header h2{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}.dcr-status-badge{color:#d97706;background:#fef3c7;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:600}.dcr-form-section{margin-bottom:20px}.dcr-label{color:#334155;align-items:center;gap:6px;margin-bottom:6px;font-size:14px;font-weight:500;display:flex}.dcr-required{color:#dc2626;font-weight:600}.dcr-optional{color:#94a3b8;font-size:12px;font-weight:400}.dcr-input,.dcr-textarea,.dcr-select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border .2s,box-shadow .2s}.dcr-input:focus,.dcr-textarea:focus,.dcr-select:focus{border-color:#d84e55;box-shadow:0 0 0 3px #d84e551f}.dcr-textarea{resize:vertical;min-height:80px}.dcr-select{appearance:none;padding-right:40px}.dcr-select-wrapper{position:relative}.dcr-select-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.dcr-form-row{gap:16px;display:flex}.dcr-flex-1{flex:1}.dcr-type-tabs{flex-wrap:wrap;gap:10px;display:flex}.dcr-tab{cursor:pointer;color:#475569;background:#fff;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dcr-tab:hover{border-color:#d84e55}.dcr-tab.dcr-active{color:#d84e55;background:#fef2f2;border-color:#d84e55}.dcr-checkbox-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dcr-checkbox-option,.dcr-radio-option{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;transition:background .2s;display:flex}.dcr-checkbox-option:hover,.dcr-radio-option:hover{background:#f8fafc}.dcr-checkbox-option input,.dcr-radio-option input{display:none}.dcr-checkbox-custom,.dcr-radio-custom{color:#334155;align-items:center;gap:8px;font-size:14px;display:flex}.dcr-radio-group{flex-wrap:wrap;gap:16px;display:flex}.dcr-radio-custom{border:2px solid #e2e8f0;border-radius:8px;padding:6px 16px;transition:all .2s}.dcr-radio-option input:checked+.dcr-radio-custom{color:#d84e55;background:#fef2f2;border-color:#d84e55}.dcr-sample-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.dcr-sample-product{flex:2}.dcr-sample-qty{flex:1}.dcr-remove-row{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.dcr-remove-row:hover{color:#dc2626;background:#fee2e2}.dcr-add-row{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;transition:all .2s;display:inline-flex}.dcr-add-row:hover{background:#e2e8f0}.dcr-search-select{position:relative}.dcr-search-results{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:200px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.dcr-search-select .dcr-input:focus+.dcr-search-results,.dcr-search-results:hover{display:block}.dcr-search-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px 14px;transition:background .2s;display:flex}.dcr-search-item:hover{background:#f8fafc}.dcr-search-item.dcr-selected{background:#fef2f2}.dcr-search-sub{color:#94a3b8;font-size:12px}.dcr-search-empty{text-align:center;color:#94a3b8;padding:12px}.dcr-photo-section{text-align:center;border:2px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;min-height:120px;padding:16px;transition:border .2s;display:flex;position:relative}.dcr-photo-section:hover{border-color:#d84e55}.dcr-photo-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:6px;display:flex}.dcr-photo-placeholder p{margin:0;font-size:13px}.dcr-photo-input{opacity:0;cursor:pointer;position:absolute;inset:0}.dcr-photo-preview{display:inline-block;position:relative}.dcr-photo-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:10px;max-width:200px;max-height:160px}.dcr-photo-remove{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex;position:absolute;top:-8px;right:-8px}.dcr-photo-remove:hover{background:#dc2626}.dcr-gps-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.dcr-gps-badge{color:#2563eb;background:#dbeafe;border-radius:20px;padding:2px 12px;font-size:12px;font-weight:500}.dcr-form-actions{justify-content:flex-end;margin-top:24px;display:flex}.dcr-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d84e55,#e87077);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #d84e5540}.dcr-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #d84e5559}.dcr-btn-save:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.dcr-content{padding:16px 12px 24px}.dcr-form-card{padding:20px 16px}.dcr-form-header h2{font-size:19px}.dcr-form-row{flex-direction:column;gap:12px}.dcr-checkbox-grid{grid-template-columns:1fr}.dcr-type-tabs{flex-direction:column}.dcr-tab{justify-content:center}.dcr-gps-display{flex-direction:column;align-items:flex-start;gap:6px}.dcr-form-actions{justify-content:stretch}.dcr-btn-save{justify-content:center;width:100%}.dcr-photo-thumb{max-width:100%;max-height:180px}}@media (width<=480px){.dcr-form-card{padding:16px 12px}.dcr-form-header{flex-direction:column;align-items:flex-start;gap:8px}.dcr-sample-row{flex-wrap:wrap}}.lm-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.lm-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.lm-main{margin-left:270px}}.lm-content{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.lm-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.lm-spinner{border:4px solid #e2e8f0;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.lm-section-title{color:#0f172a;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:600;display:flex}.lm-balance-section{margin-bottom:24px}.lm-balance-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.lm-balance-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.lm-balance-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.lm-balance-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lm-balance-casual .lm-balance-icon{color:#f59e0b;background:#fef3c7}.lm-balance-sick .lm-balance-icon{color:#ef4444;background:#fee2e2}.lm-balance-privilege .lm-balance-icon{color:#8b5cf6;background:#ede9fe}.lm-balance-halfday .lm-balance-icon{color:#3b82f6;background:#dbeafe}.lm-balance-wfh .lm-balance-icon{color:#10b981;background:#d1fae5}.lm-balance-info{flex-direction:column;display:flex}.lm-balance-count{color:#0f172a;font-size:22px;font-weight:700;line-height:1.2}.lm-balance-label{color:#64748b;font-size:12px;font-weight:500}.lm-form-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;padding:28px 32px;box-shadow:0 2px 8px #0000000a}.lm-form-header h2{color:#0f172a;border-bottom:2px solid #f1f5f9;align-items:center;gap:10px;margin:0 0 20px;padding-bottom:14px;font-size:20px;font-weight:700;display:flex}.lm-form-section{margin-bottom:18px}.lm-label{color:#334155;align-items:center;gap:6px;margin-bottom:6px;font-size:14px;font-weight:500;display:flex}.lm-required{color:#dc2626;font-weight:600}.lm-optional{color:#94a3b8;font-size:12px;font-weight:400}.lm-input,.lm-textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border .2s,box-shadow .2s}.lm-input:focus,.lm-textarea:focus{border-color:#d84e55;box-shadow:0 0 0 3px #d84e551f}.lm-textarea{resize:vertical;min-height:80px}.lm-form-row{gap:16px;display:flex}.lm-flex-1{flex:1}.lm-type-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.lm-type-btn{cursor:pointer;color:#475569;background:#fff;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.lm-type-btn:hover{border-color:#d84e55;transform:translateY(-1px)}.lm-type-btn.lm-active{border-width:2px;box-shadow:0 2px 8px #0000000f}.lm-attachment-section{text-align:center;border:2px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;min-height:80px;padding:20px;transition:border .2s;display:flex;position:relative}.lm-attachment-section:hover{border-color:#d84e55}.lm-attachment-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:4px;display:flex}.lm-attachment-placeholder p{margin:0;font-size:14px}.lm-attachment-hint{color:#94a3b8;font-size:11px}.lm-attachment-input{opacity:0;cursor:pointer;position:absolute;inset:0}.lm-attachment-preview{width:100%}.lm-attachment-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;display:flex}.lm-attachment-info span{color:#0f172a;word-break:break-all;flex:1;font-size:14px}.lm-attachment-remove{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background .2s}.lm-attachment-remove:hover{background:#fee2e2}.lm-form-actions{justify-content:flex-end;margin-top:20px;display:flex}.lm-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d84e55,#e87077);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #d84e5540}.lm-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #d84e5559}.lm-btn-submit:disabled{opacity:.6;cursor:not-allowed}.lm-history-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.lm-history-header{cursor:pointer;justify-content:space-between;align-items:center;padding:18px 24px;transition:background .2s;display:flex}.lm-history-header:hover{background:#f8fafc}.lm-history-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.lm-history-count{color:#475569;background:#f1f5f9;border-radius:20px;padding:2px 12px;font-size:13px;font-weight:500}.lm-history-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background .2s}.lm-history-toggle:hover{background:#f1f5f9}.lm-history-body{padding:0 24px 20px}.lm-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.lm-table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px}.lm-table thead{background:#f8fafc}.lm-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#475569;border-bottom:2px solid #f1f5f9;padding:12px 14px;font-size:12px;font-weight:600}.lm-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.lm-table tbody tr{transition:background .15s}.lm-table tbody tr:hover{background:#fafbfc}.lm-reason-cell{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.lm-status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.lm-status-approved{color:#16a34a;background:#dcfce7}.lm-status-pending{color:#d97706;background:#fef3c7}.lm-status-rejected{color:#dc2626;background:#fee2e2}.lm-empty-state{color:#94a3b8;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.lm-empty-state p{margin-top:12px;font-size:15px}@media (width<=768px){.lm-content{padding:16px 12px 24px}.lm-form-card{padding:20px 16px}.lm-balance-grid{grid-template-columns:repeat(2,1fr);gap:10px}.lm-balance-card{padding:14px 16px}.lm-balance-count{font-size:19px}.lm-form-row{flex-direction:column;gap:12px}.lm-type-grid{grid-template-columns:repeat(2,1fr)}.lm-type-btn{padding:8px 12px;font-size:13px}.lm-form-actions{justify-content:stretch}.lm-btn-submit{justify-content:center;width:100%}.lm-history-header{padding:14px 16px}.lm-history-header h2{font-size:16px}.lm-history-body{padding:0 16px 16px}.lm-table{min-width:550px;font-size:13px}.lm-table th,.lm-table td{padding:10px}.lm-status-badge{padding:3px 10px;font-size:11px}}@media (width<=480px){.lm-balance-grid{grid-template-columns:1fr 1fr;gap:8px}.lm-balance-card{padding:12px 14px}.lm-balance-icon{width:36px;height:36px}.lm-balance-icon svg{width:18px;height:18px}.lm-balance-count{font-size:17px}.lm-balance-label{font-size:11px}.lm-type-grid{grid-template-columns:1fr 1fr;gap:8px}.lm-type-btn{padding:8px 10px;font-size:12px}.lm-table{min-width:450px;font-size:12px}.lm-table th,.lm-table td{padding:8px}.lm-history-header{flex-direction:column;align-items:flex-start;gap:8px}.lm-form-header h2{font-size:18px}}.tp-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.tp-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.tp-main{margin-left:270px}}.tp-content{max-width:820px;margin:0 auto;padding:24px 20px 40px}.tp-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.tp-spinner{border:4px solid #e2e8f0;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.tp-form-card{background:#fff;border:1px solid #f1f5f9cc;border-radius:20px;padding:32px 36px;transition:box-shadow .3s;box-shadow:0 4px 24px #0000000d}.tp-form-card:hover{box-shadow:0 8px 32px #00000014}.tp-form-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;display:flex}.tp-form-header h2{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700;display:flex}.tp-header-icon{color:#d84e55}.tp-header-sub{color:#94a3b8;margin:4px 0 0;font-size:14px}.tp-status-badge{color:#d97706;white-space:nowrap;background:#fef3c7;border-radius:50px;padding:4px 16px;font-size:13px;font-weight:600}.tp-section{border-bottom:1px solid #f1f5f9;margin-bottom:32px;padding-bottom:24px}.tp-section:last-of-type{border-bottom:none;margin-bottom:0}.tp-section-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:600;display:flex}.tp-visit-count{color:#94a3b8;margin-left:auto;font-size:14px;font-weight:400}.tp-grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.tp-full{grid-column:1/-1}.tp-field{flex-direction:column;gap:4px;display:flex}.tp-field label{color:#334155;font-size:14px;font-weight:500}.tp-input,.tp-textarea,.tp-select{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .25s}.tp-input:focus,.tp-textarea:focus,.tp-select:focus{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551f}.tp-textarea{resize:vertical;min-height:60px}.tp-disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.tp-select-wrapper{position:relative}.tp-select{appearance:none;cursor:pointer;padding-right:40px}.tp-select-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.tp-add-buttons{flex-wrap:wrap;gap:12px;display:flex}.tp-add-btn{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.tp-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.tp-add-doctor:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.tp-add-chemist:hover{color:#8b5cf6;background:#ede9fe;border-color:#8b5cf6}.tp-add-stockist:hover{color:#10b981;background:#d1fae5;border-color:#10b981}.tp-empty-timeline{color:#94a3b8;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.tp-empty-timeline p{margin-top:12px;font-size:15px}.tp-timeline{flex-direction:column;gap:8px;display:flex}.tp-timeline-item{background:#f8fafc;border-left:4px solid #d84e55;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.tp-timeline-item:hover{background:#f1f5f9}.tp-timeline-time{color:#0f172a;min-width:60px;font-size:14px;font-weight:600}.tp-timeline-icon{color:#475569;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tp-timeline-content{flex:1}.tp-timeline-name{color:#0f172a;font-weight:500}.tp-timeline-type{color:#fff;text-transform:uppercase;background:#d84e55;border-radius:4px;margin-right:8px;padding:0 8px;font-size:11px;font-weight:600;display:inline-block}.tp-timeline-purpose{color:#475569;font-size:14px}.tp-timeline-priority{border-radius:12px;margin-top:2px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.tp-priority-high{color:#dc2626;background:#fee2e2}.tp-priority-medium{color:#d97706;background:#fef3c7}.tp-priority-low{color:#2563eb;background:#dbeafe}.tp-timeline-remarks{color:#94a3b8;margin-top:2px;font-size:13px}.tp-timeline-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.tp-timeline-remove:hover{color:#dc2626;background:#fee2e2}.tp-toggle-header{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.tp-toggle-header:hover{opacity:.7}.tp-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.tp-toggle-content{overflow:hidden}.tp-brand-section h4{color:#334155;margin:0 0 8px;font-size:15px;font-weight:500}.tp-checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.tp-checkbox-option{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:4px 10px;transition:background .2s;display:flex}.tp-checkbox-option:hover{background:#f8fafc}.tp-checkbox-option input{display:none}.tp-checkbox-custom{color:#334155;align-items:center;gap:6px;font-size:14px;display:flex}.tp-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.tp-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.tp-btn-draft{color:#475569;background:#f1f5f9}.tp-btn-draft:hover:not(:disabled){background:#e2e8f0}.tp-btn-submit{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);box-shadow:0 4px 16px #d84e554d}.tp-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d84e5566}.tp-btn-cancel{color:#dc2626;background:#fef2f2}.tp-btn-cancel:hover{background:#fee2e2}.tp-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tp-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;padding:28px 32px;overflow-y:auto;box-shadow:0 20px 60px #0003}.tp-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tp-modal-header h3{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.tp-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s}.tp-modal-close:hover{background:#f1f5f9}.tp-modal-body{flex-direction:column;gap:14px;display:flex}.tp-modal-field{flex-direction:column;gap:4px;display:flex}.tp-modal-field label{color:#334155;font-size:14px;font-weight:500}.tp-modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}@media (width<=768px){.tp-content{padding:16px 12px 24px}.tp-form-card{padding:20px 16px}.tp-form-header{flex-direction:column;align-items:flex-start;gap:10px}.tp-form-header h2{font-size:20px}.tp-grid{grid-template-columns:1fr}.tp-full{grid-column:1}.tp-add-buttons{flex-direction:column}.tp-add-btn{justify-content:center;width:100%}.tp-timeline-item{flex-wrap:wrap;gap:6px}.tp-timeline-time{min-width:50px}.tp-modal{margin:10px;padding:20px}.tp-actions{flex-direction:column}.tp-btn{justify-content:center;width:100%}}@media (width<=480px){.tp-form-card{padding:14px 10px}.tp-form-header h2{font-size:18px}.tp-section-title{font-size:16px}.tp-timeline-item{padding:10px 12px}.tp-timeline-time{min-width:45px;font-size:13px}.tp-checkbox-grid{grid-template-columns:1fr}}.tp-checkbox-group{flex-wrap:wrap;gap:16px;display:flex}.tp-checkbox-item{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:6px 14px;transition:all .2s;display:flex}.tp-checkbox-item:hover{background:#fef2f2;border-color:#d84e55}.tp-checkbox-item input{display:none}.tp-checkbox-custom{color:#334155;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.tp-dynamic-section{padding-top:8px;overflow:hidden}.tp-dynamic-section .tp-section-title{margin-top:4px}.tp-add-btn-small{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.tp-add-btn-small:hover{background:#e2e8f0}.tp-type-visits{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.tp-type-visit-item{background:#f8fafc;border-left:3px solid #d84e55;border-radius:8px;align-items:center;gap:12px;padding:6px 12px;display:flex}.tp-type-visit-time{color:#0f172a;min-width:55px;font-size:14px;font-weight:600}.tp-type-visit-name{flex:1;font-weight:500}.tp-type-visit-purpose{color:#64748b;font-size:13px}.tp-remove-btn-small{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:all .2s}.tp-remove-btn-small:hover{color:#dc2626;background:#fee2e2}.tp-no-visits{color:#94a3b8;margin:4px 0 8px;font-size:14px}@media (width<=768px){.tp-checkbox-group{flex-direction:column}.tp-checkbox-item{justify-content:center;width:100%}.tp-type-visit-item{flex-wrap:wrap;gap:4px}.tp-type-visit-time{min-width:45px}}.tp-view-all-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d84e55,#e87077);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #d84e5540}.tp-view-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d84e5559}.tp-view-all-btn:active{transform:scale(.95)}@media (width<=768px){.tp-view-all-btn{padding:6px 14px;font-size:13px}.tp-view-all-btn span{display:none}.tp-view-all-btn svg{margin:0}}.dm-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.dm-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.dm-main{margin-left:270px}}.dm-content{max-width:1000px;margin:0 auto;padding:24px 20px 40px}.dm-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.dm-spinner{border:4px solid #e2e8f0;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.dm-form-card,.dm-list-card{background:#fff;border:1px solid #f1f5f9cc;border-radius:20px;margin-bottom:28px;padding:32px 36px;transition:box-shadow .3s;box-shadow:0 4px 24px #0000000d}.dm-form-card:hover,.dm-list-card:hover{box-shadow:0 8px 32px #00000014}.dm-form-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:18px;display:flex}.dm-form-header h2{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700;display:flex}.dm-header-icon{color:#d84e55}.dm-header-sub{color:#94a3b8;margin:4px 0 0;font-size:14px}.dm-status-badge{color:#2563eb;white-space:nowrap;background:#dbeafe;border-radius:50px;padding:4px 16px;font-size:13px;font-weight:600}.dm-grid{grid-template-columns:1fr 1fr;gap:18px 24px;display:grid}.dm-full{grid-column:1/-1}.dm-field{flex-direction:column;gap:4px;display:flex}.dm-field label{color:#334155;font-size:14px;font-weight:500}.dm-input,.dm-textarea,.dm-select{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .25s}.dm-input:focus,.dm-textarea:focus,.dm-select:focus{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551f}.dm-textarea{resize:vertical;min-height:80px}.dm-select-wrapper{position:relative}.dm-select{appearance:none;cursor:pointer;padding-right:40px}.dm-select-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.dm-actions{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.dm-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 28px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.dm-btn-submit{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);box-shadow:0 4px 16px #d84e554d}.dm-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d84e5566}.dm-btn-cancel{color:#475569;background:#f1f5f9}.dm-btn-cancel:hover{background:#e2e8f0}.dm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dm-list-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dm-list-header h3{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.dm-list-count{color:#475569;background:#f1f5f9;border-radius:20px;padding:0 12px;font-size:14px;font-weight:500}.dm-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.dm-table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px}.dm-table thead{background:#f8fafc}.dm-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#475569;border-bottom:2px solid #f1f5f9;padding:12px 14px;font-size:12px;font-weight:600}.dm-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.dm-table tbody tr{transition:background .15s}.dm-table tbody tr:hover{background:#fafbfc}.dm-id-cell{color:#d84e55;font-weight:600}.dm-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;margin:0 2px;padding:4px 8px;transition:all .2s}.dm-edit-btn{color:#3b82f6}.dm-edit-btn:hover{background:#eff6ff}.dm-delete-btn{color:#ef4444}.dm-delete-btn:hover{background:#fee2e2}.dm-empty-state{color:#94a3b8;flex-direction:column;align-items:center;padding:32px 20px;display:flex}.dm-empty-state p{margin-top:12px;font-size:15px}@media (width<=768px){.dm-content{padding:16px 12px 24px}.dm-form-card,.dm-list-card{padding:20px 16px}.dm-form-header{flex-direction:column;align-items:flex-start;gap:10px}.dm-form-header h2{font-size:20px}.dm-grid{grid-template-columns:1fr}.dm-full{grid-column:1}.dm-actions{flex-direction:column}.dm-btn{justify-content:center;width:100%}.dm-table{min-width:480px;font-size:13px}.dm-table th,.dm-table td{padding:10px}}@media (width<=480px){.dm-form-card,.dm-list-card{padding:14px 10px}.dm-form-header h2{font-size:18px}.dm-table{min-width:400px;font-size:12px}.dm-table th,.dm-table td{padding:8px}}.dm-view-all-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d84e55,#e87077);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #d84e5540}.dm-view-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d84e5559}.dm-view-all-btn:active{transform:scale(.95)}@media (width<=768px){.dm-view-all-btn{padding:6px 14px;font-size:13px}.dm-view-all-btn span{display:none}.dm-view-all-btn svg{margin:0}}.va-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.va-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.va-main{margin-left:270px}}.va-content{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.va-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.va-spinner{border:4px solid #e2e8f0;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.va-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.va-header h1{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;display:flex}.va-header-icon{color:#d84e55}.va-header-sub{color:#94a3b8;margin:4px 0 0;font-size:15px}.va-brand-count{color:#475569;background:#f1f5f9;border-radius:50px;padding:4px 18px;font-size:14px;font-weight:500}.va-toolbar{flex-wrap:wrap;gap:16px;margin-bottom:28px;display:flex}.va-search-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:200px;padding:8px 16px;transition:all .25s;display:flex}.va-search-box:focus-within{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551f}.va-search-box svg{color:#94a3b8}.va-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:15px}.va-search-box input::placeholder{color:#94a3b8}.va-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.va-clear-search:hover{color:#475569}.va-filter{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.va-filter svg{color:#94a3b8}.va-select-wrapper{position:relative}.va-select{appearance:none;color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;padding:4px 32px 4px 10px;font-size:14px}.va-select-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.va-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.va-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000a}.va-card:hover{box-shadow:0 8px 24px #00000014}.va-card-image{justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.va-card-initials{color:#ffffffd9;text-shadow:0 2px 8px #00000026;font-size:48px;font-weight:700}.va-card-category{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172abf;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;position:absolute;top:12px;right:12px}.va-card-body{padding:16px 20px 20px}.va-card-body h3{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:600}.va-card-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 14px;font-size:14px;display:-webkit-box;overflow:hidden}.va-card-footer{justify-content:space-between;align-items:center;display:flex}.va-card-manufacturer{color:#94a3b8;font-size:13px}.va-card-btn{color:#d84e55;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.va-card-btn:hover{background:#fde8e8;transform:translateY(-1px)}.va-empty-state{color:#94a3b8;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.va-empty-state p{margin-top:12px;font-size:16px}.va-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.va-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.va-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.va-modal-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}.va-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s}.va-modal-close:hover{background:#f1f5f9}.va-modal-body{padding:24px 28px}.va-modal-image{border-radius:12px;justify-content:center;align-items:center;height:160px;margin-bottom:24px;display:flex}.va-modal-initials{color:#ffffffd9;text-shadow:0 2px 12px #00000026;font-size:64px;font-weight:700}.va-modal-details{flex-direction:column;gap:12px;display:flex}.va-modal-row{border-bottom:1px solid #f1f5f9;gap:12px;padding:8px 0;display:flex}.va-modal-row:last-child{border-bottom:none}.va-modal-label{color:#64748b;align-items:center;gap:6px;min-width:120px;font-size:14px;font-weight:500;display:flex}.va-modal-value{color:#0f172a;flex:1;font-size:14px}.va-price{color:#d84e55;font-weight:700}.va-rating{color:#f59e0b}.va-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:16px 28px 24px;display:flex}.va-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.va-btn-close{color:#475569;background:#f1f5f9}.va-btn-close:hover{background:#e2e8f0}@media (width<=768px){.va-content{padding:16px 12px 24px}.va-header h1{font-size:22px}.va-toolbar{flex-direction:column}.va-search-box{min-width:unset}.va-filter{width:100%}.va-grid{grid-template-columns:repeat(2,1fr);gap:14px}.va-card-image{height:120px}.va-card-initials{font-size:36px}.va-card-body{padding:12px 14px 14px}.va-card-body h3{font-size:15px}.va-card-description{-webkit-line-clamp:1;font-size:13px}.va-card-manufacturer{font-size:12px}.va-card-btn{padding:4px 12px;font-size:13px}.va-modal{max-width:100%;margin:10px}.va-modal-header{padding:18px 20px}.va-modal-header h2{font-size:19px}.va-modal-body{padding:18px 20px}.va-modal-row{flex-direction:column;gap:4px}.va-modal-label{min-width:unset}.va-modal-image{height:120px}.va-modal-initials{font-size:48px}}@media (width<=480px){.va-grid{grid-template-columns:repeat(2,1fr);gap:10px}.va-card-image{height:100px}.va-card-initials{font-size:28px}.va-card-body{padding:10px 10px 12px}.va-card-body h3{font-size:14px}.va-card-description{display:none}.va-card-manufacturer{font-size:11px}.va-card-btn{padding:4px 10px;font-size:12px}.va-card-btn svg{width:14px;height:14px}.va-modal-header h2{font-size:17px}}.dd-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.dd-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.dd-main{margin-left:270px}}.dd-content{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.dd-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.dd-spinner{border:4px solid #e2e8f0;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.dd-card{background:#fff;border:1px solid #f1f5f9cc;border-radius:20px;padding:28px 32px;transition:box-shadow .3s;box-shadow:0 4px 24px #0000000d}.dd-card:hover{box-shadow:0 8px 32px #00000014}.dd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dd-header-left h2{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}.dd-header-icon{color:#d84e55}.dd-count{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:2px 14px;font-size:14px;font-weight:400}.dd-refresh-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.dd-refresh-btn:hover:not(:disabled){background:#e2e8f0}.dd-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dd-spinning{animation:1s linear infinite spin}.dd-toolbar{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.dd-search-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:200px;padding:8px 16px;transition:all .25s;display:flex}.dd-search-box:focus-within{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551f}.dd-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:15px}.dd-search-box input::placeholder{color:#94a3b8}.dd-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.dd-clear-search:hover{color:#475569}.dd-filter{align-items:center;gap:10px;display:flex}.dd-select-wrapper{position:relative}.dd-select{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:8px 36px 8px 14px;font-size:14px}.dd-select:focus{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551f}.dd-select-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dd-items-per-page{color:#475569;align-items:center;gap:6px;font-size:14px;display:flex}.dd-select-sm{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.dd-select-sm:focus{border-color:#d84e55}.dd-empty-state{color:#94a3b8;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.dd-empty-state p{margin-top:12px;font-size:16px}.dd-table-wrapper{-webkit-overflow-scrolling:touch;display:none;overflow-x:auto}.dd-table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px}.dd-table thead{background:#f8fafc}.dd-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600;transition:color .2s}.dd-table th:hover{color:#d84e55}.dd-sortable{cursor:pointer}.dd-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.dd-table tbody tr{transition:background .15s}.dd-table tbody tr:hover{background:#fafbfc}.dd-id-cell{color:#d84e55;font-weight:600}.dd-doctor-info{align-items:center;gap:10px;display:flex}.dd-doctor-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.dd-doctor-name{color:#0f172a;font-weight:500}.dd-status-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 12px;font-size:12px;font-weight:500;display:inline-flex}.dd-status-active{color:#10b981;background:#d1fae5}.dd-status-inactive{color:#ef4444;background:#fee2e2}.dd-view-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.dd-view-btn:hover{color:#d84e55;background:#f1f5f9}.dd-cards-view{flex-direction:column;gap:16px;display:none}.dd-card-item{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:16px;transition:box-shadow .2s;box-shadow:0 2px 8px #00000005}.dd-card-item:hover{box-shadow:0 4px 16px #0000000f}.dd-card-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.dd-card-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.dd-card-info{flex:1}.dd-card-info h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.dd-card-id{color:#94a3b8;font-size:13px}.dd-card-body{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.dd-card-row{color:#475569;align-items:center;gap:8px;font-size:14px;display:flex}.dd-card-row svg{color:#94a3b8;flex-shrink:0}.dd-card-view-btn{color:#d84e55;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.dd-card-view-btn:hover{background:#fde8e8}.dd-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.dd-pagination-info{color:#64748b;font-size:14px}.dd-pagination-controls{align-items:center;gap:4px;display:flex}.dd-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dd-page-btn:hover:not(:disabled){color:#d84e55;background:#fef2f2;border-color:#d84e55}.dd-page-btn:disabled{opacity:.4;cursor:not-allowed}.dd-page-btn.dd-active{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-color:#d84e55}.dd-page-btn.dd-active:hover{background:linear-gradient(135deg,#c43d44,#d84e55)}.dd-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dd-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.dd-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.dd-modal-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.dd-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s}.dd-modal-close:hover{background:#f1f5f9}.dd-modal-body{padding:24px 28px}.dd-modal-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:32px;font-weight:700;display:flex}.dd-modal-grid{flex-direction:column;gap:14px;display:flex}.dd-modal-row{border-bottom:1px solid #f1f5f9;gap:12px;padding:8px 0;display:flex}.dd-modal-row:last-child{border-bottom:none}.dd-modal-label{color:#64748b;align-items:center;gap:6px;min-width:120px;font-size:14px;font-weight:500;display:flex}.dd-modal-value{color:#0f172a;flex:1;font-size:14px}.dd-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:16px 28px 24px;display:flex}.dd-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.dd-btn-close{color:#475569;background:#f1f5f9}.dd-btn-close:hover{background:#e2e8f0}@media (width<=768px){.dd-content{padding:16px 12px 24px}.dd-card{padding:18px 14px}.dd-header{flex-direction:column;align-items:stretch}.dd-header-left h2{font-size:19px}.dd-toolbar{flex-direction:column}.dd-search-box{min-width:unset}.dd-filter,.dd-select{width:100%}.dd-items-per-page{justify-content:flex-start}.dd-table-wrapper{display:none}.dd-cards-view{display:flex}.dd-pagination{flex-direction:column;align-items:center}.dd-modal{max-width:100%;margin:10px}.dd-modal-header,.dd-modal-body{padding:18px 20px}.dd-modal-row{flex-direction:column;gap:4px}.dd-modal-label{min-width:unset}}@media (width>=769px){.dd-table-wrapper{display:block}.dd-cards-view{display:none}}@media (width<=480px){.dd-card{padding:14px 10px}.dd-card-item{padding:12px}.dd-card-avatar{width:36px;height:36px;font-size:14px}.dd-card-info h3{font-size:14px}.dd-card-row{font-size:13px}.dd-modal-avatar{width:56px;height:56px;font-size:24px}}.rd-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.rd-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.rd-main{margin-left:270px}}.rd-content{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.rd-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.rd-spinner{border:4px solid #e2e8f0;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.rd-card{background:#fff;border:1px solid #f1f5f9cc;border-radius:20px;padding:28px 32px;transition:box-shadow .3s;box-shadow:0 4px 24px #0000000d}.rd-card:hover{box-shadow:0 8px 32px #00000014}.rd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.rd-header-left h2{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}.rd-header-icon{color:#d84e55}.rd-count{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:2px 14px;font-size:14px;font-weight:400}.rd-refresh-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.rd-refresh-btn:hover:not(:disabled){background:#e2e8f0}.rd-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.rd-spinning{animation:1s linear infinite spin}.rd-toolbar{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.rd-search-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;padding:8px 16px;transition:all .25s;display:flex}.rd-search-box:focus-within{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551f}.rd-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:15px}.rd-search-box input::placeholder{color:#94a3b8}.rd-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.rd-clear-search:hover{color:#475569}.rd-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rd-filter-group{align-items:center;gap:8px;display:flex}.rd-filter-group svg{color:#94a3b8}.rd-select-wrapper{position:relative}.rd-select{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:120px;padding:6px 32px 6px 12px;font-size:13px}.rd-select:focus{border-color:#d84e55;box-shadow:0 0 0 3px #d84e551f}.rd-select-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.rd-items-per-page{color:#475569;align-items:center;gap:6px;font-size:13px;display:flex}.rd-select-sm{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-size:13px}.rd-select-sm:focus{border-color:#d84e55}.rd-empty-state{color:#94a3b8;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.rd-empty-state p{margin-top:12px;font-size:16px}.rd-table-wrapper{-webkit-overflow-scrolling:touch;display:none;overflow-x:auto}.rd-table{border-collapse:collapse;width:100%;min-width:800px;font-size:14px}.rd-table thead{background:#f8fafc}.rd-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600;transition:color .2s}.rd-table th:hover{color:#d84e55}.rd-sortable{cursor:pointer}.rd-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.rd-table tbody tr{transition:background .15s}.rd-table tbody tr:hover{background:#fafbfc}.rd-brand-info{align-items:center;gap:8px;display:flex}.rd-brand-icon{color:#d84e55}.rd-brand-name{color:#0f172a;font-weight:500}.rd-qty-badge{color:#d84e55;background:#fef2f2;border-radius:12px;padding:2px 12px;font-size:13px;font-weight:600;display:inline-block}.rd-chemist-info,.rd-doctor-info{color:#475569;align-items:center;gap:6px;font-size:13px;display:flex}.rd-chemist-info svg,.rd-doctor-info svg{color:#94a3b8;flex-shrink:0}.rd-view-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.rd-view-btn:hover{color:#d84e55;background:#f1f5f9}.rd-cards-view{flex-direction:column;gap:14px;display:none}.rd-card-item{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:16px;transition:box-shadow .2s;box-shadow:0 2px 8px #00000005}.rd-card-item:hover{box-shadow:0 4px 16px #0000000f}.rd-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rd-card-brand{align-items:center;gap:10px;display:flex}.rd-card-brand-icon{color:#d84e55}.rd-card-brand h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.rd-card-company{color:#94a3b8;font-size:13px}.rd-card-qty{color:#d84e55;font-size:18px;font-weight:700}.rd-card-body{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.rd-card-row{color:#475569;align-items:center;gap:8px;font-size:14px;display:flex}.rd-card-row svg{color:#94a3b8;flex-shrink:0}.rd-card-view-btn{color:#d84e55;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.rd-card-view-btn:hover{background:#fde8e8}.rd-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.rd-pagination-info{color:#64748b;font-size:14px}.rd-pagination-controls{align-items:center;gap:4px;display:flex}.rd-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.rd-page-btn:hover:not(:disabled){color:#d84e55;background:#fef2f2;border-color:#d84e55}.rd-page-btn:disabled{opacity:.4;cursor:not-allowed}.rd-page-btn.rd-active{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-color:#d84e55}.rd-page-btn.rd-active:hover{background:linear-gradient(135deg,#c43d44,#d84e55)}.rd-status-badge{border-radius:12px;padding:2px 12px;font-size:12px;font-weight:500;display:inline-block}.rd-status-approved{color:#10b981;background:#d1fae5}.rd-status-pending{color:#d97706;background:#fef3c7}.rd-status-rejected{color:#ef4444;background:#fee2e2}.rd-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rd-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.rd-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.rd-modal-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.rd-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s}.rd-modal-close:hover{background:#f1f5f9}.rd-modal-body{padding:24px 28px}.rd-modal-grid{flex-direction:column;gap:14px;display:flex}.rd-modal-row{border-bottom:1px solid #f1f5f9;gap:12px;padding:8px 0;display:flex}.rd-modal-row:last-child{border-bottom:none}.rd-modal-label{color:#64748b;align-items:center;gap:6px;min-width:110px;font-size:14px;font-weight:500;display:flex}.rd-modal-value{color:#0f172a;flex:1;font-size:14px}.rd-modal-highlight{color:#d84e55;font-weight:600}.rd-modal-qty{color:#d84e55;font-size:18px;font-weight:700}.rd-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:16px 28px 24px;display:flex}.rd-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.rd-btn-close{color:#475569;background:#f1f5f9}.rd-btn-close:hover{background:#e2e8f0}@media (width>=769px){.rd-table-wrapper{display:block}.rd-cards-view{display:none}}@media (width<=768px){.rd-content{padding:16px 12px 24px}.rd-card{padding:18px 14px}.rd-header{flex-direction:column;align-items:stretch}.rd-header-left h2{font-size:19px}.rd-toolbar{gap:10px}.rd-filters{flex-direction:column;align-items:stretch}.rd-filter-group{width:100%}.rd-select{width:100%;min-width:unset}.rd-items-per-page{justify-content:flex-start}.rd-table-wrapper{display:none}.rd-cards-view{display:flex}.rd-pagination{flex-direction:column;align-items:center}.rd-modal{max-width:100%;margin:10px}.rd-modal-header,.rd-modal-body{padding:18px 20px}.rd-modal-row{flex-direction:column;gap:4px}.rd-modal-label{min-width:unset}}@media (width<=480px){.rd-card{padding:14px 10px}.rd-card-item{padding:12px}.rd-card-brand h3{font-size:14px}.rd-card-company{font-size:12px}.rd-card-row{font-size:13px}.rd-card-qty{font-size:16px}}.cl-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.cl-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.cl-main{margin-left:270px}}.cl-content{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.cl-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.cl-spinner{border:4px solid #e2e8f0;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.cl-card{background:#fff;border:1px solid #f1f5f9cc;border-radius:20px;padding:28px 32px;transition:box-shadow .3s;box-shadow:0 4px 24px #0000000d}.cl-card:hover{box-shadow:0 8px 32px #00000014}.cl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.cl-header-left h2{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}.cl-header-icon{color:#d84e55}.cl-count{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:2px 14px;font-size:14px;font-weight:400}.cl-refresh-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.cl-refresh-btn:hover:not(:disabled){background:#e2e8f0}.cl-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.cl-spinning{animation:1s linear infinite spin}.cl-toolbar{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.cl-search-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:200px;padding:8px 16px;transition:all .25s;display:flex}.cl-search-box:focus-within{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551f}.cl-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:15px}.cl-search-box input::placeholder{color:#94a3b8}.cl-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.cl-clear-search:hover{color:#475569}.cl-items-per-page{color:#475569;align-items:center;gap:6px;font-size:14px;display:flex}.cl-select-sm{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.cl-select-sm:focus{border-color:#d84e55}.cl-empty-state{color:#94a3b8;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.cl-empty-state p{margin-top:12px;font-size:16px}.cl-table-wrapper{-webkit-overflow-scrolling:touch;display:none;overflow-x:auto}.cl-table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px}.cl-table thead{background:#f8fafc}.cl-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600;transition:color .2s}.cl-table th:hover{color:#d84e55}.cl-sortable{cursor:pointer}.cl-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.cl-table tbody tr{transition:background .15s}.cl-table tbody tr:hover{background:#fafbfc}.cl-brand-info{align-items:center;gap:8px;display:flex}.cl-brand-icon{color:#d84e55}.cl-brand-name{color:#0f172a;font-weight:500}.cl-scheme-badge{color:#d97706;background:#fef3c7;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.cl-view-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.cl-view-btn:hover{color:#d84e55;background:#f1f5f9}.cl-cards-view{flex-direction:column;gap:14px;display:none}.cl-card-item{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:16px;transition:box-shadow .2s;box-shadow:0 2px 8px #00000005}.cl-card-item:hover{box-shadow:0 4px 16px #0000000f}.cl-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cl-card-brand{align-items:center;gap:10px;display:flex}.cl-card-brand-icon{color:#d84e55}.cl-card-brand h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.cl-card-company{color:#94a3b8;font-size:13px}.cl-card-body{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.cl-card-row{color:#475569;align-items:center;gap:8px;font-size:14px;display:flex}.cl-card-row svg{color:#94a3b8;flex-shrink:0}.cl-card-view-btn{color:#d84e55;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.cl-card-view-btn:hover{background:#fde8e8}.cl-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.cl-pagination-info{color:#64748b;font-size:14px}.cl-pagination-controls{align-items:center;gap:4px;display:flex}.cl-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cl-page-btn:hover:not(:disabled){color:#d84e55;background:#fef2f2;border-color:#d84e55}.cl-page-btn:disabled{opacity:.4;cursor:not-allowed}.cl-page-btn.cl-active{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-color:#d84e55}.cl-page-btn.cl-active:hover{background:linear-gradient(135deg,#c43d44,#d84e55)}.cl-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cl-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.cl-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.cl-modal-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.cl-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s}.cl-modal-close:hover{background:#f1f5f9}.cl-modal-body{padding:24px 28px}.cl-modal-grid{flex-direction:column;gap:14px;display:flex}.cl-modal-row{border-bottom:1px solid #f1f5f9;gap:12px;padding:8px 0;display:flex}.cl-modal-row:last-child{border-bottom:none}.cl-modal-label{color:#64748b;align-items:center;gap:6px;min-width:100px;font-size:14px;font-weight:500;display:flex}.cl-modal-value{color:#0f172a;flex:1;font-size:14px}.cl-modal-highlight{color:#d84e55;font-weight:600}.cl-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:16px 28px 24px;display:flex}.cl-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.cl-btn-close{color:#475569;background:#f1f5f9}.cl-btn-close:hover{background:#e2e8f0}@media (width>=769px){.cl-table-wrapper{display:block}.cl-cards-view{display:none}}@media (width<=768px){.cl-content{padding:16px 12px 24px}.cl-card{padding:18px 14px}.cl-header{flex-direction:column;align-items:stretch}.cl-header-left h2{font-size:19px}.cl-toolbar{flex-direction:column}.cl-search-box{min-width:unset}.cl-items-per-page{justify-content:flex-start}.cl-table-wrapper{display:none}.cl-cards-view{display:flex}.cl-pagination{flex-direction:column;align-items:center}.cl-modal{max-width:100%;margin:10px}.cl-modal-header,.cl-modal-body{padding:18px 20px}.cl-modal-row{flex-direction:column;gap:4px}.cl-modal-label{min-width:unset}}@media (width<=480px){.cl-card{padding:14px 10px}.cl-card-item{padding:12px}.cl-card-brand h3{font-size:14px}.cl-card-company{font-size:12px}.cl-card-row{font-size:13px}.cl-modal-header h2{font-size:18px}}:root{--mr-bg:#f4f6f8;--mr-card:#ffffffeb;--mr-text:#18212f;--mr-muted:#64748b;--mr-primary:#d84e55;--mr-primary-dark:#c63e45;--mr-border:#e2e8f0;--mr-soft:#f8fafc;--mr-shadow:0 20px 50px #0f172a14, 0 4px 14px #0f172a0a}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--mr-bg);color:var(--mr-text)}button,input{font:inherit}img,svg,video,canvas{max-width:100%;display:block}.mr-app-container{background:radial-gradient(circle at 100% 0,#d84e550f,#0000 24%),radial-gradient(circle at 0 100%,#d84e550d,#0000 28%),linear-gradient(#f8f9fb 0%,#f2f4f7 100%);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;padding:clamp(28px,4vh,48px) clamp(12px,3vw,24px) clamp(24px,4vw,40px);display:flex;position:relative;overflow:hidden auto}.mr-accent-top,.mr-accent-bottom{pointer-events:none;z-index:0;filter:blur(12px);border-radius:50%;position:fixed}.mr-accent-top{aspect-ratio:1;background:#d84e5514;width:min(38vw,340px);top:-140px;right:-140px}.mr-accent-bottom{aspect-ratio:1;background:#d84e5512;width:min(46vw,430px);bottom:-180px;left:-180px}.mr-app-card{z-index:1;background:var(--mr-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(100%,440px);box-shadow:var(--mr-shadow);border:1px solid #0f172a0f;border-radius:clamp(22px,3vw,30px);padding:clamp(22px,4vw,40px) clamp(16px,4vw,32px) clamp(18px,3vw,28px);animation:.5s cubic-bezier(.16,1,.3,1) forwards cardIn;position:relative}.mr-card-accent{border-radius:inherit;background:linear-gradient(90deg,#d84e55 0%,#ef6a70 100%);border-bottom-right-radius:0;border-bottom-left-radius:0;height:5px;position:absolute;inset:0 0 auto}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mr-app-header{text-align:center;margin-bottom:clamp(20px,3vw,28px)}.mr-logo-wrap{width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;margin:0 auto 12px;display:block}.mr-logo{filter:drop-shadow(0 10px 24px #d84e5533);max-width:clamp(140px,25vw,220px);height:auto;margin:0 auto;transition:transform .4s cubic-bezier(.34,1.56,.64,1);animation:8s ease-in-out infinite logoRotate,3s ease-in-out infinite logoFloat,4s ease-in-out infinite logoGlow;display:block}@keyframes logoRotate{0%,to{transform:perspective(600px)rotateY(-3deg)rotateX(2deg)}25%{transform:perspective(600px)rotateY(5deg)rotateX(-3deg)}50%{transform:perspective(600px)rotateY(-5deg)rotateX(4deg)}75%{transform:perspective(600px)rotateY(3deg)rotateX(-2deg)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 10px 24px #d84e5533)}50%{filter:drop-shadow(0 16px 36px #d84e5559)}}.mr-logo:hover{filter:drop-shadow(0 20px 40px #d84e5566);transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s;animation-play-state:paused;transform:perspective(600px)rotateY(10deg)rotateX(6deg)scale(1.04)}.mr-app-header h1{color:var(--mr-primary);letter-spacing:-.5px;font-size:clamp(24px,4vw,30px);font-weight:800}.mr-app-header p{color:var(--mr-muted);margin-top:6px;font-size:clamp(13px,2.4vw,14px);font-weight:500;line-height:1.5}.mr-step-indicator{justify-content:center;align-items:center;gap:clamp(8px,2vw,12px);margin-bottom:clamp(20px,3vw,28px);display:flex}.mr-step-dot{background:#d7dde5;border-radius:50%;width:10px;height:10px;transition:all .3s}.mr-step-dot.active{background:var(--mr-primary);transform:scale(1.2);box-shadow:0 0 0 5px #d84e551f}.mr-step-line{background:#e5e7eb;border-radius:999px;width:clamp(28px,8vw,42px);height:2px;transition:background .3s}.mr-step-line.active{background:#f29aa0}.mr-form{flex-direction:column;gap:clamp(12px,2.4vw,16px);display:flex}.mr-form h2{color:#1e293b;text-align:center;letter-spacing:-.4px;font-size:clamp(20px,3.6vw,24px);font-weight:700}.mr-sub{color:var(--mr-muted);text-align:center;margin-top:-4px;font-size:clamp(13px,2.6vw,14px);line-height:1.6}.mr-sub strong{color:#0f172a;word-break:break-word}.mr-label{color:#334155;text-align:center;margin-bottom:-4px;font-size:14px;font-weight:600}.mr-input-group{background:var(--mr-soft);border:1.5px solid var(--mr-border);border-radius:clamp(14px,3vw,18px);align-items:center;min-height:56px;padding:0 16px;transition:all .25s;display:flex}.mr-input-group:focus-within{border-color:var(--mr-primary);background:#fff;box-shadow:0 0 0 4px #d84e5514}.mr-country-code{color:#0f172a;flex-shrink:0;margin-right:10px;font-size:16px;font-weight:700}.mr-input-group input{color:#0f172a;letter-spacing:.3px;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:14px 0;font-size:16px}.mr-input-group input::placeholder{color:#94a3b8;font-size:15px}.mr-otp-container{grid-template-columns:repeat(6,minmax(42px,1fr));gap:clamp(6px,1.8vw,10px);width:100%;margin:6px 0 10px;display:grid}.mr-otp-input{aspect-ratio:.82;border:1.5px solid var(--mr-border);background:var(--mr-soft);text-align:center;color:#0f172a;border-radius:clamp(12px,2vw,16px);outline:none;width:100%;min-height:52px;font-family:inherit;font-size:clamp(18px,4vw,24px);font-weight:700;transition:all .25s}.mr-otp-input:focus{border-color:var(--mr-primary);background:#fff;transform:translateY(-1px);box-shadow:0 0 0 4px #d84e5514}.shake-group .mr-otp-input{animation:.35s shake}.mr-btn-primary{background:linear-gradient(135deg, var(--mr-primary), var(--mr-primary-dark));color:#fff;letter-spacing:.2px;cursor:pointer;border:none;border-radius:clamp(14px,3vw,18px);justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:14px 16px;font-size:16px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 10px 24px #d84e553d}.mr-btn-primary:active:not(:disabled){transform:scale(.985)}.mr-btn-primary:disabled{opacity:.7;cursor:not-allowed}.mr-error,.mr-status{text-align:center;border-radius:14px;padding:11px 14px;font-size:14px;line-height:1.5;animation:.25s fadeIn}.mr-error,.mr-status.error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.mr-status.success{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.mr-resend{text-align:center;min-height:24px;color:var(--mr-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.mr-resend-btn,.mr-edit-btn{color:var(--mr-primary);cursor:pointer;background:0 0;border:none;min-height:44px;padding:8px 10px;font-size:14px;font-weight:700;transition:color .2s,transform .2s}.mr-resend-btn:hover,.mr-edit-btn:hover{color:#b8323a}.mr-edit-btn{margin-top:-2px}.mr-footer-note{text-align:center;color:#94a3b8;margin-top:2px;font-size:13px}.mr-app-footer{text-align:center;color:#94a3b8;border-top:1px solid #eef2f7;margin-top:clamp(18px,3vw,24px);padding-top:16px;font-size:12px}.mr-bottom-tagline{z-index:1;text-align:center;color:#64748b;letter-spacing:.2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd6;border:1px solid #0f172a0d;border-radius:999px;width:min(92vw,520px);margin-top:16px;padding:8px 14px;font-size:clamp(11px,2.2vw,12px);position:static;box-shadow:0 4px 16px #0f172a0a}@media (width<=359px){.mr-app-container{padding-inline:10px;padding-top:18px}.mr-app-card{padding:20px 14px 18px}.mr-otp-container{grid-template-columns:repeat(6,minmax(38px,1fr));gap:5px}.mr-otp-input{min-height:48px;font-size:18px}.mr-bottom-tagline{display:none}.mr-logo{max-width:110px}}@media (width>=360px) and (width<=767px){.mr-app-card{width:min(100%,430px)}.mr-bottom-tagline{width:min(94vw,430px)}}@media (width>=768px){.mr-app-container{justify-content:center}}@media (width>=768px) and (width<=1023px){.mr-app-container{gap:12px}.mr-app-card{width:min(100%,460px)}.mr-otp-container{gap:12px}.mr-otp-input{min-height:64px;font-size:26px}}@media (width>=1024px){.mr-app-container{gap:14px}.mr-app-card{width:min(100%,460px)}.mr-app-header p{max-width:300px;margin-inline:auto}.mr-bottom-tagline{width:auto;max-width:540px;margin-top:10px}.mr-logo{max-width:220px}}@media (height<=760px){.mr-app-container{justify-content:flex-start;padding-top:24px;padding-bottom:24px}}@media (height<=680px){.mr-app-container{justify-content:flex-start;padding-top:18px;padding-bottom:18px}.mr-bottom-tagline{display:none}}@media (height<=600px) and (orientation:landscape){.mr-app-card{border-radius:22px;padding:18px 18px 16px}.mr-app-header{margin-bottom:12px}.mr-logo-wrap{margin-bottom:6px}.mr-logo{max-width:90px}.mr-app-header h1{font-size:22px}.mr-app-header p{font-size:12px}.mr-step-indicator{margin-bottom:12px}.mr-form{gap:10px}.mr-form h2{font-size:18px}.mr-input-group{min-height:46px}.mr-input-group input{padding:10px 0;font-size:16px}.mr-otp-input{min-height:44px;font-size:18px}.mr-btn-primary{min-height:46px;font-size:15px}.mr-bottom-tagline{display:none}}@media (prefers-reduced-motion:reduce){.mr-app-card,.mr-logo,.mr-btn-primary,.mr-otp-input,.mr-step-dot,.mr-step-line{transition:none!important;animation:none!important}.mr-logo:hover{animation-play-state:running!important;transform:none!important}}.an-container{background:#f0f2f5;min-height:100vh;display:flex}.an-main{flex:1;width:100%;min-height:100vh;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.an-main{margin-left:270px}}.an-content{max-width:1400px;margin:0 auto;padding:24px 28px 30px}.an-loading-container{justify-content:center;align-items:center;min-height:400px;display:flex}.an-loading-spinner{color:#64748b;flex-direction:column;align-items:center;gap:16px;display:flex}.an-spinner-ring{border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite anSpin}@keyframes anSpin{to{transform:rotate(360deg)}}.an-banner{background:linear-gradient(135deg,#1e1b4b,#312e81,#4f46e5);border-radius:20px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 8px 32px #4f46e540}.an-banner-bg{position:absolute;inset:0;overflow:hidden}.an-banner-pattern{background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.an-banner-pattern-2{background:radial-gradient(circle,#ffffff0a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-40%;left:-10%}.an-banner-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 32px;display:flex;position:relative}.an-banner-info{align-items:center;gap:20px;display:flex}.an-banner-avatar{color:#fff;background:linear-gradient(135deg,#818cf8,#6366f1);border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 16px #4f46e566}.an-banner-details h1{color:#fff;margin:0;font-size:22px;font-weight:700}.an-banner-details p{color:#ffffffb3;align-items:center;gap:6px;margin:4px 0 0;font-size:14px;display:flex}.an-banner-details p svg{color:#ffffff80}.an-banner-date{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;display:flex}.an-banner-date svg{color:#ffffff80}.an-module-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.an-module-card{cursor:pointer;background:#fff;border:1px solid #eef2f6;border-radius:16px;padding:20px 22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.an-module-card:before{content:"";background:linear-gradient(90deg, transparent, var(--card-accent,#4f46e5), transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.an-module-card:hover{border-color:#e2e8f0;transform:translateY(-6px);box-shadow:0 12px 40px #00000014}.an-module-card:hover:before{opacity:1}.an-module-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.an-module-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex}.an-module-card:hover .an-module-card-icon{transform:scale(1.05)rotate(-4deg)}.an-module-card-icon svg{width:22px;height:22px}.an-module-card-badge{color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;background:#eef2ff;border-radius:12px;padding:2px 10px;font-size:9px;font-weight:600}.an-module-card-badge-perm{color:#d97706;background:#fef3c7}.an-module-card-content h3{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:600;transition:color .3s}.an-module-card:hover .an-module-card-content h3{color:#4f46e5}.an-module-card-content p{color:#94a3b8;margin:0;font-size:13px;line-height:1.4}.an-module-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:14px;padding-top:12px;display:flex}.an-module-card-arrow{color:#d1d5db;justify-content:center;align-items:center;transition:all .3s;display:flex}.an-module-card:hover .an-module-card-arrow{color:#4f46e5;transform:translate(6px)}.an-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.an-stat-card{background:#fff;border:1px solid #eef2f6;border-radius:14px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.an-stat-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 8px 30px #0000000f}.an-stat-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.an-stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.an-stat-icon-wrapper svg{width:20px;height:20px}.an-stat-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:700}.an-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.an-footer{border-top:1px solid #eef2f6;margin-top:12px;padding-top:18px}.an-footer-content{color:#94a3b8;align-items:center;gap:10px;font-size:12px;display:flex}.an-footer-content svg{color:#4f46e5}.an-footer-dot{color:#d1d5db}@media (width<=1200px){.an-module-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.an-module-grid,.an-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.an-content{padding:16px}.an-banner-content{flex-direction:column;align-items:flex-start;padding:20px 22px}.an-banner-avatar{width:48px;height:48px;font-size:20px}.an-banner-details h1{font-size:18px}.an-banner-date{align-self:flex-start;padding:6px 14px;font-size:12px}.an-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.an-stat-value{font-size:20px}.an-stat-card{padding:14px 16px}.an-module-grid{grid-template-columns:1fr 1fr;gap:14px}.an-module-card{padding:16px 18px}.an-module-card-icon{width:42px;height:42px}.an-module-card-icon svg{width:20px;height:20px}.an-module-card-content h3{font-size:14px}.an-module-card-content p{font-size:12px}}@media (width<=480px){.an-content{padding:12px}.an-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.an-stat-card{border-radius:12px;padding:12px 14px}.an-stat-value{font-size:17px}.an-stat-label{font-size:10px}.an-stat-icon-wrapper{width:34px;height:34px}.an-stat-icon-wrapper svg{width:16px;height:16px}.an-module-grid{grid-template-columns:1fr;gap:12px}.an-module-card{border-radius:14px;padding:14px 16px}.an-module-card-icon{width:40px;height:40px}.an-module-card-icon svg{width:18px;height:18px}.an-module-card-content h3{font-size:15px}.an-module-card-content p{font-size:13px}.an-banner-avatar{width:40px;height:40px;font-size:17px}.an-banner-details h1{font-size:16px}.an-banner-details p{font-size:12px}.an-banner-content{padding:16px 18px}.an-footer-content{gap:6px;font-size:11px}}.an-module-grid::-webkit-scrollbar{width:4px}.an-module-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.an-module-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.an-module-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.mr-action-btn{cursor:pointer!important;white-space:nowrap!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:80px!important;padding:6px 14px!important;font-size:12px!important;font-weight:600!important;transition:all .25s!important;display:inline-flex!important;box-shadow:0 1px 3px #0000000f!important}.mr-action-btn svg{flex-shrink:0!important;width:14px!important;height:14px!important}.mr-action-btn span{font-size:12px!important;font-weight:500!important}.mr-invoice-btn{color:#2563eb!important;background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border:1px solid #2563eb26!important}.mr-invoice-btn:hover{color:#fff!important;background:linear-gradient(135deg,#2563eb,#3b82f6)!important;border-color:#2563eb!important;transform:translateY(-2px)!important;box-shadow:0 4px 14px #2563eb4d!important}.mr-invoice-btn:active{transform:scale(.95)!important}.mr-pob-btn{color:#7c3aed!important;background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;border:1px solid #7c3aed26!important}.mr-pob-btn:hover{color:#fff!important;background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;border-color:#7c3aed!important;transform:translateY(-2px)!important;box-shadow:0 4px 14px #7c3aed4d!important}.mr-pob-btn:active{transform:scale(.95)!important}.mr-details-btn{color:#64748b!important;cursor:pointer!important;background:#f1f5f9!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:36px!important;padding:6px 12px!important;transition:all .25s!important;display:inline-flex!important}.mr-details-btn:hover{background:#e2e8f0!important;transform:scale(1.08)!important;box-shadow:0 2px 8px #0000000f!important}.mr-details-btn:active{transform:scale(.92)!important}.mr-table-row td{vertical-align:middle!important;padding:12px 14px!important}@media (width<=768px){.mr-action-btn{gap:4px!important;min-width:60px!important;padding:4px 10px!important;font-size:11px!important}.mr-action-btn svg{width:12px!important;height:12px!important}.mr-action-btn span{font-size:10px!important}.mr-details-btn{min-width:30px!important;padding:4px 8px!important}}@media (width<=480px){.mr-action-btn{border-radius:6px!important;min-width:50px!important;padding:3px 8px!important;font-size:10px!important}.mr-action-btn svg{width:10px!important;height:10px!important}.mr-action-btn span{font-size:9px!important}}.mr-chemist-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.mr-chemist-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.mr-chemist-main{margin-left:270px}}.mr-chemist-content{max-width:1440px;margin:0 auto;padding:28px 32px 40px}.mr-chemist-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:28px;display:grid}.mr-stat-number{color:#0f172a;font-size:24px;font-weight:700;line-height:1.2}.mr-chemist-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.mr-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.mr-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:260px;align-items:center;padding:8px 16px;transition:border .2s;display:flex}.mr-search-box svg{color:#94a3b8;margin-right:10px}.mr-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:14px}.mr-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px}.mr-filter-dropdown{position:relative}.mr-filter-dropdown select{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:140px;padding:8px 36px 8px 14px;font-size:14px}.mr-dropdown-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.mr-items-per-page{color:#475569;align-items:center;gap:6px;font-size:14px;display:flex}.mr-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:13px}.mr-toolbar-right{color:#64748b;font-size:14px;font-weight:500}.mr-chemist-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow-x:auto;box-shadow:0 2px 8px #00000008}.mr-chemist-table{border-collapse:collapse;width:100%;min-width:800px;font-size:14px}.mr-chemist-table thead{background:#f8fafc}.mr-chemist-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#475569;white-space:nowrap;border-bottom:2px solid #f1f5f9;padding:16px 18px;font-size:12px;font-weight:600}.mr-chemist-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.mr-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.mr-shop-info,.mr-mobile-info,.mr-address-info{color:#475569;align-items:center;gap:6px;display:flex}.mr-address-text{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.mr-action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mr-pob-btn{color:#d84e55;background:#fef2f2}.mr-pob-btn:hover{background:#fde8e8;transform:translateY(-1px)}.mr-invoice-btn{color:#d84e55;background:#fef2f2}.mr-invoice-btn:hover{background:#fde8e8;transform:translateY(-1px)}.mr-details-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:all .2s}.mr-details-btn:hover{color:#d84e55;background:#f1f5f9}.mr-no-results{color:#94a3b8;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.mr-no-results h3{color:#0f172a;margin:0 0 4px}.mr-pagination-controls{align-items:center;gap:4px;display:flex}.mr-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mr-page-btn.mr-active:hover{background:#c43d44}.mr-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.mr-modal-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.mr-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px;transition:background .2s}.mr-modal-section{margin-bottom:28px}.mr-modal-section:last-child{margin-bottom:0}.mr-modal-section h3{color:#0f172a;border-bottom:2px solid #f1f5f9;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.mr-modal-grid>div{color:#334155;font-size:14px}.mr-modal-grid strong{color:#0f172a;font-weight:600}.mr-image-preview{grid-column:1/-1}.mr-thumbnail{object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;max-width:160px;max-height:120px;margin-top:6px}.mr-no-image{color:#94a3b8;font-size:13px;font-style:italic}.mr-doc-status{background:#f8fafc;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;display:flex}.mr-status-rejected{color:#dc2626;background:#fef2f2;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;display:flex}.mr-status-approved{color:#16a34a;background:#f0fdf4;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;display:flex}.mr-upload-section{background:#fafbfc;border:1px solid #f1f5f9;border-radius:16px;padding:20px 22px}.mr-upload-item{background:#fff;border:1px dashed #d1d5db;border-radius:12px;padding:16px;transition:border .2s}.mr-upload-item:hover{border-color:#d84e55}.mr-upload-label{color:#0f172a;cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.mr-upload-item input[type=file]{width:100%;margin-top:8px;font-size:13px;display:block}.mr-preview-wrapper{margin-top:10px;display:inline-block;position:relative}.mr-preview-thumb{object-fit:contain;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-width:120px;max-height:100px}.mr-remove-preview{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex;position:absolute;top:-8px;right:-8px}.mr-existing-file{color:#64748b;word-break:break-all;margin-top:8px;font-size:13px}.mr-btn-upload{color:#fff;cursor:pointer;background:#d84e55;border:none;border-radius:10px;padding:10px 28px;font-size:14px;font-weight:600;transition:background .2s}.mr-btn-upload:hover:not(:disabled){background:#c43d44}.mr-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:10px 28px;font-size:14px;font-weight:500;transition:background .2s}@media (width<=768px){.mr-chemist-content{padding:16px 14px 24px}.mr-chemist-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mr-stat-item{padding:14px 16px}.mr-stat-icon{width:40px;height:40px}.mr-stat-number{font-size:20px}.mr-chemist-toolbar{flex-direction:column;align-items:stretch;gap:10px}.mr-toolbar-left{flex-wrap:wrap;gap:10px}.mr-search-box{flex:100%}.mr-filter-dropdown select{min-width:120px}.mr-items-per-page{font-size:13px}.mr-chemist-table{min-width:640px;font-size:13px}.mr-chemist-table th,.mr-chemist-table td{padding:10px 12px}.mr-chemist-avatar{width:32px;height:32px;font-size:13px}.mr-pob-label,.mr-invoice-label{display:none}.mr-action-btn{justify-content:center;min-width:34px;padding:5px 10px;font-size:0}.mr-action-btn svg{width:18px;height:18px;margin:0}.mr-pagination{flex-direction:column;align-items:center}.mr-pagination-controls{flex-wrap:wrap;justify-content:center}.mr-modal-content{border-radius:16px;margin:12px}.mr-modal-header{padding:18px 20px}.mr-modal-header h2{font-size:18px}.mr-modal-body{padding:20px}.mr-modal-grid{grid-template-columns:1fr;gap:12px}.mr-upload-grid{grid-template-columns:1fr;gap:14px}.mr-modal-actions{flex-direction:column}.mr-btn-upload,.mr-btn-cancel{justify-content:center;width:100%}}@media (width<=480px){.mr-chemist-content{padding:10px 10px 16px}.mr-chemist-stats{grid-template-columns:1fr 1fr;gap:8px}.mr-stat-item{gap:12px;padding:10px 12px}.mr-stat-icon{width:32px;height:32px}.mr-stat-number{font-size:17px}.mr-stat-label{font-size:11px}.mr-chemist-table{min-width:540px;font-size:12px}.mr-chemist-table th,.mr-chemist-table td{padding:8px 10px}.mr-chemist-avatar{width:28px;height:28px;font-size:11px}.mr-page-btn{min-width:30px;height:30px;font-size:12px}.mr-modal-header{padding:14px 16px}.mr-modal-body{padding:16px}.mr-modal-section h3{font-size:15px}.mr-upload-section{padding:14px}}.mr-details-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:16px 20px}.mr-details-section h3{color:#0f172a;margin:0 0 12px;font-size:16px;font-weight:600}.mr-details-grid{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.mr-details-grid div{color:#334155;font-size:14px}.mr-details-grid strong{color:#0f172a}@media (width<=768px){.mr-details-grid{grid-template-columns:1fr;gap:8px}}.mr-pob-brand-remark{color:var(--mr-text-secondary,#6b7280);background:var(--mr-bg-light,#f3f4f6);border-radius:12px;align-items:center;gap:4px;width:fit-content;margin-top:2px;padding:2px 8px;font-size:12px;display:inline-flex}.mr-pob-brand-remark svg{opacity:.6}.mr-pob-page-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.mr-pob-page-main{flex:1;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1)}@media (width>=769px){.mr-pob-page-main{margin-left:270px}}.mr-pob-page-content{max-width:900px;margin:0 auto;padding:24px 32px 32px}.mr-pob-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mr-pob-back-btn:hover{color:#d84e55;background:#f8fafc;border-color:#d84e55}.mr-pob-form-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.mr-pob-form-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.mr-pob-form-header-left{align-items:center;gap:14px;display:flex}.mr-pob-form-icon{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 15px #d84e554d}.mr-pob-form-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.mr-pob-form-subtitle{color:#64748b;margin:2px 0 0;font-size:13px}.mr-pob-form-status{flex-shrink:0}.mr-pob-status-badge{color:#f59e0b;background:#fef3c7;border-radius:20px;padding:4px 16px;font-size:12px;font-weight:600;display:inline-block}.mr-pob-chemist-card{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:20px 28px;display:flex}.mr-pob-chemist-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex}.mr-pob-chemist-details{flex:1}.mr-pob-chemist-name{color:#0f172a;margin:0;font-size:16px;font-weight:600}.mr-pob-chemist-shop{color:#64748b;margin:2px 0 4px;font-size:13px}.mr-pob-chemist-meta{flex-wrap:wrap;gap:16px;display:flex}.mr-pob-chemist-meta span{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.mr-pob-chemist-meta span svg{color:#94a3b8}.mr-pob-brand-section{padding:20px 28px}.mr-pob-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mr-pob-section-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:600}.mr-pob-item-count{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:4px 12px;font-size:12px}.mr-pob-brand-grid{flex-direction:column;gap:8px;display:flex}.mr-pob-brand-card{background:#f8fafc;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.mr-pob-brand-card:hover{background:#f1f5f9}.mr-pob-brand-card.mr-has-quantity{background:#eff6ff;border-color:#3b82f6}.mr-pob-brand-card-info{flex-direction:column;gap:2px;display:flex}.mr-pob-brand-card-name{color:#0f172a;font-size:14px;font-weight:600}.mr-pob-brand-card-price{color:#64748b;font-size:12px}.mr-pob-brand-card-controls{align-items:center;gap:8px;display:flex}.mr-pob-qty-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.mr-pob-qty-btn:hover:not(:disabled){color:#fff;background:#d84e55;border-color:#d84e55}.mr-pob-qty-btn:disabled{opacity:.4;cursor:not-allowed}.mr-pob-qty-input{text-align:center;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:48px;height:30px;font-size:14px;font-weight:600}.mr-pob-qty-input:focus{border-color:#d84e55;box-shadow:0 0 0 3px #d84e551a}.mr-pob-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mr-pob-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mr-pob-qty-input[type=number]{-moz-appearance:textfield}.mr-pob-brand-total{color:#0f172a;text-align:right;min-width:60px;font-size:13px;font-weight:600}.mr-pob-brand-card.mr-has-quantity .mr-pob-brand-total{color:#d84e55}.mr-pob-notes-section{padding:0 28px 20px}.mr-pob-notes-section label{color:#0f172a;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.mr-pob-notes-section textarea{color:#0f172a;resize:vertical;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .2s}.mr-pob-notes-section textarea:focus{border-color:#d84e55;outline:none;box-shadow:0 0 0 3px #d84e551a}.mr-pob-summary-section{background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:24px;padding:16px 28px;display:flex}.mr-pob-summary-item{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.mr-pob-summary-label{color:#64748b;font-size:12px}.mr-pob-summary-value{color:#0f172a;font-size:18px;font-weight:700}.mr-pob-total-amount{color:#d84e55;font-size:22px}.mr-pob-summary-divider{background:#e2e8f0;width:1px;height:40px}.mr-pob-actions-section{justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}.mr-pob-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mr-pob-btn-secondary{color:#475569;background:#f1f5f9}.mr-pob-btn-secondary:hover:not(:disabled){background:#e2e8f0}.mr-pob-btn-primary{color:#fff;background:#d84e55}.mr-pob-btn-primary:hover:not(:disabled){background:#c43d44}.mr-pob-btn:disabled{opacity:.5;cursor:not-allowed}.mr-pob-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite mrPobSpin}@keyframes mrPobSpin{to{transform:rotate(360deg)}}@media (width<=768px){.mr-pob-page-content{padding:16px}.mr-pob-form-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.mr-pob-form-title{font-size:17px}.mr-pob-chemist-card{flex-direction:column;align-items:flex-start;padding:16px 20px}.mr-pob-chemist-meta{flex-direction:column;gap:4px}.mr-pob-brand-section{padding:16px 20px}.mr-pob-brand-card{flex-direction:column;align-items:stretch;gap:8px}.mr-pob-brand-card-controls{justify-content:flex-end}.mr-pob-notes-section{padding:0 20px 16px}.mr-pob-summary-section{flex-direction:column;align-items:stretch;gap:8px;padding:12px 20px}.mr-pob-summary-item{flex-direction:row;justify-content:space-between;align-items:center}.mr-pob-summary-divider{display:none}.mr-pob-total-amount{font-size:18px}.mr-pob-actions-section{flex-direction:column;padding:16px 20px}.mr-pob-btn{justify-content:center}}@media (width<=480px){.mr-pob-page-content{padding:12px}.mr-pob-form-header{padding:12px 16px}.mr-pob-form-icon{width:40px;height:40px}.mr-pob-form-icon svg{width:20px;height:20px}.mr-pob-form-title{font-size:15px}.mr-pob-chemist-card{padding:12px 16px}.mr-pob-chemist-avatar{width:44px;height:44px;font-size:18px}.mr-pob-brand-section{padding:12px 16px}.mr-pob-brand-card{padding:10px 12px}.mr-pob-brand-card-name{font-size:13px}.mr-pob-qty-input{width:40px;height:28px;font-size:13px}.mr-pob-qty-btn{width:28px;height:28px}.mr-pob-brand-total{min-width:50px;font-size:12px}.mr-pob-notes-section{padding:0 16px 12px}.mr-pob-summary-section{padding:10px 16px}.mr-pob-summary-value{font-size:16px}.mr-pob-actions-section{padding:12px 16px}}.mr-invoice-container{background:#f8fafc;min-height:100vh;display:flex}.mr-invoice-main{flex-direction:column;flex:1;min-height:100vh;margin-left:280px;transition:margin-left .3s;display:flex}@media (width<=768px){.mr-invoice-main{margin-left:0}}.mr-invoice-content{flex:1;padding:24px 32px}.mr-invoice-back-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:8px 0;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.mr-invoice-back-btn:hover{color:#2563eb}.mr-invoice-layout{max-width:900px;margin:0 auto}.mr-chemist-info-card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.mr-chemist-info-details h2{color:#1e293b;margin:0 0 4px;font-size:20px;font-weight:600}.mr-chemist-shop-name{color:#64748b;margin:0 0 8px;font-size:14px}.mr-chemist-status-badge{flex-shrink:0}.mr-status-active,.mr-status-inactive{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.mr-status-active{color:#10b981;background:#d1fae5}.mr-status-inactive{color:#ef4444;background:#fee2e2}.mr-invoice-form-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.mr-invoice-form-header{margin-bottom:32px}.mr-invoice-form-header h3{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:600}.mr-invoice-form-header p{color:#64748b;margin:0;font-size:14px}.mr-invoice-form{flex-direction:column;gap:24px;display:flex}.mr-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mr-form-group input,.mr-form-group textarea,.mr-form-group select{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.mr-form-group input:focus,.mr-form-group textarea:focus,.mr-form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.mr-form-group input.mr-input-error,.mr-form-group textarea.mr-input-error{border-color:#ef4444}.mr-amount-input-wrapper{position:relative}.mr-amount-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.mr-amount-input-wrapper input{width:100%;padding-left:36px}.mr-file-name{color:#1e293b;font-size:14px;font-weight:500}.mr-btn-upload:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media (width<=768px){.mr-invoice-content{padding:16px}.mr-chemist-info-header{flex-wrap:wrap}.mr-chemist-contact-info{flex-direction:column;gap:4px}.mr-form-row{grid-template-columns:1fr}.mr-invoice-form-card{padding:20px}.mr-form-actions{flex-direction:column-reverse}.mr-btn-cancel,.mr-btn-upload{justify-content:center;width:100%}.mr-file-upload-area{padding:24px 16px}}.mr-order-invoice-container{background:#f5f0ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.mr-order-invoice-main{flex:1;width:100%;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@media (width>=769px){.mr-order-invoice-main{margin-left:270px}}.mr-order-invoice-content{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 32px}.mr-order-invoice-actions{justify-content:flex-end;margin-bottom:24px;display:flex}.mr-upload-invoice-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d84e55,#e87077);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #d84e554d}.mr-upload-invoice-btn:hover{background:linear-gradient(135deg,#c43d44,#d84e55);transform:translateY(-2px);box-shadow:0 4px 16px #d84e5566}.mr-upload-invoice-btn:active{transform:scale(.95)}.mr-order-invoice-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.mr-order-invoice-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mr-order-invoice-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #f1f5f9;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.mr-order-invoice-table{border-collapse:collapse;width:100%;min-width:900px;font-size:14px}.mr-order-invoice-table thead{background:#f8fafc}.mr-order-invoice-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:12px;font-weight:600}.mr-order-invoice-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.mr-action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.mr-view-btn:hover{color:#c43d44;background:#fde8e8}.mr-upload-action-btn{color:#10b981;cursor:pointer;background:#f0fdf4;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.mr-upload-action-btn:hover{color:#059669;background:#dcfce7}.mr-no-results p{color:#94a3b8;margin-bottom:16px;font-size:14px}.mr-items-table th{text-align:left;color:#475569;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-weight:600}.mr-items-table td{border-bottom:1px solid #f1f5f9;padding:10px 12px}.mr-items-table tfoot td{border-top:2px solid #e2e8f0;border-bottom:none;padding:12px}.mr-modal-actions{gap:12px;margin-top:8px;display:flex}.mr-modal-btn.mr-btn-primary:hover{background:linear-gradient(135deg,#c43d44,#d84e55)}.mr-serial-number,.mr-order-id{color:#6b7280;font-size:13px;font-weight:600}.mr-action-buttons{align-items:center;gap:4px;display:flex}.mr-view-btn{color:#d84e55;cursor:pointer;background:#fef2f2;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.mr-view-btn:hover{background:#fde8e8}.mr-upload-action-btn{color:#7c3aed;cursor:pointer;background:#ede9fe;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.mr-upload-action-btn:hover{background:#ddd6fe}.mr-order-modal{max-width:800px}.mr-free-badge{color:#059669;background:#d1fae5;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.mr-no-free{color:#9ca3af;font-size:12px}@media (width<=1024px){.mr-order-invoice-content{padding:20px 24px 24px}.mr-order-invoice-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.mr-order-invoice-content{padding:16px}.mr-order-invoice-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mr-stat-item{padding:12px 14px}.mr-stat-number{font-size:18px}.mr-order-invoice-actions{justify-content:stretch}.mr-upload-invoice-btn{justify-content:center;width:100%}.mr-order-invoice-toolbar{flex-direction:column;align-items:stretch}.mr-toolbar-left{flex-wrap:wrap}.mr-search-box{flex:100%;min-width:0;max-width:100%}.mr-order-invoice-table-wrapper{overflow-x:auto}.mr-order-invoice-table{min-width:700px}.mr-pagination{flex-direction:column;align-items:center}.mr-modal-content{max-height:95vh;margin:12px}.mr-modal-grid{grid-template-columns:1fr;gap:16px}.mr-modal-actions{flex-direction:column}.mr-modal-btn{justify-content:center;width:100%}}@media (width<=480px){.mr-order-invoice-content{padding:12px}.mr-order-invoice-stats{grid-template-columns:1fr 1fr;gap:8px}.mr-stat-item{gap:10px;padding:10px 12px}.mr-stat-icon{width:32px;height:32px}.mr-stat-number{font-size:16px}.mr-stat-label{font-size:10px}.mr-order-invoice-table{min-width:600px;font-size:12px}.mr-order-invoice-table th,.mr-order-invoice-table td{padding:8px 10px}.mr-chemist-avatar{width:28px;height:28px;font-size:11px}.mr-action-buttons{flex-direction:column;gap:4px}.mr-page-btn{min-width:28px;height:28px;font-size:11px}.mr-modal-header{padding:16px 18px}.mr-modal-title h2{font-size:17px}.mr-modal-body{padding:16px 18px}}.mr-invoice-details-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.mr-invoice-details-main{flex:1;width:100%;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@media (width>=769px){.mr-invoice-details-main{margin-left:270px}}.mr-invoice-details-content{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 32px}.mr-invoice-details-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.mr-invoice-details-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mr-invoice-details-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #f1f5f9;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.mr-invoice-details-table{border-collapse:collapse;width:100%;min-width:900px;font-size:14px}.mr-invoice-details-table thead{background:#f8fafc}.mr-invoice-details-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:12px;font-weight:600}.mr-invoice-details-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.mr-invoice-number{color:#0f172a;font-weight:600}.mr-date-info svg{color:#94a3b8}.mr-amount{color:#0f172a;font-weight:600}.mr-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.mr-status-badge svg{width:14px;height:14px}.mr-type-badge{white-space:nowrap;border-radius:12px;align-items:center;padding:4px 12px;font-size:11px;font-weight:500;display:inline-flex}.mr-view-btn{color:#3b82f6;cursor:pointer;background:#eff6ff;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.mr-view-btn:hover{color:#2563eb;background:#dbeafe;transform:scale(1.05)}.mr-view-btn:active{transform:scale(.95)}.mr-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mr-modal-content{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;animation:.3s mrModalSlideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}.mr-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:24px 28px;display:flex}.mr-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.mr-modal-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.mr-modal-info-group{flex-direction:column;gap:8px;display:flex}.mr-modal-info-group h4{color:#0f172a;margin:0 0 8px;font-size:14px;font-weight:600}.mr-modal-info-row{color:#475569;align-items:center;gap:10px;font-size:14px;display:flex}.mr-modal-info-row svg{color:#94a3b8;flex-shrink:0}.mr-invoice-items{overflow-x:auto}.mr-items-table{border-collapse:collapse;width:100%;font-size:14px}.mr-items-table thead{background:#f8fafc}.mr-items-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:12px;font-weight:600}.mr-items-table td{color:#475569;border-bottom:1px solid #f1f5f9;padding:10px 12px}.mr-items-table tfoot td{border-top:2px solid #e2e8f0;border-bottom:none;padding:12px;font-weight:600}.mr-modal-btn.mr-btn-primary{color:#fff;background:#3b82f6}.mr-modal-btn.mr-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.mr-modal-btn.mr-btn-secondary{color:#475569;background:#f1f5f9}.mr-modal-btn.mr-btn-secondary:hover{background:#e2e8f0}@media (width<=1024px){.mr-invoice-details-content{padding:20px 24px 24px}.mr-invoice-details-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.mr-invoice-details-content{padding:16px}.mr-invoice-details-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mr-stat-item{gap:12px;padding:12px 14px}.mr-stat-icon{width:36px;height:36px}.mr-stat-icon svg{width:16px;height:16px}.mr-stat-number{font-size:18px}.mr-stat-label{font-size:10px}.mr-invoice-details-toolbar{flex-direction:column;align-items:stretch;gap:12px}.mr-toolbar-left{flex-wrap:wrap;gap:8px}.mr-search-box{flex:100%;min-width:0;max-width:100%;padding:8px 12px}.mr-search-box input{font-size:13px}.mr-filter-dropdown{flex:1}.mr-filter-dropdown select{width:100%;min-width:0;padding:8px 32px 8px 12px;font-size:13px}.mr-items-per-page{flex:1}.mr-items-per-page select{padding:5px 8px;font-size:12px}.mr-items-per-page span{font-size:12px}.mr-toolbar-right{justify-content:flex-start;width:100%;padding-top:2px}.mr-result-count{font-size:12px}.mr-invoice-details-table-wrapper{border-radius:10px}.mr-invoice-details-table{min-width:750px;font-size:13px}.mr-invoice-details-table th,.mr-invoice-details-table td{padding:10px 12px}.mr-chemist-avatar{width:32px;height:32px;font-size:12px}.mr-chemist-name{font-size:13px}.mr-chemist-shop{font-size:10px}.mr-status-badge{padding:3px 10px;font-size:10px}.mr-status-badge svg{width:11px;height:11px}.mr-type-badge{padding:3px 8px;font-size:10px}.mr-view-btn{padding:6px}.mr-view-btn svg{width:14px;height:14px}.mr-pagination{flex-direction:column;align-items:center;gap:10px;padding:12px 14px}.mr-pagination-info{font-size:12px}.mr-pagination-controls{gap:3px}.mr-page-btn{border-radius:6px;min-width:32px;height:32px;padding:0 6px;font-size:12px}.mr-modal-content{max-width:100%;max-height:95vh;margin:12px}.mr-modal-header{padding:16px 18px}.mr-modal-title h2{font-size:17px}.mr-modal-title p{font-size:13px}.mr-modal-body{padding:16px 18px}.mr-modal-grid{grid-template-columns:1fr;gap:16px}.mr-modal-actions{flex-direction:column}.mr-modal-btn{justify-content:center;width:100%}}@media (width<=480px){.mr-invoice-details-content{padding:12px}.mr-invoice-details-stats{grid-template-columns:1fr 1fr;gap:8px}.mr-stat-item{gap:10px;padding:10px 12px}.mr-stat-icon{border-radius:8px;width:32px;height:32px}.mr-stat-icon svg{width:14px;height:14px}.mr-stat-number{font-size:16px}.mr-stat-label{font-size:9px}.mr-toolbar-left{flex-direction:column;width:100%}.mr-search-box{min-width:100%;padding:6px 10px}.mr-search-box input{font-size:12px}.mr-filter-dropdown{width:100%}.mr-filter-dropdown select{width:100%;padding:6px 32px 6px 10px;font-size:12px}.mr-items-per-page{justify-content:flex-start;width:100%}.mr-items-per-page select{padding:4px 6px;font-size:11px}.mr-items-per-page span{font-size:11px}.mr-toolbar-right{width:100%}.mr-result-count{font-size:11px}.mr-invoice-details-table{min-width:600px;font-size:12px}.mr-invoice-details-table th,.mr-invoice-details-table td{padding:8px 10px}.mr-chemist-avatar{width:28px;height:28px;font-size:10px}.mr-chemist-name{font-size:12px}.mr-chemist-shop{font-size:9px}.mr-status-badge{padding:2px 8px;font-size:9px}.mr-status-badge svg{width:10px;height:10px}.mr-type-badge{padding:2px 6px;font-size:9px}.mr-date-info{font-size:11px}.mr-date-info svg{width:12px;height:12px}.mr-amount{font-size:12px}.mr-view-btn{padding:4px}.mr-view-btn svg{width:12px;height:12px}.mr-pagination{padding:10px}.mr-pagination-info{font-size:11px}.mr-pagination-controls{gap:2px}.mr-page-btn{border-radius:6px;min-width:28px;height:28px;padding:0 4px;font-size:11px}.mr-modal-content{border-radius:10px;margin:8px}.mr-modal-header{padding:12px 14px}.mr-modal-title h2{font-size:15px}.mr-modal-title p{font-size:12px}.mr-modal-close svg{width:20px;height:20px}.mr-modal-body{padding:12px 14px}.mr-modal-info-group h4,.mr-modal-info-row{font-size:13px}.mr-items-table th,.mr-items-table td{padding:6px 8px;font-size:12px}.mr-modal-btn{padding:8px 16px;font-size:13px}}@media (width<=380px){.mr-invoice-details-stats{gap:6px}.mr-stat-item{gap:8px;padding:8px 10px}.mr-stat-icon{width:28px;height:28px}.mr-stat-icon svg{width:12px;height:12px}.mr-stat-number{font-size:14px}.mr-stat-label{font-size:8px}.mr-invoice-details-table{min-width:500px;font-size:11px}.mr-invoice-details-table th,.mr-invoice-details-table td{padding:6px 8px}.mr-chemist-avatar{width:24px;height:24px;font-size:9px}.mr-chemist-name{font-size:11px}.mr-chemist-shop{font-size:8px}.mr-page-btn{min-width:24px;height:24px;padding:0 3px;font-size:10px}.mr-pagination-info{font-size:10px}}.mr-invoice-details-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.mr-invoice-details-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-invoice-details-table-wrapper::-webkit-scrollbar-thumb{background:#d84e55;border-radius:4px}.mr-invoice-details-table-wrapper::-webkit-scrollbar-thumb:hover{background:#c43d44}.mr-modal-content::-webkit-scrollbar{width:6px}.mr-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-modal-content::-webkit-scrollbar-thumb{background:#d84e55;border-radius:4px}.mr-modal-content::-webkit-scrollbar-thumb:hover{background:#c43d44}.mr-fade-in{animation:.3s mrFadeIn}@media (hover:none){.mr-table-row:hover{background:0 0}.mr-table-row:active{background:#f1f5f9}.mr-page-btn:hover:not(:disabled){background:#fff}.mr-page-btn:active:not(:disabled){background:#f1f5f9}.mr-stat-item:hover{transform:none}.mr-view-btn:hover{background:#eff6ff;transform:none}.mr-view-btn:active{background:#dbeafe;transform:scale(.95)}.mr-modal-btn.mr-btn-primary:hover{transform:none}}.mr-brand-btn:hover{background:#fde68a;transform:scale(1.05)}.mr-brand-modal{max-width:700px}.mr-brands-list{margin-top:12px}.mr-pob-value{color:#059669;font-weight:600}.mr-cashback-value{color:#8b5cf6;font-weight:600}.mr-image-thumbnail:hover{background:#dbeafe;transform:scale(1.1)}.mr-chemist-id{color:#6b7280;font-size:13px;font-weight:600}.mr-chemist-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.mr-shop-info,.mr-mobile-info,.mr-hq-info{align-items:center;gap:6px;display:flex}.mr-emp-code{color:#374151;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:500}.mr-date-info{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.mr-modal-label{color:#374151;min-width:120px;font-weight:600}@media (width<=1200px){.mr-invoice-details-table th,.mr-invoice-details-table td{padding:6px 4px;font-size:12px}.mr-brand-modal{max-width:95%}}@media (width<=768px){.mr-invoice-details-table{font-size:11px}.mr-invoice-details-table th,.mr-invoice-details-table td{padding:4px 3px}.mr-brand-btn{padding:2px 8px;font-size:10px}.mr-chemist-avatar{width:24px;height:24px;font-size:10px}}.mr-brand-btn{color:#d97706;cursor:pointer;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.mr-brand-btn:hover:not(:disabled){background:#fde68a;transform:scale(1.05)}.mr-brand-btn:disabled{opacity:.7;cursor:not-allowed}.mr-brand-disabled{color:#9ca3af;background:#f3f4f6;border-color:#d1d5db}.mr-brand-disabled:hover{background:#f3f4f6;transform:none}.mr-order-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.mr-summary-card-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.mr-summary-card-item:hover{background:#f1f5f9;border-color:#cbd5e1}.mr-summary-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mr-summary-content{flex-direction:column;gap:2px;display:flex}.mr-summary-value{color:#1f2937;font-size:15px;font-weight:600}.mr-status-approved{color:#10b981}.mr-status-pending{color:#f59e0b}.mr-status-rejected{color:#ef4444}.mr-rejection-reason{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.mr-invoice-image-section{margin-bottom:24px}.mr-invoice-image-section h4{color:#374151;margin-bottom:12px;font-size:14px;font-weight:600}.mr-invoice-image-container{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;max-width:250px;display:inline-block;position:relative;overflow:hidden}.mr-invoice-image-thumb{object-fit:cover;width:100%;height:auto;max-height:150px;display:block}.mr-image-overlay{color:#fff;opacity:0;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .3s;display:flex;position:absolute;inset:0}.mr-invoice-image-container:hover .mr-image-overlay{opacity:1}.mr-image-overlay svg{color:#fff}.mr-image-overlay span{font-size:13px;font-weight:500}.mr-brands-section h4{color:#374151;margin-bottom:12px;font-size:14px;font-weight:600}.mr-brands-table{border-collapse:collapse;width:100%;font-size:14px}.mr-brands-table thead th{text-align:left;color:#374151;background:#f8fafc;border-bottom:2px solid #e5e7eb;padding:10px 12px;font-weight:600}.mr-brands-table tbody td{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:10px 12px}.mr-brands-table tbody tr:hover{background:#f8fafc}.mr-brands-table tfoot td{border-top:2px solid #e5e7eb;padding:10px 12px;font-weight:600}.mr-modal-subtitle{color:#6b7280;font-size:13px;font-weight:400}.mr-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (width<=768px){.mr-order-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mr-summary-card-item{padding:10px 12px}.mr-summary-value{font-size:13px}.mr-summary-icon{width:32px;height:32px}.mr-summary-icon svg{width:16px;height:16px}}@media (width<=480px){.mr-order-summary-grid{grid-template-columns:1fr}}.mr-order-invoice-upload-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.mr-order-invoice-upload-main{flex:1;width:100%;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@media (width>=769px){.mr-order-invoice-upload-main{margin-left:270px}}.mr-order-invoice-upload-content{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:24px 32px 32px}.mr-upload-back-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:8px 0;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.mr-upload-back-btn:hover{color:#2563eb}.mr-upload-layout{max-width:900px;margin:0 auto}.mr-upload-form-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.mr-upload-header{margin-bottom:32px}.mr-upload-header h3{color:#1e293b;margin:0 0 8px;font-size:20px;font-weight:600}.mr-upload-header p{color:#64748b;margin:0;font-size:14px}.mr-file-hint{color:#94a3b8;margin-top:4px;font-size:13px}.mr-upload-form{flex-direction:column;gap:24px;display:flex}.mr-form-group label{color:#334155;font-size:14px;font-weight:500}.mr-error-message{color:#ef4444;font-size:12px}.mr-chemist-info-card-readonly{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;overflow:hidden}.mr-chemist-info-header{align-items:center;gap:16px;display:flex}.mr-chemist-avatar-large{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:600;display:flex}.mr-chemist-info-details{flex:1}.mr-chemist-info-details h4{color:#0f172a;margin:0 0 2px;font-size:15px;font-weight:600}.mr-chemist-info-details p{color:#64748b;margin:0 0 4px;font-size:13px}.mr-chemist-contact-info{flex-wrap:wrap;gap:12px;display:flex}.mr-chemist-contact-info span{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.mr-no-chemist-warning{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;align-items:center;gap:16px;padding:20px;display:flex}.mr-no-chemist-warning svg{color:#f59e0b;flex-shrink:0}.mr-no-chemist-warning h4{color:#78350f;margin:0 0 4px;font-size:15px}.mr-no-chemist-warning p{color:#92400e;margin:0;font-size:13px}.mr-file-upload-area{text-align:center;cursor:pointer;background:#fafbfc;border:2px dashed #e2e8f0;border-radius:8px;padding:40px 20px;transition:all .3s}.mr-file-upload-area:hover{background:#fef2f2;border-color:#d84e55}.mr-file-upload-area.mr-file-selected{background:#fef2f2;border-color:#d84e55;padding:20px}.mr-file-upload-area.mr-file-error{background:#fef2f2;border-color:#ef4444}.mr-upload-text .mr-upload-title{color:#334155;margin:0 0 4px;font-size:16px;font-weight:500}.mr-upload-text .mr-upload-subtitle{color:#94a3b8;margin:0;font-size:13px}.mr-file-preview{width:100%}.mr-file-info{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.mr-file-icon{color:#d84e55;flex-shrink:0}.mr-file-details{flex-direction:column;flex:1;align-items:flex-start;display:flex}.mr-file-name{color:#1e293b;word-break:break-all;font-size:14px;font-weight:500}.mr-file-size{color:#94a3b8;font-size:12px}.mr-remove-file{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.mr-remove-file:hover{color:#ef4444;background:#fef2f2}.mr-image-preview{border-radius:8px;max-height:200px;margin-top:12px;overflow:hidden}.mr-image-preview img{object-fit:contain;width:100%;height:100%}.mr-upload-progress{align-items:center;gap:12px;display:flex}.mr-progress-bar{background:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.mr-progress-text{color:#d84e55;text-align:right;min-width:40px;font-size:13px;font-weight:500}.mr-upload-success{color:#065f46;background:#d1fae5;border-radius:8px;align-items:center;gap:8px;padding:12px;font-weight:500;display:flex}.mr-btn-cancel,.mr-btn-upload{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.mr-btn-cancel{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.mr-btn-cancel:hover{background:#e2e8f0}.mr-btn-upload{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border:none}.mr-btn-upload:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #d84e5566}.mr-btn-upload:disabled{opacity:.6;cursor:not-allowed}.mr-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite mrSpin}.mr-loading-spinner span{color:#64748b;font-size:14px}@media (width<=768px){.mr-order-invoice-upload-content{padding:16px}.mr-upload-form-card{padding:20px}.mr-upload-header h3{font-size:18px}.mr-chemist-info-header{flex-wrap:wrap}.mr-chemist-contact-info{flex-direction:column;gap:4px}.mr-form-actions{flex-direction:column-reverse}.mr-btn-cancel,.mr-btn-upload{justify-content:center;width:100%}.mr-file-upload-area{padding:24px 16px}}@media (width<=480px){.mr-order-invoice-upload-content{padding:12px}.mr-upload-form-card{border-radius:8px;padding:16px}.mr-upload-header h3{font-size:16px}.mr-upload-header p,.mr-form-group label{font-size:13px}.mr-chemist-avatar-large{width:40px;height:40px;font-size:16px}.mr-chemist-info-details h4{font-size:14px}.mr-chemist-info-details p{font-size:12px}.mr-chemist-contact-info span{font-size:11px}.mr-no-chemist-warning{text-align:center;flex-direction:column;padding:16px}.mr-no-chemist-warning h4{font-size:14px}.mr-no-chemist-warning p{font-size:12px}.mr-file-upload-area{padding:20px 12px}.mr-file-info{flex-wrap:wrap}.mr-file-name{font-size:13px}.mr-upload-icon{width:32px;height:32px}.mr-upload-text .mr-upload-title{font-size:14px}.mr-upload-text .mr-upload-subtitle{font-size:12px}.mr-btn-cancel,.mr-btn-upload{padding:8px 16px;font-size:13px}.mr-upload-back-btn{font-size:13px}}.mr-leaderboard-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.mr-leaderboard-main{flex:1;width:100%;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@media (width>=769px){.mr-leaderboard-main{margin-left:270px}}.mr-leaderboard-content{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 32px}.mr-top-performer-banner{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.mr-top-performer-bg{z-index:0;background:linear-gradient(135deg,#1a1a2e 0%,#2d1b69 40%,#d84e55 100%);position:absolute;inset:0;overflow:hidden}.mr-top-performer-glow{pointer-events:none;background:radial-gradient(#d84e5533 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.mr-top-performer-content{z-index:1;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative}.mr-top-performer-left{flex:1}.mr-top-performer-badge{color:#ffffffe6;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:8px;margin-bottom:8px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex}.mr-top-performer-badge svg{color:#f59e0b}.mr-top-performer-name{color:#fff;margin:0 0 4px;font-size:26px;font-weight:700}.mr-top-performer-shop{color:#ffffffb3;margin:0 0 12px;font-size:14px}.mr-top-performer-stats{flex-wrap:wrap;gap:24px;display:flex}.mr-top-stat{flex-direction:column;display:flex}.mr-top-stat-value{color:#fff;font-size:18px;font-weight:700}.mr-top-stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.mr-top-performer-right{flex-shrink:0}.mr-top-performer-rank{background:#ffffff14;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;padding:12px 20px;display:flex}.mr-top-performer-rank svg{color:#f59e0b}.mr-top-performer-rank span{color:#fff;font-size:24px;font-weight:700}.mr-leaderboard-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.mr-leaderboard-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mr-filter-dropdown,.mr-sort-dropdown{flex-shrink:0;align-items:center;display:flex;position:relative}.mr-filter-dropdown select,.mr-sort-dropdown select{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:130px;padding:8px 36px 8px 14px;font-size:14px;transition:all .3s}.mr-filter-dropdown select:focus,.mr-sort-dropdown select:focus{border-color:#d84e55;outline:none;box-shadow:0 0 0 3px #d84e551a}.mr-leaderboard-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #f1f5f9;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.mr-leaderboard-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:14px}.mr-leaderboard-table thead{background:#f8fafc}.mr-leaderboard-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:12px;font-weight:600}.mr-leaderboard-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.mr-leaderboard-row{transition:background .2s}.mr-leaderboard-row:hover{background:#fafbfc}.mr-leaderboard-row.mr-top-row{background:#fffbeb}.mr-leaderboard-row.mr-top-row:hover{background:#fef3c7}.mr-leaderboard-row:last-child td{border-bottom:none}.mr-rank-cell{align-items:center;gap:8px;display:flex}.mr-rank-number{font-size:14px;font-weight:600}.mr-chemist-info{align-items:center;gap:12px;display:flex}.mr-chemist-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.mr-chemist-avatar.mr-active{background:linear-gradient(135deg,#10b981,#34d399)}.mr-chemist-avatar.mr-inactive{background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.mr-chemist-name{color:#0f172a;font-weight:600}.mr-chemist-shop{color:#64748b;font-size:12px}.mr-location-info{color:#475569;align-items:center;gap:6px;font-size:13px;display:flex}.mr-location-info svg{color:#94a3b8}.mr-sales-amount{color:#0f172a;font-weight:600}.mr-order-count{color:#475569;font-weight:500}.mr-cashback-amount{color:#10b981;font-weight:600}.mr-rating-cell{align-items:center;gap:4px;display:flex}.mr-rating-cell span{color:#0f172a;font-weight:500}.mr-growth-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.mr-target-cell{align-items:center;gap:8px;display:flex}.mr-target-bar{background:#f1f5f9;border-radius:4px;flex:1;width:80px;height:6px;overflow:hidden}.mr-target-fill{border-radius:4px;height:100%;transition:width 1s}.mr-target-value{color:#0f172a;min-width:40px;font-size:12px;font-weight:600}@media (width<=1024px){.mr-leaderboard-content{padding:20px 24px 24px}.mr-leaderboard-stats{grid-template-columns:repeat(2,1fr)}.mr-top-performer-content{text-align:center;flex-direction:column}.mr-top-performer-stats{justify-content:center}.mr-top-performer-right{justify-content:center;width:100%;display:flex}}@media (width<=768px){.mr-leaderboard-content{padding:16px}.mr-leaderboard-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mr-stat-item{padding:12px 14px}.mr-stat-number{font-size:18px}.mr-top-performer-name{font-size:20px}.mr-top-performer-stats{gap:16px}.mr-top-stat-value{font-size:16px}.mr-leaderboard-toolbar{flex-direction:column;align-items:stretch;gap:12px}.mr-toolbar-left{flex-wrap:wrap;gap:8px}.mr-search-box{flex:100%;min-width:0;max-width:100%}.mr-filter-dropdown,.mr-sort-dropdown{flex:1}.mr-filter-dropdown select,.mr-sort-dropdown select{width:100%;min-width:0}.mr-items-per-page{flex:1}.mr-items-per-page select{font-size:12px}.mr-toolbar-right{justify-content:flex-start;width:100%}.mr-result-count{font-size:12px}.mr-leaderboard-table{min-width:800px;font-size:13px}.mr-leaderboard-table th,.mr-leaderboard-table td{padding:10px 12px}.mr-chemist-avatar{width:32px;height:32px;font-size:12px}.mr-chemist-name{font-size:13px}.mr-chemist-shop{font-size:10px}.mr-target-bar{width:60px}.mr-pagination{flex-direction:column;align-items:center;gap:10px;padding:12px 14px}.mr-pagination-info{font-size:12px}.mr-pagination-controls{gap:3px}.mr-page-btn{min-width:32px;height:32px;padding:0 6px;font-size:12px}}@media (width<=480px){.mr-leaderboard-content{padding:12px}.mr-leaderboard-stats{grid-template-columns:1fr 1fr;gap:8px}.mr-stat-item{gap:10px;padding:10px 12px}.mr-stat-icon{width:32px;height:32px}.mr-stat-icon svg{width:14px;height:14px}.mr-stat-number{font-size:16px}.mr-stat-label{font-size:10px}.mr-top-performer-content{padding:16px}.mr-top-performer-name{font-size:18px}.mr-top-performer-stats{flex-direction:column;align-items:center;gap:8px}.mr-top-performer-rank{padding:8px 16px}.mr-top-performer-rank svg{width:32px;height:32px}.mr-top-performer-rank span{font-size:18px}.mr-toolbar-left{flex-direction:column;width:100%}.mr-search-box{min-width:100%}.mr-filter-dropdown,.mr-sort-dropdown,.mr-filter-dropdown select,.mr-sort-dropdown select{width:100%}.mr-items-per-page{justify-content:flex-start;width:100%}.mr-leaderboard-table{min-width:650px;font-size:12px}.mr-leaderboard-table th,.mr-leaderboard-table td{padding:8px 10px}.mr-chemist-avatar{width:28px;height:28px;font-size:10px}.mr-chemist-name{font-size:12px}.mr-chemist-shop{font-size:9px}.mr-rank-cell svg{width:16px;height:16px}.mr-rank-number{font-size:12px}.mr-growth-badge{padding:2px 8px;font-size:10px}.mr-target-bar{width:40px;height:4px}.mr-target-value{min-width:30px;font-size:10px}.mr-page-btn{min-width:28px;height:28px;padding:0 4px;font-size:11px}.mr-pagination-info{font-size:11px}}.mr-leaderboard-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.mr-leaderboard-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-leaderboard-table-wrapper::-webkit-scrollbar-thumb{background:#d84e55;border-radius:4px}.mr-leaderboard-table-wrapper::-webkit-scrollbar-thumb:hover{background:#c43d44}.mr-pending-badge{color:#92400e;background:#fef3c7;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.mr-approved-badge{color:#065f46;background:#d1fae5;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.mr-rejected-badge{color:#991b1b;background:#fee2e2;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.mr-pending-badge svg,.mr-approved-badge svg,.mr-rejected-badge svg{width:14px;height:14px}.mr-profile-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.mr-profile-main{flex:1;width:100%;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@media (width>=769px){.mr-profile-main{margin-left:270px}}.mr-profile-content{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:24px 32px 32px}.mr-profile-layout{max-width:1000px;margin:0 auto}.mr-profile-header-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.mr-profile-header-bg{z-index:0;background:linear-gradient(135deg,#1a1a2e 0%,#2d1b69 40%,#d84e55 100%);min-height:120px;position:absolute;inset:0;overflow:hidden}.mr-profile-header-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.mr-profile-header-content{z-index:1;align-items:center;gap:24px;padding:32px;display:flex;position:relative}.mr-profile-avatar-large{color:#fff;background:#ffffff26;border:3px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex}.mr-profile-header-info{flex:1}.mr-profile-name{color:#fff;margin:0 0 4px;font-size:24px;font-weight:700}.mr-profile-designation{color:#ffffffb3;margin:0 0 12px;font-size:14px}.mr-profile-badge svg{color:#ffffff80}.mr-profile-actions{flex-shrink:0}.mr-edit-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.mr-edit-btn:hover{background:#ffffff40;transform:translateY(-2px)}.mr-edit-actions{gap:8px;display:flex}.mr-save-btn,.mr-cancel-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.mr-save-btn{color:#fff;background:#10b981}.mr-save-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.mr-cancel-btn{color:#fff;background:#ffffff26;border:1px solid #fff3}.mr-cancel-btn:hover{background:#ffffff40;transform:translateY(-2px)}.mr-profile-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.mr-profile-details-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:28px 32px;box-shadow:0 1px 3px #0000000a}.mr-profile-details-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.mr-profile-details-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:600}.mr-editing-badge{color:#92400e;background:#fef3c7;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.mr-profile-details-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.mr-detail-group{flex-direction:column;gap:4px;display:flex}.mr-detail-group.mr-full-width{grid-column:1/-1}.mr-detail-group label{color:#64748b;font-size:13px;font-weight:500}.mr-detail-value{color:#0f172a;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:14px;display:flex}.mr-detail-value svg{color:#94a3b8;flex-shrink:0}.mr-detail-value.mr-readonly{background:#f1f5f9}.mr-readonly-badge{color:#64748b;background:#e2e8f0;border-radius:12px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:500}.mr-edit-input,.mr-edit-textarea{color:#0f172a;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .3s}.mr-edit-input:focus,.mr-edit-textarea:focus{border-color:#d84e55;outline:none;box-shadow:0 0 0 3px #d84e551a}.mr-edit-textarea{resize:vertical;min-height:60px}@media (width<=1024px){.mr-profile-content{padding:20px 24px 24px}.mr-profile-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.mr-profile-content{padding:16px}.mr-profile-header-content{text-align:center;flex-direction:column;padding:24px}.mr-profile-header-info{text-align:center}.mr-profile-badges{justify-content:center}.mr-profile-actions{width:100%}.mr-edit-btn,.mr-edit-actions{justify-content:center;width:100%}.mr-profile-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mr-stat-item{padding:12px 14px}.mr-stat-number{font-size:18px}.mr-profile-details-card{padding:20px}.mr-profile-details-grid{grid-template-columns:1fr;gap:16px}.mr-profile-name{font-size:20px}.mr-profile-avatar-large{width:64px;height:64px;font-size:24px}}@media (width<=480px){.mr-profile-content{padding:12px}.mr-profile-header-content{padding:16px}.mr-profile-avatar-large{width:56px;height:56px;font-size:20px}.mr-profile-name{font-size:18px}.mr-profile-designation{font-size:13px}.mr-profile-badges{flex-direction:column;align-items:center}.mr-profile-stats{grid-template-columns:1fr 1fr;gap:8px}.mr-stat-item{gap:10px;padding:10px 12px}.mr-stat-icon{width:36px;height:36px}.mr-stat-icon svg{width:16px;height:16px}.mr-stat-number{font-size:16px}.mr-stat-label{font-size:10px}.mr-profile-details-card{padding:16px}.mr-profile-details-header h3{font-size:16px}.mr-detail-group label{font-size:12px}.mr-detail-value{min-height:38px;padding:8px 10px;font-size:13px}.mr-edit-btn,.mr-save-btn,.mr-cancel-btn{padding:8px 16px;font-size:13px}}.mr-profile-details-card::-webkit-scrollbar{width:4px}.mr-profile-details-card::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-profile-details-card::-webkit-scrollbar-thumb{background:#d84e55;border-radius:4px}.mr-notifications-container{background:#f8fafc;min-height:100vh;display:flex}.mr-notifications-main{flex:1;min-height:100vh;margin-left:0;transition:all .3s}@media (width>=769px){.mr-notifications-main{margin-left:270px}}.mr-notifications-content{max-width:900px;margin:0 auto;padding:24px 32px}.mr-notifications-header{border-bottom:2px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.mr-notifications-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.mr-notifications-back-btn:hover{color:#0f172a;background:#f1f5f9}.mr-notifications-actions{align-items:center;gap:16px;display:flex}.mr-notifications-count{color:#64748b;font-size:13px;font-weight:500}.mr-mark-all-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.mr-mark-all-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.mr-notifications-list{flex-direction:column;gap:12px;display:flex}.mr-notification-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.mr-notification-card:hover{border-color:#e2e8f0;box-shadow:0 2px 8px #0000000d}.mr-notification-card.unread{background:#f0f9ff;border-color:#bfdbfe}.mr-notification-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mr-notification-body{flex:1;min-width:0}.mr-notification-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mr-notification-title-wrapper{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mr-notification-title-wrapper h4{color:#0f172a;margin:0;font-size:15px;font-weight:600}.mr-unread-badge{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;background:#dbeafe;border-radius:12px;padding:2px 10px;font-size:10px;font-weight:600}.mr-notification-actions{flex-shrink:0;gap:4px;display:flex}.mr-mark-read-btn,.mr-delete-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.mr-mark-read-btn:hover{color:#10b981;background:#ecfdf5}.mr-delete-btn:hover{color:#ef4444;background:#fef2f2}.mr-notification-message{color:#475569;margin:4px 0 8px;font-size:14px;line-height:1.5}.mr-notification-footer{justify-content:space-between;align-items:center;display:flex}.mr-notification-time{color:#94a3b8;align-items:center;gap:4px;font-size:12px;display:flex}.mr-empty-notifications{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.mr-empty-notifications svg{color:#cbd5e1;margin-bottom:16px}.mr-empty-notifications h3{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:600}.mr-empty-notifications p{color:#94a3b8;margin:0;font-size:14px}@media (width<=768px){.mr-notifications-content{padding:16px}.mr-notifications-header{flex-direction:column;align-items:stretch;gap:8px}.mr-notifications-actions{justify-content:space-between}.mr-notification-card{flex-direction:column;gap:10px;padding:12px 16px}.mr-notification-icon{width:36px;height:36px}.mr-notification-title-wrapper h4{font-size:14px}.mr-notification-message{font-size:13px}}@media (width<=480px){.mr-notifications-content{padding:12px}.mr-notification-card{padding:10px 12px}.mr-mark-all-btn{padding:6px 12px;font-size:12px}}.mr-notification-detail-container{background:#f8fafc;min-height:100vh;display:flex}.mr-notification-detail-main{flex:1;min-height:100vh;margin-left:0;transition:all .3s}@media (width>=769px){.mr-notification-detail-main{margin-left:270px}}.mr-notification-detail-content{max-width:800px;margin:0 auto;padding:24px 32px}.mr-detail-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.mr-detail-back-btn:hover{color:#0f172a;background:#f1f5f9}.mr-notification-detail-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000d}.mr-detail-header{border-bottom:2px solid #f1f5f9;gap:20px;margin-bottom:20px;padding-bottom:20px;display:flex}.mr-detail-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.mr-detail-title-wrapper{flex:1}.mr-detail-title-wrapper h2{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:700}.mr-detail-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mr-detail-time{color:#94a3b8;align-items:center;gap:4px;font-size:13px;display:flex}.mr-detail-time svg{color:#94a3b8}.mr-detail-unread-badge{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;background:#dbeafe;border-radius:12px;padding:2px 14px;font-size:11px;font-weight:600}.mr-detail-body{margin-bottom:24px}.mr-detail-message{color:#334155;margin:0;font-size:16px;line-height:1.7}.mr-detail-extra{background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:20px}.mr-detail-extra h4{color:#0f172a;margin:0 0 16px;font-size:14px;font-weight:600}.mr-detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.mr-detail-item{flex-direction:column;gap:2px;display:flex}.mr-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.mr-detail-value{color:#0f172a;font-size:14px;font-weight:500}.mr-detail-actions{border-top:2px solid #f1f5f9;gap:12px;padding-top:20px;display:flex}.mr-detail-action-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.mr-detail-action-btn.primary{color:#fff;background:#2563eb}.mr-detail-action-btn.primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.mr-detail-action-btn.secondary{color:#475569;background:#f1f5f9}.mr-detail-action-btn.secondary:hover{background:#e2e8f0;transform:translateY(-2px)}.mr-notification-not-found{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.mr-notification-not-found svg{color:#cbd5e1;margin-bottom:16px}.mr-notification-not-found h3{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:600}.mr-notification-not-found p{color:#94a3b8;margin:0 0 20px;font-size:14px}.mr-btn-go-back{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 32px;font-size:14px;font-weight:500;transition:all .3s}.mr-btn-go-back:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}@media (width<=768px){.mr-notification-detail-content{padding:16px}.mr-notification-detail-card{padding:20px}.mr-detail-header{flex-direction:column;gap:12px}.mr-detail-icon{width:48px;height:48px}.mr-detail-title-wrapper h2{font-size:18px}.mr-detail-message{font-size:14px}.mr-detail-grid{grid-template-columns:1fr}.mr-detail-actions{flex-direction:column}.mr-detail-action-btn{justify-content:center}}@media (width<=480px){.mr-notification-detail-content{padding:12px}.mr-notification-detail-card{border-radius:12px;padding:16px}.mr-detail-title-wrapper h2{font-size:16px}.mr-detail-meta{flex-direction:column;align-items:flex-start;gap:4px}}.mr-chemist-reg-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.mr-chemist-reg-main{flex:1;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1)}@media (width>=769px){.mr-chemist-reg-main{margin-left:270px}}.mr-chemist-reg-content{max-width:1200px;margin:0 auto;padding:24px 32px 32px}@keyframes mrRegSpin{to{transform:rotate(360deg)}}.mr-chemist-reg-form-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:36px 40px;transition:all .3s;box-shadow:0 4px 20px #0000000a}.mr-chemist-reg-form-container:hover{box-shadow:0 8px 30px #0000000f}.mr-form-header{border-bottom:2px solid #f1f5f9;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.mr-form-header-icon{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 15px #d84e554d}.mr-form-header-title{color:#0f172a;margin:0;font-size:24px;font-weight:700}.mr-form-header-subtitle{color:#64748b;margin:2px 0 0;font-size:14px}.mr-success-message,.mr-error-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.mr-success-message{color:#059669;background:#d1fae5;border:1px solid #a7f3d0}.mr-success-message svg{color:#059669}.mr-error-message{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.mr-error-message svg{color:#dc2626}.mr-form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.mr-form-section{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.mr-full-width{grid-column:1/-1}.mr-form-section-title{color:#0f172a;border-bottom:2px solid #e2e8f0;align-items:center;gap:10px;margin:0 0 4px;padding-bottom:8px;font-size:15px;font-weight:600;display:flex}.mr-form-section-title svg{color:#d84e55}.mr-form-row-two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mr-form-row-three{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.mr-form-group{flex-direction:column;gap:6px;display:flex}.mr-form-group label{color:#0f172a;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.mr-required{color:#ef4444;font-weight:600}.mr-form-group input,.mr-form-group select{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;height:44px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.mr-form-group input:focus,.mr-form-group select:focus{background:#fff;border-color:#d84e55;outline:none;box-shadow:0 0 0 4px #d84e551a}.mr-form-group input::placeholder{color:#94a3b8}.mr-form-group input.mr-filled{background:#f0fdf4;border-color:#10b981}.mr-form-group input:disabled{cursor:not-allowed;opacity:.7;background:#f1f5f9}.mr-input-with-icon{align-items:center;display:flex;position:relative}.mr-input-icon{color:#94a3b8;pointer-events:none;z-index:1;position:absolute;left:12px}.mr-input-with-icon input{padding-left:40px;padding-right:40px}.mr-input-with-icon input:focus+.mr-input-icon{color:#d84e55}.mr-input-hint{color:#94a3b8;margin-top:2px;font-size:11px}.mr-input-hint.mr-info{color:#3b82f6}.mr-input-hint.mr-success{color:#10b981}.mr-input-hint.mr-error{color:#ef4444}.mr-auto-badge{color:#10b981;text-transform:uppercase;letter-spacing:.3px;background:#d1fae5;border-radius:12px;margin-left:6px;padding:1px 8px;font-size:9px;font-weight:600}.mr-auto-filled-input{background-color:#f0fdf4!important;border-color:#86efac!important}.mr-auto-filled-input:focus{border-color:#22c55e!important;box-shadow:0 0 0 4px #22c55e1a!important}.mr-eye-toggle{cursor:pointer;color:#94a3b8;align-items:center;margin-left:6px;transition:color .2s;display:inline-flex}.mr-eye-toggle:hover{color:#d84e55}.mr-loading-indicator{color:#d84e55;justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.mr-upload-instruction{color:#64748b;margin-bottom:16px;font-size:13px}.mr-upload-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.mr-upload-item{flex-direction:column;gap:8px;display:flex}.mr-upload-label{color:#0f172a;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.mr-upload-label .mr-info-hint{color:#64748b;background:#f1f5f9;border-radius:12px;padding:1px 8px;font-size:10px;font-weight:400}.mr-upload-area{cursor:pointer;background:#fafbfc;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;min-height:140px;padding:16px;transition:all .3s;display:flex;position:relative}.mr-upload-area:hover{background:#fef2f2;border-color:#d84e55}.mr-upload-placeholder{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.mr-upload-placeholder svg{color:#cbd5e1}.mr-upload-placeholder p{margin:0;font-size:13px}.mr-upload-placeholder small{color:#cbd5e1;font-size:11px}.mr-upload-preview{justify-content:center;align-items:center;width:100%;height:100%;min-height:120px;display:flex;position:relative}.mr-upload-preview img{object-fit:contain;border-radius:8px;max-width:100%;max-height:120px}.mr-remove-image{color:#fff;cursor:pointer;z-index:10;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.mr-remove-image:hover{background:#dc2626;transform:scale(1.1)}.mr-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.mr-file-input:disabled{cursor:not-allowed}.mr-decoding-overlay{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.mr-decoding-overlay .mr-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}.mr-decoding-overlay span{font-size:13px;font-weight:500}.mr-summary-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-top:4px;padding:20px 24px}.mr-summary-card h4{color:#0f172a;margin:0 0 12px;font-size:15px;font-weight:600}.mr-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mr-summary-item{flex-direction:column;gap:2px;display:flex}.mr-summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.mr-summary-value{color:#0f172a;word-break:break-all;font-size:13px;font-weight:600}.mr-summary-value .mr-upi-verified,.mr-summary-value .mr-bank-verified{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.mr-summary-value .mr-upi-verified svg,.mr-summary-value .mr-bank-verified svg{color:#10b981}.mr-form-actions{border-top:2px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:24px;display:flex}.mr-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;height:44px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.mr-btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.mr-btn-primary{color:#fff;background:linear-gradient(135deg,#d84e55,#c43d44);box-shadow:0 2px 8px #d84e554d}.mr-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #d84e5566}.mr-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.mr-btn:active:not(:disabled){transform:scale(.95)}.mr-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@media (width<=1200px){.mr-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.mr-chemist-reg-content{padding:20px 24px 24px}.mr-chemist-reg-form-container{padding:28px}.mr-form-row-three{grid-template-columns:1fr 1fr}}@media (width<=768px){.mr-chemist-reg-content{padding:16px}.mr-chemist-reg-form-container{border-radius:16px;padding:20px}.mr-form-grid{grid-template-columns:1fr;gap:16px}.mr-form-section{padding:16px}.mr-form-row-two,.mr-form-row-three{grid-template-columns:1fr;gap:12px}.mr-form-header{text-align:center;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:16px}.mr-form-header-title{font-size:20px}.mr-form-header-subtitle{font-size:13px}.mr-form-actions{flex-direction:column-reverse}.mr-btn{justify-content:center;height:48px;padding:12px 20px}.mr-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.mr-upload-grid{grid-template-columns:1fr}.mr-form-section-title{font-size:14px}.mr-form-group input,.mr-form-group select{height:40px;padding:8px 12px;font-size:13px}.mr-input-with-icon input{padding-left:36px}.mr-input-icon{width:16px;height:16px;left:10px}.mr-upload-area{min-height:120px}.mr-upload-preview img{max-height:100px}}@media (width<=480px){.mr-chemist-reg-content{padding:12px}.mr-chemist-reg-form-container{border-radius:12px;padding:16px}.mr-form-header-icon{width:48px;height:48px}.mr-form-header-icon svg{width:22px;height:22px}.mr-form-header-title{font-size:18px}.mr-form-header-subtitle{font-size:12px}.mr-form-section-title{font-size:13px}.mr-form-group label{font-size:12px}.mr-form-group input,.mr-form-group select{border-radius:8px;height:38px;padding:8px 10px;font-size:12px}.mr-input-with-icon input{padding-left:34px}.mr-input-icon{width:14px;height:14px;left:8px}.mr-summary-grid{grid-template-columns:1fr}.mr-btn{height:44px;padding:10px 16px;font-size:13px}.mr-btn svg{width:14px;height:14px}.mr-form-actions{margin-top:20px;padding-top:16px}.mr-success-message,.mr-error-message{padding:10px 14px;font-size:13px}.mr-upload-area{min-height:100px;padding:12px}.mr-upload-preview img{max-height:80px}.mr-remove-image{width:22px;height:22px}.mr-remove-image svg{width:14px;height:14px}.mr-summary-card{padding:16px}.mr-summary-card h4{font-size:14px}.mr-summary-label{font-size:9px}.mr-summary-value{font-size:12px}.mr-info-hint{font-size:10px}}@keyframes mrRegFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mr-chemist-reg-form-container{animation:.4s mrRegFadeInUp}.mr-chemist-reg-form-container::-webkit-scrollbar{width:4px}.mr-chemist-reg-form-container::-webkit-scrollbar-track{background:#f1f5f9}.mr-chemist-reg-form-container::-webkit-scrollbar-thumb{background:#d84e55;border-radius:4px}input[list]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[list]:hover::-webkit-calendar-picker-indicator{opacity:1}.mr-validation-hint{color:#6b7280;margin-top:2px;font-size:11px;font-weight:400;display:block}.mr-validation-hint:before{content:"ℹ️ ";font-size:11px}.mr-dashboard-container{background:#f1f5f9;min-height:100vh;display:flex}.mr-dashboard-main{flex:1;width:100%;min-height:100vh;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.mr-dashboard-main{margin-left:270px}}.mr-dashboard-content{max-width:1400px;margin:0 auto;padding:20px 24px 30px}.mr-loading-container{justify-content:center;align-items:center;min-height:400px;display:flex}.mr-loading-spinner{color:#64748b;flex-direction:column;align-items:center;gap:16px;display:flex}.mr-profile-banner{background:linear-gradient(135deg,#1a1a3e,#2d2b6e);border-radius:16px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 4px 20px #1a1a3e4d}.mr-profile-banner-bg{position:absolute;inset:0;overflow:hidden}.mr-profile-banner-pattern{background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.mr-profile-banner-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex;position:relative}.mr-profile-info{align-items:center;gap:18px;display:flex}.mr-profile-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;font-weight:700;display:flex;box-shadow:0 4px 16px #d84e5566}.mr-profile-details h1{color:#fff;margin:0;font-size:22px;font-weight:700}.mr-profile-details p{color:#ffffffb3;align-items:center;gap:6px;margin:4px 0 8px;font-size:14px;display:flex}.mr-profile-divider{color:#ffffff4d;margin:0 4px}.mr-profile-badges{flex-wrap:wrap;gap:10px;display:flex}.mr-profile-badge{color:#ffffffe6;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;display:inline-flex}.mr-profile-date{color:#fffc;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;display:flex}.mr-stats-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px;display:grid}.mr-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:16px 18px;transition:all .3s;box-shadow:0 1px 3px #0000000a}.mr-stat-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.mr-stat-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mr-stat-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mr-stat-icon{width:20px;height:20px}.mr-stat-value{color:#0f172a;font-size:22px;font-weight:700}.mr-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.mr-dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.mr-dashboard-col-left,.mr-dashboard-col-right{flex-direction:column;gap:20px;display:flex}.mr-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.mr-card:hover{box-shadow:0 4px 20px #0000000f}.mr-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.mr-card-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.mr-card-header h3 svg{color:#d84e55}.mr-card-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 12px;font-size:11px;font-weight:500}.mr-card-body{padding:12px 20px 16px}.mr-empty-state{text-align:center;color:#94a3b8;padding:24px 0;font-size:14px}.mr-brand-item{margin-bottom:12px}.mr-brand-item:last-child{margin-bottom:0}.mr-brand-item-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.mr-brand-rank{color:#94a3b8;min-width:24px;font-size:12px;font-weight:600}.mr-brand-name{color:#0f172a;flex:1;font-size:13px;font-weight:500}.mr-brand-qty{color:#475569;font-size:13px;font-weight:600}.mr-brand-progress{background:#f1f5f9;border-radius:4px;height:6px;position:relative;overflow:hidden}.mr-brand-progress-bar{border-radius:4px;height:100%;transition:width .6s}.mr-brand-progress-text{color:#94a3b8;font-size:10px;font-weight:500;position:absolute;top:-16px;right:0}.mr-chemist-item{border-bottom:1px solid #f8fafc;align-items:center;gap:12px;padding:8px 0;display:flex}.mr-chemist-item:last-child{border-bottom:none}.mr-chemist-rank{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex}.mr-chemist-info{flex:1}.mr-chemist-name{color:#0f172a;font-size:13px;font-weight:500}.mr-chemist-meta{color:#94a3b8;gap:12px;font-size:11px;display:flex}.mr-chemist-crown{font-size:18px}.mr-sales-chart{justify-content:space-between;align-items:flex-end;gap:4px;height:160px;padding-top:12px;display:flex}.mr-sales-bar-group{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.mr-sales-bar-wrapper{flex:1;align-items:flex-end;width:100%;min-height:20px;display:flex}.mr-sales-bar{border-radius:4px 4px 0 0;width:100%;min-height:8px;transition:height .6s}.mr-sales-label{color:#94a3b8;margin-top:6px;font-size:10px;font-weight:500}.mr-activity-list{max-height:280px;overflow-y:auto}.mr-activity-item{border-bottom:1px solid #f8fafc;gap:12px;padding:10px 0;display:flex}.mr-activity-item:last-child{border-bottom:none}.mr-activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.mr-activity-content{flex:1;min-width:0}.mr-activity-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.mr-activity-user{color:#0f172a;font-size:13px;font-weight:500}.mr-activity-time{color:#94a3b8;font-size:11px}.mr-activity-desc{color:#475569;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.mr-activity-status{border-radius:12px;padding:1px 10px;font-size:10px;font-weight:600}.mr-status-approved{color:#059669;background:#dcfce7}.mr-status-pending{color:#d97706;background:#fef3c7}.mr-status-rejected{color:#dc2626;background:#fee2e2}.mr-footer{border-top:1px solid #f1f5f9;margin-top:8px;padding-top:16px}.mr-footer-content{color:#94a3b8;align-items:center;gap:8px;font-size:12px;display:flex}.mr-footer-dot{color:#d1d5db}@media (width<=1200px){.mr-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.mr-dashboard-grid{grid-template-columns:1fr}.mr-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.mr-dashboard-content{padding:16px}.mr-profile-banner-content{flex-direction:column;align-items:flex-start;padding:18px 20px}.mr-profile-info{flex-wrap:wrap}.mr-profile-avatar{width:48px;height:48px;font-size:20px}.mr-profile-details h1{font-size:18px}.mr-profile-badges{gap:6px}.mr-profile-badge{padding:2px 10px;font-size:11px}.mr-profile-date{align-self:flex-start;padding:6px 14px;font-size:12px}.mr-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mr-stat-card{padding:12px 14px}.mr-stat-value{font-size:18px}.mr-stat-icon-wrapper{width:32px;height:32px}.mr-stat-icon{width:16px;height:16px}.mr-card-header{padding:12px 16px 10px}.mr-card-body{padding:10px 16px 14px}.mr-dashboard-grid,.mr-dashboard-col-left,.mr-dashboard-col-right{gap:16px}.mr-sales-chart{height:120px}}@media (width<=480px){.mr-dashboard-content{padding:12px}.mr-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.mr-stat-card{padding:10px 12px}.mr-stat-value{font-size:15px}.mr-stat-label{font-size:10px}.mr-stat-icon-wrapper{width:28px;height:28px}.mr-stat-icon{width:14px;height:14px}.mr-profile-banner-content{padding:14px 16px}.mr-profile-avatar{width:40px;height:40px;font-size:16px}.mr-profile-details h1{font-size:16px}.mr-profile-details p{font-size:12px}.mr-profile-badge{padding:2px 8px;font-size:10px}.mr-profile-date{padding:4px 12px;font-size:11px}.mr-card-header h3{font-size:13px}.mr-brand-name,.mr-chemist-name,.mr-activity-user,.mr-activity-desc{font-size:12px}.mr-sales-chart{height:100px}}.mr-activity-list::-webkit-scrollbar{width:4px}.mr-activity-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-activity-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.mr-activity-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.mr-eligible-container{background:#f0f4ff;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.mr-eligible-main{flex:1;width:100%;min-height:100vh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@media (width>=769px){.mr-eligible-main{margin-left:270px}}.mr-eligible-content{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 32px}.mr-eligible-hero{background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);border-radius:16px;margin-bottom:24px;padding:24px 32px;position:relative;overflow:hidden}.mr-eligible-hero-bg{position:absolute;inset:0;overflow:hidden}.mr-eligible-hero-pattern{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.mr-eligible-hero-glow{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.mr-eligible-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.mr-eligible-hero-left{align-items:center;gap:16px;display:flex}.mr-eligible-hero-icon-wrapper{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mr-eligible-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mr-eligible-hero-title{color:#fff;margin:0;font-size:24px;font-weight:700}.mr-eligible-hero-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.mr-eligible-hero-subtitle{color:#fffc;margin:2px 0 0;font-size:13px}.mr-eligible-hero-actions{gap:10px;display:flex}.mr-eligible-btn-outline{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mr-eligible-btn-outline:hover{background:#ffffff40;transform:translateY(-2px)}.mr-eligible-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.mr-eligible-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mr-eligible-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #f1f5f9;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.mr-eligible-table{border-collapse:collapse;width:100%;min-width:900px;font-size:14px}.mr-eligible-table thead{background:#f8fafc}.mr-eligible-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:12px;font-weight:600}.mr-eligible-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.mr-person-info,.mr-mobile-info,.mr-location-info{align-items:center;gap:8px;display:flex}.mr-invoice-count{color:#4f46e5;background:#eef2ff;border-radius:12px;padding:2px 12px;font-size:13px;font-weight:600;display:inline-block}.mr-strip-count{color:#d97706;background:#fef3c7;border-radius:12px;padding:2px 12px;font-size:13px;font-weight:600;display:inline-block}.mr-upload-pod-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mr-upload-pod-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.mr-modal-btn:disabled{opacity:.6;cursor:not-allowed}.mr-btn-secondary:hover:not(:disabled){background:#e5e7eb}.mr-btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.mr-chemist-info-mini{background:#f9fafb;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:16px;padding:12px 16px;display:grid}.mr-chemist-detail{color:#1f2937;align-items:center;gap:8px;font-size:14px;display:flex}.mr-chemist-detail svg{color:#6b7280;flex-shrink:0}.mr-location-status{border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:flex}.mr-location-loading{color:#f59e0b;background:#fef3c7;border-radius:6px;padding:6px 12px}.mr-location-success{color:#10b981;background:#d1fae5;border-radius:6px;padding:6px 12px}.mr-location-error{color:#ef4444;background:#fee2e2;border-radius:6px;padding:6px 12px}.mr-upload-area{margin-bottom:16px}.mr-upload-label{color:#1f2937;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.mr-file-drop-zone{text-align:center;cursor:pointer;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:32px;transition:all .2s;display:flex}.mr-file-drop-zone:hover{background:#f8fafc;border-color:#3b82f6}.mr-file-drop-zone.mr-file-selected{background:#f0fdf4;border-color:#10b981;padding:16px}.mr-upload-icon{color:#9ca3af;margin-bottom:8px}.mr-upload-text{color:#1f2937;margin:0;font-size:14px}.mr-upload-hint{color:#9ca3af;margin:4px 0 0;font-size:12px}.mr-file-preview-container{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.mr-file-preview-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:200px}.mr-file-info-overlay{color:#1f2937;gap:12px;margin-top:8px;font-size:13px;display:flex}.mr-file-name{font-weight:500}.mr-file-size{color:#6b7280}.mr-remove-file-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.mr-remove-file-btn:hover{background:#dc2626;transform:scale(1.1)}.mr-upload-progress{margin-top:12px}.mr-progress-bar{background:#e5e7eb;border-radius:3px;width:100%;height:6px;overflow:hidden}.mr-progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:3px;height:100%;transition:width .3s}.mr-progress-text{text-align:center;color:#6b7280;margin-top:4px;font-size:13px;display:block}.mr-upload-success-msg{color:#065f46;background:#d1fae5;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:14px;display:flex}@media (width<=1024px){.mr-eligible-stats{grid-template-columns:repeat(2,1fr)}.mr-eligible-hero-content{flex-direction:column;align-items:flex-start}.mr-eligible-hero-actions{width:100%}}@media (width<=768px){.mr-eligible-content{padding:16px}.mr-eligible-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mr-stat-item{padding:12px 14px}.mr-stat-number{font-size:18px}.mr-eligible-toolbar,.mr-toolbar-left{flex-direction:column;align-items:stretch}.mr-search-box{max-width:100%}.mr-eligible-table{min-width:700px;font-size:12px}.mr-eligible-table th,.mr-eligible-table td{padding:8px 10px}.mr-pagination{flex-direction:column;align-items:center}.mr-modal-content{max-height:95vh;margin:12px}.mr-chemist-info-mini{grid-template-columns:1fr}.mr-modal-header,.mr-modal-body{padding:16px}.mr-modal-actions{flex-direction:column;padding:12px 16px}.mr-modal-btn{justify-content:center}.mr-upload-pod-btn span{display:none}}@media (width<=480px){.mr-eligible-stats{grid-template-columns:1fr 1fr;gap:8px}.mr-stat-item{padding:10px 12px}.mr-stat-icon{width:32px;height:32px}.mr-stat-number{font-size:15px}.mr-stat-label{font-size:10px}.mr-eligible-table{min-width:600px;font-size:11px}.mr-eligible-table th,.mr-eligible-table td{padding:6px 8px}.mr-shop-icon{width:24px;height:24px}.mr-shop-icon svg{width:14px;height:14px}.mr-file-drop-zone{min-height:100px;padding:20px}.mr-page-btn{min-width:32px;height:32px;font-size:12px}}.mr-eligible-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.mr-eligible-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-eligible-table-wrapper::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}.mr-eligible-table-wrapper::-webkit-scrollbar-thumb:hover{background:#4338ca}.tpl-container{background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.tpl-main{flex:1;width:100%;margin-left:0;transition:margin .3s;overflow-x:hidden}@media (width>=769px){.tpl-main{margin-left:270px}}.tpl-content{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.tpl-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.tpl-spinner{border:4px solid #e2e8f0;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.tpl-card{background:#fff;border:1px solid #f1f5f9cc;border-radius:20px;padding:28px 32px;transition:box-shadow .3s;box-shadow:0 4px 24px #0000000d}.tpl-card:hover{box-shadow:0 8px 32px #00000014}.tpl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.tpl-header-left h2{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}.tpl-header-icon{color:#d84e55}.tpl-count{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:2px 14px;font-size:14px;font-weight:400}.tpl-refresh-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.tpl-refresh-btn:hover:not(:disabled){background:#e2e8f0}.tpl-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.tpl-spinning{animation:1s linear infinite spin}.tpl-toolbar{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.tpl-search-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:200px;padding:8px 16px;transition:all .25s;display:flex}.tpl-search-box:focus-within{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551f}.tpl-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:15px}.tpl-search-box input::placeholder{color:#94a3b8}.tpl-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.tpl-clear-search:hover{color:#475569}.tpl-filter{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.tpl-filter svg{color:#94a3b8}.tpl-select-wrapper{position:relative}.tpl-select{appearance:none;color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;padding:4px 32px 4px 10px;font-size:14px}.tpl-select-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.tpl-items-per-page{color:#475569;align-items:center;gap:6px;font-size:14px;display:flex}.tpl-select-sm{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.tpl-select-sm:focus{border-color:#d84e55}.tpl-empty-state{color:#94a3b8;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.tpl-empty-state p{margin-top:12px;font-size:16px}.tpl-table-wrapper{-webkit-overflow-scrolling:touch;display:none;overflow-x:auto}.tpl-table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px}.tpl-table thead{background:#f8fafc}.tpl-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#475569;border-bottom:2px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600}.tpl-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.tpl-table tbody tr{transition:background .15s}.tpl-table tbody tr:hover{background:#fafbfc}.tpl-visit-count{color:#d84e55;background:#fef2f2;border-radius:20px;padding:2px 12px;font-size:13px;font-weight:600;display:inline-block}.tpl-brand-badge{color:#475569;background:#f1f5f9;border-radius:12px;padding:2px 10px;font-size:13px;display:inline-block}.tpl-na{color:#94a3b8}.tpl-view-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.tpl-view-btn:hover{color:#d84e55;background:#f1f5f9}.tpl-cards-view{flex-direction:column;gap:14px;display:none}.tpl-card-item{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:16px;transition:box-shadow .2s;box-shadow:0 2px 8px #00000005}.tpl-card-item:hover{box-shadow:0 4px 16px #0000000f}.tpl-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tpl-card-date{color:#0f172a;align-items:center;gap:6px;font-weight:500;display:flex}.tpl-card-body{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.tpl-card-row{color:#475569;align-items:center;gap:8px;font-size:14px;display:flex}.tpl-card-row svg{color:#94a3b8;flex-shrink:0}.tpl-card-remarks{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tpl-card-view-btn{color:#d84e55;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.tpl-card-view-btn:hover{background:#fde8e8}.tpl-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;display:flex}.tpl-pagination-info{color:#64748b;font-size:14px}.tpl-pagination-controls{align-items:center;gap:4px;display:flex}.tpl-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tpl-page-btn:hover:not(:disabled){color:#d84e55;background:#fef2f2;border-color:#d84e55}.tpl-page-btn:disabled{opacity:.4;cursor:not-allowed}.tpl-page-btn.tpl-active{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-color:#d84e55}.tpl-page-btn.tpl-active:hover{background:linear-gradient(135deg,#c43d44,#d84e55)}.tpl-status-badge{border-radius:20px;padding:2px 14px;font-size:12px;font-weight:500;display:inline-block}.tpl-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tpl-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.tpl-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.tpl-modal-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.tpl-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s}.tpl-modal-close:hover{background:#f1f5f9}.tpl-modal-body{padding:24px 28px}.tpl-modal-section{margin-bottom:24px}.tpl-modal-section h4{color:#0f172a;border-bottom:1px solid #f1f5f9;margin:0 0 12px;padding-bottom:8px;font-size:16px;font-weight:600}.tpl-modal-grid{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.tpl-modal-grid div{color:#334155;font-size:14px}.tpl-modal-grid strong{color:#0f172a}.tpl-modal-empty{color:#94a3b8;font-size:14px}.tpl-modal-visits{flex-direction:column;gap:10px;display:flex}.tpl-modal-visit-item{background:#f8fafc;border-left:3px solid #d84e55;border-radius:10px;padding:12px 16px}.tpl-modal-visit-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.tpl-modal-visit-type{color:#d84e55;text-transform:capitalize;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.tpl-modal-visit-time{color:#64748b;font-size:13px}.tpl-modal-visit-name{color:#0f172a;font-size:15px;font-weight:500}.tpl-modal-visit-purpose{color:#475569;font-size:13px}.tpl-modal-priority{border-radius:12px;margin-top:4px;padding:1px 10px;font-size:11px;font-weight:600;display:inline-block}.tpl-priority-high{color:#dc2626;background:#fee2e2}.tpl-priority-medium{color:#d97706;background:#fef3c7}.tpl-priority-low{color:#2563eb;background:#dbeafe}.tpl-modal-visit-remarks{color:#94a3b8;margin-top:4px;font-size:13px}.tpl-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:16px 28px 24px;display:flex}.tpl-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.tpl-btn-close{color:#475569;background:#f1f5f9}.tpl-btn-close:hover{background:#e2e8f0}@media (width>=769px){.tpl-table-wrapper{display:block}.tpl-cards-view{display:none}}@media (width<=768px){.tpl-content{padding:16px 12px 24px}.tpl-card{padding:18px 14px}.tpl-header{flex-direction:column;align-items:stretch}.tpl-header-left h2{font-size:19px}.tpl-toolbar{flex-direction:column}.tpl-search-box{min-width:unset}.tpl-filter{width:100%}.tpl-items-per-page{justify-content:flex-start}.tpl-table-wrapper{display:none}.tpl-cards-view{display:flex}.tpl-pagination{flex-direction:column;align-items:center}.tpl-modal{max-width:100%;margin:10px}.tpl-modal-header,.tpl-modal-body{padding:18px 20px}.tpl-modal-grid{grid-template-columns:1fr}}@media (width<=480px){.tpl-card{padding:14px 10px}.tpl-card-item{padding:12px}}.tpl-visit-types{flex-wrap:wrap;gap:4px;display:flex}.tpl-visit-type-badge{color:#475569;text-transform:capitalize;background:#f1f5f9;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;display:inline-flex}.tpl-visit-type-badge-sm{padding:1px 8px;font-size:11px}.tpl-indicator{align-items:center;gap:4px;font-size:13px;display:inline-flex}.tpl-indicator-travel{color:#06b6d4}.tpl-indicator-brand{color:#f59e0b}.tpl-card-indicator{gap:6px}.tpl-indicator-icon{flex-shrink:0}.tpl-travel-icon{color:#06b6d4}.tpl-brand-icon{color:#f59e0b}.tpl-indicator-text{color:#0f172a;font-weight:500}.tpl-indicator-detail{color:#64748b;font-size:13px}.tpl-visit-feedback-section{border-top:1px dashed #e2e8f0;margin-top:10px;padding-top:10px}.tpl-feedback-label{color:#475569;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:500;display:flex}.tpl-feedback-textarea{resize:vertical;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.tpl-feedback-textarea:focus{border-color:#d84e55;outline:none;box-shadow:0 0 0 3px #d84e551f}.tpl-feedback-submit-btn{color:#fff;cursor:pointer;background:#d84e55;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:4px 16px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.tpl-feedback-submit-btn:hover:not(:disabled){background:#c43d44}.tpl-feedback-submit-btn:disabled{opacity:.6;cursor:not-allowed}.tpl-feedback-status{color:#10b981;align-items:center;gap:4px;margin-left:10px;font-size:12px;display:inline-flex}.input-page-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.input-main-content{flex:1;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1)}@media (width>=769px){.input-main-content{margin-left:270px}}.input-content-wrapper{max-width:1000px;margin:0 auto;padding:24px 32px 32px}.input-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:36px 40px;transition:all .3s;animation:.4s inputFadeInUp;box-shadow:0 4px 20px #0000000a}@keyframes inputFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-card:hover{box-shadow:0 8px 30px #0000000f}.input-card-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.input-card-header-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.input-header-text{flex:1;min-width:0}.input-back-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex}.input-back-btn:hover{color:#0f172a;background:#e2e8f0;transform:translate(-2px)}.input-back-btn span{display:inline}.input-card-title{color:#0f172a;letter-spacing:-.5px;word-break:break-word;margin:0 0 4px;font-size:24px;font-weight:700}.input-card-subtitle{color:#64748b;margin:0;font-size:14px}.input-card-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.input-status-badge{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.input-status-badge svg{flex-shrink:0}.input-status-date{display:inline}.input-form{flex-direction:column;gap:24px;display:flex}.input-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.input-form-group{flex-direction:column;gap:6px;display:flex}.input-label{color:#0f172a;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.input-label svg{color:#94a3b8;flex-shrink:0}.input-required{color:#ef4444;margin-left:2px;font-weight:700}.input-validation-hint{color:#6b7280;margin-left:4px;font-size:11px;font-weight:400}.input-validation-hint:before{content:"ℹ️ ";font-size:11px}.input-field{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;height:44px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.input-field:focus{border-color:#d84e55;outline:none;box-shadow:0 0 0 4px #d84e551a}.input-field.input-error{background:#fef2f2;border-color:#ef4444}.input-field.input-error:focus{box-shadow:0 0 0 4px #ef44441a}.input-field.input-filled{background:#f0fdf4;border-color:#10b981}.input-field:disabled{cursor:not-allowed;opacity:.7;background:#f1f5f9}.input-field::placeholder{color:#94a3b8}.input-error-text{color:#ef4444;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.input-helper-text{color:#94a3b8;margin-top:2px;font-size:12px}.input-helper-text.input-success{color:#10b981}.input-doctor-select-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:10px;transition:all .3s;position:relative}.input-doctor-select-wrapper:focus-within{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551a}.input-doctor-search{cursor:text;align-items:center;gap:12px;min-height:44px;padding:10px 14px;display:flex}.input-search-icon{color:#94a3b8;flex-shrink:0}.input-doctor-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:14px}.input-doctor-search-input::placeholder{color:#94a3b8}.input-doctor-search-input:disabled{cursor:not-allowed;opacity:.7;background:0 0}.input-loading-spinner{border:2px solid #f1f5f9;border-top-color:#d84e55;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite inputSpin}@keyframes inputSpin{to{transform:rotate(360deg)}}.input-doctor-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.input-doctor-clear:hover{color:#0f172a;background:#e2e8f0}.input-doctor-list{border-top:1px solid #f1f5f9;max-height:220px;padding:4px;animation:.2s inputSlideDown;overflow-y:auto}@keyframes inputSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-doctor-list::-webkit-scrollbar{width:4px}.input-doctor-list::-webkit-scrollbar-track{background:0 0}.input-doctor-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.input-doctor-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.input-doctor-item:hover{background:#f1f5f9}.input-doctor-item.input-doctor-selected{background:#fef2f2}.input-doctor-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.input-doctor-info{flex:1;min-width:0}.input-doctor-name{color:#0f172a;word-break:break-word;font-size:14px;font-weight:500}.input-doctor-meta{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.input-doctor-specialization{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 8px;font-size:11px}.input-doctor-hospital{color:#94a3b8;font-size:11px}.input-doctor-check{color:#10b981;flex-shrink:0}.input-doctor-empty{text-align:center;color:#94a3b8;padding:20px;font-size:14px}.input-selected-doctor{background:#fef2f2;border-top:2px solid #fecaca;border-radius:0 0 10px 10px;align-items:center;gap:14px;padding:14px 18px;animation:.3s inputSlideUp;display:flex}@keyframes inputSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-selected-doctor-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.input-selected-doctor-info{flex:1;min-width:0}.input-selected-doctor-name{color:#0f172a;word-break:break-word;font-size:15px;font-weight:600}.input-selected-doctor-details{color:#64748b;flex-wrap:wrap;gap:8px;margin-top:2px;font-size:13px;display:flex}.input-selected-doctor-details span:not(:last-child):after{content:"•";color:#cbd5e1;margin-left:8px}.input-quantity-wrapper{border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:0;transition:all .3s;display:flex;overflow:hidden}.input-quantity-wrapper:focus-within{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551a}.input-quantity-btn{color:#475569;cursor:pointer;background:#f8fafc;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:600;transition:all .2s;display:flex}.input-quantity-btn:hover:not(:disabled){background:#e2e8f0}.input-quantity-btn:active:not(:disabled){transform:scale(.95)}.input-quantity-btn:disabled{opacity:.5;cursor:not-allowed}.input-quantity-field{text-align:center;border:none;border-radius:0;flex:1;height:44px;padding:10px;font-size:16px;font-weight:600}.input-quantity-field:focus{box-shadow:none}.input-quantity-field.input-error{background:#fef2f2}.input-quantity-field.input-filled{background:#f0fdf4;border-color:#10b981}.input-quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-quantity-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-quantity-field[type=number]{-moz-appearance:textfield}.input-form-actions{border-top:2px solid #f1f5f9;gap:12px;margin-top:8px;padding-top:24px;display:flex}.input-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.input-btn-primary{color:#fff;background:linear-gradient(135deg,#d84e55,#c43d44);flex:1;box-shadow:0 2px 8px #d84e554d}.input-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #d84e5566}.input-btn-primary:active:not(:disabled){transform:scale(.95)}.input-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.input-btn-secondary{color:#475569;background:#f1f5f9;flex:1}.input-btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.input-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.input-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite inputSpin;display:inline-block}@media (width<=1200px){.input-content-wrapper{padding:20px 24px 24px}.input-card{padding:28px}}@media (width<=1024px){.input-content-wrapper{padding:20px}.input-card{padding:24px}.input-card-title{font-size:22px}}@media (width<=768px){.input-content-wrapper{padding:16px}.input-card{border-radius:16px;padding:20px}.input-card-header{flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:16px}.input-card-header-left{flex-direction:column;gap:12px;width:100%}.input-header-text{width:100%}.input-card-header-right{justify-content:flex-start;width:100%}.input-status-badge{justify-content:center;width:100%;padding:8px 14px;font-size:12px}.input-back-btn{padding:6px 14px;font-size:13px}.input-back-btn span{display:inline}.input-card-title{font-size:20px}.input-card-subtitle{font-size:13px}.input-form-row{grid-template-columns:1fr;gap:16px}.input-form-actions{flex-direction:column-reverse;gap:10px;padding-top:16px}.input-btn{flex:none;width:100%;padding:12px 20px;font-size:14px}.input-quantity-btn{width:40px;height:40px;font-size:18px}.input-quantity-field{height:40px;font-size:15px}.input-selected-doctor{flex-wrap:wrap;gap:10px;padding:12px 14px}.input-selected-doctor-avatar{width:38px;height:38px;font-size:15px}.input-selected-doctor-name{font-size:14px}.input-selected-doctor-details{font-size:12px}.input-doctor-search{min-height:40px;padding:8px 12px}.input-doctor-search-input{font-size:13px}.input-doctor-item{padding:8px 12px}.input-doctor-avatar{width:32px;height:32px;font-size:12px}.input-doctor-name{font-size:13px}.input-doctor-list{max-height:180px}.input-validation-hint{font-size:10px}.input-label{font-size:12px}.input-field{height:40px;padding:8px 12px;font-size:13px}}@media (width<=480px){.input-content-wrapper{padding:12px}.input-card{border-radius:12px;padding:16px}.input-card-title{font-size:18px}.input-card-subtitle{font-size:12px}.input-back-btn{gap:6px;padding:6px 12px;font-size:12px}.input-back-btn span{display:inline}.input-status-badge{padding:6px 12px;font-size:11px}.input-field{border-radius:8px;height:38px;padding:8px 10px;font-size:12px}.input-label{font-size:12px}.input-form{gap:18px}.input-form-row{gap:14px}.input-form-actions{padding-top:14px}.input-btn{height:40px;padding:10px 16px;font-size:13px}.input-btn svg{width:16px;height:16px}.input-quantity-wrapper{border-radius:8px}.input-quantity-btn{width:36px;height:38px;font-size:16px}.input-quantity-field{height:38px;font-size:14px}.input-doctor-select-wrapper{border-radius:8px}.input-doctor-search{gap:8px;min-height:38px;padding:6px 10px}.input-doctor-search-input{font-size:12px}.input-doctor-list{max-height:150px}.input-doctor-item{gap:10px;padding:6px 10px}.input-doctor-avatar{width:28px;height:28px;font-size:11px}.input-doctor-name{font-size:12px}.input-doctor-specialization,.input-doctor-hospital{font-size:10px}.input-doctor-check{width:16px;height:16px}.input-selected-doctor{gap:10px;padding:10px 12px}.input-selected-doctor-avatar{width:34px;height:34px;font-size:14px}.input-selected-doctor-name{font-size:13px}.input-selected-doctor-details,.input-error-text,.input-helper-text{font-size:11px}.input-validation-hint{font-size:10px}.input-loading-spinner,.input-spinner{width:16px;height:16px}}@media (width<=360px){.input-card{padding:12px}.input-card-title{font-size:16px}.input-field{height:34px;padding:6px 8px;font-size:11px}.input-quantity-btn{width:32px;height:34px;font-size:14px}.input-quantity-field{height:34px;font-size:13px}.input-btn{height:36px;padding:8px 14px;font-size:12px}.input-doctor-search{min-height:34px;padding:4px 8px}.input-doctor-search-input{font-size:11px}}@media (prefers-color-scheme:dark){.input-page-container,.input-content-wrapper{background:#0f172a}.input-card{background:#1e293b;border-color:#334155}.input-card:hover{box-shadow:0 8px 30px #0006}.input-card-header{border-bottom-color:#334155}.input-card-title{color:#f1f5f9}.input-card-subtitle{color:#94a3b8}.input-status-badge,.input-back-btn{color:#94a3b8;background:#334155}.input-back-btn:hover{color:#f1f5f9;background:#475569}.input-label{color:#e2e8f0}.input-field{color:#f1f5f9;background:#0f172a;border-color:#334155}.input-field:focus{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551f}.input-field.input-error{background:#1a0a0a;border-color:#ef4444}.input-field.input-filled{background:#022c22;border-color:#10b981}.input-field:disabled{background:#1e293b}.input-doctor-select-wrapper{background:#0f172a;border-color:#334155}.input-doctor-select-wrapper:focus-within{border-color:#d84e55}.input-doctor-search-input{color:#f1f5f9}.input-doctor-item:hover{background:#334155}.input-doctor-item.input-doctor-selected{background:#2c0a0a}.input-doctor-name{color:#f1f5f9}.input-doctor-specialization{color:#94a3b8;background:#334155}.input-doctor-empty{color:#64748b}.input-selected-doctor{background:#2c0a0a;border-top-color:#7f1d1d}.input-selected-doctor-name{color:#f1f5f9}.input-selected-doctor-details{color:#94a3b8}.input-btn-secondary{color:#94a3b8;background:#334155}.input-btn-secondary:hover:not(:disabled){color:#f1f5f9;background:#475569}.input-form-actions{border-top-color:#334155}.input-quantity-wrapper{border-color:#334155}.input-quantity-wrapper:focus-within{border-color:#d84e55}.input-quantity-btn{color:#94a3b8;background:#1e293b}.input-quantity-btn:hover:not(:disabled){background:#334155}.input-quantity-field.input-filled{background:#022c22}.input-doctor-clear{color:#94a3b8;background:#334155}.input-doctor-clear:hover{color:#f1f5f9;background:#475569}.input-selected-doctor-details span:not(:last-child):after{color:#475569}.input-error-text{color:#f87171}.input-helper-text.input-success{color:#34d399}.input-validation-hint{color:#94a3b8}}.camp-planning-page-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.camp-planning-main-content{flex:1;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1)}@media (width>=769px){.camp-planning-main-content{margin-left:270px}}.camp-planning-content-wrapper{max-width:1000px;margin:0 auto;padding:24px 32px 32px}.camp-planning-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:36px 40px;transition:all .3s;animation:.4s campPlanningFadeInUp;box-shadow:0 4px 20px #0000000a}@keyframes campPlanningFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.camp-planning-card:hover{box-shadow:0 8px 30px #0000000f}.camp-planning-card-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.camp-planning-card-header-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.camp-planning-header-text{flex:1;min-width:0}.camp-planning-back-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex}.camp-planning-back-btn:hover{color:#0f172a;background:#e2e8f0;transform:translate(-2px)}.camp-planning-back-btn span{display:inline}.camp-planning-card-title{color:#0f172a;letter-spacing:-.5px;word-break:break-word;margin:0 0 4px;font-size:24px;font-weight:700}.camp-planning-card-subtitle{color:#64748b;margin:0;font-size:14px}.camp-planning-card-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.camp-planning-status-badge{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.camp-planning-status-badge svg{flex-shrink:0}.camp-planning-status-date{display:inline}.camp-planning-form{flex-direction:column;gap:24px;display:flex}.camp-planning-form-row{grid-template-columns:1fr;gap:20px;display:grid}.camp-planning-form-group{flex-direction:column;gap:6px;display:flex}.camp-planning-label{color:#0f172a;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.camp-planning-label svg{color:#94a3b8;flex-shrink:0}.camp-planning-required{color:#ef4444;margin-left:2px;font-weight:700}.camp-planning-validation-hint{color:#6b7280;margin-left:4px;font-size:11px;font-weight:400}.camp-planning-validation-hint:before{content:"ℹ️ ";font-size:11px}.camp-planning-field{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;height:44px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.camp-planning-field:focus{border-color:#d84e55;outline:none;box-shadow:0 0 0 4px #d84e551a}.camp-planning-field.camp-planning-error{background:#fef2f2;border-color:#ef4444}.camp-planning-field.camp-planning-error:focus{box-shadow:0 0 0 4px #ef44441a}.camp-planning-field.camp-planning-filled{background:#f0fdf4;border-color:#10b981}.camp-planning-field:disabled{cursor:not-allowed;opacity:.7;background:#f1f5f9}.camp-planning-field::placeholder{color:#94a3b8}.camp-planning-error-text{color:#ef4444;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.camp-planning-helper-text{color:#94a3b8;margin-top:2px;font-size:12px}.camp-planning-helper-text.camp-planning-success{color:#10b981}.camp-planning-brand-select-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:10px;transition:all .3s;position:relative}.camp-planning-brand-select-wrapper:focus-within{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551a}.camp-planning-brand-search{cursor:text;align-items:center;gap:12px;min-height:44px;padding:10px 14px;display:flex}.camp-planning-search-icon{color:#94a3b8;flex-shrink:0}.camp-planning-brand-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:14px}.camp-planning-brand-search-input::placeholder{color:#94a3b8}.camp-planning-brand-search-input:disabled{cursor:not-allowed;opacity:.7;background:0 0}.camp-planning-loading-spinner{border:2px solid #f1f5f9;border-top-color:#d84e55;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite campPlanningSpin}@keyframes campPlanningSpin{to{transform:rotate(360deg)}}.camp-planning-brand-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.camp-planning-brand-clear:hover{color:#0f172a;background:#e2e8f0}.camp-planning-brand-list{border-top:1px solid #f1f5f9;max-height:220px;padding:4px;animation:.2s campPlanningSlideDown;overflow-y:auto}@keyframes campPlanningSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.camp-planning-brand-list::-webkit-scrollbar{width:4px}.camp-planning-brand-list::-webkit-scrollbar-track{background:0 0}.camp-planning-brand-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.camp-planning-brand-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.camp-planning-brand-item:hover{background:#f1f5f9}.camp-planning-brand-item.camp-planning-brand-selected{background:#fef2f2}.camp-planning-brand-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.camp-planning-brand-info{flex:1;min-width:0}.camp-planning-brand-name{color:#0f172a;word-break:break-word;font-size:14px;font-weight:500}.camp-planning-brand-category{color:#64748b;background:#f1f5f9;border-radius:4px;margin-top:2px;padding:1px 8px;font-size:11px;display:inline-block}.camp-planning-brand-check{color:#10b981;flex-shrink:0}.camp-planning-brand-empty{text-align:center;color:#94a3b8;padding:20px;font-size:14px}.camp-planning-selected-brand{background:#f5f3ff;border-top:2px solid #c4b5fd;border-radius:0 0 10px 10px;align-items:center;gap:14px;padding:14px 18px;animation:.3s campPlanningSlideUp;display:flex}@keyframes campPlanningSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.camp-planning-selected-brand-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.camp-planning-selected-brand-info{flex:1;min-width:0}.camp-planning-selected-brand-name{color:#0f172a;word-break:break-word;font-size:15px;font-weight:600}.camp-planning-selected-brand-category{color:#64748b;font-size:13px}.camp-planning-doctor-select-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:10px;transition:all .3s;position:relative}.camp-planning-doctor-select-wrapper:focus-within{border-color:#d84e55;box-shadow:0 0 0 4px #d84e551a}.camp-planning-doctor-search{cursor:text;align-items:center;gap:12px;min-height:44px;padding:10px 14px;display:flex}.camp-planning-doctor-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:14px}.camp-planning-doctor-search-input::placeholder{color:#94a3b8}.camp-planning-doctor-search-input:disabled{cursor:not-allowed;opacity:.7;background:0 0}.camp-planning-doctor-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.camp-planning-doctor-clear:hover{color:#0f172a;background:#e2e8f0}.camp-planning-doctor-list{border-top:1px solid #f1f5f9;max-height:220px;padding:4px;animation:.2s campPlanningSlideDown;overflow-y:auto}.camp-planning-doctor-list::-webkit-scrollbar{width:4px}.camp-planning-doctor-list::-webkit-scrollbar-track{background:0 0}.camp-planning-doctor-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.camp-planning-doctor-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.camp-planning-doctor-item:hover{background:#f1f5f9}.camp-planning-doctor-item.camp-planning-doctor-selected{background:#fef2f2}.camp-planning-doctor-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.camp-planning-doctor-info{flex:1;min-width:0}.camp-planning-doctor-name{color:#0f172a;word-break:break-word;font-size:14px;font-weight:500}.camp-planning-doctor-meta{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.camp-planning-doctor-specialization{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 8px;font-size:11px}.camp-planning-doctor-hospital{color:#94a3b8;font-size:11px}.camp-planning-doctor-check{color:#10b981;flex-shrink:0}.camp-planning-doctor-empty{text-align:center;color:#94a3b8;padding:20px;font-size:14px}.camp-planning-selected-doctor{background:#fef2f2;border-top:2px solid #fecaca;border-radius:0 0 10px 10px;align-items:center;gap:14px;padding:14px 18px;animation:.3s campPlanningSlideUp;display:flex}.camp-planning-selected-doctor-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.camp-planning-selected-doctor-info{flex:1;min-width:0}.camp-planning-selected-doctor-name{color:#0f172a;word-break:break-word;font-size:15px;font-weight:600}.camp-planning-selected-doctor-details{color:#64748b;flex-wrap:wrap;gap:8px;margin-top:2px;font-size:13px;display:flex}.camp-planning-selected-doctor-details span:not(:last-child):after{content:"•";color:#cbd5e1;margin-left:8px}.camp-planning-summary-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-top:4px;padding:20px 24px}.camp-planning-summary-card h4{color:#0f172a;margin:0 0 12px;font-size:15px;font-weight:600}.camp-planning-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.camp-planning-summary-item{flex-direction:column;gap:2px;display:flex}.camp-planning-summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.camp-planning-summary-value{color:#0f172a;word-break:break-word;font-size:13px;font-weight:600}.camp-planning-form-actions{border-top:2px solid #f1f5f9;gap:12px;margin-top:8px;padding-top:24px;display:flex}.camp-planning-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.camp-planning-btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);flex:1;box-shadow:0 2px 8px #8b5cf64d}.camp-planning-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf666}.camp-planning-btn-primary:active:not(:disabled){transform:scale(.95)}.camp-planning-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.camp-planning-btn-secondary{color:#475569;background:#f1f5f9;flex:1}.camp-planning-btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.camp-planning-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.camp-planning-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite campPlanningSpin;display:inline-block}@media (width<=1200px){.camp-planning-content-wrapper{padding:20px 24px 24px}.camp-planning-card{padding:28px}}@media (width<=1024px){.camp-planning-content-wrapper{padding:20px}.camp-planning-card{padding:24px}.camp-planning-card-title{font-size:22px}.camp-planning-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.camp-planning-content-wrapper{padding:16px}.camp-planning-card{border-radius:16px;padding:20px}.camp-planning-card-header{flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:16px}.camp-planning-card-header-left{flex-direction:column;gap:12px;width:100%}.camp-planning-header-text{width:100%}.camp-planning-card-header-right{justify-content:flex-start;width:100%}.camp-planning-status-badge{justify-content:center;width:100%;padding:8px 14px;font-size:12px}.camp-planning-back-btn{padding:6px 14px;font-size:13px}.camp-planning-back-btn span{display:inline}.camp-planning-card-title{font-size:20px}.camp-planning-card-subtitle{font-size:13px}.camp-planning-form-actions{flex-direction:column-reverse;gap:10px;padding-top:16px}.camp-planning-btn{flex:none;width:100%;padding:12px 20px;font-size:14px}.camp-planning-brand-search,.camp-planning-doctor-search{min-height:40px;padding:8px 12px}.camp-planning-brand-search-input,.camp-planning-doctor-search-input{font-size:13px}.camp-planning-brand-item,.camp-planning-doctor-item{padding:8px 12px}.camp-planning-brand-avatar,.camp-planning-doctor-avatar{width:32px;height:32px;font-size:12px}.camp-planning-brand-name,.camp-planning-doctor-name{font-size:13px}.camp-planning-brand-list,.camp-planning-doctor-list{max-height:180px}.camp-planning-selected-brand,.camp-planning-selected-doctor{flex-wrap:wrap;gap:10px;padding:12px 14px}.camp-planning-selected-brand-avatar,.camp-planning-selected-doctor-avatar{width:38px;height:38px;font-size:15px}.camp-planning-selected-brand-name,.camp-planning-selected-doctor-name{font-size:14px}.camp-planning-validation-hint{font-size:10px}.camp-planning-label{font-size:12px}.camp-planning-field{height:40px;padding:8px 12px;font-size:13px}.camp-planning-summary-grid{grid-template-columns:1fr 1fr;gap:8px}}@media (width<=480px){.camp-planning-content-wrapper{padding:12px}.camp-planning-card{border-radius:12px;padding:16px}.camp-planning-card-title{font-size:18px}.camp-planning-card-subtitle{font-size:12px}.camp-planning-back-btn{gap:6px;padding:6px 12px;font-size:12px}.camp-planning-back-btn span{display:inline}.camp-planning-status-badge{padding:6px 12px;font-size:11px}.camp-planning-field{border-radius:8px;height:38px;padding:8px 10px;font-size:12px}.camp-planning-label{font-size:12px}.camp-planning-form{gap:18px}.camp-planning-form-actions{padding-top:14px}.camp-planning-btn{height:40px;padding:10px 16px;font-size:13px}.camp-planning-btn svg{width:16px;height:16px}.camp-planning-brand-select-wrapper,.camp-planning-doctor-select-wrapper{border-radius:8px}.camp-planning-brand-search,.camp-planning-doctor-search{gap:8px;min-height:38px;padding:6px 10px}.camp-planning-brand-search-input,.camp-planning-doctor-search-input{font-size:12px}.camp-planning-brand-list,.camp-planning-doctor-list{max-height:150px}.camp-planning-brand-item,.camp-planning-doctor-item{gap:10px;padding:6px 10px}.camp-planning-brand-avatar,.camp-planning-doctor-avatar{width:28px;height:28px;font-size:11px}.camp-planning-brand-name,.camp-planning-doctor-name{font-size:12px}.camp-planning-brand-category,.camp-planning-doctor-specialization,.camp-planning-doctor-hospital{font-size:10px}.camp-planning-brand-check,.camp-planning-doctor-check{width:16px;height:16px}.camp-planning-selected-brand,.camp-planning-selected-doctor{gap:10px;padding:10px 12px}.camp-planning-selected-brand-avatar,.camp-planning-selected-doctor-avatar{width:34px;height:34px;font-size:14px}.camp-planning-selected-brand-name,.camp-planning-selected-doctor-name{font-size:13px}.camp-planning-selected-brand-category,.camp-planning-selected-doctor-details,.camp-planning-error-text,.camp-planning-helper-text{font-size:11px}.camp-planning-validation-hint{font-size:10px}.camp-planning-loading-spinner,.camp-planning-spinner{width:16px;height:16px}.camp-planning-summary-card{padding:16px}.camp-planning-summary-card h4{font-size:14px}.camp-planning-summary-grid{grid-template-columns:1fr;gap:6px}.camp-planning-summary-label{font-size:9px}.camp-planning-summary-value{font-size:12px}}@media (width<=360px){.camp-planning-card{padding:12px}.camp-planning-card-title{font-size:16px}.camp-planning-field{height:34px;padding:6px 8px;font-size:11px}.camp-planning-btn{height:36px;padding:8px 14px;font-size:12px}.camp-planning-brand-search,.camp-planning-doctor-search{min-height:34px;padding:4px 8px}.camp-planning-brand-search-input,.camp-planning-doctor-search-input{font-size:11px}}@media (prefers-color-scheme:dark){.camp-planning-page-container,.camp-planning-content-wrapper{background:#0f172a}.camp-planning-card{background:#1e293b;border-color:#334155}.camp-planning-card:hover{box-shadow:0 8px 30px #0006}.camp-planning-card-header{border-bottom-color:#334155}.camp-planning-card-title{color:#f1f5f9}.camp-planning-card-subtitle{color:#94a3b8}.camp-planning-status-badge,.camp-planning-back-btn{color:#94a3b8;background:#334155}.camp-planning-back-btn:hover{color:#f1f5f9;background:#475569}.camp-planning-label{color:#e2e8f0}.camp-planning-field{color:#f1f5f9;background:#0f172a;border-color:#334155}.camp-planning-field:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61f}.camp-planning-field.camp-planning-error{background:#1a0a0a;border-color:#ef4444}.camp-planning-field.camp-planning-filled{background:#022c22;border-color:#10b981}.camp-planning-field:disabled{background:#1e293b}.camp-planning-brand-select-wrapper,.camp-planning-doctor-select-wrapper{background:#0f172a;border-color:#334155}.camp-planning-brand-select-wrapper:focus-within,.camp-planning-doctor-select-wrapper:focus-within{border-color:#8b5cf6}.camp-planning-brand-search-input,.camp-planning-doctor-search-input{color:#f1f5f9}.camp-planning-brand-item:hover,.camp-planning-doctor-item:hover{background:#334155}.camp-planning-brand-item.camp-planning-brand-selected,.camp-planning-doctor-item.camp-planning-doctor-selected{background:#2c0a0a}.camp-planning-brand-name,.camp-planning-doctor-name{color:#f1f5f9}.camp-planning-brand-category,.camp-planning-doctor-specialization,.camp-planning-doctor-hospital{color:#94a3b8;background:#334155}.camp-planning-brand-empty,.camp-planning-doctor-empty{color:#64748b}.camp-planning-selected-brand{background:#1a0a2a;border-top-color:#6d28d9}.camp-planning-selected-doctor{background:#2c0a0a;border-top-color:#7f1d1d}.camp-planning-selected-brand-name,.camp-planning-selected-doctor-name{color:#f1f5f9}.camp-planning-selected-brand-category,.camp-planning-selected-doctor-details{color:#94a3b8}.camp-planning-btn-secondary{color:#94a3b8;background:#334155}.camp-planning-btn-secondary:hover:not(:disabled){color:#f1f5f9;background:#475569}.camp-planning-form-actions{border-top-color:#334155}.camp-planning-brand-clear,.camp-planning-doctor-clear{color:#94a3b8;background:#334155}.camp-planning-brand-clear:hover,.camp-planning-doctor-clear:hover{color:#f1f5f9;background:#475569}.camp-planning-selected-doctor-details span:not(:last-child):after{color:#475569}.camp-planning-error-text{color:#f87171}.camp-planning-helper-text.camp-planning-success{color:#34d399}.camp-planning-validation-hint{color:#94a3b8}.camp-planning-summary-card{background:#1e293b;border-color:#334155}.camp-planning-summary-card h4{color:#f1f5f9}.camp-planning-summary-label{color:#94a3b8}.camp-planning-summary-value{color:#f1f5f9}}.mr-brand-list-container{background:#f0f4ff;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.mr-brand-list-main{flex:1;width:100%;min-height:100vh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@media (width>=769px){.mr-brand-list-main{margin-left:270px}}.mr-brand-list-content{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 32px}.mr-brand-list-hero{background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);border-radius:16px;margin-bottom:24px;padding:24px 32px;position:relative;overflow:hidden}.mr-brand-list-hero-bg{position:absolute;inset:0;overflow:hidden}.mr-brand-list-hero-pattern{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.mr-brand-list-hero-glow{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.mr-brand-list-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.mr-brand-list-hero-left{align-items:center;gap:16px;display:flex}.mr-brand-list-hero-icon-wrapper{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mr-brand-list-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mr-brand-list-hero-title{color:#fff;margin:0;font-size:24px;font-weight:700}.mr-brand-list-hero-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.mr-brand-list-hero-subtitle{color:#fffc;margin:2px 0 0;font-size:13px}.mr-brand-list-hero-actions{gap:10px;display:flex}.mr-brand-list-btn-outline{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mr-brand-list-btn-outline:hover{background:#ffffff40;transform:translateY(-2px)}.mr-brand-list-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.mr-brand-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mr-filter-dropdown{flex-shrink:0;align-items:center;display:flex;position:relative}.mr-filter-dropdown select{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:130px;padding:8px 36px 8px 14px;font-size:14px;transition:all .3s}.mr-filter-dropdown select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.mr-dropdown-icon{pointer-events:none;color:#94a3b8;position:absolute;right:12px}.mr-brand-list-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #f1f5f9;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.mr-brand-list-table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px}.mr-brand-list-table thead{background:#f8fafc}.mr-brand-list-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:12px;font-weight:600}.mr-brand-list-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.mr-brand-id{color:#4f46e5;background:#eef2ff;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.mr-brand-info{align-items:center;gap:10px;display:flex}.mr-brand-icon{color:#4f46e5;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mr-brand-name{color:#1f2937;font-weight:500}.mr-brand-qty{color:#0f172a;font-weight:600}.mr-brand-ptr{color:#059669;font-weight:600}.mr-status-badge{border-radius:12px;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.mr-no-results{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.mr-no-results svg{color:#d1d5db;margin-bottom:16px}.mr-no-results h3{color:#0f172a;margin:0 0 4px;font-size:18px}.mr-no-results p{color:#94a3b8;margin:0;font-size:14px}@media (width<=1024px){.mr-brand-list-stats{grid-template-columns:repeat(2,1fr)}.mr-brand-list-hero-content{flex-direction:column;align-items:flex-start}.mr-brand-list-hero-actions{width:100%}}@media (width<=768px){.mr-brand-list-content{padding:16px}.mr-brand-list-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mr-stat-item{padding:12px 14px}.mr-stat-number{font-size:18px}.mr-brand-list-toolbar,.mr-toolbar-left{flex-direction:column;align-items:stretch}.mr-search-box{max-width:100%}.mr-brand-list-table{min-width:600px;font-size:12px}.mr-brand-list-table th,.mr-brand-list-table td{padding:8px 10px}.mr-pagination{flex-direction:column;align-items:center}}@media (width<=480px){.mr-brand-list-stats{grid-template-columns:1fr 1fr;gap:8px}.mr-stat-item{padding:10px 12px}.mr-stat-icon{width:32px;height:32px}.mr-stat-number{font-size:15px}.mr-stat-label{font-size:10px}.mr-brand-list-table{min-width:500px;font-size:11px}.mr-brand-list-table th,.mr-brand-list-table td{padding:6px 8px}.mr-brand-icon{width:24px;height:24px}.mr-brand-icon svg{width:14px;height:14px}}.mr-brand-list-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.mr-brand-list-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-brand-list-table-wrapper::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}.mr-brand-list-table-wrapper::-webkit-scrollbar-thumb:hover{background:#4338ca}.camp-execution-page-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.camp-execution-main-content{flex:1;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1)}@media (width>=769px){.camp-execution-main-content{margin-left:270px}}.camp-execution-content-wrapper{max-width:1000px;margin:0 auto;padding:24px 32px 32px}.camp-execution-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.camp-execution-spinner{border:4px solid #f1f5f9;border-top-color:#d84e55;border-radius:50%;width:40px;height:40px;animation:1s linear infinite campExecutionSpin}@keyframes campExecutionSpin{to{transform:rotate(360deg)}}.camp-execution-loading span{color:#64748b;font-size:14px}.camp-execution-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:32px 36px;animation:.4s campExecutionFadeInUp;box-shadow:0 4px 20px #0000000a}@keyframes campExecutionFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.camp-execution-card-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.camp-execution-card-header-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.camp-execution-header-text{flex:1;min-width:0}.camp-execution-back-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex}.camp-execution-back-btn:hover{color:#0f172a;background:#e2e8f0;transform:translate(-2px)}.camp-execution-back-btn span{display:inline}.camp-execution-card-title{color:#0f172a;letter-spacing:-.5px;word-break:break-word;margin:0 0 4px;font-size:24px;font-weight:700}.camp-execution-card-subtitle{color:#64748b;margin:0;font-size:14px}.camp-execution-card-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.camp-execution-refresh-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.camp-execution-refresh-btn:hover{color:#0f172a;background:#e2e8f0;transform:rotate(180deg)}.camp-execution-status-badge{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.camp-execution-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.camp-execution-empty svg{color:#cbd5e1;margin-bottom:16px}.camp-execution-empty h3{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:600}.camp-execution-empty p{color:#94a3b8;max-width:400px;margin:0 0 20px;font-size:14px}.camp-execution-empty-btn{color:#fff;cursor:pointer;background:#d84e55;border:none;border-radius:10px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.camp-execution-empty-btn:hover{background:#c43d44;transform:translateY(-2px);box-shadow:0 4px 16px #d84e554d}.camp-execution-list{flex-direction:column;gap:12px;display:flex}.camp-execution-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.camp-execution-item:hover{background:#f1f5f9;border-color:#e2e8f0}.camp-execution-item-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.camp-execution-item-icon{color:#d84e55;background:#fef2f2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.camp-execution-item-info{flex:1;min-width:0}.camp-execution-item-title{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:600}.camp-execution-item-details{color:#64748b;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.camp-execution-item-details span{align-items:center;gap:4px;display:flex}.camp-execution-item-meta{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.camp-execution-item-specialization{color:#8b5cf6;background:#f5f3ff;border-radius:4px;padding:2px 10px;font-size:11px}.camp-execution-item-location{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 10px;font-size:11px}.camp-execution-item-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.camp-execution-item-status{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.camp-execution-item-btn{color:#fff;cursor:pointer;background:#d84e55;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .3s;display:flex}.camp-execution-item-btn:hover{background:#c43d44;transform:translateY(-2px);box-shadow:0 4px 12px #d84e554d}.camp-execution-form-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:32px 36px;animation:.4s campExecutionSlideIn;box-shadow:0 4px 20px #0000000a}@keyframes campExecutionSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.camp-execution-form-header{border-bottom:2px solid #f1f5f9;flex-direction:column;gap:4px;margin-bottom:24px;padding-bottom:20px;display:flex;position:relative}.camp-execution-form-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:0;right:0}.camp-execution-form-close:hover{color:#dc2626;background:#fee2e2}.camp-execution-form-title{color:#0f172a;margin:0;font-size:22px;font-weight:700}.camp-execution-form-subtitle{color:#64748b;margin:0;font-size:14px}.camp-execution-steps{justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 16px;display:flex;position:relative}.camp-execution-step{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.camp-execution-step-circle{color:#94a3b8;z-index:2;background:#fff;border:3px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.camp-execution-step-circle.active{color:#fff;background:#d84e55;border-color:#d84e55;box-shadow:0 0 0 4px #d84e5526}.camp-execution-step-circle.completed{color:#fff;background:#10b981;border-color:#10b981}.camp-execution-step-label{color:#94a3b8;white-space:nowrap;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:500;display:flex}.camp-execution-step-label svg{width:14px;height:14px}.camp-execution-step-circle.active+.camp-execution-step-label{color:#d84e55}.camp-execution-step-circle.completed+.camp-execution-step-label{color:#10b981}.camp-execution-step-line{z-index:1;background:#e2e8f0;height:2px;position:absolute;top:18px;left:calc(50% + 18px);right:calc(18px - 50%)}.camp-execution-step-line.completed{background:#10b981}.camp-execution-form-step{animation:.3s campExecutionFadeIn}@keyframes campExecutionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.camp-execution-step-title{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:600}.camp-execution-step-subtitle{color:#94a3b8;margin:0 0 20px;font-size:14px}.camp-execution-form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.camp-execution-form-label{color:#0f172a;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.camp-execution-required{color:#ef4444}.camp-execution-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.camp-execution-form-input,.camp-execution-form-select{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;height:44px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.camp-execution-form-input:focus,.camp-execution-form-select:focus{border-color:#d84e55;outline:none;box-shadow:0 0 0 4px #d84e551a}.camp-execution-form-textarea{color:#0f172a;resize:vertical;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;min-height:100px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.camp-execution-form-textarea:focus{border-color:#d84e55;outline:none;box-shadow:0 0 0 4px #d84e551a}.camp-execution-mcq-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:20px;padding:16px 20px}.camp-execution-mcq-question{color:#0f172a;margin:0 0 10px;font-size:14px;font-weight:500}.camp-execution-mcq-number{color:#d84e55;margin-right:8px;font-weight:700}.camp-execution-mcq-options{flex-wrap:wrap;gap:8px;display:flex}.camp-execution-mcq-option{cursor:pointer;color:#475569;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.camp-execution-mcq-option:hover{background:#fef2f2;border-color:#d84e55}.camp-execution-mcq-option input{display:none}.camp-execution-mcq-option:has(input:checked){color:#d84e55;background:#fef2f2;border-color:#d84e55}.camp-execution-mcq-option-label{cursor:pointer}.camp-execution-rating{gap:8px;margin:8px 0;display:flex}.camp-execution-star{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:4px;transition:all .2s}.camp-execution-star:hover{color:#f59e0b;transform:scale(1.1)}.camp-execution-star.active{color:#f59e0b}.camp-execution-rating-label{color:#94a3b8;font-size:13px}.camp-execution-summary-preview{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;margin-top:20px;padding:16px 20px}.camp-execution-summary-preview h4{color:#0f172a;margin:0 0 12px;font-size:14px;font-weight:600}.camp-execution-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.camp-execution-summary-item{flex-direction:column;gap:2px;display:flex}.camp-execution-summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.camp-execution-summary-value{color:#0f172a;word-break:break-word;font-size:13px;font-weight:600}.camp-execution-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;animation:.5s campExecutionFadeIn;display:flex}.camp-execution-success-icon{color:#10b981;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex}.camp-execution-success h3{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:700}.camp-execution-success p{color:#64748b;max-width:400px;margin:0;font-size:14px}.camp-execution-form-actions{border-top:2px solid #f1f5f9;gap:12px;margin-top:24px;padding-top:20px;display:flex}.camp-execution-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;height:44px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.camp-execution-btn-primary{color:#fff;background:#d84e55;box-shadow:0 2px 8px #d84e554d}.camp-execution-btn-primary:hover:not(:disabled){background:#c43d44;transform:translateY(-2px);box-shadow:0 4px 16px #d84e5566}.camp-execution-btn-secondary{color:#475569;background:#f1f5f9}.camp-execution-btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.camp-execution-btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.camp-execution-btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.camp-execution-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (width<=1024px){.camp-execution-content-wrapper{padding:20px 24px 24px}.camp-execution-card,.camp-execution-form-card{padding:24px}}@media (width<=768px){.camp-execution-content-wrapper{padding:16px}.camp-execution-card,.camp-execution-form-card{border-radius:16px;padding:20px}.camp-execution-card-header{flex-direction:column;gap:12px}.camp-execution-card-header-left{flex-direction:column;gap:12px;width:100%}.camp-execution-header-text{width:100%}.camp-execution-card-header-right{justify-content:flex-start;width:100%}.camp-execution-status-badge{justify-content:center;width:100%}.camp-execution-card-title{font-size:20px}.camp-execution-item{flex-direction:column;align-items:stretch;gap:12px}.camp-execution-item-left{flex-direction:column;align-items:flex-start;gap:10px}.camp-execution-item-right{justify-content:space-between}.camp-execution-item-details{flex-direction:column;gap:6px}.camp-execution-steps{gap:0;padding:0 8px}.camp-execution-step-label{font-size:9px}.camp-execution-step-circle{width:30px;height:30px;font-size:12px}.camp-execution-form-row{grid-template-columns:1fr;gap:12px}.camp-execution-form-actions{flex-direction:column-reverse}.camp-execution-btn{flex:none;width:100%}.camp-execution-mcq-options{flex-direction:column}.camp-execution-summary-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.camp-execution-content-wrapper{padding:12px}.camp-execution-card,.camp-execution-form-card{border-radius:12px;padding:16px}.camp-execution-card-title,.camp-execution-form-title{font-size:18px}.camp-execution-back-btn{padding:6px 12px;font-size:12px}.camp-execution-item-btn{padding:6px 14px;font-size:12px}.camp-execution-summary-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.camp-execution-page-container,.camp-execution-content-wrapper{background:#0f172a}.camp-execution-card,.camp-execution-form-card{background:#1e293b;border-color:#334155}.camp-execution-card-header{border-bottom-color:#334155}.camp-execution-card-title,.camp-execution-form-title{color:#f1f5f9}.camp-execution-card-subtitle,.camp-execution-form-subtitle{color:#94a3b8}.camp-execution-status-badge,.camp-execution-back-btn{color:#94a3b8;background:#334155}.camp-execution-back-btn:hover{color:#f1f5f9;background:#475569}.camp-execution-item{background:#0f172a;border-color:#334155}.camp-execution-item:hover{background:#1e293b}.camp-execution-item-title{color:#f1f5f9}.camp-execution-item-details{color:#94a3b8}.camp-execution-item-specialization{color:#a78bfa;background:#2c0a2a}.camp-execution-item-location{color:#94a3b8;background:#334155}.camp-execution-form-input,.camp-execution-form-select,.camp-execution-form-textarea{color:#f1f5f9;background:#0f172a;border-color:#334155}.camp-execution-form-input:focus,.camp-execution-form-select:focus,.camp-execution-form-textarea:focus{border-color:#d84e55}.camp-execution-mcq-item{background:#0f172a;border-color:#334155}.camp-execution-mcq-question{color:#f1f5f9}.camp-execution-mcq-option{color:#94a3b8;background:#1e293b;border-color:#334155}.camp-execution-mcq-option:hover{border-color:#d84e55}.camp-execution-mcq-option:has(input:checked){background:#2c0a0a;border-color:#d84e55}.camp-execution-summary-preview{background:#0f172a;border-color:#334155}.camp-execution-summary-preview h4,.camp-execution-summary-value{color:#f1f5f9}.camp-execution-btn-secondary{color:#94a3b8;background:#334155}.camp-execution-btn-secondary:hover:not(:disabled){color:#f1f5f9;background:#475569}.camp-execution-form-actions{border-top-color:#334155}.camp-execution-form-close{color:#94a3b8;background:#334155}.camp-execution-form-close:hover{background:#2c0a0a}.camp-execution-empty h3{color:#f1f5f9}.camp-execution-empty p{color:#94a3b8}.camp-execution-success h3{color:#f1f5f9}.camp-execution-success p{color:#94a3b8}.camp-execution-refresh-btn{color:#94a3b8;background:#334155}.camp-execution-refresh-btn:hover{color:#f1f5f9;background:#475569}.camp-execution-step-line{background:#334155}.camp-execution-step-line.completed{background:#10b981}.camp-execution-step-circle{color:#64748b;background:#0f172a;border-color:#334155}}.campaign-initial-page-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.campaign-initial-main-content{flex:1;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1)}@media (width>=769px){.campaign-initial-main-content{margin-left:270px}}.campaign-initial-content-wrapper{max-width:1000px;margin:0 auto;padding:24px 32px 32px}.campaign-initial-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:32px 36px;animation:.4s campaignInitialFadeInUp;box-shadow:0 4px 20px #0000000a}@keyframes campaignInitialFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.campaign-initial-card-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.campaign-initial-card-header-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.campaign-initial-header-text{flex:1;min-width:0}.campaign-initial-back-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex}.campaign-initial-back-btn:hover{color:#0f172a;background:#e2e8f0;transform:translate(-2px)}.campaign-initial-back-btn span{display:inline}.campaign-initial-card-title{color:#0f172a;letter-spacing:-.5px;word-break:break-word;margin:0 0 4px;font-size:24px;font-weight:700}.campaign-initial-card-subtitle{color:#64748b;margin:0;font-size:14px}.campaign-initial-card-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.campaign-initial-status-badge{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.campaign-initial-alert{border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 18px;animation:.3s campaignInitialSlideDown;display:flex}@keyframes campaignInitialSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.campaign-initial-alert-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.campaign-initial-alert-success svg{color:#059669;flex-shrink:0;margin-top:2px}.campaign-initial-alert div{flex-direction:column;gap:2px;display:flex}.campaign-initial-alert strong{font-weight:600}.campaign-initial-alert span{font-size:14px}.campaign-initial-form{flex-direction:column;gap:24px;display:flex}.campaign-initial-form-row{grid-template-columns:1fr;gap:20px;display:grid}.input-full-width{grid-column:1/-1}.campaign-initial-form-group{flex-direction:column;gap:6px;display:flex}.campaign-initial-label{color:#0f172a;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.campaign-initial-label svg{color:#94a3b8;flex-shrink:0}.campaign-initial-required{color:#ef4444;margin-left:2px;font-weight:700}.campaign-initial-validation-hint{color:#6b7280;margin-left:4px;font-size:11px;font-weight:400}.campaign-initial-validation-hint:before{content:"ℹ️ ";font-size:11px}.campaign-initial-helper-text{color:#94a3b8;margin-top:4px;font-size:12px}.campaign-initial-field{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;height:44px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.campaign-initial-field:focus{border-color:#ec4899;outline:none;box-shadow:0 0 0 4px #ec48991a}.campaign-initial-field.campaign-initial-error{background:#fef2f2;border-color:#ef4444}.campaign-initial-field.campaign-initial-error:focus{box-shadow:0 0 0 4px #ef44441a}.campaign-initial-field.campaign-initial-filled{background:#f0fdf4;border-color:#10b981}.campaign-initial-field:disabled{cursor:not-allowed;opacity:.7;background:#f1f5f9}.campaign-initial-error-text{color:#ef4444;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.campaign-initial-textarea{color:#0f172a;resize:vertical;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;min-height:100px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.campaign-initial-textarea:focus{border-color:#ec4899;outline:none;box-shadow:0 0 0 4px #ec48991a}.campaign-initial-textarea:disabled{cursor:not-allowed;opacity:.7;background:#f1f5f9}.campaign-brand-select-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:10px;transition:all .3s;position:relative}.campaign-brand-select-wrapper:focus-within{border-color:#ec4899;box-shadow:0 0 0 4px #ec48991a}.campaign-brand-search{cursor:text;align-items:center;gap:12px;min-height:44px;padding:10px 14px;display:flex}.campaign-search-icon{color:#94a3b8;flex-shrink:0}.campaign-brand-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:14px}.campaign-brand-search-input::placeholder{color:#94a3b8}.campaign-brand-search-input:disabled{cursor:not-allowed;opacity:.7;background:0 0}.campaign-loading-spinner{border:2px solid #f1f5f9;border-top-color:#ec4899;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite campaignSpin}@keyframes campaignSpin{to{transform:rotate(360deg)}}.campaign-brand-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.campaign-brand-clear:hover{color:#0f172a;background:#e2e8f0}.campaign-brand-list{border-top:1px solid #f1f5f9;max-height:220px;padding:4px;animation:.2s campaignSlideDown;overflow-y:auto}@keyframes campaignSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.campaign-brand-list::-webkit-scrollbar{width:4px}.campaign-brand-list::-webkit-scrollbar-track{background:0 0}.campaign-brand-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.campaign-brand-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.campaign-brand-item:hover{background:#f1f5f9}.campaign-brand-item.campaign-brand-selected{background:#fdf2f8}.campaign-brand-avatar{color:#fff;background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.campaign-brand-info{flex:1;min-width:0}.campaign-brand-name{color:#0f172a;word-break:break-word;font-size:14px;font-weight:500}.campaign-brand-category{color:#64748b;background:#f1f5f9;border-radius:4px;margin-top:2px;padding:1px 8px;font-size:11px;display:inline-block}.campaign-brand-check{color:#10b981;flex-shrink:0}.campaign-brand-empty{text-align:center;color:#94a3b8;padding:20px;font-size:14px}.campaign-selected-brand{background:#fdf2f8;border-top:2px solid #f9a8d4;border-radius:0 0 10px 10px;align-items:center;gap:14px;padding:14px 18px;animation:.3s campaignSlideUp;display:flex}@keyframes campaignSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.campaign-selected-brand-avatar{color:#fff;background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.campaign-selected-brand-info{flex:1;min-width:0}.campaign-selected-brand-name{color:#0f172a;word-break:break-word;font-size:15px;font-weight:600}.campaign-selected-brand-category{color:#64748b;font-size:13px}.campaign-doctor-select-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:10px;transition:all .3s;position:relative}.campaign-doctor-select-wrapper:focus-within{border-color:#ec4899;box-shadow:0 0 0 4px #ec48991a}.campaign-doctor-search{cursor:text;align-items:center;gap:12px;min-height:44px;padding:10px 14px;display:flex}.campaign-doctor-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:14px}.campaign-doctor-search-input::placeholder{color:#94a3b8}.campaign-doctor-search-input:disabled{cursor:not-allowed;opacity:.7;background:0 0}.campaign-doctor-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.campaign-doctor-clear:hover{color:#0f172a;background:#e2e8f0}.campaign-doctor-list{border-top:1px solid #f1f5f9;max-height:220px;padding:4px;animation:.2s campaignSlideDown;overflow-y:auto}.campaign-doctor-list::-webkit-scrollbar{width:4px}.campaign-doctor-list::-webkit-scrollbar-track{background:0 0}.campaign-doctor-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.campaign-doctor-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.campaign-doctor-item:hover{background:#f1f5f9}.campaign-doctor-item.campaign-doctor-selected{background:#fdf2f8}.campaign-doctor-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.campaign-doctor-info{flex:1;min-width:0}.campaign-doctor-name{color:#0f172a;word-break:break-word;font-size:14px;font-weight:500}.campaign-doctor-meta{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.campaign-doctor-specialization{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 8px;font-size:11px}.campaign-doctor-hospital{color:#94a3b8;font-size:11px}.campaign-doctor-check{color:#10b981;flex-shrink:0}.campaign-doctor-empty{text-align:center;color:#94a3b8;padding:20px;font-size:14px}.campaign-selected-doctor{background:#fdf2f8;border-top:2px solid #f9a8d4;border-radius:0 0 10px 10px;align-items:center;gap:14px;padding:14px 18px;animation:.3s campaignSlideUp;display:flex}.campaign-selected-doctor-avatar{color:#fff;background:linear-gradient(135deg,#d84e55,#e87077);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.campaign-selected-doctor-info{flex:1;min-width:0}.campaign-selected-doctor-name{color:#0f172a;word-break:break-word;font-size:15px;font-weight:600}.campaign-selected-doctor-details{color:#64748b;flex-wrap:wrap;gap:8px;margin-top:2px;font-size:13px;display:flex}.campaign-selected-doctor-details span:not(:last-child):after{content:"•";color:#cbd5e1;margin-left:8px}.campaign-activities-grid{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;transition:all .3s;display:grid}.campaign-activities-grid.campaign-activities-error{background:#fef2f2;border-color:#ef4444}.campaign-activity-item{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.campaign-activity-item:hover{background:#fdf2f8;border-color:#ec4899}.campaign-activity-item.campaign-activity-selected{background:#fdf2f8;border-color:#ec4899;box-shadow:0 0 0 2px #ec489933}.campaign-activity-icon{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;display:flex}.campaign-activity-item.campaign-activity-selected .campaign-activity-icon{color:#ec4899}.campaign-activity-label{color:#475569;flex:1;font-size:12px;font-weight:500}.campaign-activity-item.campaign-activity-selected .campaign-activity-label{color:#ec4899}.campaign-activity-check{color:#10b981;flex-shrink:0}.campaign-initial-summary-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-top:4px;padding:20px 24px}.campaign-initial-summary-card h4{color:#0f172a;margin:0 0 12px;font-size:15px;font-weight:600}.campaign-initial-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.campaign-initial-summary-item{flex-direction:column;gap:2px;display:flex}.campaign-initial-summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.campaign-initial-summary-value{color:#0f172a;word-break:break-word;font-size:13px;font-weight:600}.campaign-initial-summary-activities{flex-wrap:wrap;gap:4px;display:flex}.campaign-initial-summary-activity-tag{color:#ec4899;background:#fdf2f8;border:1px solid #f9a8d4;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500}.campaign-initial-form-actions{border-top:2px solid #f1f5f9;gap:12px;margin-top:8px;padding-top:24px;display:flex}.campaign-initial-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.campaign-initial-btn-primary{color:#fff;background:linear-gradient(135deg,#ec4899,#db2777);flex:1;box-shadow:0 2px 8px #ec48994d}.campaign-initial-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ec489966}.campaign-initial-btn-primary:active:not(:disabled){transform:scale(.95)}.campaign-initial-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.campaign-initial-btn-secondary{color:#475569;background:#f1f5f9;flex:1}.campaign-initial-btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.campaign-initial-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.campaign-initial-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite campaignSpin;display:inline-block}@media (width<=1024px){.campaign-initial-content-wrapper{padding:20px 24px 24px}.campaign-initial-card{padding:24px}.campaign-activities-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.campaign-initial-content-wrapper{padding:16px}.campaign-initial-card{border-radius:16px;padding:20px}.campaign-initial-card-header{flex-direction:column;gap:12px}.campaign-initial-card-header-left{flex-direction:column;gap:12px;width:100%}.campaign-initial-header-text{width:100%}.campaign-initial-card-header-right{justify-content:flex-start;width:100%}.campaign-initial-status-badge{justify-content:center;width:100%}.campaign-initial-card-title{font-size:20px}.campaign-activities-grid{grid-template-columns:repeat(2,1fr)}.campaign-initial-form-actions{flex-direction:column-reverse;gap:10px}.campaign-initial-btn{flex:none;width:100%}.campaign-initial-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.campaign-initial-content-wrapper{padding:12px}.campaign-initial-card{border-radius:12px;padding:16px}.campaign-initial-card-title{font-size:18px}.campaign-initial-back-btn{padding:6px 12px;font-size:12px}.campaign-activities-grid{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.campaign-activity-item{padding:8px 10px;font-size:11px}.campaign-activity-label{font-size:11px}.campaign-initial-summary-grid{grid-template-columns:1fr}.campaign-brand-search,.campaign-doctor-search{min-height:38px;padding:8px 12px}.campaign-brand-search-input,.campaign-doctor-search-input{font-size:12px}.campaign-selected-brand,.campaign-selected-doctor{padding:10px 12px}.campaign-selected-brand-avatar,.campaign-selected-doctor-avatar{width:36px;height:36px;font-size:15px}}@media (prefers-color-scheme:dark){.campaign-initial-page-container,.campaign-initial-content-wrapper{background:#0f172a}.campaign-initial-card{background:#1e293b;border-color:#334155}.campaign-initial-card-header{border-bottom-color:#334155}.campaign-initial-card-title{color:#f1f5f9}.campaign-initial-card-subtitle{color:#94a3b8}.campaign-initial-status-badge,.campaign-initial-back-btn{color:#94a3b8;background:#334155}.campaign-initial-back-btn:hover{color:#f1f5f9;background:#475569}.campaign-initial-label{color:#e2e8f0}.campaign-initial-field{color:#f1f5f9;background:#0f172a;border-color:#334155}.campaign-initial-field:focus{border-color:#ec4899;box-shadow:0 0 0 4px #ec48991f}.campaign-initial-field.campaign-initial-error{background:#1a0a0a;border-color:#ef4444}.campaign-initial-field.campaign-initial-filled{background:#022c22;border-color:#10b981}.campaign-initial-field:disabled{background:#1e293b}.campaign-initial-textarea{color:#f1f5f9;background:#0f172a;border-color:#334155}.campaign-initial-textarea:focus{border-color:#ec4899}.campaign-brand-select-wrapper,.campaign-doctor-select-wrapper{background:#0f172a;border-color:#334155}.campaign-brand-select-wrapper:focus-within,.campaign-doctor-select-wrapper:focus-within{border-color:#ec4899}.campaign-brand-search-input,.campaign-doctor-search-input{color:#f1f5f9}.campaign-brand-item:hover,.campaign-doctor-item:hover{background:#334155}.campaign-brand-item.campaign-brand-selected,.campaign-doctor-item.campaign-doctor-selected{background:#2c0a1a}.campaign-brand-name,.campaign-doctor-name{color:#f1f5f9}.campaign-brand-category,.campaign-doctor-specialization,.campaign-doctor-hospital{color:#94a3b8;background:#334155}.campaign-brand-empty,.campaign-doctor-empty{color:#64748b}.campaign-selected-brand,.campaign-selected-doctor{background:#2c0a1a;border-top-color:#7c1a4a}.campaign-selected-brand-name,.campaign-selected-doctor-name{color:#f1f5f9}.campaign-selected-brand-category,.campaign-selected-doctor-details{color:#94a3b8}.campaign-activities-grid{background:#0f172a;border-color:#334155}.campaign-activities-grid.campaign-activities-error{background:#1a0a0a;border-color:#ef4444}.campaign-activity-item{background:#1e293b;border-color:#334155}.campaign-activity-item:hover,.campaign-activity-item.campaign-activity-selected{background:#2c0a1a;border-color:#ec4899}.campaign-activity-label{color:#94a3b8}.campaign-activity-item.campaign-activity-selected .campaign-activity-label{color:#ec4899}.campaign-initial-summary-card{background:#1e293b;border-color:#334155}.campaign-initial-summary-card h4{color:#f1f5f9}.campaign-initial-summary-label{color:#94a3b8}.campaign-initial-summary-value{color:#f1f5f9}.campaign-initial-summary-activity-tag{color:#ec4899;background:#2c0a1a;border-color:#7c1a4a}.campaign-initial-btn-secondary{color:#94a3b8;background:#334155}.campaign-initial-btn-secondary:hover:not(:disabled){color:#f1f5f9;background:#475569}.campaign-initial-form-actions{border-top-color:#334155}.campaign-brand-clear,.campaign-doctor-clear{color:#94a3b8;background:#334155}.campaign-brand-clear:hover,.campaign-doctor-clear:hover{color:#f1f5f9;background:#475569}.campaign-initial-alert-success{color:#6ee7b7;background:#022c22;border-color:#065f46}.campaign-selected-doctor-details span:not(:last-child):after{color:#475569}}.campaign-final-page-container{background:#f0f4ff;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.campaign-final-main-content{flex:1;min-height:100dvh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1)}@media (width>=769px){.campaign-final-main-content{margin-left:270px}}.campaign-final-content-wrapper{max-width:1000px;margin:0 auto;padding:24px 32px 32px}.campaign-final-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.campaign-final-spinner{border:4px solid #f1f5f9;border-top-color:#ec4899;border-radius:50%;width:40px;height:40px;animation:1s linear infinite campaignFinalSpin}@keyframes campaignFinalSpin{to{transform:rotate(360deg)}}.campaign-final-loading span{color:#64748b;font-size:14px}.campaign-final-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:32px 36px;animation:.4s campaignFinalFadeInUp;box-shadow:0 4px 20px #0000000a}@keyframes campaignFinalFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.campaign-final-card-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.campaign-final-card-header-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.campaign-final-header-text{flex:1;min-width:0}.campaign-final-back-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin-top:4px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex}.campaign-final-back-btn:hover{color:#0f172a;background:#e2e8f0;transform:translate(-2px)}.campaign-final-back-btn span{display:inline}.campaign-final-card-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 4px;font-size:24px;font-weight:700}.campaign-final-card-subtitle{color:#64748b;margin:0;font-size:14px}.campaign-final-card-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.campaign-final-refresh-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.campaign-final-refresh-btn:hover{color:#0f172a;background:#e2e8f0;transform:rotate(180deg)}.campaign-final-status-badge{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.campaign-final-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.campaign-final-empty svg{color:#cbd5e1;margin-bottom:16px}.campaign-final-empty h3{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:600}.campaign-final-empty p{color:#94a3b8;max-width:400px;margin:0 0 20px;font-size:14px}.campaign-final-empty-btn{color:#fff;cursor:pointer;background:#ec4899;border:none;border-radius:10px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.campaign-final-empty-btn:hover{background:#db2777;transform:translateY(-2px);box-shadow:0 4px 16px #ec48994d}.campaign-final-list{flex-direction:column;gap:12px;display:flex}.campaign-final-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.campaign-final-item:hover{background:#f1f5f9;border-color:#e2e8f0}.campaign-final-item-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.campaign-final-item-icon{color:#ec4899;background:#fdf2f8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.campaign-final-item-info{flex:1;min-width:0}.campaign-final-item-title{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:600}.campaign-final-item-details{color:#64748b;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.campaign-final-item-details span{align-items:center;gap:4px;display:flex}.campaign-final-item-meta{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.campaign-final-item-specialization{color:#8b5cf6;background:#f5f3ff;border-radius:4px;padding:2px 10px;font-size:11px}.campaign-final-item-hospital{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 10px;font-size:11px}.campaign-final-item-activities{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.campaign-final-item-activity-tag{color:#ec4899;background:#fdf2f8;border:1px solid #f9a8d4;border-radius:10px;padding:1px 8px;font-size:10px}.campaign-final-item-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.campaign-final-item-status{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.campaign-final-item-btn{color:#fff;cursor:pointer;background:#ec4899;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .3s;display:flex}.campaign-final-item-btn:hover{background:#db2777;transform:translateY(-2px);box-shadow:0 4px 12px #ec48994d}.campaign-final-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s campaignFinalFadeIn;display:flex;position:fixed;inset:0}@keyframes campaignFinalFadeIn{0%{opacity:0}to{opacity:1}}.campaign-final-modal-content{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;animation:.3s campaignFinalSlideUp;overflow-y:auto}@keyframes campaignFinalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.campaign-final-modal-content::-webkit-scrollbar{width:4px}.campaign-final-modal-content::-webkit-scrollbar-track{background:0 0}.campaign-final-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.campaign-final-modal-header{z-index:10;background:#fff;border-bottom:2px solid #f1f5f9;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.campaign-final-modal-header h2{color:#0f172a;align-items:center;margin:0;font-size:20px;font-weight:700;display:flex}.campaign-final-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.campaign-final-modal-close:hover{color:#dc2626;background:#fee2e2}.campaign-final-modal-body{padding:24px}.campaign-final-details-section{margin-bottom:24px}.campaign-final-details-section h3{color:#0f172a;margin:0 0 16px;font-size:16px;font-weight:600}.campaign-final-details-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.campaign-final-detail-item{flex-direction:column;gap:2px;display:flex}.campaign-final-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.campaign-final-detail-value{color:#0f172a;font-size:14px;font-weight:500}.campaign-final-detail-activities{margin-bottom:12px}.campaign-final-detail-activities .campaign-final-detail-label{margin-bottom:6px;display:block}.campaign-final-detail-activity-tags{flex-wrap:wrap;gap:6px;display:flex}.campaign-final-detail-activity-tag{color:#ec4899;background:#fdf2f8;border:1px solid #f9a8d4;border-radius:12px;padding:4px 12px;font-size:12px}.campaign-final-detail-notes{background:#f8fafc;border-left:3px solid #ec4899;border-radius:8px;padding:12px 16px}.campaign-final-detail-notes p{color:#475569;margin:4px 0 0;font-size:14px}.campaign-final-action-section{text-align:center;border-top:2px solid #f1f5f9;padding:20px 0}.campaign-final-complete-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.campaign-final-complete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ec489966}.campaign-final-feedback-section{border-top:2px solid #f1f5f9;padding-top:20px}.campaign-final-feedback-section h3{color:#0f172a;margin:0 0 16px;font-size:16px;font-weight:600}.campaign-final-form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.campaign-final-form-label{color:#0f172a;font-size:13px;font-weight:600}.campaign-final-required{color:#ef4444}.campaign-final-form-textarea{color:#0f172a;resize:vertical;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.campaign-final-form-textarea:focus{border-color:#ec4899;outline:none;box-shadow:0 0 0 4px #ec48991a}.campaign-final-form-textarea.campaign-final-error{background:#fef2f2;border-color:#ef4444}.campaign-final-error-text{color:#ef4444;font-size:12px}.campaign-final-radio-group{gap:16px;display:flex}.campaign-final-radio-option{color:#475569;cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.campaign-final-radio-option input[type=radio]{accent-color:#ec4899;cursor:pointer;width:18px;height:18px}.campaign-final-stars{gap:4px;display:flex}.campaign-final-star{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:4px;transition:all .2s}.campaign-final-star:hover:not(:disabled){color:#f59e0b;transform:scale(1.1)}.campaign-final-star.active{color:#f59e0b}.campaign-final-star:disabled{cursor:default}.campaign-final-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.campaign-final-success-icon{color:#10b981;background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex}.campaign-final-success h3{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:700}.campaign-final-success p{color:#64748b;margin:0;font-size:14px}.campaign-final-feedback-actions{border-top:2px solid #f1f5f9;gap:12px;margin-top:20px;padding-top:16px;display:flex}.campaign-final-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.campaign-final-btn-secondary{color:#475569;background:#f1f5f9}.campaign-final-btn-secondary:hover{background:#e2e8f0}.campaign-final-btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.campaign-final-btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.campaign-final-btn-success:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.campaign-final-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite campaignFinalSpin;display:inline-block}@media (width<=1024px){.campaign-final-content-wrapper{padding:20px 24px 24px}.campaign-final-card{padding:24px}}@media (width<=768px){.campaign-final-content-wrapper{padding:16px}.campaign-final-card{border-radius:16px;padding:20px}.campaign-final-card-header{flex-direction:column;gap:12px}.campaign-final-card-header-left{flex-direction:column;gap:12px;width:100%}.campaign-final-header-text{width:100%}.campaign-final-card-header-right{justify-content:flex-start;width:100%}.campaign-final-status-badge{justify-content:center;width:100%}.campaign-final-card-title{font-size:20px}.campaign-final-item{flex-direction:column;align-items:stretch;gap:12px}.campaign-final-item-left{flex-direction:column;align-items:flex-start;gap:10px}.campaign-final-item-right{justify-content:space-between}.campaign-final-item-details{flex-direction:column;gap:6px}.campaign-final-modal-content{border-radius:0;max-width:100%;max-height:100vh}.campaign-final-modal-header{border-radius:0}.campaign-final-details-grid{grid-template-columns:1fr}.campaign-final-feedback-actions{flex-direction:column}.campaign-final-btn{flex:none;width:100%}}@media (width<=480px){.campaign-final-content-wrapper{padding:12px}.campaign-final-card{border-radius:12px;padding:16px}.campaign-final-card-title{font-size:18px}.campaign-final-back-btn{padding:6px 12px;font-size:12px}.campaign-final-item-btn{padding:6px 14px;font-size:12px}}@media (prefers-color-scheme:dark){.campaign-final-page-container,.campaign-final-content-wrapper{background:#0f172a}.campaign-final-card{background:#1e293b;border-color:#334155}.campaign-final-card-header{border-bottom-color:#334155}.campaign-final-card-title{color:#f1f5f9}.campaign-final-card-subtitle{color:#94a3b8}.campaign-final-status-badge,.campaign-final-back-btn{color:#94a3b8;background:#334155}.campaign-final-back-btn:hover{color:#f1f5f9;background:#475569}.campaign-final-item{background:#0f172a;border-color:#334155}.campaign-final-item:hover{background:#1e293b}.campaign-final-item-title{color:#f1f5f9}.campaign-final-item-details{color:#94a3b8}.campaign-final-item-specialization{color:#a78bfa;background:#2c0a2a}.campaign-final-item-hospital{color:#94a3b8;background:#334155}.campaign-final-item-activity-tag{color:#ec4899;background:#2c0a1a;border-color:#7c1a4a}.campaign-final-modal-content{background:#1e293b}.campaign-final-modal-header{background:#1e293b;border-bottom-color:#334155}.campaign-final-modal-header h2{color:#f1f5f9}.campaign-final-modal-close{color:#94a3b8;background:#334155}.campaign-final-modal-close:hover{background:#2c0a0a}.campaign-final-detail-label{color:#94a3b8}.campaign-final-detail-value{color:#f1f5f9}.campaign-final-detail-notes{background:#0f172a;border-left-color:#ec4899}.campaign-final-detail-notes p{color:#94a3b8}.campaign-final-detail-activity-tag{color:#ec4899;background:#2c0a1a;border-color:#7c1a4a}.campaign-final-form-label{color:#e2e8f0}.campaign-final-form-textarea{color:#f1f5f9;background:#0f172a;border-color:#334155}.campaign-final-form-textarea:focus{border-color:#ec4899}.campaign-final-radio-option{color:#94a3b8}.campaign-final-btn-secondary{color:#94a3b8;background:#334155}.campaign-final-btn-secondary:hover{color:#f1f5f9;background:#475569}.campaign-final-refresh-btn{color:#94a3b8;background:#334155}.campaign-final-refresh-btn:hover{color:#f1f5f9;background:#475569}.campaign-final-empty h3{color:#f1f5f9}.campaign-final-empty p{color:#94a3b8}}.mr-delivered-gift-container{background:#f0f4ff;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.mr-delivered-gift-main{flex:1;width:100%;min-height:100vh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@media (width>=769px){.mr-delivered-gift-main{margin-left:270px}}.mr-delivered-gift-content{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 32px}.mr-loading-container{justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.mr-loading-spinner{flex-direction:column;align-items:center;gap:16px;display:flex}.mr-spinner-ring{border:4px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:1s linear infinite mrSpin}.mr-loading-spinner span{color:#64748b;font-size:14px;font-weight:500}.mr-delivered-gift-hero{background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);border-radius:16px;margin-bottom:24px;padding:24px 32px;position:relative;overflow:hidden}.mr-delivered-gift-hero-bg{position:absolute;inset:0;overflow:hidden}.mr-delivered-gift-hero-pattern{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.mr-delivered-gift-hero-glow{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.mr-delivered-gift-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.mr-delivered-gift-hero-left{align-items:center;gap:16px;display:flex}.mr-delivered-gift-hero-icon-wrapper{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mr-delivered-gift-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mr-delivered-gift-hero-title{color:#fff;margin:0;font-size:24px;font-weight:700}.mr-delivered-gift-hero-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.mr-delivered-gift-hero-subtitle{color:#fffc;margin:2px 0 0;font-size:13px}.mr-delivered-gift-hero-actions{gap:10px;display:flex}.mr-delivered-gift-btn-outline{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mr-delivered-gift-btn-outline:hover{background:#ffffff40;transform:translateY(-2px)}.mr-delivered-gift-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.mr-delivered-gift-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mr-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.mr-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:150px;max-width:400px;padding:8px 14px;transition:all .3s;display:flex}.mr-search-box:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.mr-search-box svg{color:#94a3b8;flex-shrink:0}.mr-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:14px}.mr-search-box input::placeholder{color:#94a3b8}.mr-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.mr-clear-search:hover{color:#64748b}.mr-items-per-page{flex-shrink:0;align-items:center;gap:6px;display:flex}.mr-items-per-page select{color:#0f172a;cursor:pointer;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.mr-items-per-page select:focus{border-color:#4f46e5}.mr-items-per-page span{color:#64748b;white-space:nowrap;font-size:13px}.mr-toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.mr-result-count{color:#64748b;white-space:nowrap;font-size:13px;font-weight:500}.mr-delivered-gift-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #f1f5f9;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.mr-delivered-gift-table{border-collapse:collapse;width:100%;min-width:900px;font-size:14px}.mr-delivered-gift-table thead{background:#f8fafc}.mr-delivered-gift-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:12px;font-weight:600}.mr-delivered-gift-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.mr-table-row{transition:background .2s}.mr-table-row:hover{background:#fafbfc}.mr-table-row:last-child td{border-bottom:none}.mr-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.mr-sortable:hover{color:#4f46e5}.mr-sort-icon{color:#94a3b8;margin-left:4px;font-size:12px}.mr-serial-number{color:#6b7280;font-size:13px;font-weight:600}.mr-image-thumbnail{color:#4f46e5;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.mr-image-thumbnail:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;transform:scale(1.1)}.mr-no-image{color:#94a3b8;font-size:13px}.mr-gift-id{color:#4f46e5;background:#eef2ff;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.mr-shop-info{align-items:center;gap:10px;display:flex}.mr-shop-icon{color:#4f46e5;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mr-shop-name{color:#1f2937;font-weight:500}.mr-mobile-info,.mr-location-info,.mr-date-info{align-items:center;gap:8px;display:flex}.mr-icon{color:#94a3b8;flex-shrink:0}.mr-status-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.mr-status-delivered{color:#065f46;background:#d1fae5}.mr-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.mr-pagination-info{color:#64748b;font-size:13px}.mr-pagination-controls{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.mr-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.mr-page-btn:hover:not(:disabled){color:#4f46e5;background:#f1f5f9;border-color:#4f46e5}.mr-page-btn:disabled{opacity:.4;cursor:not-allowed}.mr-page-btn.mr-active{color:#fff;background:#4f46e5;border-color:#4f46e5}.mr-page-btn.mr-active:hover{background:#4338ca;border-color:#4338ca}.mr-spinning{animation:1s linear infinite mrSpin}.mr-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mr-modal-content{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.mr-image-modal{max-width:700px}.mr-modal-header{z-index:1;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex;position:sticky;top:0}.mr-modal-title{align-items:center;gap:12px;display:flex}.mr-modal-title svg{color:#3b82f6}.mr-modal-title h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.mr-modal-title p{color:#6b7280;margin:2px 0 0;font-size:14px}.mr-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.mr-modal-close:hover{color:#1f2937;background:#f3f4f6}.mr-modal-body{padding:24px}.mr-image-modal-body{padding:0}.mr-image-container{background:#f8fafc;justify-content:center;align-items:center;min-height:200px;padding:24px;display:flex}.mr-full-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:400px}.mr-image-details{background:#fff;grid-template-columns:1fr 1fr;gap:8px 16px;padding:16px 24px 24px;display:grid}.mr-image-detail-item{color:#1f2937;align-items:center;gap:8px;font-size:14px;display:flex}.mr-image-detail-item svg{color:#6b7280;flex-shrink:0}.mr-modal-actions{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex;position:sticky;bottom:0}.mr-modal-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mr-btn-secondary{color:#1f2937;background:#f3f4f6}.mr-btn-secondary:hover{background:#e5e7eb}.mr-btn-primary{color:#fff;background:#3b82f6}.mr-btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}@media (width<=1024px){.mr-delivered-gift-stats{grid-template-columns:repeat(2,1fr)}.mr-delivered-gift-hero-content{flex-direction:column;align-items:flex-start}.mr-delivered-gift-hero-actions{width:100%}}@media (width<=768px){.mr-delivered-gift-content{padding:16px}.mr-delivered-gift-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mr-stat-item{padding:12px 14px}.mr-stat-number{font-size:18px}.mr-delivered-gift-toolbar,.mr-toolbar-left{flex-direction:column;align-items:stretch}.mr-search-box{max-width:100%}.mr-delivered-gift-table{min-width:700px;font-size:12px}.mr-delivered-gift-table th,.mr-delivered-gift-table td{padding:8px 10px}.mr-pagination{flex-direction:column;align-items:center}.mr-modal-content{max-height:95vh;margin:12px}.mr-image-details{grid-template-columns:1fr}.mr-modal-header{padding:16px}.mr-modal-actions{flex-direction:column;padding:12px 16px}.mr-modal-btn{justify-content:center}}@media (width<=480px){.mr-delivered-gift-stats{grid-template-columns:1fr 1fr;gap:8px}.mr-stat-item{padding:10px 12px}.mr-stat-icon{width:32px;height:32px}.mr-stat-number{font-size:15px}.mr-stat-label{font-size:10px}.mr-delivered-gift-table{min-width:600px;font-size:11px}.mr-delivered-gift-table th,.mr-delivered-gift-table td{padding:6px 8px}.mr-shop-icon{width:24px;height:24px}.mr-shop-icon svg{width:14px;height:14px}.mr-page-btn{min-width:32px;height:32px;font-size:12px}}.mr-delivered-gift-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.mr-delivered-gift-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-delivered-gift-table-wrapper::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}.mr-delivered-gift-table-wrapper::-webkit-scrollbar-thumb:hover{background:#4338ca}.mr-stock-container{background:#f0f4ff;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.mr-stock-main{flex:1;width:100%;min-height:100vh;margin-left:0;transition:all .3s cubic-bezier(.16,1,.3,1);overflow-x:hidden}@media (width>=769px){.mr-stock-main{margin-left:270px}}.mr-stock-content{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:24px 32px 32px}.mr-stock-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.mr-stock-spinner{border:4px solid #f1f5f9;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;animation:1s linear infinite mrSpin}.mr-stock-loading span{color:#64748b;font-size:14px;font-weight:500}.mr-stock-hero{background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);border-radius:16px;margin-bottom:24px;padding:24px 32px;position:relative;overflow:hidden}.mr-stock-hero-bg{position:absolute;inset:0;overflow:hidden}.mr-stock-hero-pattern{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.mr-stock-hero-glow{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.mr-stock-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.mr-stock-hero-left{align-items:center;gap:16px;display:flex}.mr-stock-hero-icon-wrapper{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mr-stock-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mr-stock-hero-title{color:#fff;margin:0;font-size:24px;font-weight:700}.mr-stock-hero-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.mr-stock-hero-subtitle{color:#fffc;margin:2px 0 0;font-size:13px}.mr-stock-hero-actions{gap:10px;display:flex}.mr-stock-btn-outline{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.mr-stock-btn-outline:hover{background:#ffffff40;transform:translateY(-2px)}.mr-stock-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.mr-stat-item{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000a}.mr-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000000f}.mr-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mr-stat-number{color:#0f172a;font-size:22px;font-weight:700;line-height:1.2;display:block}.mr-stat-label{color:#64748b;font-size:12px;font-weight:500;display:block}.mr-stock-layout{grid-template-columns:320px 1fr;gap:20px;margin-bottom:20px;display:grid}.mr-stock-left-panel,.mr-stock-right-panel{min-height:500px}.mr-stock-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.mr-stock-card-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.mr-stock-card-subtitle{color:#94a3b8;margin-left:8px;font-size:12px;font-weight:400}.mr-stock-search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;transition:all .3s;display:flex}.mr-stock-search-box:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.mr-stock-search-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.mr-stock-search-box input::placeholder{color:#94a3b8}.mr-stock-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.mr-stock-chemist-list{max-height:400px;overflow-y:auto}.mr-stock-chemist-list::-webkit-scrollbar{width:4px}.mr-stock-chemist-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-stock-chemist-list::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}.mr-stock-chemist-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.mr-stock-chemist-item:hover{background:#f8fafc}.mr-stock-chemist-item.active{background:#eef2ff;border:1px solid #4f46e5}.mr-stock-chemist-avatar{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.mr-stock-chemist-info{flex:1;min-width:0}.mr-stock-chemist-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.mr-stock-chemist-mobile{color:#64748b;font-size:12px;display:block}.mr-stock-chemist-check{color:#4f46e5;flex-shrink:0}.mr-stock-no-chemists{text-align:center;color:#94a3b8;padding:40px 20px}.mr-stock-no-chemists svg{color:#d1d5db;margin-bottom:8px}.mr-stock-selected-chemist{align-items:center;gap:16px;display:flex}.mr-stock-selected-avatar{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.mr-stock-selected-info h3{color:#0f172a;margin:0;font-size:16px;font-weight:600}.mr-stock-selected-info p{color:#64748b;align-items:center;gap:4px;margin:2px 0 0;font-size:13px;display:flex}.mr-stock-brand-grid{gap:12px;display:grid}.mr-stock-brand-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.mr-stock-brand-info{align-items:center;gap:8px;margin-bottom:8px;display:flex}.mr-stock-brand-name{color:#0f172a;font-size:14px;font-weight:500}.mr-stock-brand-unit{color:#94a3b8;font-size:12px}.mr-stock-brand-controls{flex-wrap:wrap;gap:20px;display:flex}.mr-stock-qty-group{flex:1;min-width:120px}.mr-stock-qty-group label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.mr-stock-qty-controls{align-items:center;gap:6px;display:flex}.mr-stock-qty-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.mr-stock-qty-btn:hover:not(:disabled){color:#fff;background:#4f46e5;border-color:#4f46e5}.mr-stock-qty-btn:disabled{opacity:.4;cursor:not-allowed}.mr-stock-qty-input{text-align:center;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:60px;height:28px;font-size:13px;font-weight:500;transition:all .2s}.mr-stock-qty-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.mr-stock-add-entry-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:10px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.mr-stock-add-entry-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.mr-stock-add-entry-btn:disabled{opacity:.6;cursor:not-allowed}.mr-stock-no-selection{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.mr-stock-no-selection svg{color:#d1d5db;margin-bottom:12px}.mr-stock-no-selection h3{color:#0f172a;margin:0 0 4px;font-size:18px}.mr-stock-no-selection p{margin:0;font-size:14px}.mr-stock-entries-section{margin-top:8px}.mr-stock-table-wrapper{overflow-x:auto}.mr-stock-table-wrapper::-webkit-scrollbar{height:6px}.mr-stock-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mr-stock-table-wrapper::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}.mr-stock-table{border-collapse:collapse;width:100%;min-width:800px;font-size:13px}.mr-stock-table thead{background:#f8fafc}.mr-stock-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:600}.mr-stock-table td{vertical-align:middle;color:#1f2937;border-bottom:1px solid #f1f5f9;padding:10px 14px}.mr-stock-table tr:hover td{background:#fafbfc}.mr-stock-delete-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.mr-stock-delete-btn:hover{color:#fff;background:#dc2626}.mr-stock-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.mr-stock-pagination-info{color:#64748b;font-size:13px}.mr-stock-pagination-controls{gap:4px;display:flex}.mr-stock-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.mr-stock-page-btn:hover:not(:disabled):not(.active){color:#4f46e5;background:#f8fafc;border-color:#4f46e5}.mr-stock-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.mr-stock-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=1024px){.mr-stock-layout{grid-template-columns:1fr}.mr-stock-left-panel,.mr-stock-right-panel{min-height:auto}.mr-stock-stats{grid-template-columns:repeat(2,1fr)}.mr-stock-hero-content{flex-direction:column;align-items:flex-start}.mr-stock-hero-actions{width:100%}}@media (width<=768px){.mr-stock-content{padding:16px}.mr-stock-stats{grid-template-columns:repeat(2,1fr);gap:12px}.mr-stat-item{padding:12px 14px}.mr-stat-number{font-size:18px}.mr-stock-brand-controls{flex-direction:column;gap:10px}.mr-stock-qty-group{min-width:auto}.mr-stock-table{min-width:600px;font-size:12px}.mr-stock-table th,.mr-stock-table td{padding:6px 8px}.mr-stock-pagination{flex-direction:column;align-items:center}}@media (width<=480px){.mr-stock-content{padding:12px}.mr-stock-stats{grid-template-columns:1fr}.mr-stock-hero-title{font-size:18px}.mr-stock-hero-icon-wrapper{width:40px;height:40px;font-size:18px}.mr-stock-card{padding:14px}.mr-stock-chemist-item{padding:8px 10px}.mr-stock-chemist-avatar{width:30px;height:30px;font-size:12px}.mr-stock-brand-item{padding:10px 12px}.mr-stock-qty-input{width:50px;height:24px;font-size:12px}.mr-stock-qty-btn{width:24px;height:24px}}.mr-stock-summary-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.mr-stock-summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.mr-stock-summary-item:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e514}.mr-stock-summary-brand{color:#0f172a;flex:1;font-size:14px;font-weight:600}.mr-stock-summary-values{align-items:center;gap:16px;font-size:13px;display:flex}.mr-stock-summary-available{color:#059669;background:#d1fae5;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:600}.mr-stock-summary-sold{color:#dc2626;background:#fee2e2;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:600}.mr-stock-summary-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mr-stock-summary-header h4{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.mr-stock-summary-count{color:#94a3b8;background:#f1f5f9;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:400}@media (width<=768px){.mr-stock-summary-grid{grid-template-columns:1fr}.mr-stock-summary-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.mr-stock-summary-values{justify-content:flex-start;gap:12px;width:100%}}@media (width<=480px){.mr-stock-summary-item{padding:10px 12px}.mr-stock-summary-brand{font-size:13px}.mr-stock-summary-available,.mr-stock-summary-sold{padding:2px 10px;font-size:11px}}@media (width<=1100px){.login-wrapper{max-width:960px}.login-left-panel,.login-right-panel{padding:32px 28px}.login-brand h1{font-size:24px}.features-grid{gap:10px}.feature-item{padding:12px}.form-header h2{font-size:24px}}@media (width<=991px){.login-page{padding:16px}.login-wrapper{border-radius:24px;flex-direction:column;max-width:520px}.login-left-panel{border-radius:24px 24px 0 0;padding:28px 24px}.login-right-panel{border-radius:0 0 24px 24px;padding:28px 24px}.features-grid{grid-template-columns:1fr 1fr}.login-stats{flex-direction:row}.stat-divider{display:block}.login-form-box{max-width:100%}.modal-content{max-width:500px;margin:10px}}@media (width<=767px){.login-page{padding:12px}.login-wrapper{border-radius:20px;max-width:480px}.login-left-panel,.login-right-panel{padding:24px 20px}.login-brand h1{font-size:22px}.brand-icon svg{width:42px;height:42px}.features-grid{grid-template-columns:1fr 1fr;gap:8px}.feature-item{gap:10px;padding:10px 12px}.feature-icon{width:36px;height:36px;font-size:18px}.feature-item h4{font-size:12px}.feature-item p{font-size:10px}.form-header h2{font-size:22px}.form-header p{font-size:13px}.stat-number{font-size:20px}.modal-content{border-radius:16px}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{flex-direction:column;padding:12px 20px}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (width<=599px){.login-page{padding:8px}.login-wrapper{border-radius:16px}.login-left-panel,.login-right-panel{padding:20px 16px}.login-brand{gap:12px}.login-brand h1{font-size:20px}.brand-label{font-size:10px}.brand-tagline{font-size:12px}.features-grid{grid-template-columns:1fr 1fr;gap:6px}.feature-item{gap:8px;padding:8px 10px}.feature-icon{border-radius:8px;width:30px;height:30px;font-size:16px}.feature-item h4{font-size:11px}.feature-item p{font-size:9px}.form-header h2{font-size:20px}.form-header p{font-size:12px}.input-group input{padding:10px 12px 10px 40px;font-size:13px}.input-icon{font-size:16px;left:12px}.form-options{flex-direction:column;align-items:flex-start;gap:10px}.login-btn{padding:12px;font-size:14px}.login-stats{flex-wrap:wrap;gap:8px;padding:12px 0 0}.stat-divider{display:none}.login-stats>div{flex:1;min-width:60px}.stat-number{font-size:18px}.security-badges{flex-wrap:wrap;gap:8px}.security-badges span{padding:2px 8px;font-size:10px}.modal-content{border-radius:12px;margin:8px}.support-email-info,.modal-conditions .condition-item{text-align:center;flex-direction:column;align-items:center}}@media (width<=480px){.login-page{padding:4px}.login-wrapper{border-radius:12px}.login-left-panel,.login-right-panel{padding:16px 12px}.login-brand h1{font-size:18px}.brand-icon svg{width:36px;height:36px}.features-grid{grid-template-columns:1fr 1fr;gap:4px}.feature-item{border-radius:10px;gap:6px;padding:6px 8px}.feature-icon{border-radius:6px;width:26px;height:26px;font-size:14px}.feature-item h4{font-size:10px}.feature-item p{font-size:8px}.form-header h2{font-size:18px}.form-header p{font-size:11px}.form-badge{padding:3px 10px;font-size:10px}.input-group input{border-radius:8px;padding:8px 10px 8px 36px;font-size:12px}.input-icon{font-size:14px;left:10px}.toggle-password{font-size:16px;right:10px}.login-btn{border-radius:8px;padding:10px;font-size:13px}.stat-number{font-size:16px}.stat-label{font-size:9px}}@media (height<=700px){.login-wrapper{max-height:98vh}.login-left-panel,.login-right-panel{padding:20px 24px}.login-brand h1{font-size:20px}.brand-icon svg{width:38px;height:38px}.brand-tagline{margin-bottom:10px;font-size:12px}.features-grid{gap:6px;margin:6px 0}.feature-item{padding:8px 10px}.feature-icon{width:30px;height:30px;font-size:16px}.feature-item h4{font-size:11px}.feature-item p{font-size:9px}.login-stats{padding:10px 0 0}.stat-number{font-size:18px}.form-header{margin-bottom:16px}.form-header h2{font-size:20px}.form-group{margin-bottom:12px}.form-options{margin:4px 0 14px}.login-btn{padding:10px;font-size:13px}.input-group input{padding:8px 12px 8px 40px;font-size:13px}.form-footer{margin-top:12px}}@media (height<=600px){.login-left-panel,.login-right-panel{padding:12px 20px}.features-grid{display:none}.login-stats{padding:8px 0 0}.stat-number{font-size:16px}.form-header h2{font-size:18px}.form-header p{font-size:12px}.form-group{margin-bottom:10px}.input-group input{padding:6px 10px 6px 36px;font-size:12px}.login-btn{padding:8px;font-size:12px}.brand-tagline{display:none}}@media (width<=599px) and (height<=700px){.login-left-panel,.login-right-panel{padding:12px 16px}.features-grid{display:none}.login-stats{padding:6px 0 0}.stat-number{font-size:14px}.stat-label{font-size:8px}.form-header h2{font-size:16px}.form-header p{font-size:11px}.input-group input{padding:6px 8px 6px 32px;font-size:11px}.login-btn{padding:6px;font-size:11px}}@media (width<=599px){.support-email-display{text-align:center;flex-direction:column;padding:16px}.email-address{font-size:20px}.tip-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.tip-content{flex-direction:column;align-items:flex-start}.tip-number{padding:2px 8px;font-size:12px}.response-info{text-align:center;flex-direction:column;gap:6px}.modal-footer{flex-direction:column}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (width<=767px){.support-email-display{padding:16px}.email-address{font-size:22px}.modal-footer{flex-direction:column}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (width<=480px){.support-email-display{padding:14px}.email-icon-big{font-size:36px}.email-address{font-size:18px}.email-send-btn{padding:6px 16px;font-size:12px}.pro-tips-header h4{font-size:15px}.tip-item{padding:10px 12px}.tip-content strong{font-size:13px}.tip-content p{font-size:12px}.response-info{padding:10px;font-size:12px}}.sidebar.collapsed .logo-text,.sidebar.collapsed .collapse-btn{display:none}.sidebar.collapsed .user-info,.sidebar.collapsed .user-badge,.sidebar.collapsed .logout-btn{display:none}@media (width<=1024px){.sidebar{width:280px;transition:transform .3s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar.collapsed{width:280px}.sidebar.collapsed .logo-link,.sidebar.collapsed .sidebar-nav ul li a{justify-content:flex-start}.sidebar.collapsed .sidebar-nav ul li a .nav-label{display:inline}.sidebar.collapsed .sidebar-user{justify-content:flex-start}.sidebar.collapsed .user-info,.sidebar.collapsed .user-badge,.sidebar.collapsed .logout-btn{display:flex}.sidebar.collapsed .logout-btn-icon{display:none}.sidebar.collapsed .nav-header-text{display:inline}.sidebar.collapsed .sidebar-version{font-size:10px}.collapse-btn{display:none}}@media (width<=768px){.sidebar-logo{min-height:64px;margin:8px;padding:12px}.logo-icon{width:48px;height:48px}.logo-main{font-size:16px}}@media (width<=480px){.sidebar{width:260px}.sidebar.mobile-open{transform:translate(0)}.sidebar-logo{border-radius:12px;margin:6px;padding:10px}.logo-icon{width:40px;height:40px}.logo-sub{font-size:9px}.logo-main{font-size:16px}.logo-badge{padding:0 6px;font-size:8px}.sidebar-nav{padding:12px 8px}.sidebar-nav ul li a{padding:10px 12px;font-size:13px}.sidebar-bottom{padding:12px 8px}}@media (width<=1200px){.header-welcome .welcome-status,.header-welcome .welcome-dot{display:none}}@media (width<=1024px){.header{width:100%;margin-left:0}.menu-toggle{display:flex!important}.header-welcome .welcome-status,.header-welcome .welcome-dot,.profile-info{display:none}.profile-btn{padding:4px}.page-title{font-size:18px}.page-badge{display:none}.header-container{padding:0 20px}.profile-dropdown{right:-20px}}@media (width<=768px){.header{height:60px}.header-container{gap:12px;padding:0 16px}.page-title{font-size:16px}.welcome-text{font-size:13px}.header-welcome{padding:4px 12px}.welcome-emoji{font-size:15px}.header-actions{display:none}.profile-avatar{width:32px;height:32px}.profile-status{width:9px;height:9px}.profile-dropdown{min-width:260px;right:-60px}.action-btn{width:34px;height:34px}.action-btn svg{width:18px;height:18px}.menu-toggle{width:36px;height:36px}.menu-toggle svg{width:20px;height:20px}}@media (width<=480px){.header-container{gap:8px;padding:0 12px}.page-title{font-size:14px}.header-welcome{padding:2px 10px}.welcome-text{font-size:12px}.welcome-emoji{font-size:13px}.welcome-dot,.welcome-status{display:none}.profile-avatar{width:28px;height:28px}.profile-status{border-width:1.5px;width:7px;height:7px}.profile-dropdown{min-width:240px;right:-80px}.dropdown-header{padding:10px 12px 12px}.dropdown-avatar{width:40px;height:40px}.dropdown-name{font-size:14px}.dropdown-email{font-size:11px}.dropdown-stats{padding:10px 12px}.stat-number{font-size:14px}.profile-dropdown ul li a{padding:8px 10px;font-size:13px}.menu-toggle{width:32px;height:32px;padding:4px}.menu-toggle svg{width:18px;height:18px}}.manager-dashboard{--md-primary:#4f46e5;--md-primary-dark:#4338ca;--md-success:#059669;--md-warning:#d97706;--md-danger:#dc2626;--md-gray:#64748b;--md-light-bg:#f8fafc;--md-card-shadow:0 1px 3px #0000000f;--md-border-radius:12px;--md-transition:.2s ease}.manager-dashboard .md-container{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.manager-dashboard .md-main{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (width<=1024px){.manager-dashboard .md-main{width:100%;margin-left:0;padding-top:60px}}.manager-dashboard .md-content{flex-direction:column;flex:1;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:16px 24px 20px;display:flex;overflow-y:auto}.manager-dashboard .md-banner{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-shrink:0;margin-bottom:16px;position:relative;overflow:hidden}.manager-dashboard .md-banner-bg{z-index:0;background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);height:100%;min-height:100px;position:absolute;inset:0;overflow:hidden}.manager-dashboard .md-banner-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.manager-dashboard .md-banner-glow{pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.manager-dashboard .md-banner-content{z-index:1;justify-content:space-between;align-items:center;gap:16px;min-height:100px;padding:18px 24px;display:flex;position:relative}.manager-dashboard .md-banner-info{align-items:center;gap:16px;display:flex}.manager-dashboard .md-banner-avatar{color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:600;display:flex}.manager-dashboard .md-banner-details h1{color:#fff;margin:0 0 4px;font-size:20px;font-weight:700}.manager-dashboard .md-banner-details p{color:#ffffffb3;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.manager-dashboard .md-banner-date{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff0f;border-radius:30px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.manager-dashboard .md-stats-grid{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.manager-dashboard .md-stat-card{cursor:default;background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex;position:relative;overflow:hidden}.manager-dashboard .md-stat-card:hover{border-color:#dbeafe;box-shadow:0 4px 16px #4f46e50f}.manager-dashboard .md-stat-progress{border-radius:0 3px 0 0;height:3px;position:absolute;bottom:0;left:0}.manager-dashboard .md-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.manager-dashboard .md-stat-info{flex-direction:column;flex:1;min-width:0;display:flex}.manager-dashboard .md-stat-value{color:#0f172a;word-break:break-word;font-size:20px;font-weight:700;line-height:1.2}.manager-dashboard .md-stat-label{color:#64748b;font-size:11px;font-weight:500}.manager-dashboard .md-employee-section{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;flex:1;min-height:0;margin-bottom:16px;padding:16px 20px;display:flex;overflow:hidden}.manager-dashboard .md-section-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.manager-dashboard .md-section-header h2{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.manager-dashboard .md-section-count{color:#64748b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:3px 12px;font-size:12px;font-weight:500}.manager-dashboard .md-table-wrap{flex:1;min-height:0;overflow:auto}.manager-dashboard .md-table-wrap::-webkit-scrollbar{width:6px;height:6px}.manager-dashboard .md-table-wrap::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.manager-dashboard .md-table-wrap::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}.manager-dashboard .md-employee-table{border-collapse:collapse;width:100%;min-width:700px;font-size:12px}.manager-dashboard .md-employee-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;z-index:10;white-space:nowrap;background:#fff;border-bottom:2px solid #f1f5f9;padding:10px 12px;font-size:10px;font-weight:600;position:sticky;top:0}.manager-dashboard .md-employee-table tbody td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:12px}.manager-dashboard .md-employee-table tbody tr{transition:background .2s}.manager-dashboard .md-employee-table tbody tr:hover{background:#f8fafc}.manager-dashboard .md-employee-table tbody tr:last-child td{border-bottom:none}.manager-dashboard .md-employee-name{flex-direction:column;display:flex}.manager-dashboard .md-employee-name span:first-child{color:#0f172a;font-weight:500}.manager-dashboard .md-employee-code{color:#94a3b8;font-size:11px}.manager-dashboard .md-status-approved{color:#059669;font-weight:600}.manager-dashboard .md-status-pending{color:#d97706;font-weight:600}.manager-dashboard .md-status-rejected{color:#dc2626;font-weight:600}.manager-dashboard .md-module-grid{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px;display:grid}.manager-dashboard .md-module-card{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;padding:16px 16px 14px;transition:all .3s;display:flex}.manager-dashboard .md-module-card:hover{border-color:#dbeafe;transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.manager-dashboard .md-module-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.manager-dashboard .md-module-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.manager-dashboard .md-module-card-content h3{color:#0f172a;margin:0 0 4px;font-size:14px;font-weight:600}.manager-dashboard .md-module-card-content p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.manager-dashboard .md-module-card-footer{justify-content:flex-end;margin-top:12px;display:flex}.manager-dashboard .md-module-card-arrow{color:#94a3b8;transition:transform .2s}.manager-dashboard .md-module-card:hover .md-module-card-arrow{color:var(--md-primary);transform:translate(4px)}.manager-dashboard .md-footer{border-top:1px solid #f1f5f9;flex-shrink:0;margin-top:auto;padding:12px 0 0}.manager-dashboard .md-footer-content{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.manager-dashboard .md-footer-dot{color:#cbd5e1}.manager-dashboard .md-loading-container,.manager-dashboard .md-error-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 20px;display:flex}.manager-dashboard .md-loading-spinner{flex-direction:column;align-items:center;gap:16px;display:flex}.manager-dashboard .md-spinner-ring{border:4px solid #e2e8f0;border-top-color:var(--md-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite md-spin}@keyframes md-spin{to{transform:rotate(360deg)}}.manager-dashboard .md-error-card h2{color:#0f172a;margin:12px 0 8px;font-size:20px}.manager-dashboard .md-error-card p{color:#64748b;margin-bottom:20px}.manager-dashboard .md-error-card .btn{background:var(--md-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 32px;font-weight:500;transition:all .3s}.manager-dashboard .md-error-card .btn:hover{background:var(--md-primary-dark);transform:translateY(-2px);box-shadow:0 8px 25px #4f46e54d}@media (width>=1200px){.manager-dashboard .md-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.manager-dashboard .md-module-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (width<=1199px){.manager-dashboard .md-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.manager-dashboard .md-module-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media (width<=1024px){.manager-dashboard .md-main{width:100%;margin-left:0;padding-top:60px}.manager-dashboard .md-banner-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 20px}.manager-dashboard .md-banner-date{align-self:flex-start}}@media (width<=767px){.manager-dashboard .md-content{padding:12px 16px 16px}.manager-dashboard .md-banner{margin-bottom:12px}.manager-dashboard .md-banner-title{font-size:17px}.manager-dashboard .md-banner-avatar{width:38px;height:38px;font-size:18px}.manager-dashboard .md-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.manager-dashboard .md-stat-card{padding:12px 14px}.manager-dashboard .md-stat-value{font-size:17px}.manager-dashboard .md-module-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.manager-dashboard .md-employee-table{min-width:600px;font-size:11px}.manager-dashboard .md-employee-table thead th,.manager-dashboard .md-employee-table tbody td{padding:6px 8px}.manager-dashboard .md-section-header h2{font-size:15px}}@media (width<=479px){.manager-dashboard .md-content{padding:10px 12px 12px}.manager-dashboard .md-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.manager-dashboard .md-stat-card{text-align:center;flex-direction:column;padding:10px 12px}.manager-dashboard .md-stat-icon{margin:0 auto}.manager-dashboard .md-stat-info{align-items:center}.manager-dashboard .md-stat-value{font-size:16px}.manager-dashboard .md-module-grid{grid-template-columns:1fr;gap:10px}.manager-dashboard .md-banner-date{white-space:normal;padding:6px 12px;font-size:12px}.manager-dashboard .md-employee-table{min-width:500px;font-size:10px}.manager-dashboard .md-employee-table thead th,.manager-dashboard .md-employee-table tbody td{padding:4px 6px}.manager-dashboard .md-section-header{flex-direction:column;align-items:stretch}.manager-dashboard .md-section-count{align-self:flex-start}}@media (width<=360px){.manager-dashboard .md-stats-grid{grid-template-columns:1fr 1fr;gap:6px}.manager-dashboard .md-stat-card{padding:8px 6px}.manager-dashboard .md-stat-value{font-size:14px}.manager-dashboard .md-module-grid{grid-template-columns:1fr}.manager-dashboard .md-employee-table{min-width:400px}}.md-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:sticky;top:0}.md-header-left{align-items:center;gap:12px;display:flex}.md-hamburger{cursor:pointer;color:#1e293b;background:0 0;border:none;padding:6px;transition:color .2s;display:none}.md-hamburger:hover{color:#3b82f6}.md-header-title{color:#1e293b;margin:0;font-size:20px;font-weight:600}.md-header-right{align-items:center;gap:16px;display:flex}.md-header-icon{cursor:pointer;color:#64748b;background:0 0;border:none;padding:4px}.md-header-user{color:#1e293b;align-items:center;gap:8px;font-size:14px;display:flex}.md-sidebar{z-index:999;background:#fff;border-right:1px solid #e2e8f0;width:260px;height:100%;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.md-sidebar-open{transform:translate(0)}@media (width>=1024px){.md-sidebar{height:100vh;position:sticky;top:0;transform:translate(0)}}@media (width<=1024px){.md-hamburger{display:block}}@media (width<=768px){.md-header-title{font-size:16px}.md-header-user span{display:none}}.emp-page{background:#f1f5f9;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.emp-content{flex-direction:column;flex:1;min-height:100vh;transition:margin-left .3s;display:flex}.emp-main{flex:1;padding:24px 32px;overflow-x:hidden}.emp-container{width:100%;max-width:1440px;margin:0 auto}.emp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.emp-header-left{flex:1}.emp-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.emp-subtitle{color:#64748b;margin:0;font-size:15px}.emp-header-right{align-items:center;display:flex}.emp-stats{background:#fff;border:1px solid #e9edf2;border-radius:12px;gap:24px;padding:12px 24px;display:flex;box-shadow:0 1px 3px #0000000f}.stat-item{color:#334155;align-items:center;gap:8px;font-size:14px;display:flex}.stat-item svg{color:#94a3b8}.stat-item span:first-of-type{color:#0f172a;font-size:18px;font-weight:600}.stat-label{color:#64748b;margin-left:2px;font-size:13px;font-weight:400}.emp-filters{background:#fff;border:1px solid #e9edf2;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.search-wrapper{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.search-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:all .2s}.search-input:focus{background:#fff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.search-input::placeholder{color:#94a3b8}.clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex;position:absolute;right:10px}.clear-search:hover{color:#64748b;background:#f1f5f9}.filter-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:0 12px 0 16px;transition:all .2s;display:flex}.filter-wrapper:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.filter-icon{color:#94a3b8}.filter-select{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;min-width:120px;padding:10px 8px 10px 4px;font-size:14px}.filter-select:focus{outline:none}.emp-table-wrapper{background:#fff;border:1px solid #e9edf2;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.emp-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.emp-table{border-collapse:collapse;width:100%;min-width:900px;font-size:14px}.emp-table thead{background:#f8fafc;border-bottom:1px solid #e9edf2}.emp-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #e9edf2;padding:14px 16px;font-size:12px;font-weight:600}.emp-table thead th.actions-col{text-align:center;width:120px}.emp-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s}.emp-table tbody tr:last-child{border-bottom:none}.emp-row{cursor:default}.emp-cell-name{min-width:200px}.emp-avatar-wrapper{align-items:center;gap:12px;display:flex}.emp-avatar{color:#4f46e5;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.emp-name{color:#0f172a;font-weight:500}.emp-joining{color:#94a3b8;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.emp-contact{color:#334155;flex-direction:column;gap:4px;font-size:13px;display:flex}.emp-contact div{align-items:center;gap:6px;display:flex}.emp-contact svg{color:#94a3b8;flex-shrink:0}.emp-role{color:#0f172a;flex-direction:column;gap:4px;font-size:13px;display:flex}.emp-role svg{color:#94a3b8;margin-right:4px}.emp-dept{color:#64748b;background:#f1f5f9;border-radius:10px;width:fit-content;margin-top:2px;padding:2px 10px;font-size:11px;display:inline-block}.emp-location{color:#334155;align-items:center;gap:6px;font-size:13px;display:flex}.emp-location svg{color:#94a3b8}.status-badge{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;padding:4px 14px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.status-active{color:#166534;background:#dcfce7}.status-inactive{color:#991b1b;background:#fee2e2}.status-pending{color:#854d0e;background:#fef9c3}.status-unknown{color:#64748b;background:#f1f5f9}.performance-indicator{align-items:center;gap:10px;display:flex}.perf-bar-track{background:#e9edf2;border-radius:3px;width:80px;height:6px;overflow:hidden}.perf-bar-fill{background:#4f46e5;border-radius:3px;height:100%;transition:width .6s}.perf-value{color:#0f172a;min-width:40px;font-size:13px;font-weight:500}.perf-na{color:#94a3b8;font-size:13px}.actions-cell{text-align:center;white-space:nowrap}.actions-cell .action-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin:0 4px;padding:6px 8px;transition:all .2s;display:inline-flex}.actions-cell .action-btn:hover{color:#0f172a;background:#f1f5f9}.actions-cell .view-btn:hover{color:#2563eb;background:#eff6ff}.actions-cell .edit-btn:hover{color:#7c3aed;background:#f5f3ff}.empty-state{text-align:center;color:#64748b;padding:60px 20px}.empty-state svg{color:#cbd5e1;margin-bottom:12px}.empty-state p{margin-bottom:16px;font-size:16px}.clear-filters-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:8px 20px;font-size:14px;transition:background .2s}.clear-filters-btn:hover{background:#4338ca}.emp-pagination{border-top:1px solid #e9edf2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.pagination-info{color:#64748b;font-size:14px}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:36px;padding:6px 12px;font-size:14px;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){color:#4f46e5;background:#eff6ff;border-color:#4f46e5}.page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5;font-weight:500}.page-btn:disabled{opacity:.4;cursor:not-allowed}.emp-footer{border-top:1px solid #e9edf2;margin-top:16px;padding:16px 0}.emp-footer-content{color:#94a3b8;align-items:center;gap:8px;font-size:13px;display:flex}.emp-footer-content svg{color:#94a3b8}@media (width<=1024px){.emp-main{padding:20px 16px}.emp-header{flex-direction:column;align-items:stretch}.emp-stats{flex-wrap:wrap;justify-content:space-around;gap:16px;padding:12px 16px}.emp-filters{flex-direction:column;align-items:stretch}.search-wrapper{min-width:unset}.filter-wrapper{width:100%}.emp-pagination{text-align:center;flex-direction:column;align-items:stretch;gap:12px}.pagination-controls{flex-wrap:wrap;justify-content:center}.emp-table thead th,.emp-table tbody td{padding:12px}.emp-table{min-width:700px}}@media (width<=768px){.emp-title{font-size:24px}.emp-stats{justify-content:flex-start;gap:12px}.stat-item{font-size:13px}.emp-avatar{width:34px;height:34px;font-size:12px}.emp-name{font-size:13px}.emp-contact div,.emp-role,.emp-location{font-size:12px}.perf-bar-track{width:60px}.actions-cell .action-btn{padding:4px 6px}.page-btn{min-width:32px;padding:4px 10px;font-size:13px}}.chem-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.chem-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (width<=1024px){.chem-content{width:100%;margin-left:0;padding-top:60px}}.chem-main{flex-direction:column;flex:1;width:100%;padding:16px 0 20px;display:flex;overflow:hidden}.chem-container{flex-direction:column;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0 24px;overflow:auto}.chem-hero{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-shrink:0;margin-bottom:16px;position:relative;overflow:hidden}.chem-hero-bg{z-index:0;background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);height:100%;min-height:100px;position:absolute;inset:0;overflow:hidden}.chem-hero-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.chem-hero-glow{pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.chem-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:16px;min-height:100px;padding:18px 24px;display:flex;position:relative}.chem-hero-left{align-items:center;gap:16px;display:flex}.chem-hero-icon-wrapper{color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.chem-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chem-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700}.chem-hero-badge{color:#a78bfa;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:500;display:inline-flex}.chem-hero-subtitle{color:#ffffffb3;margin:0;font-size:13px}.chem-hero-right{flex-shrink:0}.chem-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.chem-btn-outline{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.chem-btn-outline:hover{background:#ffffff26}.chem-stats-grid{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.chem-stat-card{cursor:default;background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex;position:relative;overflow:hidden}.chem-stat-card:hover{border-color:#dbeafe;box-shadow:0 4px 16px #4f46e50f}.chem-stat-progress{border-radius:0 3px 0 0;height:3px;position:absolute;bottom:0;left:0}.chem-stat-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chem-stat-icon{width:20px;height:20px}.chem-stat-info{flex:1}.chem-stat-value{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2;display:block}.chem-stat-label{color:#64748b;font-size:11px;display:block}.chem-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;flex:1;min-height:0;padding:16px 20px;overflow:auto}.chem-table-title{color:#0f172a;margin:0;font-size:16px;font-weight:600}.chem-table-subtitle{color:#94a3b8;font-size:12px}.chem-table-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.chem-table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chem-table-count{color:#94a3b8;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:3px 12px;font-size:11px}.chem-search-wrapper{position:relative}.chem-search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.chem-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:200px;padding:6px 12px 6px 34px;font-size:13px;transition:all .3s}.chem-search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.chem-filter-wrapper{align-items:center;display:flex}.chem-filter-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:110px;padding:6px 10px;font-size:13px;transition:all .3s}.chem-filter-select:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.chem-table-wrapper{flex:1;min-height:0;margin-bottom:10px;overflow:auto}.chem-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.chem-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.chem-table-wrapper::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}.chem-table-wrapper::-webkit-scrollbar-thumb:hover{background:#4338ca}.chem-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:12px}.chem-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;z-index:10;white-space:nowrap;background:#fff;border-bottom:2px solid #f1f5f9;padding:10px 12px;font-size:10px;font-weight:600;position:sticky;top:0}.chem-table tbody td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:12px}.chem-table tbody tr{transition:background .2s}.chem-table tbody tr:hover{background:#f8fafc}.chem-table tbody tr:last-child td{border-bottom:none}.chem-col-sno{text-align:center;width:35px}.chem-serial-number{color:#94a3b8;font-size:11px;font-weight:600}.chem-mr-code{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.chem-mr-name{color:#0f172a;font-weight:500}.chem-sm-name,.chem-rsm-name,.chem-asm-name,.chem-hq-name{color:#1f2937;font-size:12px;font-weight:500}.chem-shop-info{flex-direction:column;display:flex}.chem-shop-name{color:#0f172a;font-weight:500}.chem-person-name,.chem-phone{color:#1f2937;font-weight:500}.chem-address-info{flex-direction:column;gap:1px;display:flex}.chem-address{color:#1f2937;font-size:11px;line-height:1.2}.chem-city-state{color:#94a3b8;font-size:10px}.chem-payment-info{flex-direction:column;gap:1px;display:flex}.chem-payment-mode{color:#1f2937;font-size:11px;font-weight:500}.chem-payment-number{color:#94a3b8;font-size:10px}.chem-reg-date{color:#64748b;font-size:11px}.chem-status-badge{white-space:nowrap;border-radius:16px;align-items:center;gap:5px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-flex}.chem-status-dot{border-radius:50%;width:5px;height:5px;display:inline-block}.chem-status-badge.active{color:#059669;background:#dcfce7}.chem-status-badge.active .chem-status-dot{background:#059669}.chem-status-badge.inactive{color:#dc2626;background:#fef2f2}.chem-status-badge.inactive .chem-status-dot{background:#dc2626}.chem-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.chem-pagination-info{color:#64748b;align-items:center;gap:16px;font-size:13px;display:flex}.chem-pagination-info strong{color:#0f172a;font-weight:600}.chem-pagination-size{align-items:center;gap:6px;display:flex}.chem-pagination-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;outline:none;padding:3px 6px;font-size:12px;transition:all .2s}.chem-pagination-select:hover{border-color:#4f46e5}.chem-pagination-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.chem-pagination-buttons{align-items:center;gap:3px;display:flex}.chem-page-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.chem-page-btn:not(:disabled):hover{color:#4f46e5;background:#f1f5f9}.chem-page-btn:not(:disabled):active{transform:scale(.94)}.chem-page-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 2px 10px #4f46e54d}.chem-page-btn.active:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4f46e566}.chem-page-btn:disabled{opacity:.4;cursor:not-allowed}.chem-spinner{color:#4f46e5;animation:1s linear infinite chemSpin}.chem-error-box{background:#fff;border:1px solid #f1f5f9;border-radius:16px;max-width:500px;margin:0 auto;padding:40px}.chem-error-box h3{color:#0f172a;margin:12px 0 8px;font-size:18px}.chem-error-box p{color:#64748b;margin-bottom:20px}.chem-retry-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;padding:10px 32px;font-size:14px;font-weight:500;transition:all .3s}.chem-retry-btn:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 8px 25px #4f46e54d}@media (width<=1024px){.chem-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 20px}.chem-hero-actions{width:100%}.chem-hero-actions button{flex:1;justify-content:center}.chem-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.chem-container{padding:0 16px}.chem-hero-title{font-size:17px}.chem-hero-icon-wrapper{width:38px;height:38px;font-size:18px}.chem-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.chem-stat-card{padding:12px 14px}.chem-stat-value{font-size:17px}.chem-table-header{flex-direction:column;align-items:stretch}.chem-table-actions{flex-wrap:wrap}.chem-search-input{width:100%}.chem-pagination{flex-direction:column;align-items:center}.chem-table-card{padding:12px 14px}.chem-hero-actions{flex-direction:column}.chem-hero-actions button{width:100%}.chem-pagination-info,.chem-pagination-buttons{flex-wrap:wrap;justify-content:center}.chem-page-btn{width:28px;height:28px;font-size:12px}.chem-table thead th,.chem-table tbody td{padding:6px 8px;font-size:11px}.chem-table{min-width:900px}}@media (width<=480px){.chem-container{padding:0 12px}.chem-main{padding:10px 0 16px}.chem-stats-grid{grid-template-columns:1fr}.chem-hero-left{flex-wrap:wrap}.chem-pagination-info{gap:8px;font-size:11px}.chem-pagination-select{padding:2px 4px;font-size:11px}.chem-page-btn{border-radius:4px;width:26px;height:26px;font-size:11px}.chem-table{min-width:750px;font-size:10px}.chem-table thead th,.chem-table tbody td{padding:4px 6px}.chem-serial-number{font-size:10px}}.gift-details-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.gift-details-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (width<=1024px){.gift-details-content{width:100%;margin-left:0;padding-top:60px}}.gift-details-main{flex-direction:column;flex:1;width:100%;padding:16px 0 20px;display:flex;overflow:hidden}.gift-details-container{flex-direction:column;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0 24px;overflow:auto}.gift-details-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.gift-details-spinner{border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite giftDetailsSpin}.gift-details-loading span{color:#64748b;font-size:14px}.gift-details-hero{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-shrink:0;margin-bottom:16px;position:relative;overflow:hidden}.gift-details-hero-bg{z-index:0;background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#8b5cf6 100%);height:100%;min-height:100px;position:absolute;inset:0;overflow:hidden}.gift-details-hero-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.gift-details-hero-glow{pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.gift-details-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:16px;min-height:100px;padding:18px 24px;display:flex;position:relative}.gift-details-hero-left{align-items:center;gap:16px;display:flex}.gift-details-hero-icon-wrapper{color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.gift-details-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gift-details-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700}.gift-details-hero-badge{color:#a78bfa;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:500;display:inline-flex}.gift-details-hero-subtitle{color:#ffffffb3;margin:0;font-size:13px}.gift-details-hero-right{flex-shrink:0}.gift-details-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.gift-details-btn-outline{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.gift-details-btn-outline:hover{background:#ffffff26}.gift-details-stats{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.gift-details-stat-item{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex}.gift-details-stat-item:hover{border-color:#dbeafe;box-shadow:0 4px 16px #8b5cf60f}.gift-details-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.gift-details-stat-number{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2;display:block}.gift-details-stat-label{color:#64748b;font-size:11px;display:block}.gift-details-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.gift-details-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gift-details-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:6px 12px;transition:all .3s;display:flex}.gift-details-search-box:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.gift-details-search-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:13px}.gift-details-search-box input::placeholder{color:#94a3b8}.gift-details-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.gift-details-filter-dropdown{position:relative}.gift-details-filter-dropdown select{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:120px;padding:6px 32px 6px 12px;font-size:13px}.gift-details-filter-dropdown select:focus{border-color:#8b5cf6;outline:none}.gift-details-dropdown-icon{pointer-events:none;color:#94a3b8;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.gift-details-items-per-page{color:#64748b;align-items:center;gap:4px;font-size:13px;display:flex}.gift-details-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 6px;font-size:13px}.gift-details-toolbar-right{align-items:center;display:flex}.gift-details-result-count{color:#64748b;font-size:13px}.gift-details-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex:1;min-height:0;overflow:auto}.gift-details-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.gift-details-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.gift-details-table-wrapper::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}.gift-details-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7c3aed}.gift-details-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:13px}.gift-details-table thead{z-index:10;background:#f8fafc;position:sticky;top:0}.gift-details-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:2px solid #f1f5f9;padding:10px 12px;font-size:11px;font-weight:600}.gift-details-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.gift-details-table-row{transition:background .2s}.gift-details-table-row:hover{background:#fafbfc}.gift-details-table-row:last-child td{border-bottom:none}.gift-details-serial-number{color:#94a3b8;font-size:12px;font-weight:600}.gift-details-action-buttons{gap:6px;display:flex}.gift-details-view-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.gift-details-view-btn:hover{color:#fff;background:#4f46e5}.gift-details-image-thumbnail{color:#8b5cf6;cursor:pointer;background:#f3e8ff;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.gift-details-image-thumbnail:hover{color:#fff;background:#8b5cf6}.gift-details-no-image{color:#94a3b8;font-size:13px}.gift-details-order-id{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.gift-details-chemist-info{align-items:center;gap:8px;display:flex}.gift-details-chemist-avatar{color:#4f46e5;background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.gift-details-chemist-name{color:#0f172a;font-weight:500}.gift-details-shop-info,.gift-details-mobile-info{align-items:center;gap:6px;display:flex}.gift-details-icon{color:#94a3b8}.gift-details-pob-value{color:#059669;font-weight:600}.gift-details-status-badge{border-radius:16px;align-items:center;gap:4px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-flex}.gift-details-status-badge.delivered{color:#059669;background:#d1fae5}.gift-details-status-badge.pending{color:#d97706;background:#fef3c7}.gift-details-status-badge.cancelled{color:#dc2626;background:#fee2e2}.gift-details-status-badge.approved{color:#059669;background:#d1fae5}.gift-details-status-badge.rejected{color:#dc2626;background:#fee2e2}.gift-details-eligibility-badge{border-radius:16px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-block}.gift-details-eligibility-badge.eligible{color:#059669;background:#dcfce7}.gift-details-eligibility-badge.not-eligible{color:#dc2626;background:#fef2f2}.gift-details-no-results{text-align:center;color:#94a3b8;padding:40px 20px}.gift-details-no-results svg{color:#d1d5db;margin-bottom:12px}.gift-details-no-results h3{color:#0f172a;margin:0 0 4px;font-size:16px}.gift-details-no-results p{margin:0;font-size:13px}.gift-details-pagination{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.gift-details-pagination-info{color:#64748b;font-size:13px}.gift-details-pagination-info strong{color:#0f172a}.gift-details-pagination-controls{gap:4px;display:flex}.gift-details-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.gift-details-page-btn:hover:not(:disabled):not(.active){color:#8b5cf6;background:#f8fafc;border-color:#8b5cf6}.gift-details-page-btn.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.gift-details-page-btn:disabled{opacity:.4;cursor:not-allowed}.gift-details-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gift-details-modal-content{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.gift-details-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex;position:sticky;top:0}.gift-details-modal-title{align-items:center;gap:12px;display:flex}.gift-details-modal-title svg{color:#8b5cf6}.gift-details-modal-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:600}.gift-details-modal-title p{color:#64748b;margin:2px 0 0;font-size:13px}.gift-details-modal-close:hover{background:#e2e8f0}.gift-details-modal-body{padding:20px}.gift-details-modal-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.gift-details-full-width{grid-column:1/-1}.gift-details-modal-info-group{background:#f8fafc;border-radius:12px;padding:16px}.gift-details-modal-info-group h4{color:#0f172a;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.gift-details-modal-info-row{color:#475569;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.gift-details-modal-info-row svg{color:#94a3b8}.gift-details-modal-label{color:#64748b;font-weight:500}.gift-details-summary-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gift-details-summary-item{flex-direction:column;padding:4px 0;display:flex}.gift-details-summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:11px}.gift-details-summary-value{color:#0f172a;font-size:14px;font-weight:500}.gift-details-gift-image-container{justify-content:center;padding:8px 0;display:flex}.gift-details-gift-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:300px}.gift-details-strip-count{color:#8b5cf6;font-weight:600}.gift-details-date{color:#64748b;font-size:13px}.gift-details-brands-list{overflow-x:auto}.gift-details-brands-table{border-collapse:collapse;width:100%;font-size:13px}.gift-details-brands-table thead th{text-align:left;color:#64748b;border-bottom:2px solid #e2e8f0;padding:8px 12px;font-weight:600}.gift-details-brands-table tbody td{border-bottom:1px solid #f1f5f9;padding:8px 12px}.gift-details-brands-table tfoot td{border-top:2px solid #e2e8f0;padding:8px 12px}.gift-details-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.gift-details-modal-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s}.gift-details-btn-secondary{color:#475569;background:#f1f5f9}.gift-details-btn-secondary:hover{background:#e2e8f0}.gift-details-loading-container{justify-content:center;align-items:center;min-height:200px;display:flex}.gift-details-loading-spinner{flex-direction:column;align-items:center;gap:12px;display:flex}.gift-details-spinner-ring{border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite giftDetailsSpin}.gift-details-loading-spinner span{color:#64748b;font-size:13px}@media (width<=1024px){.gift-details-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gift-details-container{padding:0 16px}.gift-details-stats{grid-template-columns:1fr 1fr;gap:10px}.gift-details-toolbar{flex-direction:column;align-items:stretch}.gift-details-toolbar-left{flex-direction:column}.gift-details-search-box{width:100%;min-width:auto}.gift-details-filter-dropdown select{width:100%}.gift-details-pagination{flex-direction:column}.gift-details-modal-content{margin:10px}.gift-details-summary-grid,.gift-details-modal-grid{grid-template-columns:1fr}.gift-details-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 20px}.gift-details-hero-actions{width:100%}.gift-details-hero-actions button{flex:1;justify-content:center}}@media (width<=480px){.gift-details-container{padding:0 12px}.gift-details-main{padding:10px 0 16px}.gift-details-stats{grid-template-columns:1fr}.gift-details-hero-left{flex-wrap:wrap}.gift-details-pagination-info{gap:8px;font-size:11px}.gift-details-pagination-select{padding:2px 4px;font-size:11px}.gift-details-page-btn{width:28px;height:28px;font-size:12px}.gift-details-table{min-width:800px;font-size:11px}.gift-details-table th,.gift-details-table td{padding:6px 8px}.gift-details-serial-number{font-size:10px}.gift-details-modal-content{max-height:95vh;margin:10px}.gift-details-modal-header{padding:12px 16px}.gift-details-modal-body{padding:12px}.gift-details-modal-actions{flex-direction:column}.gift-details-modal-btn{justify-content:center;width:100%}.gift-details-gift-image{max-height:200px}}.gift-details-modal-header{z-index:10;background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#8b5cf6 100%);justify-content:space-between;align-items:center;padding:24px 28px;display:flex;position:sticky;top:0}.gift-details-modal-header-content{align-items:center;gap:16px;display:flex}.gift-details-modal-icon-wrapper{color:#fff;background:#ffffff26;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gift-details-modal-title-text{color:#fff;margin:0;font-size:20px;font-weight:700}.gift-details-modal-subtitle{color:#ffffffb3;margin:2px 0 0;font-size:13px}.gift-details-modal-close{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.gift-details-modal-close:hover{background:#fff3;transform:rotate(90deg)}.gift-details-modal-body{background:#f8fafc;padding:24px 28px}.gift-details-modal-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.gift-details-modal-summary-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex}.gift-details-modal-summary-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf614}.gift-details-modal-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.gift-details-modal-summary-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:11px;display:block}.gift-details-modal-summary-value{color:#0f172a;font-size:16px;font-weight:700;display:block}.gift-details-modal-status{padding:2px 0;font-size:14px;font-weight:600;display:inline-block}.gift-details-modal-status.delivered{color:#10b981}.gift-details-modal-status.pending{color:#f59e0b}.gift-details-modal-status.processing{color:#3b82f6}.gift-details-modal-status.cancelled{color:#ef4444}.gift-details-modal-status.approved{color:#10b981}.gift-details-modal-status.rejected{color:#ef4444}.gift-details-modal-shop-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex}.gift-details-modal-shop-avatar{color:#4f46e5;background:#eef2ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.gift-details-modal-shop-name{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700}.gift-details-modal-shop-details{color:#64748b;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.gift-details-modal-shop-details span{align-items:center;gap:6px;display:flex}.gift-details-modal-shop-details svg{color:#94a3b8}.gift-details-modal-rejection{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.gift-details-modal-rejection svg{flex-shrink:0}.gift-details-modal-brands-section{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:16px;overflow:hidden}.gift-details-modal-brands-title{color:#0f172a;background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin:0;padding:14px 20px;font-size:14px;font-weight:600;display:flex}.gift-details-modal-brands-list{padding:4px 0}.gift-details-modal-brands-table{border-collapse:collapse;width:100%;font-size:13px}.gift-details-modal-brands-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;background:#fafbfc;padding:10px 20px;font-size:11px;font-weight:600}.gift-details-modal-brands-table tbody td{color:#1f2937;border-bottom:1px solid #f1f5f9;padding:10px 20px}.gift-details-modal-brands-table tbody tr:last-child td{border-bottom:none}.gift-details-modal-brands-table tfoot td{color:#0f172a;background:#fafbfc;border-top:2px solid #e2e8f0;padding:10px 20px;font-weight:600}.gift-details-modal-actions{justify-content:flex-end;padding-top:4px;display:flex}.gift-details-modal-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:10px 32px;font-size:14px;font-weight:500;transition:all .2s}.gift-details-modal-close-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.gift-details-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.gift-details-modal-content{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;animation:.3s slideUp;overflow:auto;box-shadow:0 25px 80px #0000004d}@media (width<=768px){.gift-details-modal-header{padding:18px 20px}.gift-details-modal-body{padding:16px 18px}.gift-details-modal-summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gift-details-modal-summary-card{padding:12px 14px}.gift-details-modal-summary-value{font-size:14px}.gift-details-modal-shop-card{padding:14px 16px}.gift-details-modal-shop-name{font-size:16px}.gift-details-modal-shop-details{gap:10px;font-size:12px}.gift-details-modal-brands-table thead th,.gift-details-modal-brands-table tbody td,.gift-details-modal-brands-table tfoot td{padding:8px 14px;font-size:12px}.gift-details-modal-content{max-height:95vh;margin:10px}.gift-details-modal-close-btn{justify-content:center;width:100%}}@media (width<=480px){.gift-details-modal-header{padding:14px 16px}.gift-details-modal-body{padding:12px 14px}.gift-details-modal-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.gift-details-modal-summary-card{padding:10px 12px}.gift-details-modal-summary-icon{width:36px;height:36px}.gift-details-modal-summary-icon svg{width:16px;height:16px}.gift-details-modal-summary-value{font-size:13px}.gift-details-modal-title-text{font-size:17px}.gift-details-modal-shop-avatar{width:42px;height:42px}.gift-details-modal-shop-name{font-size:15px}.gift-details-modal-brands-table thead th,.gift-details-modal-brands-table tbody td,.gift-details-modal-brands-table tfoot td{padding:6px 10px;font-size:11px}}.gift-details-modal-invoice-details{background:#fff;border:1px solid #f1f5f9;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding:14px 18px;display:grid}.gift-details-modal-invoice-item{flex-direction:column;gap:2px;display:flex}.gift-details-modal-invoice-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.gift-details-modal-invoice-value{color:#0f172a;font-size:13px;font-weight:500}.gift-details-invoice-number,.gift-details-invoice-date,.gift-details-uploaded-date{color:#1f2937;font-size:12px}.gift-details-invoice-number{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:2px 8px;font-weight:500;display:inline-block}.gift-details-invoice-date{color:#64748b}.gift-details-uploaded-date{color:#64748b;font-size:11px}@media (width<=1024px){.gift-details-table{min-width:1800px}}@media (width<=768px){.gift-details-modal-invoice-details{grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px}.gift-details-modal-invoice-item{padding:2px 0}.gift-details-modal-invoice-label{font-size:9px}.gift-details-modal-invoice-value{font-size:12px}}@media (width<=480px){.gift-details-modal-invoice-details{grid-template-columns:1fr;gap:6px;padding:10px 12px}.gift-details-modal-invoice-label{font-size:9px}.gift-details-modal-invoice-value{font-size:11px}.gift-details-invoice-number,.gift-details-invoice-date,.gift-details-uploaded-date{font-size:10px}}.gift-done-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.gift-done-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (width<=1024px){.gift-done-content{width:100%;margin-left:0;padding-top:60px}}.gift-done-main{flex-direction:column;flex:1;width:100%;padding:16px 0 20px;display:flex;overflow:hidden}.gift-done-container{flex-direction:column;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0 24px;display:flex;overflow:auto}.gift-done-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.gift-done-spinner{border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite giftDoneSpin}.gift-done-loading span{color:#64748b;font-size:14px}.gift-done-hero{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-shrink:0;margin-bottom:16px;position:relative;overflow:hidden}.gift-done-hero-bg{z-index:0;background:linear-gradient(135deg,#1a1a3e 0%,#065f46 40%,#10b981 100%);height:100%;min-height:100px;position:absolute;inset:0;overflow:hidden}.gift-done-hero-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.gift-done-hero-glow{pointer-events:none;background:radial-gradient(#10b98126 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.gift-done-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:16px;min-height:100px;padding:18px 24px;display:flex;position:relative}.gift-done-hero-left{align-items:center;gap:16px;display:flex}.gift-done-hero-icon-wrapper{color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.gift-done-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gift-done-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700}.gift-done-hero-badge{color:#6ee7b7;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:500;display:inline-flex}.gift-done-hero-subtitle{color:#ffffffb3;margin:0;font-size:13px}.gift-done-hero-right{flex-shrink:0}.gift-done-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.gift-done-btn-outline{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.gift-done-btn-outline:hover{background:#ffffff26}.gift-done-stats-single{flex-shrink:0;margin-bottom:16px;display:flex}.gift-done-stat-item-single{background:#fff;border:1px solid #f1f5f9;border-radius:12px;justify-content:center;align-items:center;gap:20px;min-width:300px;padding:20px 32px;transition:all .3s;display:flex;box-shadow:0 2px 8px #10b98114}.gift-done-stat-item-single:hover{border-color:#d1fae5;transform:translateY(-2px);box-shadow:0 4px 20px #10b9811f}.gift-done-stat-icon-single{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.gift-done-stat-info-single{flex-direction:column;align-items:flex-start;display:flex}.gift-done-stat-number-single{color:#0f172a;font-size:28px;font-weight:700;line-height:1.2;display:block}.gift-done-stat-label-single{color:#64748b;font-size:14px;font-weight:500;display:block}.gift-done-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.gift-done-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gift-done-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:6px 12px;transition:all .3s;display:flex}.gift-done-search-box:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.gift-done-search-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:13px}.gift-done-search-box input::placeholder{color:#94a3b8}.gift-done-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.gift-done-items-per-page{color:#64748b;align-items:center;gap:4px;font-size:13px;display:flex}.gift-done-items-per-page select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 6px;font-size:13px}.gift-done-toolbar-right{align-items:center;display:flex}.gift-done-result-count{color:#64748b;font-size:13px}.gift-done-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex:1;min-height:0;overflow:auto}.gift-done-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.gift-done-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.gift-done-table-wrapper::-webkit-scrollbar-thumb{background:#10b981;border-radius:4px}.gift-done-table-wrapper::-webkit-scrollbar-thumb:hover{background:#059669}.gift-done-table{border-collapse:collapse;width:100%;min-width:1600px;font-size:13px}.gift-done-table thead{z-index:10;background:#f8fafc;position:sticky;top:0}.gift-done-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:2px solid #f1f5f9;padding:10px 12px;font-size:10px;font-weight:600}.gift-done-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.gift-done-table-row{transition:background .2s}.gift-done-table-row:hover{background:#fafbfc}.gift-done-table-row:last-child td{border-bottom:none}.gift-done-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.gift-done-sortable:hover{color:#10b981}.gift-done-sort-icon{color:#94a3b8;margin-left:4px;font-size:12px}.gift-done-serial-number{color:#94a3b8;font-size:12px;font-weight:600}.gift-done-image-thumbnail{color:#10b981;cursor:pointer;background:#d1fae5;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.gift-done-image-thumbnail:hover{color:#fff;background:#10b981;transform:scale(1.1)}.gift-done-no-image{color:#94a3b8;font-size:12px}.gift-done-gift-id{color:#10b981;background:#d1fae5;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.gift-done-sm-name,.gift-done-rsm-name,.gift-done-asm-name,.gift-done-hq,.gift-done-mr-code,.gift-done-mr-name{color:#1f2937;font-size:12px}.gift-done-sm-name{color:#4f46e5;font-weight:600}.gift-done-rsm-name{color:#7c3aed;font-weight:500}.gift-done-asm-name{color:#059669;font-weight:500}.gift-done-hq{color:#d97706;font-weight:500}.gift-done-mr-code{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:2px 8px;font-weight:600;display:inline-block}.gift-done-mr-name{color:#0f172a;font-weight:500}.gift-done-shop-info,.gift-done-mobile-info,.gift-done-date-info,.gift-done-location-info{align-items:center;gap:6px;display:flex}.gift-done-icon{color:#94a3b8}.gift-done-shop-name{color:#0f172a;font-weight:500}.gift-done-city,.gift-done-state{color:#1f2937;font-size:12px}.gift-done-latlong{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;overflow:hidden}.gift-done-pagination{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.gift-done-pagination-info{color:#64748b;font-size:13px}.gift-done-pagination-info strong{color:#0f172a}.gift-done-pagination-controls{gap:4px;display:flex}.gift-done-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.gift-done-page-btn:hover:not(:disabled):not(.active){color:#10b981;background:#f8fafc;border-color:#10b981}.gift-done-page-btn.active{color:#fff;background:#10b981;border-color:#10b981}.gift-done-page-btn:disabled{opacity:.4;cursor:not-allowed}.gift-done-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gift-done-modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.gift-done-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex;position:sticky;top:0}.gift-done-modal-title{align-items:center;gap:12px;display:flex}.gift-done-modal-title svg{color:#10b981}.gift-done-modal-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:600}.gift-done-modal-title p{color:#64748b;margin:2px 0 0;font-size:13px}.gift-done-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.gift-done-modal-close:hover{background:#e2e8f0}.gift-done-modal-body{padding:20px}.gift-done-image-container{background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;min-height:200px;padding:16px;display:flex}.gift-done-full-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:350px}.gift-done-image-details{grid-template-columns:1fr 1fr;gap:8px 16px;padding:16px 0 0;display:grid}.gift-done-image-detail-item{color:#1f2937;align-items:center;gap:8px;font-size:13px;display:flex}.gift-done-image-detail-item svg{color:#6b7280;flex-shrink:0}.gift-done-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:12px 20px;display:flex}.gift-done-modal-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.gift-done-btn-secondary{color:#1f2937;background:#f1f5f9}.gift-done-btn-secondary:hover{background:#e2e8f0}.gift-done-btn-primary{color:#fff;background:#10b981}.gift-done-btn-primary:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}@media (width<=768px){.gift-done-container{padding:0 16px}.gift-done-stat-item-single{width:100%;min-width:auto;padding:16px 24px}.gift-done-stat-icon-single{width:44px;height:44px}.gift-done-stat-icon-single svg{width:22px;height:22px}.gift-done-stat-number-single{font-size:22px}.gift-done-stat-label-single{font-size:12px}.gift-done-toolbar{flex-direction:column;align-items:stretch}.gift-done-toolbar-left{flex-direction:column}.gift-done-search-box{width:100%;min-width:auto}.gift-done-pagination{flex-direction:column}.gift-done-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 20px}.gift-done-hero-actions{width:100%}.gift-done-hero-actions button{flex:1;justify-content:center}.gift-done-table{min-width:1200px;font-size:11px}.gift-done-table th,.gift-done-table td{padding:6px 8px}.gift-done-page-btn{width:28px;height:28px;font-size:12px}.gift-done-image-details{grid-template-columns:1fr}}@media (width<=480px){.gift-done-container{padding:0 12px}.gift-done-main{padding:10px 0 16px}.gift-done-stat-item-single{gap:14px;padding:14px 18px}.gift-done-stat-icon-single{width:36px;height:36px}.gift-done-stat-icon-single svg{width:18px;height:18px}.gift-done-stat-number-single{font-size:20px}.gift-done-stat-label-single{font-size:11px}.gift-done-page-btn{border-radius:4px;width:26px;height:26px;font-size:11px}.gift-done-table{min-width:1000px;font-size:10px}.gift-done-table th,.gift-done-table td{padding:4px 6px}.gift-done-serial-number{font-size:10px}.gift-done-modal-content{max-height:95vh;margin:10px}.gift-done-image-container{min-height:150px;padding:12px}.gift-done-full-image{max-height:200px}}.gift-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.gift-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (width<=1024px){.gift-content{width:100%;margin-left:0;padding-top:60px}}.gift-main{flex-direction:column;flex:1;width:100%;padding:16px 0 20px;display:flex;overflow:hidden}.gift-container{flex-direction:column;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0 24px;overflow:auto}.gift-hero{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-shrink:0;margin-bottom:16px;position:relative;overflow:hidden}.gift-hero-bg{z-index:0;background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#8b5cf6 100%);height:100%;min-height:100px;position:absolute;inset:0;overflow:hidden}.gift-hero-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.gift-hero-glow{pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.gift-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:16px;min-height:100px;padding:18px 24px;display:flex;position:relative}.gift-hero-left{align-items:center;gap:16px;display:flex}.gift-hero-icon-wrapper{color:#fff;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.gift-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gift-hero-title{color:#fff;margin:0;font-size:20px;font-weight:700}.gift-hero-badge{color:#a78bfa;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:500;display:inline-flex}.gift-hero-subtitle{color:#ffffffb3;margin:0;font-size:13px}.gift-hero-right{flex-shrink:0}.gift-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.gift-btn-outline{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.gift-btn-outline:hover{background:#ffffff26}.gift-stats-grid{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.gift-stat-card{cursor:default;background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex;position:relative;overflow:hidden}.gift-stat-card:hover{border-color:#dbeafe;box-shadow:0 4px 16px #4f46e50f}.gift-stat-progress{border-radius:0 3px 0 0;height:3px;position:absolute;bottom:0;left:0}.gift-stat-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.gift-stat-icon{width:20px;height:20px}.gift-stat-info{flex:1}.gift-stat-value{color:#0f172a;font-size:20px;font-weight:700;line-height:1.2;display:block}.gift-stat-label{color:#64748b;font-size:11px;display:block}.gift-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;flex:1;min-height:0;padding:16px 20px;display:flex;overflow:auto}.gift-table-title{color:#0f172a;margin:0;font-size:16px;font-weight:600}.gift-table-subtitle{color:#94a3b8;font-size:12px}.gift-table-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.gift-table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gift-table-count{color:#94a3b8;background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:3px 12px;font-size:11px}.gift-search-wrapper{position:relative}.gift-search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.gift-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:200px;padding:6px 12px 6px 34px;font-size:13px;transition:all .3s}.gift-search-input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.gift-filter-wrapper{align-items:center;display:flex}.gift-filter-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:110px;padding:6px 10px;font-size:13px;transition:all .3s}.gift-filter-select:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.gift-table-wrapper{flex:1;min-height:0;margin-bottom:10px;overflow:auto}.gift-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.gift-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.gift-table-wrapper::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}.gift-table-wrapper::-webkit-scrollbar-thumb:hover{background:#7c3aed}.gift-table{border-collapse:collapse;width:100%;min-width:1600px;font-size:12px}.gift-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.3px;z-index:10;white-space:nowrap;background:#fff;border-bottom:2px solid #f1f5f9;padding:10px 12px;font-size:10px;font-weight:600;position:sticky;top:0}.gift-table tbody td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:12px}.gift-table tbody tr{transition:background .2s}.gift-table tbody tr:hover{background:#f8fafc}.gift-table tbody tr:last-child td{border-bottom:none}.gift-col-sno{text-align:center;width:35px}.gift-serial-number{color:#94a3b8;font-size:11px;font-weight:600}.gift-mr-code{color:#8b5cf6;background:#f3e8ff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.gift-mr-name,.gift-sm-name,.gift-rsm-name,.gift-asm-name,.gift-hq-name{color:#0f172a;font-size:12px;font-weight:500}.gift-shop-info{flex-direction:column;display:flex}.gift-shop-name{color:#0f172a;font-weight:500}.gift-person-name,.gift-phone{color:#1f2937;font-weight:500}.gift-invoice-count,.gift-approved-count,.gift-pending-count,.gift-rejected-count,.gift-strip-count{text-align:center;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.gift-invoice-count{color:#3b82f6;background:#eff6ff}.gift-approved-count{color:#059669;background:#dcfce7}.gift-pending-count{color:#d97706;background:#fef3c7}.gift-rejected-count{color:#dc2626;background:#fee2e2}.gift-strip-count{color:#7c3aed;background:#f3e8ff}.gift-eligibility-badge{border-radius:16px;align-items:center;gap:4px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-flex}.gift-eligibility-badge.eligible{color:#059669;background:#dcfce7}.gift-eligibility-badge.not-eligible{color:#dc2626;background:#fef2f2}.gift-status-badge{border-radius:16px;align-items:center;gap:4px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-flex}.gift-status-badge.delivered{color:#059669;background:#dcfce7}.gift-status-badge.pending{color:#d97706;background:#fef3c7}.gift-date{color:#64748b;font-size:11px}.gift-image-btn{color:#8b5cf6;cursor:pointer;background:#f3e8ff;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.gift-image-btn:hover{color:#fff;background:#8b5cf6;transform:scale(1.1)}.gift-no-image{color:#94a3b8;font-size:12px}.gift-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.gift-pagination-info{color:#64748b;align-items:center;gap:16px;font-size:13px;display:flex}.gift-pagination-info strong{color:#0f172a;font-weight:600}.gift-pagination-buttons{align-items:center;gap:3px;display:flex}.gift-page-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.gift-page-btn:not(:disabled):hover{color:#8b5cf6;background:#f1f5f9}.gift-page-btn:not(:disabled):active{transform:scale(.94)}.gift-page-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 10px #8b5cf64d}.gift-page-btn.active:hover{transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf666}.gift-page-btn:disabled{opacity:.4;cursor:not-allowed}.gift-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gift-modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.gift-image-modal{max-width:600px}.gift-modal-header{z-index:1;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex;position:sticky;top:0}.gift-modal-title{align-items:center;gap:12px;display:flex}.gift-modal-title svg{color:#8b5cf6}.gift-modal-title h2{color:#0f172a;margin:0;font-size:18px;font-weight:600}.gift-modal-title p{color:#64748b;margin:2px 0 0;font-size:13px}.gift-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.gift-modal-close:hover{background:#e2e8f0}.gift-modal-body,.gift-image-modal-body{padding:0}.gift-image-container{background:#f8fafc;justify-content:center;align-items:center;min-height:200px;padding:24px;display:flex}.gift-full-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:400px}.gift-image-details{background:#fff;grid-template-columns:1fr 1fr;gap:8px 16px;padding:16px 20px 20px;display:grid}.gift-image-detail-item{color:#1f2937;align-items:center;gap:8px;font-size:13px;display:flex}.gift-image-detail-item svg{color:#6b7280;flex-shrink:0}.gift-modal-actions{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:12px 20px;display:flex;position:sticky;bottom:0}.gift-modal-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.gift-btn-secondary{color:#1f2937;background:#f1f5f9}.gift-btn-secondary:hover{background:#e2e8f0}.gift-btn-primary{color:#fff;background:#8b5cf6}.gift-btn-primary:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d}.gift-spinner{color:#8b5cf6;animation:1s linear infinite giftSpin}.gift-error-box{background:#fff;border:1px solid #f1f5f9;border-radius:16px;max-width:500px;margin:0 auto;padding:40px}.gift-error-box h3{color:#0f172a;margin:12px 0 8px;font-size:18px}.gift-error-box p{color:#64748b;margin-bottom:20px}.gift-retry-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:10px;padding:10px 32px;font-size:14px;font-weight:500;transition:all .3s}.gift-retry-btn:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}@media (width<=1024px){.gift-hero-content{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 20px}.gift-hero-actions{width:100%}.gift-hero-actions button{flex:1;justify-content:center}.gift-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gift-container{padding:0 16px}.gift-hero-title{font-size:17px}.gift-hero-icon-wrapper{width:38px;height:38px;font-size:18px}.gift-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.gift-stat-card{padding:12px 14px}.gift-stat-value{font-size:17px}.gift-table-header{flex-direction:column;align-items:stretch}.gift-table-actions{flex-wrap:wrap}.gift-search-input{width:100%}.gift-pagination{flex-direction:column;align-items:center}.gift-table-card{padding:12px 14px}.gift-hero-actions{flex-direction:column}.gift-hero-actions button{width:100%}.gift-pagination-info,.gift-pagination-buttons{flex-wrap:wrap;justify-content:center}.gift-page-btn{width:28px;height:28px;font-size:12px}.gift-table thead th,.gift-table tbody td{padding:6px 8px;font-size:11px}.gift-table{min-width:1200px}.gift-image-details{grid-template-columns:1fr}}@media (width<=480px){.gift-container{padding:0 12px}.gift-main{padding:10px 0 16px}.gift-stats-grid{grid-template-columns:1fr}.gift-hero-left{flex-wrap:wrap}.gift-pagination-info{gap:8px;font-size:11px}.gift-page-btn{border-radius:4px;width:26px;height:26px;font-size:11px}.gift-table{min-width:1000px;font-size:10px}.gift-table thead th,.gift-table tbody td{padding:4px 6px}.gift-serial-number{font-size:10px}.gift-modal-content{margin:10px}.gift-image-container{padding:16px}.gift-full-image{max-height:250px}}.brand-page{background:#f8fafc;min-height:100vh;display:flex}.brand-content{flex:1;margin-left:280px;transition:margin-left .3s}@media (width<=1024px){.brand-content{margin-left:0}}.brand-main{margin-top:70px;padding:24px}.brand-container{max-width:1600px;margin:0 auto}.brand-hero{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#8b5cf6 100%);border-radius:20px;margin-bottom:32px;padding:32px 40px;position:relative;overflow:hidden}.brand-hero-bg{position:absolute;inset:0;overflow:hidden}.brand-hero-pattern{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.brand-hero-glow{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-50%;left:-10%}.brand-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.brand-hero-left{align-items:center;gap:20px;display:flex}.brand-hero-icon-wrapper{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.brand-hero-title-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand-hero-title{color:#fff;margin:0;font-size:28px;font-weight:700}.brand-hero-badge{color:#fff;background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.brand-hero-subtitle{color:#fffc;margin:4px 0 0;font-size:14px}.brand-hero-right{align-items:center;display:flex}.brand-hero-actions{align-items:center;gap:12px;display:flex}.brand-btn-outline{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.brand-btn-outline:hover{background:#ffffff40;transform:translateY(-2px)}.brand-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.brand-stat-card{cursor:default;background:#fff;border-radius:16px;padding:20px 24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.brand-stat-card:hover{box-shadow:0 8px 24px #00000014}.brand-stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.brand-stat-info{flex-direction:column;display:flex}.brand-stat-value{color:#1f2937;font-size:24px;font-weight:700}.brand-stat-label{color:#6b7280;margin:2px 0;font-size:14px}.brand-stat-progress{border-radius:0 4px 0 0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.brand-table-card{background:#fff;border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.brand-table-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.brand-table-title{color:#1f2937;margin:0;font-size:18px;font-weight:600}.brand-table-subtitle{color:#6b7280;font-size:14px}.brand-table-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand-search-wrapper{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;min-width:250px;padding:8px 14px;transition:all .2s;display:flex}.brand-search-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.brand-search-icon{color:#9ca3af;margin-right:10px}.brand-search-input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;font-size:14px}.brand-search-input::placeholder{color:#9ca3af}.brand-filter-wrapper{align-items:center;display:flex}.brand-filter-select{color:#1f2937;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-width:130px;padding:8px 12px;font-size:13px;transition:all .2s}.brand-filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.brand-table-count{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:8px;padding:6px 12px;font-size:13px}.brand-table-wrapper{margin-bottom:20px;overflow-x:auto}.brand-table{border-collapse:collapse;width:100%;font-size:13px}.brand-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.brand-table th{text-align:left;color:#4b5563;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:10;background:#f9fafb;padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.brand-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 16px}.brand-table tbody tr{transition:background-color .2s}.brand-table tbody tr:hover{background:#f9fafb}.brand-id{color:#4f46e5;letter-spacing:.5px;background:#eef2ff;border-radius:6px;padding:2px 10px;font-family:monospace;font-size:12px;font-weight:600;display:inline-block}.brand-sku,.brand-qty{color:#1f2937;font-weight:500}.brand-ptr{color:#059669;font-weight:600}.brand-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.brand-pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.brand-pagination-info{color:#6b7280;font-size:14px}.brand-pagination-buttons{gap:6px;display:flex}.brand-page-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.brand-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#4f46e5}.brand-page-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.brand-page-btn:disabled{opacity:.5;cursor:not-allowed}.brand-loading-spinner{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.brand-spinner-ring{border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.brand-error-box{color:#991b1b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:400px;display:flex}.brand-error-box h3{margin:0;font-size:1.25rem;font-weight:600}.brand-error-box p{color:#64748b}.brand-retry-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:background .2s;display:flex}.brand-retry-btn:hover{background:#4338ca}@media (width<=768px){.brand-hero{padding:24px}.brand-hero-title{font-size:22px}.brand-hero-content{flex-direction:column;align-items:flex-start}.brand-hero-right{width:100%}.brand-hero-actions{flex-wrap:wrap;width:100%}.brand-stats-grid{grid-template-columns:repeat(2,1fr)}.brand-table-header,.brand-table-actions{flex-direction:column;align-items:stretch}.brand-search-wrapper{min-width:auto}.brand-pagination{flex-direction:column;align-items:center}.brand-table{font-size:12px}.brand-table th,.brand-table td{padding:8px 10px}}@media (width<=480px){.brand-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.brand-stat-card{padding:16px}.brand-stat-value{font-size:18px}}*{box-sizing:border-box;margin:0;padding:0}.login-page{background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 50%,#4f46e5 100%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;position:relative;overflow-y:auto}.login-page-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#4f46e54d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#7c3aed4d 0%,#0000 50%),radial-gradient(circle at 50% 20%,#4f46e533 0%,#0000 50%);animation:20s ease-in-out infinite bgFloat;position:fixed;inset:0}.login-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#fffffffa;border-radius:28px;width:100%;max-width:1100px;animation:.6s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000004d}.login-left-panel{color:#fff;background:linear-gradient(160deg,#1a1a3e 0%,#2d2b6e 50%,#4f46e5 100%);flex-direction:column;flex:1.2;justify-content:space-between;padding:40px 35px;display:flex;position:relative;overflow:hidden}.login-left-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-30%;right:-30%}.login-brand{z-index:1;align-items:center;gap:15px;margin-bottom:8px;display:flex;position:relative}.brand-icon{flex-shrink:0;animation:3s ease-in-out infinite brandPulse}.login-brand h1{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;line-height:1.2}.brand-label{text-transform:uppercase;letter-spacing:.5px;color:#a5b4fc;-webkit-text-fill-color:#a5b4fc;background:#ffffff1f;border:1px solid #ffffff14;border-radius:20px;margin-top:2px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-block}.brand-tagline{opacity:.7;z-index:1;letter-spacing:.3px;margin-bottom:16px;font-size:14px;position:relative}.features-grid{z-index:1;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0;display:grid;position:relative}.feature-item{background:#ffffff12;border:1px solid #ffffff0f;border-radius:14px;gap:12px;padding:14px;transition:all .3s;display:flex}.feature-item:hover{background:#ffffff1f;transform:translateY(-2px)}.feature-icon{background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.feature-item h4{margin-bottom:2px;font-size:13px;font-weight:600}.feature-item p{opacity:.7;font-size:11px;line-height:1.3}.login-stats{z-index:1;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;margin-top:auto;padding:16px 0 0;display:flex;position:relative}.login-stats>div{text-align:center}.stat-number{background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;line-height:1.2;display:block}.stat-label{text-transform:uppercase;letter-spacing:.5px;opacity:.5;font-size:10px;display:block}.login-right-panel{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px 35px;display:flex}.login-form-box{width:100%;max-width:380px}.form-header{margin-bottom:28px}.form-badge{color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:20px;margin-bottom:10px;padding:4px 14px;font-size:11px;font-weight:600;display:inline-block}.form-header h2{color:#111827;margin-bottom:4px;font-size:26px;font-weight:700}.form-header p{color:#6b7280;font-size:14px}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;animation:.5s ease-in-out shake;display:flex}.form-group{margin-bottom:18px}.form-group label{color:#374151;margin-bottom:5px;font-size:13px;font-weight:500;display:block}.input-group{position:relative}.input-icon{opacity:.5;pointer-events:none;font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-group input{color:#111827;background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 14px 12px 46px;font-family:inherit;font-size:14px;transition:all .3s}.input-group input:focus{background:#fff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e514}.input-group input::placeholder{color:#9ca3af}.toggle-password{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;transition:opacity .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.toggle-password:hover{opacity:.8}.toggle-password:focus{outline:none}.form-options{justify-content:space-between;align-items:center;margin:6px 0 20px;display:flex}.checkbox-group{color:#4b5563;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-group input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;width:16px;height:16px}.forgot-link{color:#4f46e5;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#4338ca;text-decoration:underline}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:600;transition:all .3s;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -8px #4f46e566}.login-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.form-footer{text-align:center;margin-top:20px}.form-footer p{color:#6b7280;font-size:13px}.form-footer a{color:#4f46e5;font-weight:500;text-decoration:none}.form-footer a:hover{text-decoration:underline}.security-badges{justify-content:center;gap:12px;margin:10px 0 8px;display:flex}.security-badges span{color:#6b7280;background:#f3f4f6;border-radius:8px;padding:3px 10px;font-size:11px}.version{margin-top:4px;color:#9ca3af!important;font-size:11px!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 25px 50px #0000004d}.modal-header{background:linear-gradient(135deg,#1a1a3e,#2d2b6e);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#fff;margin:0;font-size:20px;font-weight:700}.modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:24px}.support-email-info{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.support-email-info span{font-size:24px}.support-email-info strong{color:#1a1a3e;font-size:15px}.support-email-info p{color:#4b5563;margin:2px 0 0;font-size:13px}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group label{color:#374151;font-weight:600}.modal-body .form-group input,.modal-body .form-group textarea{background:#fafafa;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.modal-body .form-group input:focus,.modal-body .form-group textarea:focus{background:#fff;border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e514}.modal-body .form-group textarea{resize:vertical;min-height:60px}.file-upload-wrapper{position:relative}.file-input{opacity:0;cursor:pointer;z-index:2;position:absolute;inset:0}.file-upload-area{text-align:center;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;padding:24px;transition:all .3s}.file-upload-area:hover{background:#f3f4f6;border-color:#4f46e5}.file-upload-area span:first-child{margin-bottom:8px;font-size:32px;display:block}.file-upload-area p{color:#4b5563;margin:0 0 4px;font-size:14px}.file-hint{color:#9ca3af;font-size:12px}.screenshot-preview{border:2px solid #e5e7eb;border-radius:8px;margin-top:12px;position:relative;overflow:hidden}.screenshot-preview img{object-fit:contain;background:#f9fafb;width:100%;max-height:200px}.remove-screenshot{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .2s;position:absolute;top:8px;right:8px}.remove-screenshot:hover{background:#dc2626}.modal-conditions{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;padding:16px}.condition-item{align-items:flex-start;gap:12px;padding:8px 0;display:flex}.condition-item:not(:last-child){border-bottom:1px solid #e5e7eb}.condition-icon{flex-shrink:0;font-size:20px}.condition-item strong{color:#111827;font-size:13px;display:block}.condition-item p{color:#6b7280;margin:2px 0 0;font-size:12px}@media (width<=1100px){.login-wrapper{max-width:960px}.login-left-panel,.login-right-panel{padding:32px 28px}.login-brand h1{font-size:24px}.features-grid{gap:10px}.feature-item{padding:12px}.form-header h2{font-size:24px}}@media (width<=991px){.login-page{padding:16px}.login-wrapper{border-radius:24px;flex-direction:column;max-width:520px}.login-left-panel{border-radius:24px 24px 0 0;padding:28px 24px}.login-right-panel{border-radius:0 0 24px 24px;padding:28px 24px}.features-grid{grid-template-columns:1fr 1fr}.login-stats{flex-direction:row}.stat-divider{display:block}.login-form-box{max-width:100%}.modal-content{max-width:500px;margin:10px}}@media (width<=767px){.login-page{padding:12px}.login-wrapper{border-radius:20px;max-width:480px}.login-left-panel,.login-right-panel{padding:24px 20px}.login-brand h1{font-size:22px}.brand-icon svg{width:42px;height:42px}.features-grid{grid-template-columns:1fr 1fr;gap:8px}.feature-item{gap:10px;padding:10px 12px}.feature-icon{width:36px;height:36px;font-size:18px}.feature-item h4{font-size:12px}.feature-item p{font-size:10px}.form-header h2{font-size:22px}.form-header p{font-size:13px}.stat-number{font-size:20px}.modal-content{border-radius:16px}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{flex-direction:column;padding:12px 20px}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (width<=599px){.login-page{padding:8px}.login-wrapper{border-radius:16px}.login-left-panel,.login-right-panel{padding:20px 16px}.login-brand{gap:12px}.login-brand h1{font-size:20px}.brand-label{font-size:10px}.brand-tagline{font-size:12px}.features-grid{grid-template-columns:1fr 1fr;gap:6px}.feature-item{gap:8px;padding:8px 10px}.feature-icon{border-radius:8px;width:30px;height:30px;font-size:16px}.feature-item h4{font-size:11px}.feature-item p{font-size:9px}.form-header h2{font-size:20px}.form-header p{font-size:12px}.input-group input{padding:10px 12px 10px 40px;font-size:13px}.input-icon{font-size:16px;left:12px}.form-options{flex-direction:column;align-items:flex-start;gap:10px}.login-btn{padding:12px;font-size:14px}.login-stats{flex-wrap:wrap;gap:8px;padding:12px 0 0}.stat-divider{display:none}.login-stats>div{flex:1;min-width:60px}.stat-number{font-size:18px}.security-badges{flex-wrap:wrap;gap:8px}.security-badges span{padding:2px 8px;font-size:10px}.modal-content{border-radius:12px;margin:8px}.support-email-info,.modal-conditions .condition-item{text-align:center;flex-direction:column;align-items:center}}@media (width<=480px){.login-page{padding:4px}.login-wrapper{border-radius:12px}.login-left-panel,.login-right-panel{padding:16px 12px}.login-brand h1{font-size:18px}.brand-icon svg{width:36px;height:36px}.features-grid{grid-template-columns:1fr 1fr;gap:4px}.feature-item{border-radius:10px;gap:6px;padding:6px 8px}.feature-icon{border-radius:6px;width:26px;height:26px;font-size:14px}.feature-item h4{font-size:10px}.feature-item p{font-size:8px}.form-header h2{font-size:18px}.form-header p{font-size:11px}.form-badge{padding:3px 10px;font-size:10px}.input-group input{border-radius:8px;padding:8px 10px 8px 36px;font-size:12px}.input-icon{font-size:14px;left:10px}.toggle-password{font-size:16px;right:10px}.login-btn{border-radius:8px;padding:10px;font-size:13px}.stat-number{font-size:16px}.stat-label{font-size:9px}}@media (height<=700px){.login-wrapper{max-height:98vh}.login-left-panel,.login-right-panel{padding:20px 24px}.login-brand h1{font-size:20px}.brand-icon svg{width:38px;height:38px}.brand-tagline{margin-bottom:10px;font-size:12px}.features-grid{gap:6px;margin:6px 0}.feature-item{padding:8px 10px}.feature-icon{width:30px;height:30px;font-size:16px}.feature-item h4{font-size:11px}.feature-item p{font-size:9px}.login-stats{padding:10px 0 0}.stat-number{font-size:18px}.form-header{margin-bottom:16px}.form-header h2{font-size:20px}.form-group{margin-bottom:12px}.form-options{margin:4px 0 14px}.login-btn{padding:10px;font-size:13px}.input-group input{padding:8px 12px 8px 40px;font-size:13px}.form-footer{margin-top:12px}}@media (height<=600px){.login-left-panel,.login-right-panel{padding:12px 20px}.features-grid{display:none}.login-stats{padding:8px 0 0}.stat-number{font-size:16px}.form-header h2{font-size:18px}.form-header p{font-size:12px}.form-group{margin-bottom:10px}.input-group input{padding:6px 10px 6px 36px;font-size:12px}.login-btn{padding:8px;font-size:12px}.brand-tagline{display:none}}@media (width<=599px) and (height<=700px){.login-left-panel,.login-right-panel{padding:12px 16px}.features-grid{display:none}.login-stats{padding:6px 0 0}.stat-number{font-size:14px}.stat-label{font-size:8px}.form-header h2{font-size:16px}.form-header p{font-size:11px}.input-group input{padding:6px 8px 6px 32px;font-size:11px}.login-btn{padding:6px;font-size:11px}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 0 10px 10px}.modal-content::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a3a3a3}.support-email-display{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #c7d2fe;border-radius:14px;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex}.email-icon-big{flex-shrink:0;font-size:44px}.email-details{flex:1}.email-label{color:#4b5563;font-size:13px;font-weight:500}.email-address{color:#1a1a3e;word-break:break-all;margin:4px 0 10px;font-size:24px;font-weight:700}.email-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s}.email-send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}.pro-tips-section{margin-bottom:20px}.pro-tips-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.pro-tips-header span{font-size:24px}.pro-tips-header h4{color:#111827;margin:0;font-size:17px;font-weight:700}.tips-list{flex-direction:column;gap:10px;display:flex}.tip-item{background:#f9fafb;border-left:4px solid #4f46e5;border-radius:12px;gap:14px;padding:14px 16px;transition:all .3s;display:flex}.tip-item:hover{background:#f3f4f6;transform:translate(6px);box-shadow:0 4px 12px #0000000d}.tip-number{color:#4f46e5;background:#eef2ff;border-radius:20px;flex-shrink:0;height:fit-content;padding:2px 10px;font-size:14px;font-weight:700}.tip-content{flex:1;gap:12px;display:flex}.tip-icon{flex-shrink:0;font-size:20px}.tip-content strong{color:#111827;margin-bottom:2px;font-size:14px;display:block}.tip-content p{color:#6b7280;margin:0;font-size:13px}.response-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:14px;display:flex}.response-info span{color:#166534;font-size:14px}.response-info strong{color:#065f46}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 20px 20px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-secondary{color:#4b5563;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#f3f4f6}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}@media (width<=599px){.support-email-display{text-align:center;flex-direction:column;padding:16px}.email-address{font-size:20px}.tip-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.tip-content{flex-direction:column;align-items:flex-start}.tip-number{padding:2px 8px;font-size:12px}.response-info{text-align:center;flex-direction:column;gap:6px}.modal-footer{flex-direction:column}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (width<=767px){.support-email-display{padding:16px}.email-address{font-size:22px}.modal-footer{flex-direction:column}.btn-secondary,.btn-primary{justify-content:center;width:100%}}@media (width<=480px){.support-email-display{padding:14px}.email-icon-big{font-size:36px}.email-address{font-size:18px}.email-send-btn{padding:6px 16px;font-size:12px}.pro-tips-header h4{font-size:15px}.tip-item{padding:10px 12px}.tip-content strong{font-size:13px}.tip-content p{font-size:12px}.response-info{padding:10px;font-size:12px}}.sidebar{color:#e2e8f0;z-index:1000;background:linear-gradient(#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:4px 0 30px #0000004d}.sidebar-glow{pointer-events:none;background:radial-gradient(#a78bfa14 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.sidebar-glow-2{pointer-events:none;background:radial-gradient(#4f46e50f 0%,#0000 70%);width:80%;height:80%;position:absolute;bottom:-30%;left:-30%}.sidebar::-webkit-scrollbar{display:none}.sidebar{-ms-overflow-style:none;scrollbar-width:none}.sidebar.collapsed{width:72px}.sidebar-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;background:#0009;display:none;position:fixed;inset:0}.sidebar-logo{-webkit-backdrop-filter:blur(12px);z-index:2;background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;min-height:72px;margin:12px 12px 8px;padding:16px 16px 14px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 24px #0000001a}.sidebar-logo:hover{background:#ffffff14;border-color:#ffffff1f;box-shadow:0 6px 32px #00000026}.logo-link{flex:1;align-items:center;gap:14px;text-decoration:none;display:flex}.logo-icon{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000014}.logo-image{object-fit:contain;width:100%;height:100%;display:block}.logo-fallback{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:700;display:flex}.logo-text{flex-direction:column;flex:1;line-height:1.2;display:flex;overflow:hidden}.logo-main{color:#fff;letter-spacing:-.3px;background:linear-gradient(135deg,#fff 60%,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.logo-sub{color:#fff6;text-transform:uppercase;letter-spacing:.6px;margin-top:2px;font-size:11px;font-weight:500}.collapse-btn{color:#94a3b8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.collapse-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff26}.sidebar-nav{z-index:1;background:0 0;flex:1;min-height:0;padding:16px 12px 8px;position:relative;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff05}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.nav-header{color:#ffffff40;letter-spacing:1.2px;text-transform:uppercase;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 12px 12px;font-size:10px;font-weight:600;display:flex}.nav-header-dot{color:#a78bfa;font-size:8px}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-nav ul li{margin-bottom:2px;position:relative}.sidebar-nav ul li a{color:#fff9;white-space:nowrap;border-radius:12px;align-items:center;gap:14px;min-height:44px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.sidebar-nav ul li a:hover{color:#fff;background:#a78bfa14}.sidebar-nav ul li.active a{color:#fff;background:#a78bfa1f}.nav-icon-wrapper{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.nav-icon{flex-shrink:0;transition:color .3s}.sidebar-nav ul li a:hover .nav-icon,.sidebar-nav ul li.active a .nav-icon{color:#fff!important}.nav-label{z-index:1;flex:1;align-items:center;gap:6px;font-size:14px;display:flex;position:relative}.nav-active-dot{background:#a78bfa;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.nav-active-bar{background:linear-gradient(#a78bfa,#4f46e5);border-radius:0 3px 3px 0;flex-shrink:0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-bottom{z-index:2;background:0 0;border-top:1px solid #ffffff0d;flex-shrink:0;margin-top:auto;padding:12px 12px 16px;position:relative}.sidebar-divider{margin-bottom:12px;padding:0 12px}.divider-line{background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px}.sidebar-user{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;transition:all .3s;display:flex}.sidebar-user:hover{background:#ffffff14;border-color:#ffffff14}.user-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex;position:relative}.user-status{background:#22c55e;border:2px solid #2d2b6e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.user-info{flex-direction:column;flex:1;line-height:1.2;display:flex;overflow:hidden}.user-name{color:#fff;font-size:14px;font-weight:600}.user-role{color:#fff6;align-items:center;gap:4px;font-size:11px;display:flex}.user-role svg{color:#22c55e}.user-badge{color:#a78bfa;cursor:pointer;background:#a78bfa26;border:1px solid #a78bfa26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.user-badge:hover{color:#fff;background:#a78bfa40}.logout-btn{color:#ffffff80;background:#ef44440f;border:1px solid #ef444414;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.logout-btn:hover{color:#ef4444;background:#ef44441f;border-color:#ef444433}.logout-shortcut{color:#ffffff26;background:#ffffff0d;border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:400}.logout-btn-icon{color:#ffffff80;background:#ef44440f;border:1px solid #ef444414;border-radius:12px;justify-content:center;align-items:center;padding:10px;font-size:20px;text-decoration:none;transition:all .3s;display:none}.logout-btn-icon:hover{color:#ef4444;background:#ef44441f}.sidebar-version{text-align:center;color:#ffffff26;letter-spacing:.3px;margin-top:6px;font-size:10px}.sidebar.collapsed .sidebar-logo{justify-content:center;min-height:60px;margin:8px;padding:12px}.sidebar.collapsed .logo-link{justify-content:center;gap:0}.sidebar.collapsed .logo-icon{border-radius:12px;width:44px;height:44px}.sidebar.collapsed .logo-text,.sidebar.collapsed .collapse-btn{display:none}.sidebar.collapsed .sidebar-nav ul li a{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-nav ul li a .nav-label{display:none}.sidebar.collapsed .sidebar-user{justify-content:center;padding:8px}.sidebar.collapsed .user-info,.sidebar.collapsed .user-badge,.sidebar.collapsed .logout-btn{display:none}.sidebar.collapsed .logout-btn-icon{display:flex}.sidebar.collapsed .sidebar-version{font-size:8px}.sidebar.collapsed .nav-header{justify-content:center}.sidebar.collapsed .nav-header-text{display:none}.sidebar.collapsed .nav-active-bar{left:0}@media (width<=1024px){.sidebar{width:280px;transition:transform .3s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar.collapsed{width:280px}.sidebar.collapsed .logo-link,.sidebar.collapsed .sidebar-nav ul li a{justify-content:flex-start}.sidebar.collapsed .sidebar-nav ul li a .nav-label{display:inline}.sidebar.collapsed .sidebar-user{justify-content:flex-start}.sidebar.collapsed .user-info,.sidebar.collapsed .user-badge,.sidebar.collapsed .logout-btn{display:flex}.sidebar.collapsed .logout-btn-icon{display:none}.sidebar.collapsed .nav-header-text{display:inline}.sidebar.collapsed .sidebar-version{font-size:10px}.collapse-btn{display:none}}@media (width<=768px){.sidebar-logo{min-height:64px;margin:8px;padding:12px}.logo-icon{width:48px;height:48px}.logo-main{font-size:16px}}@media (width<=480px){.sidebar{width:260px}.sidebar.mobile-open{transform:translate(0)}.sidebar-logo{border-radius:12px;margin:6px;padding:10px}.logo-icon{width:40px;height:40px}.logo-sub{font-size:9px}.logo-main{font-size:16px}.logo-badge{padding:0 6px;font-size:8px}.sidebar-nav{padding:12px 8px}.sidebar-nav ul li a{padding:10px 12px;font-size:13px}.sidebar-bottom{padding:12px 8px}}.sidebar-loading,.sidebar-error{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:20px;display:flex}.spinner{color:#a78bfa;animation:1s linear infinite spin}.sidebar-error{color:#ef4444}.header{z-index:100;-webkit-backdrop-filter:blur();background:#fffffff2;width:calc(100% - 260px);height:68px;margin-left:260px;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;box-shadow:0 1px #0000000d}.header.scrolled{-webkit-backdrop-filter:blur(20px);background:#fffffffa;box-shadow:0 4px 30px #00000014}.header-container{justify-content:space-between;align-items:center;gap:20px;max-width:100%;height:100%;margin:0 auto;padding:0 32px;display:flex}.header-left{flex-shrink:0;align-items:center;gap:16px;display:flex}.menu-toggle{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;transition:all .2s;display:none}.menu-toggle:hover{color:#0f172a;background:#f1f5f9}.menu-toggle:active{transform:scale(.95)}.title-wrapper{align-items:center;gap:12px;display:flex}.page-title{color:#0f172a;letter-spacing:-.3px;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:600}.page-badge{color:#4f46e5;-webkit-text-fill-color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #4f46e526;border-radius:20px;align-items:center;gap:4px;padding:2px 12px;font-size:10px;font-weight:600;animation:2s infinite badgePulse;display:inline-flex}.header-center{flex:1;justify-content:center;align-items:center;display:flex}.header-welcome{background:#f1f5f980;border:1px solid #e2e8f080;border-radius:50px;align-items:center;gap:10px;padding:4px 16px;display:flex}.welcome-icon-wrapper{justify-content:center;align-items:center;display:flex}.welcome-emoji{font-size:18px;animation:2s infinite wave}.welcome-text{color:#64748b;font-size:14px;font-weight:400}.welcome-text strong{color:#0f172a;font-weight:600}.welcome-dot{color:#94a3b8;font-size:8px}.welcome-status{color:#22c55e;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.status-indicator{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite statusPulse;display:inline-block}.header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-actions{gap:4px;display:flex}.action-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.action-btn:hover{color:#0f172a;background:#f1f5f9}.action-badge{color:#fff;text-align:center;background:#ef4444;border:2px solid #fff;border-radius:50%;min-width:18px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;top:4px;right:4px;box-shadow:0 2px 8px #ef44444d}.header-profile{position:relative}.profile-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50px;align-items:center;gap:12px;padding:4px 16px 4px 4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.profile-btn:hover{background:#f8fafc;border-color:#f1f5f9}.profile-btn.active{background:#f1f5f9;border-color:#e2e8f0}.profile-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px;position:relative}.profile-avatar img{object-fit:cover;border:2px solid #4f46e51a;border-radius:50%;width:100%;height:100%}.profile-status{background:#22c55e;border:2px solid #fff;border-radius:50%;width:11px;height:11px;animation:2s infinite statusPulse;position:absolute;bottom:0;right:0;box-shadow:0 2px 8px #22c55e4d}.profile-info{text-align:left;flex-direction:column;line-height:1.2;display:flex}.profile-name{color:#0f172a;font-size:14px;font-weight:600}.profile-role{color:#94a3b8;font-size:11px}.profile-arrow{color:#94a3b8;align-items:center;transition:transform .3s;display:flex}.profile-dropdown{z-index:1000;background:#fff;border:1px solid #f1f5f9;border-radius:16px;min-width:280px;padding:8px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 60px #0000001f}.dropdown-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:12px 12px 16px;display:flex}.dropdown-avatar{border-radius:50%;flex-shrink:0;width:48px;height:48px;position:relative}.dropdown-avatar img{object-fit:cover;border:2px solid #4f46e51a;border-radius:50%;width:100%;height:100%}.dropdown-status{position:absolute;bottom:0;right:0}.status-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 2px 8px #22c55e4d}.dropdown-user-info{flex:1;min-width:0}.dropdown-name{color:#0f172a;font-size:15px;font-weight:600}.dropdown-role{color:#94a3b8;font-size:12px}.dropdown-email{color:#94a3b8;margin-top:2px;font-size:12px}.dropdown-stats{background:#fafbfc;border-bottom:1px solid #f1f5f9;justify-content:space-around;align-items:center;padding:12px 12px 16px;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-number{color:#0f172a;font-size:16px;font-weight:700}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.stat-divider{background:#e2e8f0;width:1px;height:24px}.profile-dropdown ul{margin:0;padding:4px 0;list-style:none}.profile-dropdown ul li a{color:#475569;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.profile-dropdown ul li a:hover{color:#0f172a;background:#f8fafc}.profile-dropdown ul li a svg{flex-shrink:0}.menu-shortcut{color:#94a3b8;background:#f1f5f9;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:400}.dropdown-divider{background:#f1f5f9;height:1px;margin:4px 0}.logout-link{color:#ef4444!important}.logout-link:hover{color:#dc2626!important;background:#fef2f2!important}.logout-link .menu-shortcut{color:#ef4444;background:#fef2f2}@media (width<=1200px){.header-welcome .welcome-status,.header-welcome .welcome-dot{display:none}}@media (width<=1024px){.header{width:100%;margin-left:0}.menu-toggle{display:flex!important}.header-welcome .welcome-status,.header-welcome .welcome-dot,.profile-info{display:none}.profile-btn{padding:4px}.page-title{font-size:18px}.page-badge{display:none}.header-container{padding:0 20px}.profile-dropdown{right:-20px}}@media (width<=768px){.header{height:60px}.header-container{gap:12px;padding:0 16px}.page-title{font-size:16px}.welcome-text{font-size:13px}.header-welcome{padding:4px 12px}.welcome-emoji{font-size:15px}.header-actions{display:none}.profile-avatar{width:32px;height:32px}.profile-status{width:9px;height:9px}.profile-dropdown{min-width:260px;right:-60px}.action-btn{width:34px;height:34px}.action-btn svg{width:18px;height:18px}.menu-toggle{width:36px;height:36px}.menu-toggle svg{width:20px;height:20px}}@media (width<=480px){.header-container{gap:8px;padding:0 12px}.page-title{font-size:14px}.header-welcome{padding:2px 10px}.welcome-text{font-size:12px}.welcome-emoji{font-size:13px}.welcome-dot,.welcome-status{display:none}.profile-avatar{width:28px;height:28px}.profile-status{border-width:1.5px;width:7px;height:7px}.profile-dropdown{min-width:240px;right:-80px}.dropdown-header{padding:10px 12px 12px}.dropdown-avatar{width:40px;height:40px}.dropdown-name{font-size:14px}.dropdown-email{font-size:11px}.dropdown-stats{padding:10px 12px}.stat-number{font-size:14px}.profile-dropdown ul li a{padding:8px 10px;font-size:13px}.menu-toggle{width:32px;height:32px;padding:4px}.menu-toggle svg{width:18px;height:18px}}.d-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.d-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}@media (width<=1024px){.d-content{width:100%;margin-left:0;padding-top:60px}}.d-main{flex:1;width:100%;padding:24px 0 30px}.d-container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px}.d-loading-container{justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.d-loading-spinner{flex-direction:column;align-items:center;gap:16px;display:flex}.d-spinner-ring{border:4px solid #f1f5f9;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;animation:1s linear infinite dSpin}.d-loading-spinner span{color:#64748b;font-size:14px;font-weight:500}.d-welcome{background:#fff;border:1px solid #f1f5f9;border-radius:24px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.d-welcome-bg{z-index:0;background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);height:100%;min-height:140px;position:absolute;inset:0;overflow:hidden}.d-welcome-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.d-welcome-glow{pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.d-welcome-content{z-index:1;justify-content:space-between;align-items:center;gap:24px;min-height:140px;padding:28px 32px;display:flex;position:relative}.d-welcome-left{flex:1}.d-welcome-badge{color:#a78bfa;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-flex}.d-welcome-badge svg{animation:2s infinite dPulse}.d-welcome-title{color:#fff;margin:0 0 2px;font-size:24px;font-weight:700}.d-welcome-emoji{margin-right:6px;animation:2s infinite dWave;display:inline-block}.d-welcome-subtitle{color:#ffffffb3;margin:0;font-size:14px}.d-welcome-right{flex-shrink:0}.d-date-display{color:#fffc;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;display:flex}.d-date-display svg{color:#fff6}.d-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-bottom:24px;display:grid}.d-stat-card{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.d-stat-card:hover{border-color:#e2e8f0;box-shadow:0 8px 30px #0000000f}.d-stat-progress{opacity:.8;border-radius:0 3px 3px 0;width:70%;height:3px;position:absolute;top:0;left:0}.d-stat-top{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.d-stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.d-stat-icon-wrapper svg{width:22px;height:22px}.d-stat-change{border-radius:20px;align-items:center;gap:3px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.d-stat-change.positive{color:#059669;background:#dcfce7}.d-stat-change.negative{color:#dc2626;background:#fef2f2}.d-stat-change svg{width:14px;height:14px}.d-stat-info{flex-direction:column;gap:2px;display:flex}.d-stat-label{color:#64748b;font-size:12px;font-weight:500}.d-stat-value{color:#0f172a;letter-spacing:-.3px;font-size:22px;font-weight:700}.d-analytics-grid,.d-analytics-grid-bottom{grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-bottom:20px;display:grid}.d-analytics-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;width:100%;padding:20px 24px;transition:all .3s;box-shadow:0 1px 3px #0000000a}.d-analytics-card:hover{border-color:#e2e8f0;box-shadow:0 4px 20px #0000000f}.d-analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:18px;display:flex}.d-analytics-title-group{align-items:flex-start;gap:12px;display:flex}.d-analytics-icon-badge{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.d-brand-badge{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.d-hq-badge{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.d-trends-badge{background:linear-gradient(135deg,#059669,#10b981)}.d-insights-badge{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.d-analytics-title{color:#0f172a;margin:0;font-size:16px;font-weight:600}.d-analytics-subtitle{color:#94a3b8;margin-top:1px;font-size:12px;font-weight:400;display:block}.d-analytics-stats-mini{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.d-mini-stat{color:#475569;background:#f1f5f9;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.d-mini-success{color:#059669;background:#d1fae5}.d-mini-warning{color:#d97706;background:#fef3c7}.d-mini-danger{color:#dc2626;background:#fee2e2}.d-brand-list{flex-direction:column;gap:10px;width:100%;display:flex}.d-brand-item{background:#fafbfc;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .2s;display:flex}.d-brand-item:hover{background:#f8fafc}.d-brand-info{align-items:center;gap:10px;display:flex}.d-brand-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.d-brand-name-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.d-brand-name{color:#0f172a;font-size:13px;font-weight:600}.d-brand-demand{border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600}.d-brand-bar-wrapper{align-items:center;gap:10px;display:flex}.d-brand-bar-track{background:#f1f5f9;border-radius:4px;flex:1;height:6px;overflow:hidden}.d-brand-bar-fill{border-radius:4px;height:100%;transition:width .6s}.d-brand-percent{color:#0f172a;text-align:right;min-width:36px;font-size:12px;font-weight:600}.d-brand-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:2px;display:flex}.d-brand-change{align-items:center;gap:2px;font-size:11px;font-weight:600;display:inline-flex}.d-brand-reason{color:#64748b;align-items:center;gap:4px;font-size:11px;display:inline-flex}.d-hq-list{flex-direction:column;gap:10px;width:100%;display:flex}.d-hq-item{background:#fafbfc;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .2s;display:flex}.d-hq-item:hover{background:#f8fafc}.d-hq-info{align-items:center;gap:10px;display:flex}.d-hq-icon{text-align:center;flex-shrink:0;width:28px;font-size:20px}.d-hq-name-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.d-hq-name{color:#0f172a;font-size:13px;font-weight:600}.d-hq-chemist-count{color:#64748b;align-items:center;gap:4px;font-size:11px;display:inline-flex}.d-hq-bar-wrapper{align-items:center;gap:10px;display:flex}.d-hq-bar-track{background:#f1f5f9;border-radius:4px;flex:1;height:6px;overflow:hidden}.d-hq-bar-fill{border-radius:4px;height:100%;transition:width .6s}.d-hq-percent{color:#0f172a;text-align:right;min-width:36px;font-size:12px;font-weight:600}.d-hq-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.d-hq-change{align-items:center;gap:2px;font-size:11px;font-weight:600;display:inline-flex}.d-hq-status-badge{border-radius:12px;padding:2px 10px;font-size:10px;font-weight:600}.d-hq-reason{color:#64748b;align-items:center;gap:4px;font-size:11px;display:inline-flex}.d-trends-stats{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.d-trend-stat{color:#475569;align-items:center;gap:6px;font-size:12px;display:flex}.d-trend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.d-trend-dot.registration-dot{background:#4f46e5}.d-trend-dot.sales-dot{background:#818cf8}.d-trend-value{color:#0f172a;font-size:14px;font-weight:700}.d-trend-growth{color:#059669;background:#d1fae5;border-radius:20px;padding:2px 10px;font-weight:600}.d-trends-chart{width:100%;margin-top:12px}.d-trends-bars{justify-content:space-between;align-items:flex-end;gap:6px;height:140px;margin-bottom:8px;display:flex}.d-trend-bar-group{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.d-trend-bar-wrapper{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:120px;display:flex}.d-trend-bar{border-radius:3px 3px 0 0;width:12px;min-height:4px;transition:height .6s}.d-trend-bar.registration-bar{background:#4f46e5}.d-trend-bar.sales-bar{background:#818cf8}.d-trend-label{color:#94a3b8;margin-top:2px;font-size:9px;font-weight:500}.d-trends-legend{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:8px;display:flex}.d-trends-legend span{color:#64748b;align-items:center;gap:6px;font-size:11px;display:flex}.d-legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.d-legend-dot.registration-dot{background:#4f46e5}.d-legend-dot.sales-dot{background:#818cf8}.d-insights-refresh{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;transition:all .2s;display:flex}.d-insights-refresh:hover{background:#f8fafc;border-color:#94a3b8}.d-insights-list{flex-direction:column;gap:10px;margin-top:4px;display:flex}.d-insight-item{background:#fafbfc;border-left:4px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.d-insight-item:hover{background:#f8fafc}.d-insight-success{border-left-color:#059669}.d-insight-warning{border-left-color:#d97706}.d-insight-info{border-left-color:#4f46e5}.d-insight-icon-wrapper{background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.d-insight-success .d-insight-icon-wrapper{color:#059669;background:#d1fae5}.d-insight-warning .d-insight-icon-wrapper{color:#d97706;background:#fef3c7}.d-insight-info .d-insight-icon-wrapper{color:#4f46e5;background:#eef2ff}.d-insight-content{flex:1;min-width:0}.d-insight-title{color:#0f172a;font-size:13px;font-weight:600}.d-insight-description{color:#64748b;margin-top:1px;font-size:12px}.d-insight-action-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;margin-top:6px;padding:2px 12px;font-size:11px;transition:all .2s}.d-insight-action-btn:hover{background:#f1f5f9;border-color:#94a3b8}.d-activity-section-full{width:100%;margin-top:4px}.d-activity-section{background:#fff;border:1px solid #f1f5f9;border-radius:16px;width:100%;padding:20px 24px;transition:all .3s;box-shadow:0 1px 3px #0000000a}.d-activity-section:hover{border-color:#e2e8f0}.d-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.d-section-title{color:#0f172a;margin:0;font-size:17px;font-weight:600}.d-section-subtitle{color:#94a3b8;margin-top:2px;font-size:12px;font-weight:400;display:block}.d-view-all{color:#4f46e5;align-items:center;gap:4px;padding:4px 0;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.d-view-all:hover{color:#4338ca;gap:8px}.d-activity-list{flex-direction:column;gap:6px;width:100%;display:flex}.d-activity-item{border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.d-activity-item:hover{background:#f8fafc}.d-activity-indicator{opacity:0;background:#4f46e5;border-radius:0 3px 3px 0;width:3px;height:18px;transition:opacity .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.d-activity-item:hover .d-activity-indicator{opacity:1}.d-activity-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;display:flex}.d-activity-chemist{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.d-activity-cashback{background:linear-gradient(135deg,#059669,#10b981)}.d-activity-gratification{background:linear-gradient(135deg,#d97706,#f59e0b)}.d-activity-employee{background:linear-gradient(135deg,#2563eb,#3b82f6)}.d-activity-details{flex:1;min-width:0}.d-activity-user{color:#0f172a;font-size:13px;font-weight:600}.d-activity-action{color:#64748b;font-size:12px}.d-activity-time-wrapper{color:#94a3b8;flex-shrink:0;align-items:center;gap:4px;display:flex}.d-activity-time-wrapper svg{width:14px;height:14px}.d-activity-time{white-space:nowrap;font-size:11px}.d-footer{text-align:center;margin-top:4px;padding:8px 0}.d-footer-content{color:#94a3b8;background:#fff;border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:12px;display:inline-flex}.d-footer-content svg{color:#4f46e5}@media (width<=1200px){.d-container{padding:0 20px}.d-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}.d-analytics-grid,.d-analytics-grid-bottom{grid-template-columns:1fr 1fr;gap:16px}}@media (width<=1024px){.d-content{width:100%;margin-left:0;padding-top:60px}.d-analytics-grid,.d-analytics-grid-bottom{grid-template-columns:1fr;gap:16px}.d-welcome-content{flex-direction:column;align-items:flex-start;padding:20px 24px}.d-welcome-title{font-size:22px}.d-welcome-right{width:100%}.d-date-display{justify-content:center;width:100%}.d-stat-value{font-size:20px}}@media (width<=768px){.d-container{padding:0 16px}.d-main{padding:16px 0 20px}.d-welcome-content{min-height:120px;padding:16px 20px}.d-welcome-title{font-size:20px}.d-welcome-subtitle{font-size:13px}.d-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.d-stat-card{padding:14px 16px}.d-stat-value{font-size:18px}.d-stat-icon-wrapper{width:38px;height:38px}.d-stat-icon-wrapper svg{width:18px;height:18px}.d-analytics-card{padding:16px 20px}.d-analytics-title{font-size:15px}.d-brand-item,.d-hq-item{padding:8px 10px}.d-brand-name,.d-hq-name{font-size:12px}.d-trends-bars{height:100px}.d-trend-bar{width:10px}.d-activity-section{padding:16px 20px}.d-activity-item{padding:8px 10px}.d-activity-avatar{width:34px;height:34px;font-size:12px}.d-section-title{font-size:16px}.d-analytics-header{flex-direction:column;align-items:flex-start}.d-analytics-stats-mini{margin-top:4px}.d-trends-stats{gap:10px}}@media (width<=480px){.d-container{padding:0 12px}.d-main{padding:12px 0 16px}.d-welcome-content{min-height:100px;padding:14px 16px}.d-welcome-title{font-size:18px}.d-welcome-badge{padding:2px 10px;font-size:10px}.d-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.d-stat-card{padding:12px 14px}.d-stat-value{font-size:16px}.d-stat-label{font-size:10px}.d-stat-change{padding:1px 6px;font-size:10px}.d-stat-icon-wrapper{border-radius:10px;width:34px;height:34px}.d-stat-icon-wrapper svg{width:16px;height:16px}.d-analytics-card{border-radius:12px;padding:14px 16px}.d-analytics-title{font-size:14px}.d-analytics-subtitle{font-size:11px}.d-analytics-icon-badge{width:32px;height:32px}.d-brand-item,.d-hq-item{padding:6px 8px}.d-brand-name,.d-hq-name{font-size:11px}.d-brand-demand,.d-hq-status-badge{padding:1px 6px;font-size:9px}.d-brand-percent,.d-hq-percent{min-width:30px;font-size:11px}.d-brand-meta,.d-hq-meta{gap:6px}.d-brand-reason,.d-hq-reason{font-size:10px}.d-trends-bars{gap:4px;height:80px}.d-trend-bar{width:8px}.d-trend-label{font-size:8px}.d-trends-legend span{font-size:10px}.d-insight-item{gap:8px;padding:8px 10px}.d-insight-icon-wrapper{width:28px;height:28px}.d-insight-title{font-size:12px}.d-insight-description{font-size:11px}.d-insight-action-btn{padding:1px 10px;font-size:10px}.d-activity-section{border-radius:12px;padding:14px 16px}.d-activity-item{flex-wrap:wrap;gap:8px;padding:6px 8px}.d-activity-avatar{width:30px;height:30px;font-size:10px}.d-activity-user{font-size:11px}.d-activity-action{font-size:10px}.d-activity-time-wrapper{width:100%;padding-left:38px}.d-activity-time-wrapper svg{width:12px;height:12px}.d-activity-time{font-size:9px}.d-section-title{font-size:14px}.d-view-all{font-size:11px}.d-footer-content{padding:6px 14px;font-size:11px}}@media (width<=360px){.d-stats-grid{grid-template-columns:1fr;gap:8px}.d-welcome-title{font-size:16px}.d-stat-value{font-size:14px}.d-trends-bars{height:70px}.d-trend-bar{width:6px}}.d-agent-section{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-top:28px;padding:20px 24px;transition:all .3s;box-shadow:0 1px 3px #0000000a}.d-agent-section:hover{border-color:#e2e8f0}.d-agent-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.d-agent-header h2{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.d-agent-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 12px;font-size:14px}.d-table-wrap{overflow-x:auto}.d-agent-table{border-collapse:collapse;width:100%;font-size:14px}.d-agent-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f1f5f9;padding:10px 12px;font-size:12px;font-weight:600}.d-agent-table tbody td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px}.d-agent-table tbody tr:last-child td{border-bottom:none}.d-agent-table tbody tr{transition:background .2s}.d-status-badge{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.d-status-active{color:#059669;background:#d1fae5}.d-status-inactive{color:#dc2626;background:#fee2e2}.d-pending-count{color:#4f46e5;background:#eef2ff;border-radius:12px;padding:2px 10px;font-size:14px;font-weight:700;display:inline-block}.d-edit-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;transition:all .2s;display:inline-flex}.d-edit-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.d-loading-cell,.d-empty-cell{text-align:center;color:#94a3b8;padding:30px}.d-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.d-modal-content{background:#fff;border-radius:16px;width:100%;max-width:480px;animation:.3s dModalSlideUp;box-shadow:0 25px 60px #0000004d}@keyframes dModalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.d-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.d-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:600}.d-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.d-modal-close:hover{color:#0f172a;background:#f1f5f9}.d-modal-body{padding:20px}.d-modal-subtitle{color:#64748b;margin-bottom:16px;font-size:14px}.d-modal-error{color:#dc2626;background:#fef2f2;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:14px;display:flex}.d-form-group{margin-bottom:14px}.d-form-group label{color:#475569;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.d-form-input,.d-form-select{color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s}.d-form-input:focus,.d-form-select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.d-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.d-modal-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.d-modal-btn-secondary{color:#475569;background:#f1f5f9}.d-modal-btn-secondary:hover{background:#e2e8f0}.d-modal-btn-primary{color:#fff;background:#4f46e5}.d-modal-btn-primary:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.d-modal-btn-primary:disabled{opacity:.6;cursor:not-allowed}.d-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite dSpin;display:inline-block}@media (width<=768px){.d-agent-section{padding:16px}.d-agent-header{flex-direction:column;align-items:flex-start;gap:8px}.d-agent-table{font-size:13px}.d-agent-table thead th,.d-agent-table tbody td{padding:8px}.d-modal-content{max-width:100%;margin:0 10px}.d-modal-footer{flex-direction:column}.d-modal-btn{justify-content:center}}.pi-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.pi-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}@media (width<=1024px){.pi-content{width:100%;margin-left:0;padding-top:60px}}.pi-main{flex:1;width:100%;padding:24px 0 30px}.pi-container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px}.pi-welcome{background:#fff;border:1px solid #f1f5f9;border-radius:24px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.pi-welcome-bg{z-index:0;background:linear-gradient(135deg,#1a1a3e 0%,#2d2b6e 40%,#4f46e5 100%);height:100%;min-height:140px;position:absolute;inset:0;overflow:hidden}.pi-welcome-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.pi-welcome-glow{pointer-events:none;background:radial-gradient(#a78bfa26 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.pi-welcome-content{z-index:1;justify-content:space-between;align-items:center;gap:24px;min-height:140px;padding:28px 32px;display:flex;position:relative}.pi-welcome-left{flex:1}.pi-welcome-badge{color:#a78bfa;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-flex}.pi-welcome-badge svg{animation:2s infinite piPulse}@keyframes piPulse{0%,to{opacity:1}50%{opacity:.5}}.pi-welcome-title{color:#fff;margin:0 0 2px;font-size:24px;font-weight:700}.pi-welcome-emoji{margin-right:6px;animation:2s infinite piWave;display:inline-block}@keyframes piWave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.pi-welcome-subtitle{color:#ffffffb3;margin:0;font-size:14px}.pi-welcome-right{flex-shrink:0}.pi-date-display{color:#fffc;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;display:flex}.pi-date-display svg{color:#fff6}.pi-stats-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (width<=768px){.pi-stats-grid{grid-template-columns:1fr}}.pi-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000a}.pi-stat-card:hover{border-color:#e2e8f0;box-shadow:0 4px 20px #0000000f}.pi-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pi-stat-info{flex-direction:column;display:flex}.pi-stat-label{color:#64748b;font-size:13px;font-weight:500}.pi-stat-value{color:#0f172a;letter-spacing:-.3px;font-size:22px;font-weight:700}.pi-filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.pi-search-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;min-width:200px;padding:0 14px;transition:border-color .2s;display:flex}.pi-search-wrapper:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.pi-search-icon{color:#94a3b8;margin-right:10px}.pi-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-size:14px}.pi-search-input::placeholder{color:#94a3b8}.pi-filter-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;min-width:150px;padding:0 14px;display:flex;position:relative}.pi-filter-wrapper svg:first-child{color:#94a3b8;margin-right:8px}.pi-filter-select{color:#0f172a;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-size:14px}.pi-filter-arrow{color:#94a3b8;pointer-events:none;position:absolute;right:12px}.pi-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 24px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.pi-table-card:hover{border-color:#e2e8f0;box-shadow:0 4px 20px #0000000f}.pi-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.pi-table-title{color:#0f172a;margin:0;font-size:17px;font-weight:600}.pi-table-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 12px;font-size:13px}.pi-table-responsive{margin:0 -4px;overflow-x:auto}.pi-table{border-collapse:collapse;width:100%;font-size:14px}.pi-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f1f5f9;padding:12px;font-size:12px;font-weight:600}.pi-table tbody td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 12px}.pi-table tbody tr:last-child td{border-bottom:none}.pi-table tbody tr{transition:background .2s}.pi-invoice-number{color:#4f46e5;font-weight:600}.pi-client-cell{align-items:center;gap:6px;display:flex}.pi-client-cell svg{color:#94a3b8}.pi-amount{color:#0f172a;font-weight:600}.pi-description{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.pi-status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.pi-status-pending{color:#d97706;background:#fef3c7}.pi-status-approved{color:#059669;background:#d1fae5}.pi-status-rejected{color:#dc2626;background:#fee2e2}.pi-action-buttons{gap:6px;display:flex}.pi-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.pi-btn:hover{transform:scale(1.05)}.pi-btn-approve{color:#059669;border-color:#d1fae5}.pi-btn-approve:hover{background:#d1fae5;border-color:#059669}.pi-btn-reject{color:#dc2626;border-color:#fee2e2}.pi-btn-reject:hover{background:#fee2e2;border-color:#dc2626}.pi-btn-info{color:#4f46e5;border-color:#e0e7ff}.pi-btn-info:hover{background:#e0e7ff;border-color:#4f46e5}.pi-empty-state{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.pi-empty-state svg{color:#cbd5e1}.pi-footer{text-align:center;margin-top:16px;padding:8px 0}.pi-footer-content{color:#94a3b8;background:#fff;border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:12px;display:inline-flex}.pi-footer-content svg{color:#4f46e5}@media (width<=1200px){.pi-container{padding:0 20px}}@media (width<=1024px){.pi-welcome-content{flex-direction:column;align-items:flex-start;padding:20px 24px}.pi-welcome-title{font-size:22px}.pi-welcome-right{width:100%}.pi-date-display{justify-content:center;width:100%}}@media (width<=768px){.pi-container{padding:0 16px}.pi-main{padding:16px 0 20px}.pi-welcome-content{min-height:120px;padding:16px 20px}.pi-welcome-title{font-size:20px}.pi-welcome-subtitle{font-size:13px}.pi-stat-value{font-size:18px}.pi-table-card{padding:16px 20px}.pi-filters-bar{flex-direction:column;align-items:stretch}.pi-search-wrapper,.pi-filter-wrapper{min-width:100%}.pi-table-responsive{margin:0 -16px;padding:0 16px}.pi-table thead th,.pi-table tbody td{padding:10px 8px;font-size:13px}.pi-description{max-width:100px}.pi-action-buttons{gap:4px}.pi-btn{width:28px;height:28px}}@media (width<=480px){.pi-container{padding:0 12px}.pi-welcome-content{min-height:100px;padding:14px 16px}.pi-welcome-title{font-size:18px}.pi-welcome-badge{padding:2px 10px;font-size:10px}.pi-stat-card{padding:14px 16px}.pi-stat-value{font-size:16px}.pi-stat-label{font-size:11px}.pi-table-card{border-radius:12px;padding:14px 16px}.pi-table-title{font-size:15px}.pi-table-count{font-size:11px}.pi-table thead th,.pi-table tbody td{padding:8px 6px;font-size:12px}.pi-description{max-width:70px}.pi-btn{width:26px;height:26px}.pi-btn svg{width:14px;height:14px}}.pi-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.pi-pagination-info{color:#64748b;font-size:14px;font-weight:500}.pi-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pi-pagination-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 12px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.pi-pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.pi-pagination-btn:active:not(:disabled){transform:scale(.96)}.pi-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pi-pagination-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.pi-pagination-btn.active:hover{background:#4338ca;border-color:#4338ca}@media (width<=768px){.pi-pagination{flex-direction:column;align-items:stretch;gap:12px}.pi-pagination-info{text-align:center;font-size:13px}.pi-pagination-controls{justify-content:center;gap:4px}.pi-pagination-btn{min-width:32px;height:32px;padding:0 8px;font-size:13px}}@media (width<=480px){.pi-pagination-btn{min-width:28px;height:28px;padding:0 6px;font-size:12px}.pi-pagination-btn span{display:none}}.pi-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.25s piModalFadeIn;display:flex;position:fixed;inset:0}@keyframes piModalFadeIn{0%{opacity:0}to{opacity:1}}.pi-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;max-height:92vh;animation:.3s piModalSlideUp;display:flex;box-shadow:0 25px 60px #0000004d}@keyframes piModalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.pi-modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pi-modal-header h2{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.pi-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.pi-modal-close:hover{color:#0f172a;background:#f1f5f9}.pi-modal-body{flex:1;padding:24px;overflow-y:auto}.pi-modal-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.pi-modal-loading .pi-spinner-ring{border:4px solid #f1f5f9;border-top-color:#4f46e5;border-radius:50%;width:40px;height:40px;animation:1s linear infinite piSpin}@keyframes piSpin{to{transform:rotate(360deg)}}.pi-modal-error{color:#dc2626;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.pi-modal-grid{grid-template-columns:1fr 1.2fr;gap:24px;display:grid}.pi-modal-image-section{flex-direction:column;gap:10px;display:flex}.pi-modal-image-label{color:#0f172a;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.pi-modal-image-wrapper{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:300px;display:flex;overflow:hidden}.pi-modal-image-wrapper img{object-fit:contain;width:100%;height:100%;max-height:500px}.pi-modal-image-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:12px;display:flex}.pi-modal-image-placeholder svg{color:#cbd5e1}.pi-modal-details-section{flex-direction:column;gap:20px;display:flex}.pi-modal-details-group h3{color:#0f172a;margin:0 0 12px;font-size:15px;font-weight:600}.pi-modal-details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pi-modal-detail-full{grid-column:1/-1}.pi-modal-detail-item label{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.pi-modal-input{color:#0f172a;cursor:default;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-size:14px}.pi-modal-items-group{flex:1}.pi-modal-items-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pi-modal-items-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:600}.pi-modal-items-actions{gap:8px;display:flex}.pi-modal-select-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 12px;font-size:12px;transition:all .2s}.pi-modal-select-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.pi-modal-items-list{border:1px solid #f1f5f9;border-radius:8px;max-height:220px;padding:8px 0;overflow-y:auto}.pi-modal-item-checkbox{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:center;gap:12px;padding:8px 14px;transition:background .15s;display:flex}.pi-modal-item-checkbox:hover{background:#f8fafc}.pi-modal-item-checkbox:last-child{border-bottom:none}.pi-modal-no-items{text-align:center;color:#94a3b8;padding:30px}.pi-modal-selected-count{color:#64748b;margin-top:8px;font-size:13px}.pi-modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.pi-modal-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.pi-modal-btn-secondary{color:#475569;background:#f1f5f9}.pi-modal-btn-secondary:hover{background:#e2e8f0}.pi-modal-btn-primary{color:#fff;background:#4f46e5}.pi-modal-btn-primary:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.pi-modal-btn-primary:disabled{opacity:.6;cursor:not-allowed}.pi-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite piSpin;display:inline-block}@media (width<=1024px){.pi-modal-grid{grid-template-columns:1fr}.pi-modal-image-wrapper{min-height:200px;max-height:300px}.pi-modal-image-wrapper img{max-height:300px}}@media (width<=768px){.pi-modal-overlay{padding:10px}.pi-modal-content{border-radius:12px;max-height:98vh}.pi-modal-header{padding:14px 18px}.pi-modal-header h2{font-size:17px}.pi-modal-body{padding:16px}.pi-modal-details-grid{grid-template-columns:1fr}.pi-modal-items-header{flex-direction:column;align-items:flex-start}.pi-modal-footer{flex-direction:column-reverse;gap:8px;padding:12px 16px}.pi-modal-btn{justify-content:center;width:100%;padding:12px}.pi-modal-item-checkbox{padding:6px 12px}.pi-modal-item-name{font-size:13px}}@media (width<=480px){.pi-modal-overlay{padding:6px}.pi-modal-content{border-radius:10px}.pi-modal-header h2{font-size:15px}.pi-modal-close{width:34px;height:34px}.pi-modal-body{padding:12px}.pi-modal-image-wrapper{min-height:150px;max-height:200px}.pi-modal-items-list{max-height:150px}.pi-modal-select-btn{padding:3px 10px;font-size:11px}}.pi-modal-reject .pi-modal-content{max-width:500px}.pi-reject-textarea{color:#0f172a;resize:vertical;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.pi-reject-textarea:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.pi-modal-btn-danger{color:#fff;background:#dc2626}.pi-modal-btn-danger:hover:not(:disabled){background:#b91c1c}.pi-modal-campaign-brands{margin-top:16px}.pi-campaign-brands-list{flex-direction:column;gap:6px;padding:8px 0;display:flex}.pi-campaign-brand-item{background:#f8fafc;border-left:3px solid #4f46e5;border-radius:6px;flex-direction:column;padding:6px 12px;display:flex}.pi-campaign-brand-name{color:#0f172a;font-size:13px;font-weight:600}.pi-campaign-brand-keywords{color:#64748b;word-break:break-all;font-size:12px}.pi-text-muted{color:#94a3b8;font-size:14px}.pi-modal-large .pi-modal-content{max-width:1300px}.pi-modal-left,.pi-modal-right{flex-direction:column;gap:16px}.pi-modal-item-row{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:4px;padding:8px 12px;transition:background .2s;display:flex}.pi-modal-item-row.included{background:#f0fdf4}.pi-modal-item-row.matched{border-left:3px solid #059669}.pi-modal-item-row:last-child{border-bottom:none}.pi-modal-item-checkbox{align-items:center;gap:10px;display:flex}.pi-modal-item-checkbox input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;flex-shrink:0;width:18px;height:18px}.pi-modal-item-name{color:#0f172a;flex:1;font-size:14px}.pi-modal-item-qty{color:#475569;background:#f1f5f9;border-radius:12px;padding:2px 10px;font-size:13px;font-weight:500}.pi-modal-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;padding:4px 8px;font-size:13px}.pi-modal-select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.pi-match-badge{color:#059669;white-space:nowrap;background:#dcfce7;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}@media (width<=1024px){.pi-modal-grid{grid-template-columns:1fr}.pi-modal-left,.pi-modal-right{gap:12px}.pi-modal-item-mapping{flex-wrap:wrap}}@media (width<=768px){.pi-modal-item-row{padding:6px 10px}.pi-modal-item-checkbox{flex-wrap:wrap}.pi-modal-item-mapping{margin-left:0}.pi-modal-select{min-width:100%}}.pi-modal-content.pi-modal-large{flex-direction:column;width:95%;max-width:1300px;height:92vh;max-height:92vh;display:flex}.pi-modal-body{flex:1;padding:16px 20px;overflow:hidden}.pi-modal-grid{grid-template-columns:1fr 1.2fr;gap:20px;height:100%;display:grid}.pi-modal-left,.pi-modal-right{flex-direction:column;gap:12px;height:100%;overflow:auto}.pi-modal-details-compact{flex-shrink:0}.pi-modal-details-compact h3{margin-bottom:8px;font-size:14px}.pi-modal-details-grid-compact{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pi-modal-details-grid-compact .pi-modal-detail-item label{margin-bottom:2px;font-size:11px}.pi-modal-details-grid-compact .pi-modal-input{height:32px;padding:4px 8px;font-size:13px}.pi-modal-details-grid-compact .pi-modal-detail-full{grid-column:1/-1}.pi-modal-reject-reason{flex-shrink:0}.pi-reject-reason-wrapper{flex-direction:column;gap:8px;display:flex}.pi-reject-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:6px 10px;font-size:14px}.pi-reject-custom{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}.pi-reject-hint{color:#94a3b8;font-size:12px}.pi-modal-items-group{flex-direction:column;flex:1;min-height:0}.pi-modal-items-list{border:1px solid #f1f5f9;border-radius:8px;flex:1;max-height:none;padding:4px 0;overflow-y:auto}.pi-modal-items-list::-webkit-scrollbar{width:6px}.pi-modal-items-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.pi-modal-items-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pi-modal-items-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pi-modal-item-row{border-bottom:1px solid #f8fafc;padding:6px 12px}.pi-image-scroll-container{cursor:grab;background:#f8fafc;width:100%;height:100%;max-height:100%;overflow:auto}.pi-image-scroll-container img{width:auto;max-width:none;height:auto;transition:transform .1s;display:block}.pi-image-scroll-container:active{cursor:grabbing}@media (width<=1024px){.pi-modal-grid{grid-template-columns:1fr;gap:12px}.pi-modal-left{max-height:40vh}.pi-modal-right{max-height:50vh}}@media (width<=768px){.pi-modal-content.pi-modal-large{width:98%;height:98vh}.pi-modal-body{padding:12px}.pi-modal-details-grid-compact{grid-template-columns:1fr}.pi-modal-item-checkbox{flex-wrap:wrap}.pi-modal-item-mapping{flex-wrap:wrap;margin-left:0}.pi-modal-select{min-width:100%}}.pi-modal-campaign-brands{background:#f8fafc;border-radius:8px;margin-bottom:8px;padding:8px 12px}.pi-modal-campaign-brands h4{color:#0f172a;align-items:center;gap:6px;margin:0 0 6px;font-size:13px;font-weight:600;display:flex}.pi-campaign-brands-list{flex-wrap:wrap;gap:6px;display:flex}.pi-campaign-brand-tag{color:#334155;background:#e2e8f0;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.pi-modal-item-qty-edit{align-items:center;gap:4px;margin-left:auto;display:flex}.pi-qty-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .15s;display:flex}.pi-qty-btn:hover:not(:disabled){background:#f1f5f9}.pi-qty-btn:disabled{opacity:.4;cursor:not-allowed}.pi-qty-input{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;width:44px;height:24px;padding:0 2px;font-size:13px;font-weight:500}.pi-qty-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.pi-modal-item-checkbox{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pi-modal-item-row{border-bottom:1px solid #f8fafc;flex-direction:column;gap:4px;padding:6px 12px;display:flex}.pi-modal-item-mapping{align-items:center;gap:10px;margin-left:28px;display:flex}.pi-modal-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;min-width:120px;padding:4px 8px;font-size:13px}.pi-modal-select:disabled{cursor:not-allowed;background:#f1f5f9}.pi-modal-item-row .pi-modal-item-name{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.pi-manual-keyword-input{color:#0f172a;background:#fff;border:1px solid #d1d5db;border-radius:4px;flex:1;min-width:120px;padding:2px 6px;font-size:13px}.pi-manual-keyword-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.pi-custom-brand-input-wrapper{flex:1;align-items:center;gap:6px;display:flex}.pi-custom-brand-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;flex:1;padding:4px 8px;font-size:13px}.pi-custom-brand-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.pi-modal-item-row.manual{background:#fffbeb;border-left:3px solid #f59e0b}.pi-manual-badge{color:#d97706;background:#fef3c7;border-radius:12px;margin-right:6px;padding:1px 8px;font-size:11px;font-weight:600}.pi-remove-manual-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.pi-remove-manual-btn:hover{background:#fef2f2}.pi-modal-add-btn{color:#fff;background:#4f46e5;border-color:#4f46e5}.pi-modal-add-btn:hover{color:#fff;background:#4338ca;border-color:#4338ca}.pi-modal-item-name{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.pi-brand-details{min-width:160px}.pi-brand-list{flex-direction:column;gap:2px;display:flex}.pi-brand-item{border-radius:3px;justify-content:space-between;padding:1px 4px;font-size:12px;transition:background .2s;display:flex}.pi-brand-item:hover{background:#f1f5f9}.pi-brand-name{color:#0f172a;font-weight:500}.pi-brand-qty{color:#475569;background:#f1f5f9;border-radius:10px;padding:0 6px;font-weight:600}.pi-column-hint{color:#94a3b8;margin-top:1px;font-size:9px;font-weight:400;display:block}@media (width<=768px){.pi-brand-details{min-width:120px}.pi-brand-item{font-size:11px}}.pi-modal-content.pi-modal-fullscreen{border-radius:16px;flex-direction:column;width:98vw;max-width:98vw;max-height:96vh;margin:0 auto;display:flex;overflow:hidden}.pi-modal-fullscreen .pi-modal-body{flex:1;padding:16px 20px;overflow:hidden}.pi-modal-fullscreen .pi-modal-grid{height:100%}.pi-modal-fullscreen .pi-modal-right{flex:1.2}.pi-modal-fullscreen .pi-modal-items-group{flex:1;min-height:0}.pi-modal-fullscreen .pi-modal-left{flex:.8}@media (width<=1024px){.pi-modal-content.pi-modal-fullscreen{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.pi-modal-fullscreen .pi-modal-grid{flex-direction:column}.pi-modal-fullscreen .pi-modal-left{flex:0 0 40vh}.pi-modal-fullscreen .pi-modal-right{flex:1}}.ai-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.ai-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}@media (width<=1024px){.ai-content{width:100%;margin-left:0;padding-top:60px}}.ai-main{flex:1;width:100%;padding:24px 0 30px}.ai-container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px}.ai-welcome{background:#fff;border:1px solid #f1f5f9;border-radius:24px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.ai-welcome-bg{z-index:0;background:linear-gradient(135deg,#064e3b 0%,#059669 40%,#10b981 100%);height:100%;min-height:140px;position:absolute;inset:0;overflow:hidden}.ai-welcome-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.ai-welcome-glow{pointer-events:none;background:radial-gradient(#10b98126 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.ai-welcome-content{z-index:1;justify-content:space-between;align-items:center;gap:24px;min-height:140px;padding:28px 32px;display:flex;position:relative}.ai-welcome-left{flex:1}.ai-welcome-badge{color:#6ee7b7;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-flex}.ai-welcome-badge svg{animation:2s infinite aiPulse}@keyframes aiPulse{0%,to{opacity:1}50%{opacity:.5}}.ai-welcome-title{color:#fff;margin:0 0 2px;font-size:24px;font-weight:700}.ai-welcome-emoji{margin-right:6px;animation:2s infinite aiWave;display:inline-block}@keyframes aiWave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.ai-welcome-subtitle{color:#ffffffb3;margin:0;font-size:14px}.ai-welcome-right{flex-shrink:0}.ai-date-display{color:#fffc;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;display:flex}.ai-date-display svg{color:#fff6}.ai-stats-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (width<=768px){.ai-stats-grid{grid-template-columns:1fr}}.ai-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000a}.ai-stat-card:hover{border-color:#e2e8f0;box-shadow:0 4px 20px #0000000f}.ai-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ai-stat-info{flex-direction:column;display:flex}.ai-stat-label{color:#64748b;font-size:13px;font-weight:500}.ai-stat-value{color:#0f172a;letter-spacing:-.3px;font-size:22px;font-weight:700}.ai-filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ai-search-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;min-width:200px;padding:0 14px;transition:border-color .2s;display:flex}.ai-search-wrapper:focus-within{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.ai-search-icon{color:#94a3b8;margin-right:10px}.ai-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-size:14px}.ai-search-input::placeholder{color:#94a3b8}.ai-filter-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;min-width:150px;padding:0 14px;display:flex;position:relative}.ai-filter-wrapper svg:first-child{color:#94a3b8;margin-right:8px}.ai-filter-select{color:#0f172a;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-size:14px}.ai-filter-arrow{color:#94a3b8;pointer-events:none;position:absolute;right:12px}.ai-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 24px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ai-table-card:hover{border-color:#e2e8f0;box-shadow:0 4px 20px #0000000f}.ai-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.ai-table-title{color:#0f172a;margin:0;font-size:17px;font-weight:600}.ai-table-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 12px;font-size:13px}.ai-table-responsive{margin:0 -4px;overflow-x:auto}.ai-table{border-collapse:collapse;width:100%;font-size:14px}.ai-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f1f5f9;padding:12px;font-size:12px;font-weight:600}.ai-table tbody td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 12px}.ai-table tbody tr:last-child td{border-bottom:none}.ai-table tbody tr{transition:background .2s}.ai-invoice-number{color:#059669;font-weight:600}.ai-client-cell{align-items:center;gap:6px;display:flex}.ai-client-cell svg{color:#94a3b8}.ai-amount{color:#0f172a;font-weight:600}.ai-description{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.ai-status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.ai-status-approved{color:#059669;background:#d1fae5}.ai-action-buttons{gap:6px;display:flex}.ai-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.ai-btn:hover{transform:scale(1.05)}.ai-btn-info{color:#059669;border-color:#d1fae5}.ai-btn-info:hover{background:#d1fae5;border-color:#059669}.ai-empty-state{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.ai-empty-state svg{color:#cbd5e1}.ai-footer{text-align:center;margin-top:16px;padding:8px 0}.ai-footer-content{color:#94a3b8;background:#fff;border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:12px;display:inline-flex}.ai-footer-content svg{color:#059669}@media (width<=1200px){.ai-container{padding:0 20px}}@media (width<=1024px){.ai-welcome-content{flex-direction:column;align-items:flex-start;padding:20px 24px}.ai-welcome-title{font-size:22px}.ai-welcome-right{width:100%}.ai-date-display{justify-content:center;width:100%}}@media (width<=768px){.ai-container{padding:0 16px}.ai-main{padding:16px 0 20px}.ai-welcome-content{min-height:120px;padding:16px 20px}.ai-welcome-title{font-size:20px}.ai-welcome-subtitle{font-size:13px}.ai-stat-value{font-size:18px}.ai-table-card{padding:16px 20px}.ai-filters-bar{flex-direction:column;align-items:stretch}.ai-search-wrapper,.ai-filter-wrapper{min-width:100%}.ai-table-responsive{margin:0 -16px;padding:0 16px}.ai-table thead th,.ai-table tbody td{padding:10px 8px;font-size:13px}.ai-description{max-width:100px}.ai-action-buttons{gap:4px}.ai-btn{width:28px;height:28px}}@media (width<=480px){.ai-container{padding:0 12px}.ai-welcome-content{min-height:100px;padding:14px 16px}.ai-welcome-title{font-size:18px}.ai-welcome-badge{padding:2px 10px;font-size:10px}.ai-stat-card{padding:14px 16px}.ai-stat-value{font-size:16px}.ai-stat-label{font-size:11px}.ai-table-card{border-radius:12px;padding:14px 16px}.ai-table-title{font-size:15px}.ai-table-count{font-size:11px}.ai-table thead th,.ai-table tbody td{padding:8px 6px;font-size:12px}.ai-description{max-width:70px}.ai-btn{width:26px;height:26px}.ai-btn svg{width:14px;height:14px}}.ai-employee{flex-direction:column;gap:1px;display:flex}.ai-emp-code{color:#94a3b8;font-size:11px}.ai-designation{color:#64748b;font-size:11px;font-weight:500}.ai-brands-list{flex-direction:column;gap:2px;min-width:120px;display:flex}.ai-brand-item{justify-content:space-between;padding:1px 0;font-size:12px;display:flex}.ai-brand-name{color:#0f172a}.ai-zero-qty{color:#94a3b8;font-weight:400}.ai-brand-qty{color:#475569;font-weight:500}.ai-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.ai-pagination-info{color:#64748b;font-size:14px;font-weight:500}.ai-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ai-pagination-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 12px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.ai-pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.ai-pagination-btn:active:not(:disabled){transform:scale(.96)}.ai-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ai-pagination-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}@media (width<=768px){.ai-pagination{flex-direction:column;align-items:stretch;gap:12px}.ai-pagination-info{text-align:center;font-size:13px}.ai-pagination-controls{justify-content:center;gap:4px}.ai-pagination-btn{min-width:32px;height:32px;padding:0 8px;font-size:13px}}@media (width<=480px){.ai-pagination-btn{min-width:28px;height:28px;padding:0 6px;font-size:12px}.ai-pagination-btn span{display:none}}.ri-page{background:#f0f2f5;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.ri-content{z-index:1;flex-direction:column;flex:1;width:calc(100% - 260px);min-height:100dvh;margin-left:260px;padding-top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:hidden}@media (width<=1024px){.ri-content{width:100%;margin-left:0;padding-top:60px}}.ri-main{flex:1;width:100%;padding:24px 0 30px}.ri-container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px}.ri-welcome{background:#fff;border:1px solid #f1f5f9;border-radius:24px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.ri-welcome-bg{z-index:0;background:linear-gradient(135deg,#7f1d1d 0%,#dc2626 40%,#f87171 100%);height:100%;min-height:140px;position:absolute;inset:0;overflow:hidden}.ri-welcome-pattern{background-image:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0f 0%,#0000 50%),radial-gradient(circle at 40% 20%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.ri-welcome-glow{pointer-events:none;background:radial-gradient(#f8717126 0%,#0000 70%);width:50%;height:100%;position:absolute;top:-30%;right:-10%}.ri-welcome-content{z-index:1;justify-content:space-between;align-items:center;gap:24px;min-height:140px;padding:28px 32px;display:flex;position:relative}.ri-welcome-left{flex:1}.ri-welcome-badge{color:#fca5a5;background:#ffffff1f;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-flex}.ri-welcome-badge svg{animation:2s infinite riPulse}@keyframes riPulse{0%,to{opacity:1}50%{opacity:.5}}.ri-welcome-title{color:#fff;margin:0 0 2px;font-size:24px;font-weight:700}.ri-welcome-emoji{margin-right:6px;animation:2s infinite riWave;display:inline-block}@keyframes riWave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.ri-welcome-subtitle{color:#ffffffb3;margin:0;font-size:14px}.ri-welcome-right{flex-shrink:0}.ri-date-display{color:#fffc;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;display:flex}.ri-date-display svg{color:#fff6}.ri-stats-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}@media (width<=768px){.ri-stats-grid{grid-template-columns:1fr}}.ri-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000a}.ri-stat-card:hover{border-color:#e2e8f0;box-shadow:0 4px 20px #0000000f}.ri-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ri-stat-info{flex-direction:column;display:flex}.ri-stat-label{color:#64748b;font-size:13px;font-weight:500}.ri-stat-value{color:#0f172a;letter-spacing:-.3px;font-size:22px;font-weight:700}.ri-filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ri-search-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;min-width:200px;padding:0 14px;transition:border-color .2s;display:flex}.ri-search-wrapper:focus-within{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.ri-search-icon{color:#94a3b8;margin-right:10px}.ri-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-size:14px}.ri-search-input::placeholder{color:#94a3b8}.ri-filter-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;min-width:150px;padding:0 14px;display:flex;position:relative}.ri-filter-wrapper svg:first-child{color:#94a3b8;margin-right:8px}.ri-filter-select{color:#0f172a;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-size:14px}.ri-filter-arrow{color:#94a3b8;pointer-events:none;position:absolute;right:12px}.ri-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 24px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.ri-table-card:hover{border-color:#e2e8f0;box-shadow:0 4px 20px #0000000f}.ri-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.ri-table-title{color:#0f172a;margin:0;font-size:17px;font-weight:600}.ri-table-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 12px;font-size:13px}.ri-table-responsive{margin:0 -4px;overflow-x:auto}.ri-table{border-collapse:collapse;width:100%;font-size:14px}.ri-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f1f5f9;padding:12px;font-size:12px;font-weight:600}.ri-table tbody td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 12px}.ri-table tbody tr:last-child td{border-bottom:none}.ri-table tbody tr{transition:background .2s}.ri-invoice-number{color:#dc2626;font-weight:600}.ri-client-cell{align-items:center;gap:6px;display:flex}.ri-client-cell svg{color:#94a3b8}.ri-amount{color:#0f172a;font-weight:600}.ri-description{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.ri-reason-cell{white-space:nowrap;text-overflow:ellipsis;color:#475569;max-width:160px;overflow:hidden}.ri-status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.ri-status-rejected{color:#dc2626;background:#fee2e2}.ri-action-buttons{gap:6px;display:flex}.ri-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.ri-btn:hover{transform:scale(1.05)}.ri-btn-info{color:#dc2626;border-color:#fee2e2}.ri-btn-info:hover{background:#fee2e2;border-color:#dc2626}.ri-empty-state{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.ri-empty-state svg{color:#cbd5e1}.ri-footer{text-align:center;margin-top:16px;padding:8px 0}.ri-footer-content{color:#94a3b8;background:#fff;border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:12px;display:inline-flex}.ri-footer-content svg{color:#dc2626}@media (width<=1200px){.ri-container{padding:0 20px}}@media (width<=1024px){.ri-welcome-content{flex-direction:column;align-items:flex-start;padding:20px 24px}.ri-welcome-title{font-size:22px}.ri-welcome-right{width:100%}.ri-date-display{justify-content:center;width:100%}}@media (width<=768px){.ri-container{padding:0 16px}.ri-main{padding:16px 0 20px}.ri-welcome-content{min-height:120px;padding:16px 20px}.ri-welcome-title{font-size:20px}.ri-welcome-subtitle{font-size:13px}.ri-stat-value{font-size:18px}.ri-table-card{padding:16px 20px}.ri-filters-bar{flex-direction:column;align-items:stretch}.ri-search-wrapper,.ri-filter-wrapper{min-width:100%}.ri-table-responsive{margin:0 -16px;padding:0 16px}.ri-table thead th,.ri-table tbody td{padding:10px 8px;font-size:13px}.ri-description,.ri-reason-cell{max-width:100px}.ri-action-buttons{gap:4px}.ri-btn{width:28px;height:28px}}@media (width<=480px){.ri-container{padding:0 12px}.ri-welcome-content{min-height:100px;padding:14px 16px}.ri-welcome-title{font-size:18px}.ri-welcome-badge{padding:2px 10px;font-size:10px}.ri-stat-card{padding:14px 16px}.ri-stat-value{font-size:16px}.ri-stat-label{font-size:11px}.ri-table-card{border-radius:12px;padding:14px 16px}.ri-table-title{font-size:15px}.ri-table-count{font-size:11px}.ri-table thead th,.ri-table tbody td{padding:8px 6px;font-size:12px}.ri-description,.ri-reason-cell{max-width:70px}.ri-btn{width:26px;height:26px}.ri-btn svg{width:14px;height:14px}}.ri-employee{flex-direction:column;gap:1px;display:flex}.ri-emp-code{color:#94a3b8;font-size:11px}.ri-designation{color:#64748b;font-size:11px;font-weight:500}.ri-reason-cell{white-space:nowrap;text-overflow:ellipsis;color:#dc2626;max-width:180px;font-weight:500;overflow:hidden}.ri-pagination{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.ri-pagination-info{color:#64748b;font-size:14px;font-weight:500}.ri-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ri-pagination-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 12px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.ri-pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.ri-pagination-btn:active:not(:disabled){transform:scale(.96)}.ri-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ri-pagination-btn.active{color:#fff;background:#dc2626;border-color:#dc2626}@media (width<=768px){.ri-pagination{flex-direction:column;align-items:stretch;gap:12px}.ri-pagination-info{text-align:center;font-size:13px}.ri-pagination-controls{justify-content:center;gap:4px}.ri-pagination-btn{min-width:32px;height:32px;padding:0 8px;font-size:13px}}@media (width<=480px){.ri-pagination-btn{min-width:28px;height:28px;padding:0 6px;font-size:12px}.ri-pagination-btn span{display:none}}