:root{--text:#6b6375;--text-h:#08060d;--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:"Geist", sans-serif;--heading:"Geist", sans-serif;--mono:ui-monospace, Consolas, monospace;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;-webkit-tap-highlight-color:transparent;outline:none;display:none}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=768px){:root{font-size:16px;display:block}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--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)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;height:100%;margin:0 auto;display:flex}:focus{outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.recharts-wrapper:focus,.recharts-wrapper:focus-visible,.recharts-surface:focus,.recharts-surface:focus-visible{outline:none!important}.section:has(.recharts-wrapper) svg{outline:none!important}.section:has(.recharts-wrapper) svg:focus-visible{outline:none!important}.ant-app,.ant-typography,.ant-btn,.ant-input,.ant-input-password,.ant-select,.ant-form,.ant-form-item-label>label,.ant-modal,.ant-drawer,.ant-menu{font-family:Geist,sans-serif!important}html,body{font-optical-sizing:auto;margin:0;padding:0;font-family:Geist,sans-serif;font-style:normal}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%}:scope::-webkit-scrollbar{display:none}.login-page{box-sizing:border-box;background:#fff;justify-content:center;height:100dvh;padding:24px;display:flex;overflow:hidden}.login-container{flex-direction:column;width:100%;max-width:380px;height:100%;display:flex}.login-logo{justify-content:center;margin-top:40px;margin-bottom:16px;display:flex}.login-logo img{object-fit:contain;width:92px;height:92px}.login-title{color:#1f1f1f;text-align:center;margin:0 0 32px;font-size:1.4rem;font-weight:700;line-height:1.3}.login-form{flex-direction:column;flex:1;display:flex}.login-form .ant-form-item{margin-bottom:18px}.login-form .ant-form-item-label{padding-bottom:6px}.login-form .ant-form-item-label label{color:#555;font-size:14px;font-weight:500}.login-form .ant-input,.login-form .ant-input-affix-wrapper{height:52px;box-shadow:none;border:1px solid #d9d9d9;border-radius:12px}.login-form .ant-input{padding:0 14px}.login-form .ant-input-affix-wrapper input.ant-input{height:auto;padding:0}.forgot-password{justify-content:flex-end;margin-bottom:24px;display:flex}.forgot-password .ant-btn-link{color:#666;padding:0;font-size:14px;text-decoration:underline}.login-button-wrapper{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);margin-top:auto}.login-button{font-size:16px;font-weight:600;background:var(--primary)!important;border:none!important;border-radius:28px!important;height:54px!important}.ant-form-item-explain-error{text-align:left;margin-top:4px;font-size:12px}@media (height<=700px){.login-logo{margin-top:20px}.login-logo img{width:72px;height:72px}.login-title{margin-bottom:20px;font-size:1.5rem}}.today-visits-wrapper{top:var(--sticky-offset,160px);height:calc(100vh - var(--sticky-offset20,160px) - 80px);flex-direction:column;display:flex;position:sticky;overflow:hidden}.mini-chart-header{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;background:linear-gradient(135deg,#1a2f5a 0%,#0f1d38 100%);justify-content:flex-start;align-items:center;height:70px;padding:.75rem 1.5rem;display:flex;position:fixed;top:12%;left:0;right:0}@media (width<=768px){.mini-chart-header{height:64px;padding:.75rem 1rem}}.mini-chart-content{align-items:center;gap:1rem;width:100%;display:flex}.mini-chart-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mini-chart-wrapper svg{filter:drop-shadow(0 2px 4px #0003)}.mini-chart-text{align-items:center;gap:.25rem;font-size:.95rem;font-weight:600;display:flex}.mini-amount{color:var(--text-primary)}.mini-target{color:var(--text-secondary);font-weight:500}.home-page{flex-direction:column;height:auto;display:flex}.home-container{flex-direction:column;gap:2rem;margin-top:10px;animation:.6s ease-out fadeInUp;display:flex}@media (width<=768px){.home-container{gap:1.5rem;margin-top:30px;padding:.2rem}}.home-header{place-content:center space-between;align-items:center;gap:2rem;display:flex}@media (width<=768px){.home-header{flex-direction:row;align-items:flex-start;gap:1rem}}.header-title{color:var(--text-primary);letter-spacing:-.5px;flex:1;margin:0;font-size:1.875rem;font-weight:700}@media (width<=768px){.header-title{margin-top:.5rem;font-size:1rem}}.date-btn{cursor:pointer;align-items:center;gap:.5rem;height:auto;transition:all .2s;display:flex;color:var(--text-primary)!important;background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:.5rem!important;padding:.4rem 1.25rem!important;font-size:.875rem!important;font-weight:500!important}.date-btn:hover{background:#ffffff1f!important;border-color:#ffffff40!important}.date-btn:active{transform:scale(.98)}.date-btn svg{opacity:.7}.sales-chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:opacity, transform;padding:2rem;position:relative;overflow:hidden}@media (width<=768px){.sales-chart-card{padding:1.5rem}}.chart-container{justify-content:center;align-items:center;display:flex;position:relative}.chart-container svg{filter:drop-shadow(0 8px 16px #0000004d)}.chart-center-content{text-align:center;flex-direction:column;gap:.5rem;animation:.6s ease-out .3s both scaleIn;display:flex;position:absolute}.chart-value{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:500}.chart-amount{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}@media (width<=768px){.chart-amount{font-size:1rem}}.chart-target{color:var(--text-secondary);text-align:center;margin-top:1rem;font-size:.75rem;line-height:1.4}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;padding:.8rem;display:grid}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr 1fr;gap:.875rem}}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;background:linear-gradient(135deg,#1e3a8a80 0%,#142a5a80 100%);border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.stat-card:hover{background:linear-gradient(135deg,#1e3a8ab3 0%,#142a5ab3 100%);border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}@media (width<=768px){.stat-card{gap:.875rem;padding:1rem}}@media (width<=480px){.stat-card{padding:.875rem}}.stat-icon-container{align-items:center;gap:.1rem;display:flex}.stat-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex}.stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}@media (width<=768px){.stat-icon-wrapper{width:44px;height:44px}}@media (width<=480px){.stat-icon-wrapper{width:44px;height:44px}}.stat-icon{object-fit:contain}.stat-title{color:#fff;text-transform:capitalize;letter-spacing:.3px;text-align:start;margin:0 0 0 4px;font-size:.875rem;font-weight:500}@media (width<=768px){.stat-title{font-size:.8rem}}.stat-content{text-align:start;flex:1}.stat-value-row{flex-direction:column;justify-content:space-between;align-items:start;gap:.75rem;display:flex}.stat-value{color:var(--text-primary);letter-spacing:-.5px;font-size:1.25rem;font-weight:700}@media (width<=768px){.stat-value{font-size:1.125rem}}@media (width<=480px){.stat-value{font-size:1rem}}.stat-change{color:#10b981;white-space:nowrap;background:#10b98126;border-radius:.375rem;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:flex}.stat-change svg{width:14px;height:14px}@media (width<=480px){.stat-change{padding:.3rem .5rem;font-size:.7rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dashboard-selector{color:#fff}.dashboard-selector .ant-select{min-width:180px}.dashboard-selector .ant-select .ant-select-content{font-size:20px;color:#fff!important}.dashboard-selector .ant-select-suffix{color:#fff!important}.dashboard-selector .ant-select-selector{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.dashboard-selector .ant-select-selection-item{color:#111827;font-size:28px;font-weight:700}.dashboard-selector .ant-select-arrow{color:#6b7280}.today-visits-container{background:radial-gradient(circle at 100% 0,#d2e1ffb3 0%,#e6eeff66 35%,#0000 70%),linear-gradient(135deg,#f8fbff 0%,#edf4fb 45%,#e6f0f8 100%);border-top-left-radius:2rem;border-top-right-radius:2rem;flex-direction:column;flex:1;gap:1.5rem;height:100%;min-height:0;padding:0;animation:.6s ease-out .4s both fadeInUp;display:flex;overflow:hidden}.visits-list{scroll-behavior:smooth;flex-direction:column;flex:1;gap:.75rem;height:100%;min-height:0;padding:.5rem;display:flex;overflow-y:auto}.visits-list::-webkit-scrollbar{width:6px;display:none}.visits-list::-webkit-scrollbar-track{background:0 0}.visits-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.visits-list::-webkit-scrollbar-thumb:hover{background:#00000040}@media (width<=768px){.visits-list{gap:.625rem}}.visits-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem .75rem 0;display:flex}.visits-title{color:#000;letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:700}@media (width<=768px){.visits-title{font-size:1.125rem}}.visit-item{border-bottom:2px solid #0000000f;align-items:center;gap:24px;padding:.875rem;transition:all .3s;animation:.5s ease-out both slideInLeft;display:flex}.visit-item:hover{background:linear-gradient(135deg,#1e3a8a1a 0%,#142a5a1a 100%);border-color:#0000001a;transform:translate(4px)}@media (width<=768px){.visit-item{padding:.75rem}}@media (width<=480px){.visit-item{padding:.75rem}}.visit-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:transform .3s;display:flex;box-shadow:0 4px 12px #0003}.visit-item:hover .visit-icon{transform:scale(1.05)}@media (width<=768px){.visit-icon{width:44px;height:44px;font-size:1.25rem}}@media (width<=480px){.visit-icon{width:40px;height:40px;font-size:1.125rem}}.visit-details{flex:1;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:block}.visit-info{flex-direction:column;align-items:flex-start;display:flex}.store-name{color:#041f32;margin:0;font-size:.95rem;font-weight:600;line-height:1.3}@media (width<=768px){.store-name{font-size:18px}}.store-details{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px;margin-top:.25rem;display:flex}.store-category,.store-location{color:#999;margin:0;font-size:.75rem}.visit-amount{color:var(--text-outstanding);font-size:.95rem;font-weight:700}@media (width<=768px){.visit-amount{font-size:.875rem}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.basic-dashboard{background-color:#fff;flex-direction:column;gap:0;min-height:81dvh;display:flex}.dashboard-header{border-radius:0 0 16px 16px;padding:10px 16px 0}.dashboard-header-content{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dashboard-create-btn{justify-content:center;align-items:center;background:var(--primary)!important;border:none!important;border-radius:50%!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;display:flex!important}.dashboard-title{text-align:start;color:#000;margin:0 0 6px;padding:0;font-family:inherit;font-size:20px;font-weight:600}.search-container{background:#fffffff2;border:1px solid #d2d7db;border-radius:24px;align-items:center;gap:8px;margin:0 16px 30px;padding:10px 16px;display:flex;position:relative}.search-icon{color:#9ca3af;flex-shrink:0}.search-input{color:#111827;flex:1;font-size:14px;background:0 0!important;border:none!important}.search-input::placeholder{color:#d1d5db}.search-input:focus{box-shadow:none!important}.search-input.ant-input{padding:0!important}.filter-section{justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.filter-controls{scrollbar-width:none;flex:1;gap:10px;display:flex;overflow-x:auto}.filter-controls::-webkit-scrollbar{display:none}.filter-select{background:#fff;min-width:100px;font-size:13px}.filter-select .ant-select-selector{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;height:auto!important;padding:8px 12px!important}.filter-select .ant-select-selector .ant-select-selection-item{color:#374151;font-size:13px}.filter-select:hover .ant-select-selector{border-color:#d1d5db!important}.filter-select.ant-select-focused .ant-select-selector{border-color:#06c!important;box-shadow:0 0 0 2px #0066cc1a!important}.filter-icon-btn{color:#9ca8b3;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.filter-icon-btn:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db}.filter-icon-btn:active{transform:scale(.95)}.list-container{background:#fff;flex:1;overflow-y:auto}.list-container::-webkit-scrollbar{width:6px}.list-container::-webkit-scrollbar-track{background:0 0}.list-container::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.list-container::-webkit-scrollbar-thumb:hover{background:#d1d5db}.list-items{flex-direction:column;gap:0;display:flex}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.list-item{cursor:pointer;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.list-item:last-child{border-bottom:none}.list-item:active{background-color:#f9fafb}.list-item:not(:active):hover{background-color:#fafbfc}.product-list-item{padding:0;display:block}.list-item-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.list-item-content{flex:1;min-width:0}.list-item-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.list-item-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;font-size:15px;font-weight:600;overflow:hidden}.list-item-amount{color:#06c;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:600}.list-item-subtitle{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;padding:0;font-size:12px;overflow:hidden}.list-item-metadata{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;font-size:12px;overflow:hidden}.list-item-chevron{color:#d1d5db;flex-shrink:0}.infinite-scroll-trigger{width:100%;height:1px}.loading-more{text-align:center;justify-content:center;padding:4px;font-size:14px;display:flex}.empty-state{text-align:center;justify-content:center;align-items:center;min-height:300px;padding:40px 20px;display:flex}.default-empty p{color:#9ca3af;margin:0;font-size:14px}.loading-state{justify-content:center;align-items:center;min-height:500px;font-size:14px;display:flex}.tabs-section{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.tabs-container{scrollbar-width:none;flex:1;gap:10px;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-button{cursor:pointer;white-space:nowrap;color:#32393f;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.tab-button:hover{background:#f3f4f6;border-color:#d1d5db}.tab-button.active{border-color:var(--primary);color:var(--primary);background:#cedee8}.tab-button.active .tab-badge{color:#fff;background:#ffffff4d}.tab-button:active{transform:scale(.98)}.tab-label{font-weight:500}.tab-badge{color:#374151;background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=480px){.tabs-section{gap:8px;padding:12px}.tab-button{padding:7px 12px;font-size:12px}.filter-icon-btn{width:32px;height:32px}}.summary-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:24px;margin:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.summary-card-header{cursor:pointer;background-color:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:background-color .2s;display:flex}.summary-card-header:hover{background-color:#f9fafb}.summary-card-header:active{background-color:#f3f4f6}.summary-card-title-section{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.summary-card-title{color:var(--text-location);margin:0;padding:0;font-size:14px;font-weight:500}.summary-card-chevron{color:#000;flex-shrink:0;transition:transform .3s}.summary-card-chevron.expanded{transform:rotate(180deg)}.summary-card-content{flex-shrink:0;align-items:center;gap:12px;display:flex}.summary-card-amount{color:var(--primary);white-space:nowrap;font-size:20px;font-weight:700}.summary-card-badge{color:#991b1b;white-space:nowrap;background:#fee2e2;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.summary-card-metrics{background:#cedee866;border-top:1px solid #e5e7eb;padding:16px;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.summary-card-metrics-title{color:var(--text-header);text-align:start;margin-bottom:12px;padding:2px 0;font-size:13px;font-weight:600}.summary-card-metric-row{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.summary-card-metric-row:not(:last-child){margin-bottom:4px}.summary-card-metric-label{flex-direction:column;gap:2px;display:flex}.metric-label-text{color:var(--text-label);text-underline-offset:3px;font-size:13px;font-weight:500;-webkit-text-decoration:underline #e5e7eb;text-decoration:underline #e5e7eb}.metric-label-subtext{color:#9ca3af;font-size:12px}.summary-card-metric-value{color:#041f32;white-space:nowrap;font-size:14px;font-weight:600}@media (width<=480px){.summary-card{margin:16px 12px}.summary-card-header{flex-direction:column;align-items:flex-start;padding:12px}.summary-card-content{justify-content:space-between;width:100%;margin-top:8px}.summary-card-amount{font-size:20px}.summary-card-badge{padding:3px 8px;font-size:11px}.summary-card-metrics{padding:12px}.metric-label-text{font-size:12px}.summary-card-metric-value{font-size:13px}}@media (width<=768px){.summary-card-amount{font-size:20px}.summary-card-badge{font-size:11px}}@media (prefers-reduced-motion:no-preference){.summary-card-metrics{animation:.3s cubic-bezier(.4,0,.2,1) slideDown}.summary-card-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1)}.summary-card-header{transition:background-color .2s}}@media (width<=480px){.dashboard-header{padding:16px 12px 0}.dashboard-title{font-size:20px}.search-container{padding:10px 12px}.filter-section{gap:12px;padding:8px 16px}.filter-select{min-width:120px;font-size:12px}.list-item{gap:12px;padding:12px}.list-item-avatar{width:44px;min-width:44px;height:44px;font-size:16px}.list-item-title{font-size:14px}.list-item-amount{font-size:13px}.list-item-subtitle,.list-item-metadata{font-size:11px}}@media (width<=768px){.search-container{border-radius:24px}.filter-select{min-width:150px}}.custom-date-picker{background:#fff;margin-bottom:10px}.week-header{justify-content:space-between;align-items:center;display:flex}.week-header button{cursor:pointer;background:0 0;border:none;font-size:28px}.chevron-icon{color:#000}.week-label{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:underline}.week-days{justify-content:space-between;margin-top:20px;display:flex}.day-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.day-name{color:#7b8794;font-weight:500}.day-circle{color:#02121c;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.day-circle.active{color:#fff;background:#02121c}.picker-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;padding:24px}.picker-modal-title{text-align:start;color:#02121c;font-size:20px}.custom-date-apply-btn{background:var(--primary);color:#fff;border:none;border-radius:999px;width:100%;height:54px;font-size:18px;font-weight:600}.picker-item{color:#9ca3af;justify-content:center;align-items:center;height:48px;font-size:24px;transition:all .2s;display:flex}.picker-item.selected{color:#111827;font-weight:700}.card-container{justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0 8px;display:flex}.card-details{align-items:start;gap:6px;display:flex}.img-container{justify-content:center;align-items:center;display:flex}.customer-img{border-radius:50%;width:54px;height:54px}.content{text-align:start;flex:1;line-height:1.3}.content h3{color:#0f172a;margin:0;font-size:20px;font-weight:600}.meta{color:#6b7280;font-size:13px}.meta .dot{margin:0 4px}.outstanding,.amount{color:var(--primary);font-size:14px;font-weight:600}.detail-container{flex-direction:column;height:100dvh;display:flex}.detail-master-data{background:#dfe9f2;padding:14px 16px}.detail-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.checked-in-detail{background:#cedee8;border-radius:27px;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}.checked-in-detail h3{color:#02121c;font-size:17px;font-weight:500}.more-icon{color:#02121c;background:#cedee8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:16px;font-size:20px;display:flex}.customer-info{justify-content:space-between;align-items:center;display:flex}.customer-info-container{flex-direction:column;gap:4px;display:flex}.customer-header-row{align-items:center;gap:4px;margin-bottom:-7px;display:flex}.customer-header-row .customer-name{color:var(--text-header);margin:0;font-size:20px;font-weight:600}.customer-header-row .customer-status{border:1px solid #91c4ac;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;display:flex}.customer-header-row .customer-status .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.customer-header-row .customer-status.active{color:#1d734a;border-color:#91c4ac}.customer-header-row .customer-status.inactive{color:#dc2626;border-color:#fca5a5}.customer-meta{color:var(--text-location);text-align:start;justify-content:center;gap:4px;display:flex}.check-btn{border:1.5px solid var(--primary);color:var(--primary);background:0 0;border-radius:24px;justify-content:center;align-items:center;padding:8px 16px;display:flex}.stats{justify-content:center;align-items:center;gap:24px;padding:24px 0;display:flex}.stats-data{text-align:start;background:#fff;border-radius:16px;flex:1;min-width:0;padding:12px}.stats-data .stats-label{color:var(--text-label);font-size:13px;font-weight:400}.stats-data .stats-value{color:var(--text-header);font-size:12px;font-weight:500}.customer-tabs{background:#fff;border-bottom:1px solid #e9edf2;padding:0 16px;display:flex}.customer-tab{color:#6f7e8c;background:0 0;border:none;margin-right:24px;padding:9px 0;font-size:14px;font-weight:500;position:relative}.customer-tab.active{color:var(--primary)}.customer-tab.active:after{content:"";background:var(--primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.customer-tab-content{touch-action:"pan-y";background:#fff;flex:1;overflow-y:auto}.tab-loading{justify-content:center;align-items:center;min-height:500px;font-size:14px;display:flex}.invoice-info{flex-direction:column;gap:4px;display:flex}.invoice-item{text-align:start;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.invoice-item h4{color:var(--text-header);margin:0;font-size:13px;font-weight:500}.invoice-item p{color:var(--primary);margin:4px 0 0;font-size:12px}.invoice-meta{align-items:center;gap:4px;display:flex}.invoice-status{color:#bc2121;background:#ffe3e3;border-radius:12px;padding:4px 6px;font-size:11px}.activity-item{gap:4px;padding:16px;display:flex}.activity-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;margin-top:6px}.activity-content{text-align:start;flex:1}.activity-content h4{color:#041f32;margin:0;font-size:14px}.activity-content p{color:#6b7280;margin:0;font-size:12px}.activity-time{color:var(--text-label);font-size:13px;font-weight:400}.visit-list{flex-direction:column;gap:16px;padding:12px 16px;display:flex}.visit-items{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;transition:box-shadow .2s}.visit-items:hover{box-shadow:0 4px 12px #00000014}.visit-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.visit-number{color:var(--text-header);text-align:start;margin:0;font-size:16px;font-weight:500}.status-badge{color:#000;text-transform:capitalize;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.visit-date{color:var(--text-location);text-align:start;margin:0;font-size:13px;font-weight:400}.visit-metrics{align-items:center;gap:6px;font-size:13px;display:flex}.metric{align-items:center;gap:2px;display:flex}.metric .metric-label{color:var(--text-location);font-size:13px;font-weight:400}.metric .metric-value{color:var(--primary);font-size:14px;font-weight:600}.metric-separator{color:#d1d5db}.visits-detail-page{background:#f8f9fb;min-height:100dvh;padding:16px;font-family:inherit}.header-top{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.header-left{align-items:flex-start;gap:12px;display:flex}.back-icon{cursor:pointer;color:#25313c;margin-top:4px}.page-title{color:#32393f;text-align:start;margin:0;font-size:16px;font-weight:600}.summary-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px}.section-title{color:#02121c;margin:0 0 20px;font-size:16px;font-weight:600}.summary-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.summary-column{text-align:start;flex-direction:column;gap:16px;display:flex}.summary-item{flex-direction:column;gap:8px;display:flex}.summary-label{color:var(--text-label);text-transform:capitalize;font-size:13px;font-weight:400}.summary-value{color:#131414;margin:0;font-size:14px;font-weight:400}.status-badge{color:#000;text-transform:capitalize;border-radius:6px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.attachments-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.attachment-image{object-fit:cover;cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;width:80px;height:98px;transition:transform .2s}.attachment-image:hover{transform:scale(1.02)}.no-attachments{color:var(--text-location);text-align:start;width:100%;font-size:13px;font-weight:400}.audit-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.audit-list{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.audit-item{background:#fff;flex-direction:column;gap:12px;display:flex}.audit-item:not(:last-child){border-bottom:1px solid #e5e7eb}.audit-toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:16px;transition:background-color .2s;display:flex}.audit-label{color:#02121c;text-align:left;flex:1;align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex}.audit-value{color:#02121c;text-align:end;font-size:14px;font-weight:700}.chevron{color:#9ca3af;flex-shrink:0;width:20px;height:20px;transition:transform .3s}.chevron.open{transform:rotate(180deg)}.audit-details{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 16px 16px;animation:.3s slideDown}.detail-text{color:#667085;margin:0;font-size:13px;line-height:1.5}@media (width<=480px){.visit-detail-content{padding:16px 0}.summary-section,.audit-section{margin-bottom:16px;padding:16px}.audit-toggle{padding:14px}.page-title{font-size:16px}}.payment-collection-page{padding:14px 16px;overflow:hidden}.payment-header{min-height:200px;position:relative;overflow:hidden}.payment-header .page-title{color:#32393f;margin:0;font-size:16px;font-weight:600}.payment-header .step-wrapper{color:#041f32;background:#cedee8;border-radius:110px;align-items:center;gap:8px;padding:5px 8px;display:flex}.payment-header .step-indicator{background:0 0;border-radius:50%;width:16px;height:16px;position:relative}.payment-header .step-indicator:before{content:"";background:#cedee8;border-radius:50%;position:absolute;inset:2px}.payment-header .step-indicator.half{background:conic-gradient(from 180deg,#28af60 0deg 180deg,#00000026 180deg 360deg)}.payment-header .step-indicator.full{background:conic-gradient(#28af60 0deg 360deg)}.payment-header .steps{color:#000;font-size:13px;font-weight:500}.payment-header .payment-summary{z-index:2;flex-direction:column;align-items:start;margin-top:38px;display:flex;position:relative}.payment-header .amount-label{color:var(--text-label);font-size:13px}.payment-header .amount-value{color:#02121c;margin:0;font-size:28px;font-weight:700}.payment-header .payment-bg{opacity:.9;width:220px;position:absolute;bottom:8px;right:0}.payment-header .payment-bg img{opacity:1;width:100%;display:block}.invoice-selection-step{flex-direction:column;height:65dvh;display:flex}.invoice-selection-header{justify-content:space-between;align-items:center;padding:16px;display:flex}.invoice-selection-header h3{color:#041f32;font-size:16px;font-weight:600}.selected-summary{color:#0f6aa9;font-weight:500}.invoice-list{flex-direction:column;gap:12px;margin-bottom:10px;padding:0 16px;display:flex}.invoice_item{background:#fff;border:1px solid #edf1f5;border-radius:16px;flex-direction:column;align-items:start;padding:8px 16px;display:flex;overflow:hidden}.invoice-main{justify-content:center;align-items:center;gap:12px;display:flex}.invoice-main h4{color:var(--text-header);font-size:14px;font-weight:400}.invoice-content{flex:1;padding:0 28px}.invoice-amount-row{align-items:center;gap:8px;display:flex}.amount{color:var(--primary);font-weight:600}.due-chip{color:#744a0d;background:#fee8c9;border-radius:999px;padding:4px 8px;font-size:11px}.invoice-footer-row{justify-content:space-between;width:100%;padding:12px 0;display:flex}.invoice-footer-row p{color:#000;margin:0;font-size:12px}.invoice-footer-row span{color:#535f69}.invoice-footer-details{flex-direction:column;align-items:start;display:flex}.invoice-partial-payment{border-radius:8px;flex-direction:column;gap:10px;width:100%;padding:12px;display:flex}.partial-payment-toggle{align-items:center;gap:10px;display:flex}.partial-payment-toggle .partial-payment-label{color:#041f32;margin:0;font-size:14px;font-weight:500}.partial-payment-toggle .ant-switch{background:#d1d5db}.partial-payment-toggle .ant-switch.ant-switch-checked{background:var(--primary)!important}.partial-payment-input{flex-direction:column;gap:6px;animation:.3s ease-out slideDown;display:flex}.partial-payment-input .ant-input-affix-wrapper{border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:14px}.partial-payment-input .ant-input-affix-wrapper:hover{border-color:#d1d5db}.partial-payment-input .ant-input-affix-wrapper:focus-within{border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.partial-payment-input .ant-input-affix-wrapper input{color:#111827;font-weight:500}.partial-payment-input .ant-input-affix-wrapper input::placeholder{color:#d1d5db}.invoice-footer-row{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding-top:8px;display:flex}.invoice-footer-details{flex-direction:column;gap:4px;display:flex}.invoice-footer-details p{color:#6b7280;margin:0;font-size:13px}.invoice-footer-details p span{color:#374151;font-weight:600}@media (width<=480px){.invoice_item{gap:10px;padding:12px}.invoice-main h4{font-size:14px}.invoice-partial-payment{gap:8px;padding:10px}.partial-payment-toggle{gap:8px}.partial-payment-toggle .partial-payment-label{font-size:13px}.invoice-footer-row{gap:8px}.invoice-footer-row svg{align-self:center}}@media (prefers-reduced-motion:no-preference){.invoice_item{transition:all .3s cubic-bezier(.4,0,.2,1)}.partial-payment-input{animation:.3s cubic-bezier(.4,0,.2,1) slideDown}}.payment-details-step{background:#fff;flex-direction:column;height:100%;display:flex}.payment-details-header{border-bottom:1px solid #e5e7eb;align-items:center;padding:16px;display:flex}.payment-details-container{flex-direction:column;flex:1;gap:20px;padding:16px 16px 120px;display:flex;overflow-y:auto}.payment-mode-section{flex-direction:column;gap:12px;display:flex}.section-title{color:#041f32;text-align:start;margin:0;padding:0;font-size:16px;font-weight:500}.payment-mode-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.payment-mode-btn{cursor:pointer;background:#fff;border:1.5px solid #d2d7db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px;transition:all .3s;display:flex}.payment-mode-btn:hover{background:#f9fafb;border-color:#d1d5db}.payment-mode-btn.active{border-color:var(--text-location);background:linear-gradient(135deg,#0066cc0d 0%,#0066cc05 100%)}.payment-mode-btn.active .mode-label{color:var(--text-location);font-weight:600}.payment-mode-btn:active{transform:scale(.98)}.payment-mode-btn .mode-icon{color:#6b7280;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.payment-mode-btn .mode-icon svg{stroke-width:1.5px;width:24px;height:24px}.payment-mode-btn .mode-label{color:#6b7280;text-align:center;font-size:13px;font-weight:500;transition:color .2s}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-location);text-align:start;margin:0;padding:0;font-size:11px;font-weight:500}.form-input{border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;font-size:14px;transition:all .2s}.form-input:hover{border-color:#d1d5db}.form-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-input.error{border-color:#dc2626}.form-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-input.ant-input,.form-input.ant-picker{padding:10px 12px}.form-input .ant-input-prefix{color:#9ca3af;font-weight:500}.error-message{color:#dc2626;text-align:start;margin-top:2px;font-size:12px;font-weight:500}.form-divider{background:linear-gradient(90deg,#06c 0% 100%);border:none;border-radius:1px;height:2px;margin:8px 0}.payment-details-footer{z-index:100;background:#fff;border-top:1px solid #e5e7eb;padding:0;position:fixed;bottom:0;left:0;right:0}.footer-content{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px;display:flex}.total-amount-section{flex-direction:column;display:flex}.total-label{color:#041f32;font-size:13px;font-weight:500}.total-value{color:#000;font-size:18px;font-weight:700}.confirm-button{background:var(--primary);color:#fff;white-space:nowrap;border:none;border-radius:24px;width:60%;height:44px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s}.confirm-button:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.confirm-button:active{background:var(--primary);transform:translateY(0)}.confirm-button:disabled{background:var(--primary);color:#fff;cursor:not-allowed;transform:none}.confirm-button.ant-btn-primary{background:var(--primary);border-color:var(--primary)}.confirm-button.ant-btn-primary:hover,.confirm-button.ant-btn-primary:focus,.confirm-button.ant-btn-primary:active{background:var(--primary)!important;border-color:var(--primary)!important}.ant-input-affix-wrapper.ant-input-status-error{border-color:#dc2626}.ant-input-affix-wrapper.ant-input-status-error .ant-input{color:#111827}.ant-input-affix-wrapper.ant-input-status-error .ant-input::placeholder{color:#f87171}.ant-picker{width:100%}.ant-picker.ant-picker-status-error,.ant-picker.ant-picker-status-error:hover,.ant-picker.ant-picker-status-error:focus-within{border-color:#dc2626}.ant-picker-clear{color:#9ca3af}.ant-picker-clear:hover{color:#6b7280}@media (width<=768px){.footer-content{gap:12px;padding:12px}.total-value{font-size:16px}}@media (width<=480px){.payment-details-container{gap:16px;padding:12px 12px 130px}.payment-mode-btn{padding:12px}.payment-mode-btn .mode-icon{width:36px;height:36px}.payment-mode-btn .mode-icon svg{width:20px;height:20px}.payment-mode-btn .mode-label{font-size:12px}.form-input{padding:10px 12px;font-size:13px}.total-amount-section{padding:0 4px}.total-value{font-size:16px}}@media (prefers-reduced-motion:no-preference){.payment-mode-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input,.confirm-button,.back-button{transition:all .2s}}.invoice-title{color:#000;text-align:start;padding:10px 0;font-size:20px;font-weight:600}.invoice-collapse{scroll-behavior:smooth;max-height:250px;overflow-y:auto}.invoice-collapse .ant-collapse-item{border:1px solid #ececec;margin-bottom:12px;border-radius:12px!important}.invoice-collapse .ant-collapse-header{padding:16px!important}.invoice-collapse .invoice-header{justify-content:space-between;align-items:center;width:100%;display:flex}.invoice-collapse .invoice-left{flex-direction:column;display:flex}.invoice-collapse .invoice-left .label{color:#888;font-size:12px}.invoice-collapse .invoice-left h3{margin:4px 0;font-size:18px;font-weight:600}.invoice-collapse .invoice-left .date{color:#666;font-size:13px}.invoice-collapse .invoice-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.invoice-collapse .invoice-right h3{color:var(--primary);margin:0;font-weight:700}.invoice-collapse .invoice-body{text-align:start;flex-direction:column;gap:14px;display:flex}.invoice-collapse .invoice-body h4{margin-bottom:10px}.invoice-collapse .invoice-body .invoice-item{background:#fafafa;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.invoice-collapse .invoice-body .item-name{font-weight:500}.invoice-collapse .invoice-body .item-qty{color:#777;margin-top:4px;font-size:13px}.invoice-collapse .invoice-body .item-amount{color:var(--primary);font-weight:600}.confirm-page{background-color:#f9f8f7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:inherit;display:flex}.confirm-page__content{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.confirm-page__checkmark-container{margin-bottom:24px;animation:.5s ease-out slideDown}.confirm-page__checkmark{justify-content:center;align-items:center;width:88px;height:18px;display:flex}.confirm-page__checkmark svg{filter:drop-shadow(10px 4px 12px #10b9812e);animation:.5s ease-out scaleIn}.confirm-page__title{color:#131414;text-align:center;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:600}.confirm-page__message{color:#434c54;text-align:center;word-spacing:.5px;max-width:300px;margin:0 0 32px;font-size:13px;line-height:1.5}.confirm-page__data-container{background-color:#f1f2f4;border:.5px solid #e5e7eb;border-radius:16px;width:100%;max-width:400px;margin-bottom:32px;padding:20px;box-shadow:0 1px 3px #0000000d}.confirm-page__data-row{border-bottom:.5px solid #f3f4f6;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.confirm-page__data-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.confirm-page__data-label{color:#596570;font-size:14px;font-weight:400}.confirm-page__data-value{color:#131414;text-align:right;max-width:50%;font-size:14px;font-weight:500}.confirm-page__button{color:#fff;cursor:pointer;background-color:#0b588e;border:none;border-radius:24px;align-self:center;width:90%;max-width:400px;margin:16px 18px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;position:fixed;bottom:0}.confirm-page__button:hover{background-color:#084168;transform:translateY(-2px);box-shadow:0 4px 12px #0b588e4d}.confirm-page__button:active{transform:translateY(0);box-shadow:0 2px 4px #0b588e33}.confirm-page__button:focus-visible{outline-offset:2px;outline:2px solid #0b588e}.confirm-page__button:disabled{cursor:not-allowed;background-color:#8c98a3;transform:none}.confirm-page__button:disabled:hover{box-shadow:none}.confirm-page__items-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.confirm-page__items-toggle:hover{opacity:.8}.confirm-page__items-header{align-items:center;gap:8px;display:flex}.confirm-page__chevron{color:#02121c;flex-shrink:0;transition:transform .3s}.confirm-page__chevron--open{transform:rotate(180deg)}.confirm-page__items-list{text-align:start;border-top:1px dashed #dde3f0;margin-top:12px;padding-top:12px;animation:.3s slideDown}.confirm-page__item{margin-bottom:12px;padding-bottom:12px}.confirm-page__item:last-child{margin-bottom:0;padding-bottom:0}.confirm-page__item-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.confirm-page__item-name{color:#02121c;flex:1;font-size:14px;font-weight:600}.confirm-page__item-amount{color:#02121c;white-space:nowrap;font-size:14px;font-weight:600}.confirm-page__item-meta{color:#6b7280;margin:0;font-size:13px;line-height:1.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-page--success .confirm-page__checkmark svg circle{fill:#10b981}.confirm-page--error .confirm-page__checkmark svg circle{fill:#ef4444}.confirm-page--warning .confirm-page__checkmark svg circle{fill:#f59e0b}.confirm-page__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.download-pdf-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;display:flex}.download-pdf-btn:hover{opacity:.9}.pdf-mode{background:#fff}.pdf-mode .confirm-page__content{box-shadow:none}.pdf-mode .confirm-page__data-container,.pdf-mode .confirm-page__item{page-break-inside:avoid}.order-creation-page{flex-direction:column;height:100dvh;padding:14px 16px;display:flex;overflow:hidden}.payment-header{flex-shrink:0;min-height:0;position:relative}.payment-header .payment-header-top{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.payment-header .payment-header-left{align-items:flex-start;gap:12px;display:flex}.payment-header .payment-header-left.summary-page{align-items:center}.payment-header .back-icon{cursor:pointer;color:#25313c;margin-top:4px}.payment-header .page-title{color:#32393f;text-align:start;margin:0;font-size:16px;font-weight:600}.payment-header .customer-info{color:#000;align-items:center;gap:3px;margin-top:6px;font-size:13px;font-weight:500;line-height:120%;display:flex}.payment-header .customer-icon{background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;display:flex}.payment-header .spend-cards{border:1px solid #e9ecee;border-radius:12px;margin:12px 0;padding:12px}.payment-header .spend-data{justify-content:space-between;align-items:center;display:flex}.payment-header .spend-data h3{color:var(--text-header);font-size:14px;font-weight:500}.payment-header .spend-data .spend-number{justify-content:center;align-items:center;gap:3px;display:flex}.payment-header .spend-description{color:#131414;text-align:start;padding-top:24px;font-size:14px;font-weight:400}.payment-header .spend-description span{font-weight:600}.products-container{flex-direction:column;flex:1;padding:16px 16px 50px;display:flex;overflow:hidden}.products-title{color:var(--text-header);text-align:start;margin-bottom:16px;font-size:18px;font-weight:600}.products-search{margin-bottom:16px}.category-tabs{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;padding:8px 14px}.category-tab.active{border:1px solid var(--primary);color:var(--primary);background:#e8f2fb}.products-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow-y:auto}.products-list::-webkit-scrollbar{display:none}.product-card{background:#fff;border:1px solid #edf1f5;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.product-image{width:68px;height:68px}.product-image img{object-fit:contain;width:100%;height:100%}.product-content{text-align:start;flex:1}.product-content h4{color:#02121c;margin:0;font-size:15px}.product-content p{color:#6b7280;margin:4px 0;font-size:12px}.product-content .price{color:var(--primary);font-weight:700}.add-button{color:var(--primary)!important;border:1px solid var(--primary)!important;border-radius:24px!important;padding:8px 16px!important}.qty-selector{background:var(--primary);color:#fff;border-radius:20px;align-items:center;gap:12px;padding:8px 12px;display:flex}.qty-selector button{color:#fff;background:0 0;border:none;align-items:center;display:flex}.products-footer{background:#fff;border-top:1px solid #edf1f5;padding:16px;position:fixed;bottom:0;left:0;right:0}.continue-btn{border-radius:999px;height:50px;background:var(--primary)!important;border:none!important}.order-summary-page{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding-bottom:100px;overflow-y:auto}.order-summary-page::-webkit-scrollbar{display:none}.customer-card{background:#fff;border-radius:12px;align-items:start;gap:12px;padding:16px 0;display:flex}.customer-icon{background:#e63946;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.customer-information{flex-direction:column;justify-content:center;align-items:start;margin-top:8px;display:flex}.customer-name{color:#02121c;margin:0;font-size:16px;font-weight:600;line-height:1.2}.customer-location{color:#6b7280;align-items:center;gap:6px;margin:6px 0 0;font-size:13px;line-height:1.4;display:flex}.customer-location svg{color:#9ca3af;flex-shrink:0}.credit-card{text-align:start;background:#eef4f8;border-radius:12px;margin-bottom:16px;padding:16px}.credit-card .credit-label{color:var(--text-label);font-size:13px}.credit-card h2{margin:6px 0;font-size:24px;font-weight:500}.credit-card p{color:#32393f;margin-top:8px;font-size:13px}.credit-progress{background:#d8dee4;border-radius:99px;height:6px;overflow:hidden}.credit-progress-fill{background:#18b57c;height:100%;transition:width .3s}.summary-section{margin-bottom:16px}.summary-section h3{color:#02121c;text-align:start;margin-bottom:10px;font-size:16px;font-weight:600}.summary-products{flex-direction:column;gap:12px;display:flex}.summary-product-card{border:1px solid #edf1f5;border-radius:14px;justify-content:space-between;align-items:center;padding:12px;display:flex}.summary-product-left{gap:12px;display:flex}.summary-product-left img{object-fit:contain;width:48px;height:48px}.summary-product-left h4{margin:0;font-size:14px}.summary-product-left p{color:#6b7280;margin:4px 0;font-size:12px}.summary-product-left span{color:#0f6aa9;font-weight:600}.add-products-btn{color:#4b5563;background:0 0;border:none;align-items:center;gap:6px;margin-top:12px;display:flex}.spend-approval-card,.bill-summary-card,.credit-note-card{color:#000;text-align:start;background:#dfe9f280;border:1px solid #dfe9f2;border-radius:16px;margin-bottom:16px;padding:14px;font-size:14px;font-weight:500}.credit-note-card{background:#fff}.approval-header{justify-content:space-between;align-items:center;display:flex}.spend-details{align-items:center;gap:10px;display:flex}.spend-details h4{color:#000;margin:0;font-size:14px;font-weight:600}.approval-content{justify-content:space-between;gap:12px;display:flex}.approval-content .approval-title{color:#02121c;flex:1;width:100%;margin:0;font-size:12px;line-height:1.4}.approval-content .approval-title strong{font-weight:700}.return-items-list{flex-direction:column;gap:12px;display:flex}.return-container{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:14px;width:100%;padding:16px}.return-item-card{justify-content:space-between;align-items:center;display:flex}.item-left{flex:1;justify-content:start;align-items:start;gap:0;min-width:0;display:flex}.item-image{object-fit:contain;width:100%;height:100%}.item-content{flex:1;min-width:0}.item-title{color:#1f1f1f;text-align:start;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.meta-container{border-top:2px solid #e9ecee}.footer-total{text-align:start;flex-direction:column;display:flex}.footer-total span{color:#667085;font-size:12px}.footer-total strong{color:#02121c;font-size:20px;font-weight:700}.item-meta{color:#666;text-align:start;margin:0;font-size:12px;line-height:1.5}.item-menu-btn{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.apply-btn{color:#0f6aa9;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.bill-row{color:#596570;justify-content:space-between;margin-bottom:12px;display:flex}.bill-row.total{color:#041f32;font-weight:700}.summary-footer{background:#fff;border-top:1px solid #edf1f5;gap:12px;padding:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.summary-footer .back-btn,.summary-footer .confirm-btn{border-radius:999px;flex:1;height:46px}.confirm-btn{border:1px solid var(--primary)!important;background:var(--primary)!important;border-radius:24px!important;padding:8px 16px!important}.visibility-detail-page{background:#f8f9fb;min-height:100dvh;padding:16px;font-family:inherit}.agreement-header-left{text-align:start;align-items:center;gap:12px;display:flex}.agreement-header-left h2{color:#02121c;margin:0;font-size:20px;font-weight:600}.agreement-header-left p{color:#667085;margin:4px 0 0;font-size:13px}.agreement-avatar{color:#fff;background:#e53935;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.agreement-card{text-align:start;background:#f1f2f4;border:1px solid #e9ecee;border-radius:16px;margin-bottom:20px;padding:16px}.info-row{justify-content:space-between;margin-bottom:12px;display:flex}.info-row span:first-child{color:#667085}.info-row span:last-child{color:#02121c;font-weight:500}.info-row.total{margin-top:14px;margin-bottom:0}.items-section{text-align:start}.items-section h3{color:#02121c;margin-bottom:14px;font-size:16px;font-weight:600}.agreement-item-card{background:#fff;border:1px solid #edf1f5;border-radius:12px;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px;display:flex}.agreement-item-card img{object-fit:cover;border-radius:10px;width:82px;height:82px}.item-content{flex:1}.item-content h4{color:#02121c;margin:0 0 2px;font-size:16px;font-weight:600}.item-content p{color:var(--text-location);margin:0 0 8px;font-size:13px}.item-amount{color:var(--primary);font-size:14px;font-weight:700}.visibility-detail-loader{justify-content:center;align-items:center;height:100vh;display:flex}.payment-header-top{justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 0;display:flex}.payment-header-top .payment-header-left{align-items:flex-start;gap:12px;display:flex}.payment-header-top .back-icon{cursor:pointer;color:#25313c}.payment-header-top .page-title{color:#32393f;margin-top:3px;font-size:16px;font-weight:600}.agreement-summary-footer{background:#fff;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.description-divider{background:#e5e7eb;height:1px;margin:12px 0 16px}.description-section h4{color:#041f32;margin:0 0 12px;font-size:15px;font-weight:600}.description-section p{color:#4b5563;margin:0;font-size:14px;line-height:1.6}.view-more-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-top:12px;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.visibility-agreement-create-page{flex-direction:column;padding:14px 16px;font-family:inherit;display:flex}.header{margin-bottom:10px;position:relative;overflow:hidden}.header .header-top{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.header .header-left{align-items:center;gap:12px;display:flex}.header .back-icon{cursor:pointer;color:#25313c}.header .page-title{color:#32393f;margin:0;font-size:16px;font-weight:600}.header .step-wrapper{color:#041f32;background:#cedee8;border-radius:110px;align-items:center;gap:8px;padding:5px 8px;display:flex}.header .step-indicator{background:0 0;border-radius:50%;width:16px;height:16px;position:relative}.header .step-indicator:before{content:"";background:#cedee8;border-radius:50%;position:absolute;inset:2px}.header .step-indicator.half{background:conic-gradient(from 180deg,#28af60 0deg 180deg,#00000026 180deg 360deg)}.header .step-indicator.full{background:conic-gradient(#28af60 0deg 360deg)}.header .steps{color:#000;font-size:13px;font-weight:500}.agreement-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.agreement-header .agreement-header-left{align-items:center;gap:12px;display:flex}.agreement-header .agreement-avatar{color:#fff;background:#e53935;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.agreement-header h2{color:#02121c;margin:0;font-size:18px;font-weight:600}.agreement-header p{color:#6b7280;margin:2px 0 0;font-size:13px}.status-badge{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.status-badge.active{color:#1f9254;background:#d9f3e5}.status-badge.pending{color:#c68a00;background:#fff3d6}.status-badge.expired{color:#d92d20;background:#ffe2e2}.status-badge.draft{color:#667085;background:#edf1f5}.form-group label{color:var(--text-location);text-align:start;font-size:11px}.agreement-card{background:#fff;border:none;border-radius:14px;margin-bottom:20px;padding:10px 16px}.agreement-card h3{color:#02121c;margin:0 0 14px;font-size:14px;font-weight:600}.info-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.info-row span:first-child{color:#667085;font-size:13px}.info-row span:last-child{color:#02121c;font-size:13px;font-weight:500}.info-row.total{margin-bottom:0;padding-top:10px}.info-row.total span{color:#02121c;font-weight:700}.agreement-items-list{flex-direction:column;gap:12px;display:flex}.agreement-item-card{background:#f1f2f433;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:start;gap:12px;padding-bottom:12px;display:flex}.agreement-item-card:last-child{border-bottom:none;padding-bottom:0}.agreement-item-card .item-image-wrapper{flex-shrink:0}.agreement-item-card .item-image-small{object-fit:cover;border-radius:6px;width:48px;height:48px}.agreement-item-card .item-content-spend{flex-direction:column;flex:1;gap:4px;display:flex}.agreement-item-card .item-content-spend h4{color:#02121c;margin:0;font-size:15px;font-weight:600;line-height:1.3}.agreement-item-card .item-content-spend .item-meta{color:#667085;margin:0;font-size:13px;line-height:1.3}.agreement-item-card .spend-container{align-items:flex-start;gap:8px;display:flex}.agreement-item-card .item-content{flex:1}.agreement-item-card .item-content h4{color:#02121c;margin:0 0 4px;font-size:14px;font-weight:600}.agreement-item-card .item-content p{color:#667085;margin:0 0 6px;font-size:12px}.agreement-item-card .item-content .item-amount{color:#005fa3;font-size:14px;font-weight:700}.agreement-item-card .item-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.agreement-item-card .item-images{gap:8px;display:flex}.agreement-item-card .item-image{object-fit:cover;border-radius:8px;width:48px;height:48px}.agreement-item-card .agreement-item-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:72px;height:54px;margin-left:12px}.agreement-item-card .item-badge{color:#2e7d32;white-space:nowrap;background:#e8f5e9;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.agreement-summary-footer{background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.agreement-summary-footer .footer-total{text-align:start;flex-direction:column;display:flex}.agreement-summary-footer .footer-total span{color:#667085;font-size:12px}.agreement-summary-footer .footer-total strong{color:#02121c;font-size:20px;font-weight:700}.agreement-summary-footer .confirm-btn{background:var(--primary);border:none;border-radius:24px;width:100%;height:44px;font-weight:600}.login-button-wrapper{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);margin-top:auto;padding:0 16px 4px}.login-button{margin-bottom:18px;font-size:16px;font-weight:600;background:var(--primary)!important;border:none!important;border-radius:28px!important;height:54px!important}.text-red{color:var(--color-red)}.agreement-item-drawer{z-index:1001;background:#fff;border-radius:20px 20px 0 0;max-height:80vh;padding:20px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.drawer-header h3{color:#32393f;margin:0;font-size:16px;font-weight:600}.drawer-body{flex-direction:column;gap:1px;display:flex}.images-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;display:grid}.image-preview-card{border:2px dashed #d2d7db;border-radius:8px;width:80px;height:98px;position:relative}.image-upload-btn{cursor:pointer;background:#f1f2f4;border:2px dashed #d2d7db;border-radius:8px;justify-content:center;align-items:center;width:80px;height:98px;padding:0;transition:all .3s;display:flex}.image-upload-btn:hover{background:#f0f9ff;border-color:#0ea5e9}.image-upload-btn:active{transform:scale(.98)}.image-upload-btn .upload-icon{color:#9ca3af;font-size:48px;font-weight:300;line-height:1}.image-preview-container{width:100%}.image-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:100%;height:120px;display:flex;position:relative;overflow:hidden}.preview-image{object-fit:cover;width:100%;height:100%}.remove-image-btn{color:#000;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:2px;right:2px}.remove-image-btn svg{width:16px;height:16px}.form-group{margin-bottom:20px}.form-group label{color:#02121c;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group label .text-red{color:#ef4444}.calculation-total{color:#02121c;justify-content:space-between;align-items:center;padding-top:4px;font-size:14px;font-weight:600;display:flex}.calculation-total strong{color:#10b981;font-size:16px}.drawer-done-btn{height:auto;margin-top:20px;padding:12px 24px;font-weight:600}.drawer-done-btn:disabled{opacity:.5;cursor:not-allowed}.drawer-done-btn{border-radius:22px;height:44px;margin-top:12px;background:var(--primary)!important}.quick-actions-overlay{z-index:1000;background:#00000073;position:fixed;inset:0}.items-list{flex-direction:column;display:flex}.agreement-item-card{background:#f1f2f433;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:16px;transition:all .3s;display:flex}.item-card-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.item-title{color:#02121c;margin:0;font-size:16px;font-weight:600;line-height:1.3}.item-menu-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s;display:flex}.item-menu-btn:hover{color:#6b7280}.item-card-info{color:#6b7280;align-items:center;gap:4px;margin-bottom:12px;font-size:14px;line-height:1.4;display:flex}.item-card-info span{align-items:center;display:flex}.item-card-info span strong{color:#02121c;font-weight:600}.item-card-info .info-separator{color:#d1d5db;gap:0}.item-images{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.item-image{object-fit:cover;border:1px solid #f3f4f6;border-radius:8px;width:48px;height:48px;transition:transform .2s}.item-image:hover{transform:scale(1.05)}.approval-divider{background:#e5e7eb;height:1px;margin:12px 0}.add-items-btn{color:#4b5563;background:0 0;border:none;align-items:center;gap:6px;margin-top:12px;display:flex}.add-icon{border:1px solid #d2d7db;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.spend-item-card{background:#f1f2f433;border:1px solid #e9ecee;border-radius:16px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.item-left{flex:1;align-items:center;gap:12px;display:flex}.item-drawer-radio{align-items:center;gap:24px;width:100%;display:flex}.item-drawer-radio .ant-radio-wrapper{align-items:center;margin-inline-end:0;display:flex}.products-card-container{width:100%;padding:0 16px}.products-detail{justify-content:center;align-items:center;display:flex}.products-image{background:0 0;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.products-image img{object-fit:contain}.products-content{color:#02121c;text-align:start;padding-top:10px}.products-content h4{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.stock{color:#374151;margin-top:6px;font-size:14px}.out-of-stock{color:#bc2121}.product-code{color:#94a3b8;margin-top:4px;font-size:14px}.product-detail-page{background:#fff;min-height:100vh;padding:14px 16px}.product-banner{position:relative;overflow:hidden}.product-banner img{object-fit:cover;border-radius:24px;width:100%;height:100%;transition:opacity .3s}.product-banner .image-counter{color:#fff;background:#000000a6;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;bottom:12px;right:12px}.product-info{text-align:start;padding:18px 0}.product-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.product-top h2{color:#02121c;margin:4px 0;font-size:16px;font-weight:600}.product-code{color:var(--text-secondary);font-size:14px}.product-price{color:#06c;font-size:18px;font-weight:700}.product-meta{color:var(--text-location);margin-top:2px;font-size:13px;font-weight:400}.variants-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.variant-card{border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:space-between;padding:14px 12px;display:flex}.variant-card h4{color:var(--text-header);margin:0;font-size:13px;font-weight:400}.variant-stock{margin-top:2px;font-size:14px}.available{color:#64748b}.low-stock{color:#f97316}.out-stock{color:#dc2626}.variant-price{color:#02121c;margin-top:6px;font-size:16px;font-weight:500}.product-description{text-align:start;padding:24px 16px}.product-description h3{color:#041f32;margin-bottom:12px;font-size:13px;font-weight:600}.product-description p{color:var(--text-location);font-size:14px;font-weight:400;line-height:1.7}.report-container{background:#dfe9f2;min-height:100dvh}.report-header-container{background:#dfe9f2;padding:20px}.report-header{text-align:start;margin-bottom:24px}.report-header h1{color:#02121c;margin:0;font-size:24px;font-weight:600}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.metrics-grid.merchandiser{grid-template-columns:repeat(2,1fr)}.metric-card{text-align:start;background:#fff;border-radius:12px;padding:16px}.metric-card .metric-label{color:#596570;margin:0 0 6px;font-size:13px}.metric-card .metric-value{color:#02121c;justify-content:start;align-items:center;gap:4px;margin:0;font-size:14px;font-weight:500;display:flex}.metric-card .metric-trend{color:#10b981;gap:4px;margin:0;font-size:13px;display:flex}.section{background:#fff;margin-bottom:10px;padding:20px}.section .recharts-wrapper{margin:0 -20px -20px}.section-header{text-align:start;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{color:#02121c;margin:0;font-size:16px;font-weight:600}.section-header .time-filter{cursor:pointer;color:#667085;background:0 0;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:13px}.section-header .badge{color:#0284c7;background:#dbeafe;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.stores-list{flex-direction:column;gap:12px;display:flex}.store-list-header,.table-row{align-items:center;width:100%;display:flex}.store-list-header{color:var(--primary);border-bottom:1px solid #eef2f6;padding:0 12px 10px;font-size:13px;font-weight:600}.table-row{border-bottom:1px solid #f2f4f7;padding:14px 12px}.table-row:last-child{border-bottom:none}.col-store{flex:2.5;align-items:center;gap:12px;min-width:0;display:flex}.col-store span{white-space:nowrap;text-overflow:ellipsis;color:#02121c;font-size:14px;font-weight:500;overflow:hidden}.col-status{flex:1;justify-content:center;display:flex}.col-days{flex:1;justify-content:flex-end;display:flex}.status-text{font-size:13px;font-weight:600}.status-text.active{color:#18794e}.status-text.expired{color:#c0392b}.days-left{color:#667085;font-size:13px;font-weight:500}.customer-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.loader-wrapper{justify-content:center;align-items:center;height:300px;display:flex}.recharts-text,.recharts-cartesian-axis-tick{fill:#667085!important}.planogram-criteria-section{flex-direction:column;gap:2rem;padding:2rem;display:flex}.criteria-title{color:#1f2937;text-align:start;margin:0;font-size:1.75rem;font-weight:600}.categories-container{flex:1;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.category-card{background:#fff;border-radius:8px;padding:1.5rem;transition:all .3s}.category-header{border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.category-name{color:#1f2937;letter-spacing:.5px;text-align:start;margin:0;font-size:1.125rem;font-weight:600}.fields-wrapper{text-align:start;gap:1.25rem;display:flex}.field-group{flex-direction:column;gap:.625rem;display:flex}.field-label{color:#374151;text-align:start;margin-top:6px;font-size:.875rem;font-weight:500;display:block}.number-group{gap:.5rem}.number-input{border:1px solid #d1d5db;border-radius:6px;width:140px;padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;transition:all .2s}.number-input:focus{background-color:#f0f7ff;border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.number-input:hover{border-color:#9ca3af}.text-input{border:1px solid #d1d5db;border-radius:6px;padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;transition:all .2s}.text-input:focus{background-color:#f0f7ff;border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.text-input:hover{border-color:#9ca3af}.boolean-group{gap:.75rem}.radio-group{align-items:center;gap:1.5rem;display:flex}.radio-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;transition:all .2s;display:flex}.radio-label:hover{color:var(--primary)}.radio-label input[type=radio]{cursor:pointer;accent-color:var(--primary);flex-shrink:0;width:1.125rem;height:1.125rem;transition:all .2s}.radio-label input[type=radio]:hover{transform:scale(1.1)}.radio-label input[type=radio]:focus{outline:none}.radio-text{color:#4b5563;font-size:.9375rem;font-weight:500}.action-buttons{justify-content:flex-end;gap:1rem;display:flex}.btn{cursor:pointer;text-align:center;border:none;border-radius:104px;min-width:120px;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .3s}.btn-back{color:#374151;border:1.5px solid #d1d5db;padding:20px;background-color:#fff!important}.btn-back:hover{background-color:#0000!important}.btn-back:active{color:#374151;background-color:#0000!important}.btn-back:focus-visible{outline:none!important}.btn-next{color:#fff;padding:20px;background-color:var(--primary)!important}.btn-next:hover{background-color:var(--primary)!important}.btn-next:active{transform:scale(.98);background-color:var(--primary)!important}@media (width<=768px){.planogram-criteria-section{gap:1.5rem;padding:1rem}.categories-container{grid-template-columns:1fr}.category-card{padding:1rem}.btn{width:100%;min-width:unset}.radio-group{gap:1rem}.criteria-title{font-size:1.5rem}}@media (width<=480px){.planogram-criteria-section{gap:1rem;padding:.75rem}.category-card{padding:.75rem}.fields-wrapper{gap:1rem}.category-name{font-size:1rem}.criteria-title{font-size:1.25rem}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@media (prefers-reduced-motion:reduce){.category-card,.number-input,.text-input,.radio-label input[type=radio],.btn,.radio-label{transition:none}}.planogram-summary-page{scroll-behavior:smooth;min-height:100dvh;padding:16px 20px;overflow-y:auto}.header-left{align-items:center;gap:12px;margin-bottom:22px;display:flex}.header-left .back-icon{cursor:pointer;margin:0}.header-left .page-title{color:#1b1b1b;margin:0;font-size:16px;font-weight:600}.summary-data-container{background:#e9ecee;border:1px solid #e9ecee;border-radius:12px;margin-bottom:80px;padding:12px 20px}.summary-label{color:#272c31;text-align:start;font-size:13px;font-weight:600}.criteria-title{color:#2d2d2d;font-size:15px;font-weight:600}.criteria-summary{padding-top:8px}.summary-row{justify-content:space-between;align-items:center;display:flex}.summary-row .category-name,.summary-row .category-score{color:#434c54;font-size:14px;font-weight:400}.summary-images{margin-top:18px}.summary-images .image-title{color:#666;text-align:start;margin-bottom:10px;font-size:13px;font-weight:600}.summary-images .image-list{flex-wrap:wrap;gap:10px;display:flex}.summary-images .summary-image{object-fit:cover;border:1px solid #e6e6e6;border-radius:8px;width:72px;height:72px}.summary-total{color:#131414;border-radius:14px;justify-content:space-between;align-items:center;margin-top:20px;font-size:14px;display:flex}.summary-total span,.summary-total strong{font-weight:600}.summary-footer{background:#fff;border-top:1px solid #ececec;gap:14px;padding:18px;display:flex;position:fixed;bottom:0}.summary-footer button{border-radius:24px;flex:1;height:46px;font-size:15px;font-weight:600}.summary-footer .back-btn{background:#fff;border:1px solid #cfd5db}.summary-footer .ant-btn-primary{background:#1565c0;border:none}.invoice-detail{background:#f5f5f2;display:flex}.invoice-card{text-align:start;background:#fff;flex:1;padding:32px;position:relative;overflow:hidden}.blur-circle{filter:blur(20px);background:radial-gradient(circle,#d2d2d259,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute}.blur-circle.top{top:-20px;left:-30px}.blur-circle.bottom{bottom:-20px;right:-30px}.invoice-header{justify-content:space-between;margin-bottom:24px;display:flex}.invoice-header h2{color:#02121c;margin:0;font-size:22px;font-weight:700}.invoice-header span{color:#7a7a7a;font-size:13px}.invoice-header .date-time{text-align:right;color:#434c54}.invoice-header .date-time label{margin-bottom:4px;font-size:11px;display:block}.invoice-header .date-time strong{font-size:11px;display:block}.dotted-divider{background-image:repeating-linear-gradient(90deg,#d2d7db 0 5px,#0000 5px 10px);height:1px;margin:20px 0}.order-section{text-align:start;color:#434c54;justify-content:space-between;margin-bottom:30px;display:flex}.order-section label{margin-bottom:6px;font-size:12px;font-weight:400;display:block}.order-section strong{font-size:14px;font-weight:500}.item-section{margin-bottom:30px}.item-row{color:#272c31;text-align:start;border-bottom:1px dashed #d2d7db;justify-content:space-between;margin-bottom:18px;display:flex}.item-row h4{margin:0;font-size:14px;font-weight:500}.item-row span{color:#535f69;font-size:12px;font-weight:400}.item-row strong{font-size:13px;font-weight:600}.totals-section{margin-bottom:20px}.total-row{color:#272c31;justify-content:space-between;margin-bottom:12px;display:flex}.total-row span{font-size:14px;font-weight:500}.total-row strong{font-size:14px;font-weight:600}.scallop{background:radial-gradient(circle at 10px -2px,#0000 10px,#e9e9e9 11px) 0 0/20px 20px repeat-x;height:18px;margin-bottom:20px}.payment-section h3{text-transform:uppercase;letter-spacing:1px;color:#272c31;text-align:start;margin-bottom:12px;font-size:13px}.payment-row{color:#272c31;text-align:start;justify-content:space-between;margin-bottom:18px;display:flex}.payment-row span{color:#596570;margin-top:4px;font-size:14px;display:block}.payment-row strong{font-size:14px}:root{--primary:#0b588e;--primary-dark:#1e40af;--primary-light:#3b82f6;--secondary:#10b981;--background:#fff;--surface:#1e293b;--surface-light:#334155;--text-primary:#f1f5f9;--text-secondary:#6f7e8c;--text-outstanding:#0b588e;--text-location:#434c54;--text-label:#596570;--text-header:#272c31;--border:#475569;--accent:#f59e0b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--color-red:#da0505;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--z-overlay:100;--z-sidebar:140;--z-header:120;--z-bottom-nav:130}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);font-family:Geist,sans-serif;line-height:1.6}.app-layout{background-color:var(--background);min-height:100dvh;display:flex;position:relative}@media (width<=768px){.app-layout{flex-direction:column;min-height:100dvh}}.mobile-menu-overlay{z-index:calc(var(--z-sidebar) - 1);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background-color:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-menu-overlay{display:block}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}}.sidebar{border-right:1px solid var(--border);width:280px;z-index:var(--z-sidebar);transition:transform var(--transition-base);flex-direction:column;display:flex;position:relative}@media (width<=768px){.sidebar{height:100%;box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);color:#000;padding:var(--spacing-md);flex-shrink:0;display:flex}@media (width<=768px){.sidebar-header{padding:var(--spacing-sm) var(--spacing-md)}}.sidebar-close-btn{color:#000;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast);background:0 0;border:none;display:none}@media (width<=768px){.sidebar-close-btn{justify-content:center;align-items:center;display:flex}.sidebar-close-btn:hover{background-color:#ffffff1a}}.logo{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.logo-icon{border-radius:var(--radius-lg);color:#000;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:700;display:flex}.logo-text{color:#000;font-size:1.125rem;font-weight:700}.logo-sub{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.sidebar-nav{gap:var(--spacing-sm);padding:var(--spacing-md);background:#fff;flex-direction:column;flex:1;height:100dvh;min-height:0;display:flex;overflow:hidden}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-md)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--surface-light)}.nav-container{scroll-behavior:smooth;gap:var(--spacing-sm);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.nav-container::-webkit-scrollbar{display:none}.nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;white-space:nowrap;background:0 0;border:none;flex-shrink:0;font-size:.95rem;font-weight:500;display:flex}.nav-item.active{background:linear-gradient(90deg, var(--primary-light) 0%, var(--primary) 100%);color:#fff;box-shadow:0 4px 12px #2563eb4d}.nav-item.active .nav-icon{animation:slideInIcon var(--transition-base)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-label{color:#000;flex:1}.nav-label.logout{color:#bc2121}.main-wrapper{flex-direction:column;flex:1;display:flex}.top-header{padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);z-index:var(--z-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 85% 0,#1e64b4cc 0%,#003c8266 25%,#0000 50%),linear-gradient(#002b5c 0%,#001d46 45%,#001537 100%);display:flex;position:sticky;top:0}@media (width<=768px){.top-header{padding:var(--spacing-md)}}.header-left{align-items:center;gap:var(--spacing-lg);flex:1;display:flex}@media (width<=768px){.header-left{gap:var(--spacing-md)}}.menu-btn{-webkit-backdrop-filter:blur(100px);padding:var(--spacing-md);color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 8px 32px #a7a6a626}.header-title h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}@media (width<=768px){.header-title h1{font-size:1.25rem}}.header-right{align-items:center;gap:var(--spacing-md);display:flex}.icon-btn{color:var(--text-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:focus{outline:none}.icon-btn:focus-visible{outline:2px solid var(--primary)}.icon-btn:active{outline:none}.add-btn{-webkit-backdrop-filter:blur(100px);padding:var(--spacing-md);color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 8px 32px #a7a6a626}.notif-badge{background-color:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.page-content{padding:var(--spacing-xl);background:radial-gradient(circle at 85% 0,#1e64b4cc 0%,#003c8266 25%,#0000 50%),linear-gradient(#002b5c 0%,#001d46 45%,#001537 100%);flex:1;min-height:0;overflow-y:auto}.page-content.not-home-page{background:#fff}@media (width<=1024px){.page-content{padding:var(--spacing-lg)}}@media (width<=768px){.page-content{padding:0}}.page-content::-webkit-scrollbar{display:none}.page-content::-webkit-scrollbar-track{background:0 0;display:none}.page-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-md)}.page-content::-webkit-scrollbar-thumb:hover{background:var(--surface-light)}.bottom-nav{height:80px;z-index:var(--z-bottom-nav);padding-top:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;flex-direction:row;justify-content:space-around;align-items:flex-start;display:none;position:sticky;bottom:0;left:0;right:0}@media (width<=768px){.bottom-nav{display:flex}}.bottom-nav-item{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base);background:0 0;border:none;flex-direction:column;flex:1;font-size:.7rem;font-weight:500;display:flex}.bottom-nav-item:hover{color:var(--text-primary)}.bottom-nav-item.active{color:var(--primary);background:#dfe9f2;border-radius:36px}.bottom-nav-item.active .nav-icon{animation:bounceUp var(--transition-base);background:linear-gradient(135deg,#1e40af 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.bottom-nav-item.active .nav-icon:before{content:"";z-index:-1;position:absolute;inset:-8px}.bottom-nav-item.active .nav-icon{color:var(--primary-light)}.bottom-nav-item.active .nav-label{color:#0f477b;font-weight:600}.bottom-nav-item .nav-icon{justify-content:center;align-items:center;display:flex}.bottom-nav-item .nav-label{line-height:1.2}@keyframes slideInIcon{0%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.space-between{justify-content:space-between;align-items:center;display:flex}.quick-actions-overlay{z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;position:fixed;inset:0}.quick-actions-drawer{z-index:999;flex-direction:column;max-height:80vh;display:flex;position:fixed;bottom:0;left:0;right:0}.custom-divider{border-color:#d2d7db!important}.quick-actions-content{background:#fff;border-radius:24px 24px 0 0;max-height:80vh;padding:24px 20px 32px;overflow-y:auto;box-shadow:0 -4px 20px #0000001a}.quick-actions-content::-webkit-scrollbar{width:6px}.quick-actions-content::-webkit-scrollbar-track{background:0 0}.quick-actions-content::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.quick-actions-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}.quick-actions-title{color:#041f32;margin:0;padding:0;font-size:18px;font-weight:600}.quick-actions-list{flex-direction:column;gap:0;display:flex}.quick-action-item{cursor:pointer;background:0 0;border:none;border-bottom:1px dashed #d2d7db;justify-content:space-between;align-items:center;padding:10px 12px;transition:background-color .2s;display:flex}.quick-action-item:last-child{border-bottom:none}.quick-action-item:active{background-color:#f9fafb}.quick-action-item:not(:active):hover{background-color:#f3f4f6}.action-left{text-align:left;flex:1;align-items:center;gap:14px;display:flex}.action-icon{color:#374151;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-icon svg{stroke-width:2px}.action-details{flex-direction:column;justify-content:center;gap:4px;display:flex}.action-desc{color:var(--text-label);font-size:13px}.action-label{color:#041f32;white-space:nowrap;text-overflow:ellipsis;padding-top:10px;font-size:20px;font-weight:500;overflow:hidden}.action-chevron{color:#9ca3af;flex-shrink:0;margin-left:8px}@media (width<=480px){.quick-actions-content{padding:20px 16px 28px}.quick-actions-title{font-size:16px}.quick-action-item{padding:14px 10px}.action-left{gap:12px}.action-icon{width:36px;height:36px;font-size:14px}.action-label{font-size:14px}}.quick-actions-drawer{will-change:transform}.quick-actions-overlay{will-change:opacity}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--surface-light)}.tab-loading{justify-content:center;align-items:center;height:100dvh;font-size:14px;display:flex}.user-profile-container{background:#f5f6f8;min-height:100vh;padding:16px}.profile-header{align-items:center;gap:12px;display:flex}.profile-header h2{color:#32393f;margin:0;font-size:16px;font-weight:600}.back-icon{cursor:pointer;color:#02121c}.profile-top-section{flex-direction:column;align-items:center;margin-top:24px;display:flex}.profile-top-section h3{color:#02121c;margin:16px 0 2px;font-size:20px;font-weight:600}.profile-top-section .designation{color:#6f7e8c;margin:0;font-size:13px}.profile-top-section .employee-code{color:var(--text-location);margin:0;font-size:13px;font-weight:500}.profile-wrapper{cursor:pointer;display:inline-flex;position:relative}.offline-indicator{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:10px;right:5px}.offline-indicator svg{color:#ff4d4f}.profile-image{border-radius:50%;width:50px;height:50px}.profile-image img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar{background:#fff;border-radius:50%;width:120px;height:120px;padding:4px;box-shadow:0 2px 12px #00000014}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-card{background:#fff;border-radius:16px;margin-top:28px;overflow:hidden}.profile-row{justify-content:space-between;align-items:center;padding:18px 16px;display:flex}.profile-row:not(:last-child){border-bottom:1px solid #ececec}.profile-row span{color:var(--text-location);font-size:14px}.profile-row strong{color:#02121c;text-align:right;font-size:14px;font-weight:500}.profile-action-card{background:#fff;border-radius:16px;margin-top:20px;padding:8px}.change-password-btn{text-align:left;width:100%;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:12px;font-size:15px;font-weight:600}.status-badge{border-radius:8px;padding:4px 10px;font-size:13px;font-weight:500;line-height:1}.status-badge.active{color:#18794e;background:#d7f0df;border:1px solid #a8d5b8}.status-badge.pending{color:#b26a00;background:#fff4d6;border:1px solid #f0d28c}.status-badge.expired{color:#c0392b;background:#fde2e2;border:1px solid #f2b8b5}.status-badge.draft,.status-badge.sendForClarification{color:gray;background:#a7e0ff;border:1px solid #a7e0ff}.notification-panel{flex-direction:column;height:100%;display:flex}.notification-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.notification-panel-header-left{align-items:center;gap:12px;display:flex}.notification-panel-icon{background:var(--primary-soft,#2563eb1a);width:40px;height:40px;color:var(--primary,#2563eb);border-radius:12px;justify-content:center;align-items:center;display:flex}.notification-panel-title{color:var(--foreground,#111827);margin:0;font-size:16px;font-weight:600}.notification-panel-subtitle{color:var(--muted-foreground,#6b7280);margin:2px 0 0;font-size:13px}.notification-panel-count-badge .ant-badge-count{background:var(--muted,#f3f4f6);color:var(--muted-foreground,#6b7280);box-shadow:none;font-weight:500}.notification-panel-tabs{border-bottom:1px solid var(--border,#e5e7eb);padding:8px 24px 0}.notification-panel-tabs .ant-tabs-nav{margin-bottom:0}.notification-panel-body{flex:1;overflow-y:auto}.notification-panel-loading{justify-content:center;align-items:center;height:160px;display:flex}.notification-panel-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:48px 24px;display:flex}.notification-panel-empty-icon{background:var(--muted,#f3f4f6);width:64px;height:64px;color:var(--muted-foreground,#6b7280);border-radius:9999px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.notification-panel-empty-title{color:var(--foreground,#111827);margin:0;font-size:15px;font-weight:500}.notification-panel-empty-text{max-width:280px;color:var(--muted-foreground,#6b7280);margin:4px 0 0;font-size:13px}.notification-panel-list{flex-direction:column;gap:12px;padding:16px;display:flex}.notification-spin-icon{color:var(--muted-foreground,#6b7280);animation:1s linear infinite notification-spin}@keyframes notification-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-panel-count-badge{color:var(--primary)}.notification-item{border:1px solid var(--border,#e5e7eb);background:var(--card,#fff);border-radius:12px;transition:border-color .15s,box-shadow .15s;position:relative}.notification-item:hover{border-color:var(--primary-soft-border,#2563eb66);box-shadow:0 1px 4px #0000000f}.notification-item:hover .notification-item-menu-btn{opacity:1}.notification-item-unread{border-color:var(--primary-soft-border,#2563eb33);background:var(--primary-soft,#2563eb0d)}.notification-item-content{text-align:left;cursor:pointer;align-items:flex-start;gap:12px;width:100%;padding:16px 48px 16px 16px;display:flex}.notification-item-avatar{background:var(--muted,#f3f4f6);width:40px;height:40px;color:var(--muted-foreground,#6b7280);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-item-avatar-unread{background:var(--primary-soft,#2563eb1a);color:var(--primary,#2563eb)}.notification-item-main{flex:1;min-width:0}.notification-item-title-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.notification-item-dot{background:var(--primary,#2563eb);border-radius:9999px;flex-shrink:0;width:8px;height:8px}.notification-item-title{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground,#111827);font-size:14px;font-weight:600;overflow:hidden}.notification-item-message{white-space:pre-wrap;color:var(--muted-foreground,#6b7280);margin:0;font-size:12px}.notification-item-toggle{color:var(--primary,#2563eb);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:0;font-size:12px;font-weight:500}.notification-item-toggle:hover{text-decoration:underline}.notification-item-meta{color:var(--muted-foreground,#6b7280);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.notification-item-menu-btn{opacity:0;width:32px;height:32px;transition:opacity .15s;position:absolute;top:8px;right:8px}