@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&family=Space+Grotesk:wght@700&family=Instrument+Sans:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap);body{background-color:#ede8f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cashier-directory,.client-directory,.directory-table-container,.orders-directory,.sa-table-wrapper,.sales-directory,.settings-table-wrapper,.stock-inventory-box,.table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%!important;overflow-x:auto!important}@media (max-width:1280px){.sidebar-nav-container{min-width:76px!important;width:76px!important}.sidebar-nav-inner{padding:24px 8px!important}.sidebar-nav-container .caret-icon,.sidebar-nav-container .item-text,.sidebar-nav-container .logo-text,.sidebar-nav-container .logout-icon,.sidebar-nav-container .nav-divider,.sidebar-nav-container .nav-title-box,.sidebar-nav-container .user-details{display:none!important}.sidebar-nav-container .item-left,.sidebar-nav-container .logo-group,.sidebar-nav-container .menu-item,.sidebar-nav-container .user-info{align-items:center!important;justify-content:center!important;padding:10px 0!important;width:100%!important}.sidebar-nav-container .menu-sub-item{padding:8px 0!important;text-align:center!important}.calendar-main,.cashier-main,.clients-main,.import-main,.orders-main,.report-main,.sa-main,.sales-main,.settings-main,.stock-main,.suppliers-main{margin-left:76px!important;transition:margin-left .2s ease!important}.clients-charts-row,.orders-charts-row,.sales-charts-row,.stock-charts-row,.suppliers-charts-row{gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.clients-overview-grid,.kpi-grid,.overview-grid,.suppliers-overview-grid{gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}.bottom-grid,.charts-grid,.contact-channels{gap:20px!important;grid-template-columns:1fr!important}.settings-content{flex-direction:column!important;gap:24px!important;padding:20px!important}.settings-menu{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}.settings-menu-item{flex:1 1 auto!important;justify-content:center!important}.settings-panel{width:100%!important}}@media (max-width:1024px){.allocation-banner,.clients-header-actions,.header-top,.stock-banner-inner{align-items:flex-start!important;flex-direction:column!important;gap:16px!important;padding:20px!important}.directory-filters,.header-btn-group,.stock-banner-stats{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important}.stock-banner-stat{align-items:flex-start!important}.stock-banner-divider{display:none!important}.filter-bar{flex-direction:column!important;gap:12px!important}.filter-bar,.filter-date,.filter-item,.filter-select{width:100%!important}.form-row,.settings-form-row{flex-direction:column!important;gap:16px!important}}.App{text-align:left}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.ai-float-btn{background:linear-gradient(45deg,#8c00db,#005ab4);border-radius:9999px;display:inline-flex;height:56px;width:56px;z-index:1000}.ai-float-btn .ai-float-shadow{background:#fff0;border-radius:9999px;box-shadow:0 4px 6px -4px #8c00db33,0 10px 15px -3px #8c00db33;height:32px;left:0;position:absolute;top:16px;width:32px}.ai-float-btn .ai-float-icon{height:24px;overflow:hidden;position:relative;width:24px}.ai-float-btn .ai-float-icon svg{display:block;height:24px;width:24px}:root{--primary-medium:#af40ff;--primary-light:#bd62ff;--neutral-darkest:#171717;--neutral-dark:#4b4640;--neutral-lightest:#eeece9;--neutral-100:#101010;--bg-lavender:#f7ecff;--bg-white:#fff;--danger-medium:#ff2727;--danger-lightest:#fdd;--warning-base:#fe9a00;--warning-lightest:#ffedb9;--info-blue:#026aa2;--info-bg-blue:#f0f9ff;--accent-blue:#2b59ff;--font-main:"Inter",sans-serif;--font-sec:"Inter",sans-serif;--font-display:"Space Grotesk",sans-serif;--font-accent:"Inter",sans-serif;--container-width:1200px;--max-width:1440px;--shadow-sm:0px 4px 4px 0px #23286914;--shadow-lg:0px 20px 40px 0px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;background:var(--bg-white);color:#171717;color:var(--neutral-darkest);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}.landing-page{flex-direction:column}.landing-page,.navbar{align-items:center;display:flex;width:100%}.navbar{background:#fff;border-bottom:1px solid #00000014;box-sizing:border-box;height:80px;justify-content:space-between;left:0;padding:0 48px;position:fixed;right:0;top:0;z-index:100}.logo-block{gap:8px}.logo-block,.logo-icon{align-items:center;display:flex}.logo-icon{background:#101010;background:var(--neutral-100);border-radius:4px;height:40px;justify-content:center;padding:8px;width:40px}.logo-text{color:var(--neutral-100);font-size:18px}.nav-left{align-items:center;display:flex}.nav-links{display:flex;gap:32px;list-style:none}.nav-links li a{color:#101010;color:var(--neutral-100);font-family:inherit;font-size:16px;font-weight:700;text-decoration:none}.nav-buttons{align-items:center;display:flex;gap:32px}.login-btn{background:none;background-color:initial;box-shadow:none;color:#101010;color:var(--neutral-100);font-family:inherit;font-size:16px;padding:0;text-decoration:none}.navbar .nav-buttons .login-btn{appearance:none;background:none!important;background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#000!important;height:auto!important;padding:0!important}.get-started-btn{background:#171717;background:var(--neutral-darkest);border-radius:100px;color:#fff;font-size:16px;font-weight:600;padding:16px 24px;text-decoration:none;transition:opacity .2s}.get-started-btn:hover{opacity:.9}.hero{background:radial-gradient(circle at center,#9900ff0d 0,#0000 70%);flex-direction:column;justify-content:center;min-height:100vh;padding-top:160px;position:relative;width:100%}.badge-alert,.hero{align-items:center;display:flex}.badge-alert{background:linear-gradient(175deg,#9900ff1a,#dbdbff1a);border-radius:20px;gap:12px;margin-bottom:24px;padding:8px 16px}.badge-dot{background:#af40ff;background:var(--primary-medium);border-radius:50%;height:12px;width:12px}.badge-text{-webkit-text-fill-color:#0000;background:linear-gradient(-2.8deg,#60f,#90f);-webkit-background-clip:text;background-clip:text;font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.hero-title{color:#000;font-family:Space Grotesk,sans-serif;font-size:70px;font-weight:700;letter-spacing:-3px;line-height:1.1;margin-bottom:24px;max-width:800px;text-align:center}.hero-desc{color:#555;font-family:Inter,sans-serif;font-size:32px;letter-spacing:-.5px;line-height:1.4;max-width:950px;text-align:center}.product-showcase{background:#ffffff0d;border:1px solid #0000001a;border-radius:32px;box-shadow:0 40px 100px #00000026;margin-top:60px;max-width:1360px;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.product-showcase:hover{transform:scale(1.02)}.product-img{display:block;transform:translateY(0);width:100%}.features-section{align-items:center;background:radial-gradient(circle at center,#f7ecff 0,#fff 100%);background:radial-gradient(circle at center,var(--bg-lavender) 0,var(--bg-white) 100%);display:flex;flex-direction:column;padding:100px 0;width:100%}.section-head{margin-bottom:80px;text-align:center}.section-badge{background:#af40ff1a;border-radius:2000px;color:#af40ff;color:var(--primary-medium);display:inline-block;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px;padding:4px 12px}.section-title{color:#000;font-size:36px;margin-bottom:20px}.section-desc,.section-title{font-family:Space Grotesk,sans-serif}.section-desc{color:#4b4640;color:var(--neutral-dark);font-size:18px;max-width:700px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);max-width:1200px;max-width:var(--container-width);width:100%}.feature-item{align-items:flex-start;background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 24px #0000000a;display:flex;gap:20px;padding:32px;text-align:left;transition:all .3s ease}.feature-item:hover{border-color:#af40ff33;box-shadow:0 12px 40px #af40ff1a;transform:translateY(-5px)}.feature-icon-wrapper{align-items:center;background:#f7ecff;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.feature-content{flex:1 1}.feature-icon{height:40px;width:40px}.feature-title{color:#000;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;letter-spacing:.2px}.feature-description{color:#4b4640;color:var(--neutral-dark);font-family:Inter,sans-serif;font-size:16px}.learn-more{align-items:center;color:#af40ff;color:var(--primary-medium);display:flex;font-family:Inter,sans-serif;font-size:18px;font-weight:700;gap:8px;text-decoration:none}.detailed-features{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-top:100px;max-width:1200px;max-width:var(--container-width);width:100%}.alert-stack{background:#fff;border-radius:12px;box-shadow:0 4px 4px 0 #23286914;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:0;overflow:hidden}.alert-item{border-bottom:1px solid #eeece9;border-bottom:1px solid var(--neutral-lightest);gap:16px;padding:20px}.alert-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.alert-content{flex-grow:1}.alert-header{display:flex;justify-content:space-between;margin-bottom:4px}.alert-title{font-size:14px;font-weight:700}.alert-time{color:#9c978f;font-size:14px}.alert-desc{font-size:12px;font-weight:500;margin-bottom:12px}.alert-actions{display:flex;gap:8px}.action-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none}.action-btn.primary-danger{background:#ff2727;background:var(--danger-medium);color:#fff}.action-btn.primary-purple{background:#af40ff;background:var(--primary-medium);color:#fff}.action-btn.primary-warning{background:#fe9a00;background:var(--warning-base);color:#fff}.action-btn.secondary{background:#fff;border:1px solid #d4d4d4}.detailed-content{padding:0 20px}.detailed-title{color:#000;font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:32px;text-align:left}.detailed-desc{color:#4b4640;color:var(--neutral-dark);font-size:18px;line-height:1.6;margin-bottom:40px;text-align:left}.checklist-list{display:flex;flex-direction:column;gap:20px;list-style:none;margin-bottom:40px}.checklist-list li{align-items:center;color:#101828;display:flex;font-size:18px;font-weight:600;gap:12px}.dashboard-highlight{grid-column:span 2;margin:100px 0;text-align:center}.dash-badge{color:#2b59ff;color:var(--accent-blue);font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.dash-title{color:#000;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;margin:0 auto;max-width:800px}.analytics-row{grid-gap:60px;gap:60px;grid-template-columns:416px 1fr;margin-bottom:100px;max-width:1200px;max-width:var(--container-width);width:100%}.analytics-cards{grid-gap:24px!important;display:grid!important;gap:24px!important;grid-template-columns:1fr!important;width:100%!important}.ss-info-card{align-items:flex-start!important;background-color:#fff!important;background:#fff!important;border:1px solid #0000000d!important;border-radius:20px!important;box-shadow:0 4px 24px #0000000a!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;gap:20px!important;min-width:100%!important;padding:32px!important;transition:all .3s ease;width:100%!important}.ss-info-card:hover{box-shadow:0 12px 40px #af40ff1a!important;transform:translateX(8px)}.info-card-icon{align-items:center;background:#f7ecff;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.info-card-content{flex:1 1}.info-card-content h4{color:#000;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;margin-bottom:8px}.info-card-content p{color:#555;font-family:Inter,sans-serif;font-size:16px;line-height:1.4}.dashboard-img-container{display:block;height:560px;position:relative;width:100%}.main-dashboard-img{border:6px solid #111;border-radius:14px;box-shadow:0 30px 60px #0000001a;display:block;position:absolute;right:0;top:0;width:65%;z-index:1}.secondary-dashboard-img{background:#fff;border-radius:14px;bottom:-40px;box-shadow:0 8px 40px #0000001f;position:absolute;right:-20px;width:320px;z-index:2}.vector-23-img{background:#0000;bottom:80px;position:absolute;right:280px;z-index:2}.pricing-section{margin-top:50px;max-width:1200px;max-width:var(--container-width);padding:100px 0;width:100%}.pricing-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:60px}.pricing-card{background:#fff;border:1px solid #00000014;border-radius:24px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;padding:40px;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:#af40ff;border-color:var(--primary-medium);box-shadow:0 20px 40px #00000014;transform:translateY(-10px)}.pricing-card.featured{background:linear-gradient(180deg,#fff,#f9f5ff);border:2px solid #af40ff;border:2px solid var(--primary-medium)}.featured-badge{background:#af40ff;background:var(--primary-medium);border-radius:20px;color:#fff;font-size:12px;font-weight:700;left:50%;letter-spacing:.5px;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-name{color:#101828;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;margin-bottom:24px}.plan-price{align-items:baseline;display:flex;gap:4px;margin-bottom:32px}.plan-price .currency{color:#101828;font-size:24px;font-weight:600}.plan-price .amount{color:#101828;font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700}.plan-price .period{color:#667085;font-size:16px}.plan-features{flex-grow:1;margin-bottom:40px}.plan-features li{color:#475467;font-size:16px;gap:12px;margin-bottom:16px}.plan-btn{background:#fff;border:1px solid #d0d5dd;border-radius:12px;color:#344054;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s;width:100%}.plan-btn.primary{background:#af40ff;background:var(--primary-medium);border:1px solid #af40ff;border:1px solid var(--primary-medium);color:#fff}.plan-btn:hover{background:#f9fafb}.plan-btn.primary:hover{background:#af40ff;background:var(--primary-medium);opacity:.9}.faq-section{margin:0 auto;max-width:800px;padding:100px 0;width:100%}.faq-list{display:flex;flex-direction:column;gap:16px;margin-top:60px}.faq-item{background:#fff;border:1px solid #00000014;border-radius:16px;cursor:pointer;padding:24px;transition:all .2s}.faq-item:hover{background:#fcfaff;border-color:#af40ff;border-color:var(--primary-medium)}.faq-question{align-items:center;color:#101828;display:flex;font-size:18px;font-weight:600;justify-content:space-between}.faq-icon{color:#af40ff;color:var(--primary-medium);font-size:24px;font-weight:400}.faq-answer{color:#667085;font-size:16px;line-height:1.6;margin-top:16px;padding-right:40px}.footer{background:#f9fafb;border-top:1px solid #0000000d;padding:100px 0 60px;width:100%}.footer-content{display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;max-width:var(--container-width);padding:0 40px}.footer-logo-col{max-width:320px}.footer-links{display:flex;gap:80px}.footer-link-group h5{color:#101828;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:24px;text-transform:uppercase}.footer-link-group ul{list-style:none}.footer-link-group li{margin-bottom:12px}.footer-link-group a{color:#667085;font-family:Inter,sans-serif;font-size:16px;text-decoration:none;transition:color .2s}.footer-logo{margin-bottom:18px}.footer-tagline{color:#5a7184;font-size:16px;line-height:1.5}@media (max-width:1024px){.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr);padding:0 20px}.hero-title{font-size:48px}.detailed-features{gap:40px}.analytics-row,.detailed-features{grid-template-columns:1fr}}@media (max-width:640px){.features-grid,.pricing-grid{grid-template-columns:1fr}.navbar{padding:0 20px}.footer-content{flex-direction:column;gap:60px}}.performance-snap{background-color:#ede8f5;display:flex;font-family:Inter,-apple-system,sans-serif;min-height:100vh}.report-main{display:flex;flex:1 1;flex-direction:column;margin:0 auto 0 220px;max-width:1600px;padding:32px;width:100%}.allocation-banner{border-radius:24px;box-shadow:0 10px 30px #4d008426;margin-bottom:32px;overflow:hidden;padding:32px 48px;position:relative}.allocation-banner:after{background:#ffffff0d;border-radius:50%;content:"";height:200px;position:absolute;right:-50px;top:-50px;width:200px}.stock-banner-inner{position:relative;z-index:1}.stock-banner-left{gap:8px}.stock-banner-kicker{font-size:14px;letter-spacing:1px}.stock-banner-title{font-size:32px;font-weight:800}.stock-banner-stats{gap:32px}.stock-banner-stat{text-align:right}.stock-banner-stat-val{display:block;font-size:32px;font-weight:800}.stock-banner-stat-label{color:#fff9;font-size:13px}.stock-banner-divider{height:48px}.header-top{margin-bottom:24px}.tabs-bar{border-bottom:1px solid #e0e0e0;gap:24px;margin-bottom:32px;padding-bottom:8px}.tab{border-bottom:2px solid #0000;color:#8e8e93;font-weight:600;gap:8px;padding:8px 4px}.tab.active{border-bottom-color:#6a0dad}.report-title-section h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0}.report-title-section p{color:#64748b;font-size:14px;margin:4px 0 0}.header-actions{align-items:center}.real-time-indicator{align-items:center;background:#ecfdf5;border-radius:20px;color:#10b981;display:flex;font-size:12px;font-weight:500;gap:8px;padding:6px 12px}.pulse-dot{animation:pulse 2s infinite;background-color:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #10b981b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #10b98100;transform:scale(1)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(.95)}}.download-btn{align-items:center;background:#6a0dad;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #6a0dad33;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.download-btn:hover{background:#5a009c;transform:translateY(-1px)}.filter-bar{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;margin-bottom:24px;padding:16px}.filter-item{display:flex;flex-direction:column;gap:6px}.filter-item label{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase}.filter-date,.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:14px;outline:none;padding:8px 12px}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.report-card{background:#fff;border:1px solid #f0e8f8;border-radius:20px;box-shadow:0 4px 15px #6a0dad0d;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .25s ease}.report-card:hover{box-shadow:0 12px 25px #6a0dad1f;transform:translateY(-5px)}.report-card:before{border-radius:50%;content:"";height:100px;opacity:.1;position:absolute;right:-20px;top:-20px;transition:all .3s ease;width:100px;z-index:0}.report-card:hover:before{opacity:.15;transform:scale(1.2)}.report-card.purple:before{background:#6a0dad}.report-card.blue:before{background:#0080fa}.report-card.green:before{background:#10b981}.report-card.amber:before{background:#f59e0b}.report-card.indigo:before{background:#6366f1}.report-card.red:before{background:#ef4444}.card-icon-wrapper{border-radius:14px;height:48px;width:48px}.report-card.purple .card-icon-wrapper{background:#f3e8ff;color:#6a0dad}.report-card.blue .card-icon-wrapper{background:#e0f2fe;color:#0080fa}.report-card.green .card-icon-wrapper{background:#dcfce7;color:#10b981}.report-card.amber .card-icon-wrapper{background:#fef3c7;color:#f59e0b}.report-card.indigo .card-icon-wrapper{background:#e0e7ff;color:#6366f1}.report-card.red .card-icon-wrapper{background:#fee2e2;color:#ef4444}.kpi-content{display:flex;flex-direction:column;position:relative;z-index:1}.kpi-label{color:#64748b;font-size:14px;font-weight:600;margin-bottom:4px}.kpi-value{color:#1e293b;font-size:28px;font-weight:800;letter-spacing:-.5px}.kpi-trend{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;margin-top:12px}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:32px}.chart-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:24px}.chart-header{margin-bottom:24px}.chart-title{font-size:18px;font-weight:600}.bottom-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{border-bottom:1px solid #f1f5f9;gap:12px;padding-bottom:16px}.activity-icon-sm{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-info h4{color:#1e293b;font-size:14px;font-weight:600;margin:0}.activity-info p{color:#64748b;font-size:13px;margin:2px 0}.activity-time{color:#94a3b8;font-size:11px}@media (max-width:1024px){.bottom-grid,.charts-grid{grid-template-columns:1fr}}@media (max-width:640px){.header-top{align-items:flex-start;gap:16px}.filter-bar,.header-top{flex-direction:column}}:root{--Neutral-10:#fff;--Neutral-30:#f0eafa;--Neutral-40:#e0d0f8;--Neutral-60:#878787;--Neutral-80:#383838;--Neutral-100:#101010;--Neutral-Darker:#5f5a53;--primary-Darker:#6a0dad}.sidebar-nav-container{background:#fff;background:var(--Neutral-10);border-right:1px solid #f0eafa;height:100vh;left:0;min-width:220px;position:fixed;top:0;width:220px;z-index:1000}.sidebar-nav-container,.sidebar-nav-inner{box-sizing:border-box;display:flex;flex-direction:column}.sidebar-nav-inner{-ms-overflow-style:none;height:100%;justify-content:space-between;overflow-y:auto;padding:24px 16px;scrollbar-width:none;width:100%}.sidebar-nav-inner::-webkit-scrollbar{display:none;height:0;width:0}.sidebar-top-section{display:flex;flex-direction:column;gap:40px}.sidebar-header{justify-content:space-between}.logo-group,.sidebar-header{align-items:center;display:flex}.logo-group{gap:8px}.logo-box{align-items:center;background:#101010;background:var(--Neutral-100);border-radius:4px;display:flex;justify-content:center;padding:8px}.logo-icon{background:#fff;background:var(--Neutral-10);height:20.99px;width:18px}.logo-text{color:#101010;color:var(--Neutral-100);font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px}.header-actions{opacity:0}.header-action-icon{display:flex;padding:6px}.header-action-inner{height:20px;position:relative;width:20px}.header-action-inner div{background:#383838;background:var(--Neutral-80);position:absolute}.nav-lists{gap:24px}.nav-lists,.nav-section{display:flex;flex-direction:column}.nav-title-box{align-items:center;display:flex;padding:8px}.nav-title-text{color:#101010;color:var(--Neutral-100);font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:21px;text-transform:uppercase}.menu-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px;overflow:hidden;padding:8px 12px;transition:all .2s ease}.menu-item.state-default{background:#fff;background:var(--Neutral-10);color:#101010;color:var(--Neutral-100)}.menu-item.state-default:hover,.menu-item.state-hover{background:#f0eafa;color:#101010;color:var(--Neutral-100)}.menu-item.theme-primary{background:#6a0dad;background:var(--primary-Darker);box-shadow:0 4px 12px #6a0dad33;color:#fff;color:var(--Neutral-10)}.menu-item.theme-primary:hover{background:#5a009c}.item-left{align-items:center;display:flex;flex:1 1;gap:8px}.item-icon-box{height:24px;position:relative;width:24px}.item-icon-box img{height:20px;object-fit:contain;width:20px}.menu-item.theme-primary .item-icon-box img{filter:brightness(0) invert(1)}.item-text{flex:1 1;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:24px}.item-right{gap:8px}.caret-icon,.item-right{align-items:center;display:flex}.caret-icon{height:20px;justify-content:center;transition:transform .2s;width:20px}.caret-icon.expanded{transform:rotate(180deg)}.visible{opacity:1}.hidden{opacity:0}.sub-items-container{display:flex;flex-direction:column;overflow:hidden;padding-left:12px}.menu-sub-item{border-radius:8px;color:#878787;color:var(--Neutral-60);cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px 8px 36px;transition:all .2s}.menu-sub-item.active,.menu-sub-item:hover{background:#f0eafa;color:#6a0dad}.menu-sub-item.active{font-weight:700}.account-section{align-items:center;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px}.account-section:hover{background:#f0eafa;background:var(--Neutral-30)}.user-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.avatar-img{border-radius:9999px;height:40px;object-fit:cover;width:40px}.user-details{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-width:0}.user-name{color:#101010;color:var(--Neutral-100)}.user-email,.user-name{font-family:Inter,sans-serif;font-size:14px;font-weight:700;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.user-email{color:#878787;color:var(--Neutral-60)}.logout-icon{align-items:center;display:flex;height:20px;justify-content:center;position:relative;width:20px}.logout-icon div{background:#878787;background:var(--Neutral-60);height:15px;width:15px}.logout-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.logout-modal{background:#18181b;border:1px solid #7c3aed;border-radius:12px;box-shadow:0 4px 12px #0006;padding:32px;text-align:center;width:360px}.logout-modal h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:16px;margin-top:0}.logout-modal p{color:#d1d5db;font-size:14px;line-height:1.5;margin-bottom:32px}.logout-modal-actions{display:flex;gap:16px;justify-content:space-between}.btn-cancel-logout{background:#6a0dad;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:background .2s}.btn-cancel-logout:hover{background:#5a009c}.btn-confirm-logout{background:#18181b;border:1px solid #3f3f46;border-radius:8px;color:#d1d5db;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:background .2s}.btn-confirm-logout:hover{background:#27272a}.sidebar-nav-container.theme-dark{background:#0f172a;border-right:1px solid #ffffff1a}.sidebar-nav-container.theme-dark .item-text,.sidebar-nav-container.theme-dark .logo-text,.sidebar-nav-container.theme-dark .nav-title-text,.sidebar-nav-container.theme-dark .user-name{color:#fff!important}.sidebar-nav-container.theme-dark .user-email{color:#94a3b8}.sidebar-nav-container.theme-dark .menu-item.state-default{background:#0000;color:#94a3b8}.sidebar-nav-container.theme-dark .menu-item.state-default:hover,.sidebar-nav-container.theme-dark .menu-item.state-hover{background:#ffffff0d;color:#fff}.sidebar-nav-container.theme-dark .item-icon-box img{filter:brightness(0) invert(1)}.sidebar-nav-container.theme-dark .nav-title-box{border-bottom:1px solid #ffffff0d;margin-bottom:12px}.sidebar-nav-container.theme-dark .account-section:hover{background:#ffffff0d}.sidebar-nav-container.theme-dark .logout-icon svg path{stroke:#94a3b8}.notification-backdrop{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a33;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.notification-panel{animation:slideInRight .3s ease-out;background:#fff;box-shadow:-10px 0 30px #0000000d;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:380px;z-index:1001}.notification-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px}.header-left h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.unread-count{background:#f5f0fc;border-radius:100px;color:#6a0dad;display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:2px 8px}.notification-list{flex:1 1;overflow-y:auto;padding:12px 0}.notification-item{border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;gap:16px;padding:16px 24px;position:relative;transition:background .2s}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#fdfcff}.type-indicator{height:100%;left:0;position:absolute;top:0;width:4px}.type-indicator.warning{background:#f59e0b}.type-indicator.success{background:#10b981}.type-indicator.info{background:#3b82f6}.notif-content{flex:1 1}.notif-top{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:4px}.notif-title{color:#1e293b;font-size:14px;font-weight:700}.notif-time{color:#94a3b8;font-size:11px}.notif-message{color:#64748b;font-size:13px;line-height:1.5;margin:0}.notification-footer{border-top:1px solid #f1f5f9;padding:16px 24px}.mark-all-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:10px;transition:all .2s;width:100%}.mark-all-btn:hover{background:#f1f5f9;color:#1e293b}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:10000}.executive-toast{align-items:center;animation:toast-slide-in .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 30px #0000001f;display:flex;gap:16px;max-width:450px;min-width:320px;overflow:hidden;padding:16px;pointer-events:auto;position:relative}.executive-toast.success{border-left:6px solid #10b981}.executive-toast.error{border-left:6px solid #ef4444}.executive-toast.info{border-left:6px solid #3b82f6}.toast-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.success .toast-icon{background:#ecfdf5;color:#10b981}.error .toast-icon{background:#fef2f2;color:#ef4444}.info .toast-icon{background:#eff6ff;color:#3b82f6}.toast-content{flex:1 1}.toast-message{color:#1e293b;font-size:14.5px;font-weight:600;line-height:1.4}.toast-close{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:20px;padding:4px;transition:color .2s}.toast-close:hover{color:#64748b}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.confirm-modal-overlay{align-items:center;animation:pmFadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirm-modal-container{animation:pmScaleUp .3s cubic-bezier(.34,1.56,.64,1);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:24px;transform-origin:center;width:90%}@keyframes pmScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-modal-header{flex-direction:column;text-align:center}.confirm-icon-wrap,.confirm-modal-header{align-items:center;display:flex;margin-bottom:16px}.confirm-icon-wrap{border-radius:12px;height:48px;justify-content:center;width:48px}.confirm-icon-wrap.primary{background:#f0f9ff;color:#0369a1}.confirm-icon-wrap.danger{background:#fef2f2;color:#991b1b}.confirm-title{color:#0f172a;font-size:18px;font-weight:700;margin:0}.confirm-body{margin-bottom:24px;text-align:center}.confirm-body p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.confirm-footer{display:flex;gap:12px}.confirm-footer button{border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.confirm-btn-cancel{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.confirm-btn-cancel:hover{background:#f1f5f9}.confirm-btn-action.primary{background:#6a0dad;border:none;color:#fff}.confirm-btn-action.primary:hover{background:#5a0b94;transform:translateY(-1px)}.confirm-btn-action.danger{background:#dc2626;border:none;color:#fff}.confirm-btn-action.danger:hover{background:#b91c1c;transform:translateY(-1px)}.recent-activity-view{background-color:#ede8f5;display:flex;height:100vh}.activity-main{display:flex;flex-direction:column;flex-grow:1;margin-left:220px;overflow-y:auto}.activity-content{display:flex;gap:16px;min-height:calc(100vh - 180px);overflow:visible;padding:16px 20px 120px}.activity-header-section{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.activity-title{color:#171717;font-size:20px;font-weight:700;letter-spacing:.5px}.activity-subtitle{color:#5f5a53;font-size:14px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.filters-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-btn{background:#f1f3fc;border:none;border-radius:12px;color:#4e4354;cursor:pointer;font-size:12px;font-weight:500;padding:6px 16px;transition:all .2s}.filter-btn.active{background:#6a0dad;color:#fff;font-weight:600}.feed-column{display:flex;flex:2 1;flex-direction:column;gap:10px}.date-header{align-items:center;display:flex;gap:8px;margin:0;padding:0 0 10px}.date-text{color:#d1c1d7;font-size:14px;font-weight:700;white-space:nowrap}.date-line{background:#d1c1d74d;flex-grow:1;height:1px}.activity-list-card{background:#fff;border-radius:12px;overflow:hidden;padding:10px 20px}.activity-item{background:#0000;border-bottom:1px solid #eeece9;display:flex;gap:8px;padding:20px 0}.activity-item:last-child{border-bottom:none}.item-icon-box{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.item-icon-box img{height:24px;width:24px}.item-body{display:flex;flex-direction:column;flex-grow:1;gap:16px}.item-main-row{align-items:center;display:flex;gap:33px;justify-content:flex-start;width:100%}.item-content-col{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.item-title-row{align-items:center;display:flex;gap:8px}.item-title{color:#000}.item-subtitle,.item-title{font-size:14px;font-weight:700;line-height:1.2}.item-dot{background:#e0e0e0;border-radius:50%;height:4px;width:4px}.item-status-badge{background:#f0f9ff;border-radius:16px;color:#026aa2;font-size:12px;font-weight:500;line-height:18px;margin-left:8px;padding:2px 8px}.item-desc-group{align-items:flex-start;display:flex;flex-direction:column;gap:4px;justify-content:flex-start}.item-desc{color:#000;font-size:12px;font-weight:500;line-height:20px}.item-time{color:#9c978f;font-size:14px;font-weight:500;padding-left:12px;white-space:nowrap}.item-actions{display:flex;gap:8px}.action-btn-primary,.action-btn-secondary{line-height:20px;padding:6px 12px}.widgets-column{display:flex;flex:1 1;flex-direction:column;gap:12px}.widget-card{background:#fff;border:1px solid #eeece9;border-radius:14px;box-shadow:0 1px 2px #0000000d;padding:20px}.widget-title{color:#181c22;font-size:14px;font-weight:700;margin-bottom:24px}.glance-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.glance-label{color:#4e4354;font-size:12px;font-weight:500}.glance-value{color:#181c22;font-size:12px;font-weight:700}.glance-badge{background:#ffdad6;border-radius:12px;color:#93000a;font-size:10px;font-weight:700;padding:2px 8px}.delivery-item{display:flex;gap:16px;margin-bottom:24px}.delivery-accent{background:#8c00db;border-radius:12px;height:48px;width:4px}.delivery-info{display:flex;flex-direction:column;flex-grow:1}.delivery-meta{display:flex;font-size:10px;font-weight:700;justify-content:space-between;margin-bottom:4px}.delivery-id{color:#181c22}.delivery-date{color:#8c00db}.delivery-vendor{color:#181c22;font-size:12px;font-weight:500;margin-bottom:4px}.delivery-stats{align-items:center;color:#9c978f;display:flex;font-size:11px;gap:4px}.recommendations-view{background-color:#ede8f5;display:flex;height:100vh}.recommendations-main{display:flex;flex-direction:column;flex-grow:1;margin-left:220px;overflow:hidden}.recommendations-content{display:flex;flex-direction:column;gap:32px;overflow-y:auto;padding:38px}.tabs-bar{background:#fff;border-bottom:1px solid #ededed;display:flex;gap:32px;padding:0 38px}.tab{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:14px 0;position:relative;transition:all .2s}.tab.active,.tab:hover{color:#6a0dad}.tab.active{font-weight:700}.tab.active:after{background:#6a0dad;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.insights-forecast-section{background:#fff;border:1px solid #f0e8f8;border-radius:24px;box-shadow:0 4px 20px #6a0dad0a;padding:32px}.forecast-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.forecast-title-row{align-items:center;display:flex;gap:16px}.forecast-icon-box{align-items:center;background:#f5f0fc;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.forecast-title-group h2{color:#101828;font-size:20px;font-weight:800;line-height:1.2;margin:0}.forecast-title-group p{color:#94a3b8;font-size:13px;font-weight:500;margin:4px 0 0}.forecast-pill{background:#fff;border:1px solid #f0e8f8;border-radius:100px;box-shadow:0 2px 8px #6a0dad0d;color:#6a0dad;font-size:13px;font-weight:700;padding:8px 16px}.forecast-chart-container{height:350px;margin:20px 0;width:100%}.forecast-footer-stats{border-top:1px solid #f0f0f0;display:flex;gap:60px;margin-top:20px;padding-top:24px}.stat-item{display:flex;flex-direction:column;gap:6px}.stat-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.stat-value{font-size:18px;font-weight:800}.stat-value.purple{color:#6a0dad}.stat-value.orange{color:#ff8c00}.recommendations-main .section-header{align-items:center;display:flex;gap:8px;margin-bottom:20px}.recommendations-main .section-icon{display:block;flex-shrink:0;height:24px;width:24px}.recommendations-main .section-title{color:#000;font-size:20px;font-weight:700;line-height:24px;margin:0}.section-subtitle{color:#736e66;font-size:14px;font-weight:600}.rec-card{background:#fff;border:1px solid #ff9696;border-radius:16px;display:flex;gap:20px;margin-bottom:16px;padding:24px;transition:transform .2s}.rec-card:hover{transform:translateY(-2px)}.rec-icon-box{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.rec-body{display:flex;flex-direction:column;flex-grow:1;gap:16px}.rec-meta{align-items:flex-start;display:flex;justify-content:space-between}.rec-info-top{display:flex;flex-direction:column;gap:4px}.rec-label,.rec-main-text{font-size:14px;font-weight:700}.rec-main-text{color:#000}.rec-sub-text{color:#000;font-size:12px;font-weight:500;line-height:1.6}.rec-impact{display:flex;flex-direction:column;gap:2px;text-align:right}.impact-value{font-size:20px;font-weight:700}.impact-label{color:#9c978f;font-size:16px;font-weight:500}.rec-actions{display:flex;gap:8px}.action-btn-primary{border:1px solid #0000;font-size:13px;padding:8px 16px}.action-btn-secondary{border:1px solid #d1d5db;color:#374151;font-size:13px;padding:8px 16px}.rec-tag{border-radius:12px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.ai-panel-wrapper{--bg-main:#fff;--bg-card:#fff;--bg-sub:#f9fafb;--text-main:#101828;--text-sub:#475467;--border-color:#eaecf0;--accent-teal:#0d9488;--bg-teal:#f0fdfa;--accent-amber:#d97706;--bg-amber:#fffbeb;--accent-coral:#e11d48;--bg-coral:#fff1f2;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0 auto 40px;max-width:1216px;width:100%}.ai-insights-header{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.ai-header-info h2{align-items:center;color:var(--text-main);display:flex;font-size:1.5rem;font-weight:700;gap:12px;letter-spacing:-.02em;margin:0 0 8px}.ai-pulse-badge{align-items:center;animation:pulse-border 2s infinite;background:linear-gradient(90deg,#6a0dad,#9333ea);border-radius:999px;box-shadow:0 0 0 0 #6a0dad66;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}@keyframes pulse-border{0%{box-shadow:0 0 0 0 #6a0dad66}70%{box-shadow:0 0 0 6px #6a0dad00}to{box-shadow:0 0 0 0 #6a0dad00}}.summary-score-container{align-items:center;display:flex;gap:16px}.gauge-chart{height:64px;position:relative;width:64px}.gauge-bg{fill:none;stroke:var(--bg-sub);stroke-width:6}.gauge-fill{fill:none;stroke:url(#gaugeGradient);stroke-width:6;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.gauge-text{color:var(--text-main);font-size:1.2rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ai-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.skeleton-card{animation:shimmer 1.5s linear infinite;background:var(--bg-card);background:linear-gradient(90deg,var(--bg-card) 8%,var(--bg-sub) 18%,var(--bg-card) 33%);background-size:200% 100%;border:1px solid var(--border-color);border-radius:var(--radius-lg);min-height:400px;padding:24px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-card{animation:fadeInUp .6s ease forwards;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;opacity:0;padding:24px;transform:translateY(20px);transition:transform .3s ease,box-shadow .3s ease}.ai-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.ai-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.ai-card-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;width:48px}.ai-card-icon svg{height:24px;width:24px}.ai-card-actions{display:flex;gap:4px}.icon-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-sub);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.icon-btn:hover{background:var(--bg-sub);color:var(--text-main)}.icon-btn.spin svg{animation:spin 1s linear infinite}.ai-card-title{color:var(--text-main);font-size:1.25rem;font-weight:600;margin:0 0 8px}.ai-card-desc{color:var(--text-sub);font-size:.9rem;line-height:1.5;margin-bottom:24px}.card-sales{--card-accent:var(--accent-teal);--card-bg:var(--bg-teal)}.card-product{--card-accent:var(--accent-amber);--card-bg:var(--bg-amber)}.card-purchase{--card-accent:var(--accent-coral);--card-bg:var(--bg-coral)}.ai-card-icon{background:var(--card-bg);color:var(--card-accent)}.ai-metrics{background:var(--bg-sub);border-radius:var(--radius-md);flex-grow:1;margin-bottom:24px;padding:16px}.metric-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.metric-row:last-child{margin-bottom:0}.metric-label{color:var(--text-sub);font-size:.85rem}.metric-value{color:var(--text-main);font-size:1rem}.confidence-container{margin-bottom:24px}.confidence-header{color:var(--text-sub);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:8px}.confidence-track{background:var(--border-color);border-radius:999px;height:6px;overflow:hidden}.confidence-fill{border-radius:999px;height:100%;transition:width .5s ease,background-color .5s ease}.ai-expand-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-sub);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;padding:8px;text-align:center;transition:background .2s;width:100%}.ai-details-panel,.ai-expand-btn:hover{background:var(--bg-sub)}.ai-details-panel{border-radius:var(--radius-md);margin-top:0;max-height:0;opacity:0;overflow:hidden;padding:0 12px;transition:max-height .3s ease,padding .3s ease,margin .3s ease}.ai-details-panel.expanded{margin-top:12px;max-height:200px;opacity:1;padding:12px}.ai-details-panel p{color:var(--text-sub);font-size:.8rem;line-height:1.6;margin:0}.btn-apply{align-items:center;background:#6a0dad;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:20px;padding:12px;transition:opacity .2s,transform .1s;width:100%}.btn-apply:hover{opacity:.9}.btn-apply:active{transform:scale(.98)}.sparkline{align-items:flex-end;display:flex;gap:3px;height:24px}.sparkline-bar{background:var(--card-accent);border-radius:2px 2px 0 0;transition:height .3s ease;width:6px}.donut-chart{background:conic-gradient(var(--color-danger) 0 30%,var(--color-warning) 30% 70%,var(--color-success) 70% 100%);border-radius:50%;height:44px;position:relative;width:44px}.donut-chart:after{background:var(--bg-sub);border-radius:50%;content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.supplier-list{list-style:none;margin:0;padding:0}.supplier-item{color:var(--text-main);display:flex;font-size:.85rem;font-weight:500;justify-content:space-between;margin-bottom:8px}.supplier-item:last-child{margin-bottom:0}.supplier-item .vol{color:var(--text-sub)}.ai-toast{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#6a0dad;border-radius:var(--radius-md);bottom:32px;box-shadow:var(--shadow-lg);color:#fff;font-weight:500;gap:12px;padding:16px 24px;right:32px;z-index:9999}.ai-modal-overlay,.ai-toast{align-items:center;display:flex;position:fixed}.ai-modal-overlay{animation:fadeInOverlay .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10182880;inset:0;justify-content:center;z-index:10000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.ai-modal-content{animation:modalPop .3s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:32px;width:90%}.ai-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.ai-modal-header h3{color:var(--text-main);font-size:1.25rem;margin:0}.btn-close{align-items:center;background:none;border:none;color:var(--text-sub);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:4px}.btn-close:hover{color:var(--text-main)}.clients-view{background-color:#ede8f5;display:flex;height:100vh}.clients-main{flex-grow:1;margin-left:220px;overflow-x:hidden;overflow-y:auto;position:relative}.clients-content,.clients-main{display:flex;flex-direction:column}.clients-content{gap:20px;padding:32px 38px}.clients-header-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.clients-title{color:#6a0dad;font-family:Inter,sans-serif;font-size:24px;font-weight:700}.clients-ai-recommendation{align-items:center;background:#fff;border:1px solid #e8c9ff;border-radius:14px;box-shadow:0 2px 8px #6a0dad0f;box-sizing:border-box;display:inline-flex;gap:12px;justify-content:space-between;padding:12px 18px;width:100%}.clients-overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.card-footer{align-items:center;gap:6px}.overview-card.purple .trend-val{color:#6a0dad}.overview-card.blue .trend-val{color:#0080fa}.overview-card.green .trend-val{color:#10b981}.overview-card.amber .trend-val{color:#f59e0b}.card-footer-label{color:#94a3b8;font-weight:500}.clients-charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.clients-chart-card{background:#fff;border:1px solid #f0e8f8;border-radius:16px;box-shadow:0 2px 12px #6a0dad0f;display:flex;flex-direction:column;gap:16px;padding:24px}.clients-chart-title{color:#1e293b;font-size:16px;font-weight:700;margin:0}.chart-sub-label{color:#94a3b8;font-size:12px;font-weight:500}.legend-container{display:flex;gap:12px;justify-content:center;margin-top:10px}.legend-item{color:#475467}.client-directory{background:#fff;border:1px solid #f0e8f8;border-radius:16px;box-shadow:0 2px 12px #6a0dad0d;display:flex;flex-direction:column;overflow:hidden}.clients-table{border-collapse:collapse;width:100%}.clients-table thead tr{background:#4d0084}.clients-table th{background:#4d0084;color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px;text-align:center;text-transform:uppercase;white-space:nowrap}.clients-table td{border-bottom:1px solid #f5f0fc;color:#101828;font-size:14px;padding:14px;text-align:center}.clients-table tr:hover{background-color:#faf7ff;cursor:pointer}.clients-table tbody tr:last-child td{border-bottom:none}.badge-box{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.badge-a{background:#f5f0fc;border:1px solid #d8b4fe;color:#6a0dad}.badge-b{background:#ecfdf5;border:1px solid #6ee7b7;color:#059669}.badge-c{background:#f8fafc;border:1px solid #d9d6d2;color:#94a3b8}.status-partial{background:#f5f5f5;color:#414651}.status-pending{background:#fef3f2;color:#b42318}.status-none{background:#f2f4f7;color:#667085}.btn-allocate{background:#6a0dad;border:1px solid #6a0dad;font-size:13px;font-weight:600;transition:background .2s}.btn-allocate:hover{background:#5a009c}.pagination-bar{padding:16px 20px}.side-panel-backdrop{background:#0f172a40}.side-panel-overlay{border-left:1px solid #f0e8f8;box-shadow:-10px 0 40px #6a0dad1f}.close-btn{font-size:26px}.close-btn:hover{color:#6a0dad}.side-panel-content{gap:28px}.content-section{gap:14px}.detail-row{border-bottom:1px solid #f5f0fc;padding:10px 0}.detail-value.blue,.detail-value.purple{color:#6a0dad}.detail-value.green{color:#10b981}.ai-tag{margin-right:4px}.fulfilled-pill{background:#ecfdf5;border-radius:12px;color:#059669;font-size:12px;font-weight:600;padding:2px 8px}.balance-total{color:#101010;font-size:18px;font-weight:700}.pm-overlay{align-items:center;animation:pmFadeIn .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10182899;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}@keyframes pmFadeIn{0%{opacity:0}to{opacity:1}}.pm-modal{animation:pmSlideUp .22s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 24px 64px #10182838;max-width:95vw;overflow:hidden;width:520px}@keyframes pmSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pm-header{background:linear-gradient(135deg,#6a0dad,#8b23d6);color:#fff;justify-content:space-between;padding:20px 24px}.pm-header,.pm-header-left{align-items:center;display:flex}.pm-header-left{gap:14px}.pm-icon-wrap{align-items:center;background:#fff3;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pm-title{color:#fff;font-size:17px;font-weight:700;margin:0}.pm-subtitle{color:#fffc;font-size:12px;margin:2px 0 0}.pm-close,.pm-subtitle strong{color:#fff}.pm-close{align-items:center;background:#ffffff26;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:background .15s;width:32px}.pm-close:hover{background:#ffffff47}.pm-body{gap:20px;padding:24px}.pm-body,.pm-summary{display:flex;flex-direction:column}.pm-summary{background:#f9fafb;border:1px solid #eaecf0;border-radius:10px;gap:8px;padding:16px}.pm-summary-row{align-items:center;color:#344054;display:flex;font-size:14px;justify-content:space-between}.pm-summary-balance{border-top:1px solid #eaecf0;color:#101828;font-weight:600;margin-top:4px;padding-top:10px}.pm-summary-balance strong{color:#6a0dad;font-size:16px}.pm-section-label{color:#667085;font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:-12px;text-transform:uppercase}.pm-method-tabs{display:flex;gap:10px}.pm-method-tab{align-items:center;background:#fff;border:2px solid #e4e7ec;border-radius:10px;color:#344054;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:13px;font-weight:500;gap:6px;padding:12px 8px;transition:all .15s}.pm-method-tab:hover{background:#faf5ff;border-color:#c4b5fd}.pm-method-tab.active{background:#f5f0ff;border-color:#6a0dad;color:#6a0dad;font-weight:700}.pm-method-icon{font-size:20px}.pm-field{display:flex;flex-direction:column;gap:6px}.pm-field label{color:#344054;font-size:13px;font-weight:500}.pm-required{color:#f04438}.pm-field input{border:1px solid #d0d5dd;border-radius:8px;box-sizing:border-box;color:#101828;font-size:14px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.pm-field input:focus{border-color:#6a0dad;box-shadow:0 0 0 3px #6a0dad1f;outline:none}.pm-input-wrap{align-items:center;display:flex;gap:10px}.pm-input-wrap input{flex:1 1}.pm-btn-full{background:#f0e8ff;border:1px solid #c4b5fd;border-radius:8px;color:#6a0dad;cursor:pointer;font-size:13px;font-weight:600;padding:10px 14px;transition:all .15s;white-space:nowrap}.pm-btn-full:hover{background:#e5d5ff}.pm-details-form{animation:pmFadeIn .18s ease;background:#f9fafb;border:1px solid #e4e7ec;border-radius:10px;display:flex;flex-direction:column;gap:14px;padding:16px}.pm-details-title{align-items:center;color:#344054;display:flex;font-size:13px;font-weight:700;gap:6px}.pm-details-icon{font-size:16px}.pm-row-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.pm-footer{background:#f9fafb;border-top:1px solid #eaecf0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.pm-btn-cancel{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#344054;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .15s}.pm-btn-cancel:hover{background:#f2f4f7}.pm-btn-save{align-items:center;background:linear-gradient(135deg,#6a0dad,#8b23d6);border:none;border-radius:8px;box-shadow:0 2px 8px #6a0dad4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 22px;transition:opacity .15s,transform .1s}.pm-btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pm-btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.side-panel-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a4d;z-index:1100}.client-details-wide{animation:slideInRight .4s cubic-bezier(.16,1,.3,1);background:#fff;box-shadow:-10px 0 50px #00000026;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:0;top:0;width:700px!important;z-index:1200}.side-panel-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:32px 40px}.header-info{align-items:center;display:flex;gap:20px}.client-avatar-large{align-items:center;background:linear-gradient(135deg,#6a0dad,#9d50bb);border-radius:16px;box-shadow:0 8px 16px #6a0dad33;color:#fff;display:flex;font-size:28px;font-weight:800;height:60px;justify-content:center;width:60px}.header-info h2{font-size:22px;font-weight:800}.close-btn{background:#fff;border:1px solid #e2e8f0;border-radius:50%;font-size:24px;transition:all .2s}.close-btn:hover{background:#f1f5f9;transform:rotate(90deg)}.panel-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:24px;padding:0 40px}.panel-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:16px 4px;transition:all .2s}.panel-tabs button.active{border-bottom-color:#6a0dad;color:#6a0dad}.side-panel-content{padding:32px 40px}.section-title{letter-spacing:.1em}.detail-grid{grid-gap:20px;background:#f9fafb;border:1px solid #f1f5f9;border-radius:16px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:24px}.detail-item label{color:#64748b;display:block;font-size:11px;font-weight:600;margin-bottom:4px}.detail-item span{color:#1e293b;font-size:15px;font-weight:600}.balance-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.balance-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;text-align:center}.balance-card label{color:#64748b;display:block;font-size:12px;margin-bottom:8px}.balance-card .value{color:#0f172a;font-size:18px;font-weight:800}.value.purple{color:#6a0dad}.value.green{color:#10b981}.panel-actions{display:flex;gap:12px;margin-top:40px}.btn-edit-full{background:#f1f5f9;border:1px solid #e2e8f0;color:#1e293b;flex:2 1}.btn-archive,.btn-edit-full,.btn-restore{border-radius:12px;cursor:pointer;font-weight:700;padding:14px}.btn-archive,.btn-restore{border:1px solid #0000;flex:1 1}.btn-archive{background:#fef2f2;border-color:#fee2e2;color:#ef4444}.btn-restore{background:#10b981;color:#fff}.ledger-table-container{overflow-x:auto}.ledger-table{border-collapse:collapse;width:100%}.ledger-table th{border-bottom:2px solid #f1f5f9;color:#94a3b8;font-size:12px;font-weight:700;padding:12px;text-align:left}.ledger-table td{border-bottom:1px solid #f1f5f9;font-size:13px;padding:16px 12px}.ref-cell{color:#64748b;font-family:monospace;font-weight:600}.type-tag{border-radius:6px;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase}.type-tag.invoice{background:#eff6ff;color:#2563eb}.type-tag.payment{background:#ecfdf5;color:#059669}.debit{color:#dc2626}.credit,.debit{font-weight:600}.credit{color:#059669}.balance{color:#0f172a;font-weight:700}.empty-msg{color:#94a3b8;font-style:italic;padding:40px;text-align:center}.history-list{display:flex;flex-direction:column;gap:12px}.history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:transform .2s}.history-card:hover{border-color:#6a0dad;transform:translateY(-2px)}.history-card-header{display:flex;justify-content:space-between;margin-bottom:8px}.doc-id{font-family:monospace;font-weight:700}.status-pill{font-size:11px}.status-pill.delivered{background:#f0fdf4;color:#166534}.status-pill.pending{background:#fffbeb;color:#92400e}.history-card-body{font-size:16px;font-weight:700}.history-card-body,.history-card-footer{display:flex;justify-content:space-between}.history-card-footer{color:#64748b;font-size:12px;margin-top:8px}.pay-status.paid{color:#10b981;font-weight:600}.pay-status.unpaid{color:#ef4444;font-weight:600}.loader-box{color:#6a0dad;font-weight:600;padding:60px;text-align:center}.fade-in{animation:fadeIn .4s ease-out}.client-modal-container{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:90vw}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.client-modal-header{align-items:flex-start;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:32px 40px;position:sticky;top:0;z-index:10}.modal-title{color:#0f172a;font-weight:800}.modal-subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.btn-close-circle{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-close-circle:hover{background:#e2e8f0;color:#0f172a}.client-modal-form{gap:40px;padding:40px}.client-modal-form,.form-section{display:flex;flex-direction:column}.form-section{gap:24px}.section-title{border-left:4px solid #6a0dad;color:#6a0dad;font-size:16px;letter-spacing:.05em;margin:0;padding-left:12px}.form-grid{grid-gap:24px;gap:24px}.span-2{grid-column:span 2}.input-block label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.02em}.input-block label .req{color:#ef4444}.input-block input{border:1.5px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:14px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.input-block input:focus{border-color:#6a0dad;box-shadow:0 0 0 4px #6a0dad1a}.input-block input.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:12px;font-weight:500}.warning-text{background:#fff4ed;border-radius:8px;color:#9a3412;font-size:12px;margin-top:4px;padding:8px 12px}.client-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:16px;justify-content:flex-end;margin-top:20px;padding:32px 40px}.btn-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#f1f5f9;color:#0f172a}.btn-primary{background:#6a0dad;border-radius:12px;box-shadow:0 4px 12px #6a0dad33;font-weight:700;padding:12px 32px;transition:all .2s}.btn-primary:hover{background:#5a0b93;box-shadow:0 6px 16px #6a0dad4d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.selected-client-details{display:flex;gap:8px;margin-top:8px}.detail-tag{border-radius:6px;font-size:11px;padding:4px 10px}.btn-scan,.detail-tag{background:#f1f5f9;color:#475569}.btn-scan{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px}.empty-state span{color:#94a3b8;font-size:13px}.remise-input{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;padding:4px}.remise-input input{background:#0000;border:none;font-weight:600;text-align:right;width:50px}.remise-input select{background:#0000;border:none;font-size:11px}.modal-overlay{height:100vh;width:100vw}.modal-container{border-radius:24px;box-shadow:0 10px 40px #0000001a;gap:24px;padding:40px;position:relative;width:800px}.modal-title{color:#1e293b;font-size:24px;font-weight:700;margin:0}.modal-form{display:flex;flex-direction:column;gap:20px}.row-group{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.input-block{display:flex;flex-direction:column;gap:8px}.label-text{color:#475569;font-size:14px;font-weight:600}.required-star{color:#ef4444;margin-left:2px}.input-wrapper{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;height:48px;padding:0 16px;transition:border-color .2s}.input-wrapper:focus-within{border-color:#0080fa}.input-select,.input-wrapper input{background:#0000;border:none;color:#1e293b;font-size:14px;outline:none;width:100%}.input-wrapper input::placeholder{color:#94a3b8}.input-select{cursor:pointer}.modal-footer{margin-top:16px}.btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:10px}.btn-cancel,.btn-create{cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px}.btn-create{background:#0080fa;border:none;border-radius:10px;color:#fff;transition:background .2s}.btn-create:hover{background:#06c}.btn-close-modal{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:24px;position:absolute;right:24px;top:24px}.ai-chat-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:flex-end;padding:24px;position:fixed;z-index:10000}.ai-chat-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;gap:20px;height:650px;margin-bottom:80px;max-height:85vh;overflow:hidden;padding:24px;position:relative;width:420px}.ai-chat-header{align-items:center;display:flex;justify-content:space-between;width:100%}.ai-chat-header-left{align-items:center;display:flex;gap:8px}.ai-chat-avatar{align-items:center;background:linear-gradient(45deg,#8c00db,#005ab4);display:flex;justify-content:center;position:relative}.ai-chat-avatar,.ai-chat-avatar-shadow{border-radius:9999px;height:32px;width:32px}.ai-chat-avatar-shadow{background:#fff0;box-shadow:0 4px 6px -4px #8c00db33,0 10px 15px -3px #8c00db33;left:0;position:absolute;top:0}.ai-chat-avatar-icon{background:#fff;border-radius:2px;height:12.83px;position:relative;width:12.83px}.ai-chat-title{color:#181c22;font-size:16px;font-weight:700;line-height:24px}.ai-chat-header-actions{align-items:center;display:flex;gap:12px}.ai-chat-history-btn,.ai-chat-new{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.ai-chat-history-btn:hover,.ai-chat-new:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.ai-chat-history-btn.active{background:#6366f1;color:#fff}.ai-chat-close{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;line-height:1;transition:color .2s;width:28px}.ai-chat-close:hover{color:#ef4444}.ai-chat-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding-right:8px;scroll-behavior:smooth;width:100%}.ai-chat-body::-webkit-scrollbar{width:6px}.ai-chat-body::-webkit-scrollbar-track{background:#0000}.ai-chat-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.ai-chat-body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.ai-chat-bubble{background:#f1f5f9;border:none;border-radius:20px;border-top-left-radius:4px;box-shadow:0 2px 5px #00000005;max-width:90%;padding:14px 18px;transition:transform .2s;width:fit-content}.ai-chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:20px;border-top-left-radius:20px;border-top-right-radius:4px;box-shadow:0 4px 12px #4f46e54d;color:#fff}.ai-chat-bubble-text{color:#1e293b;font-size:14.5px;font-weight:400;line-height:1.6;word-break:break-word}.ai-chat-bubble.user .ai-chat-bubble-text{color:#fff}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:#0f172a}.ai-chat-suggestions{display:flex;flex-direction:column;width:100%}.ai-chat-suggestion{align-items:center;background:#fff;border:1px solid #d1c1d71a;border-radius:12px;cursor:pointer;display:flex;height:54px;justify-content:space-between;margin-bottom:8px;padding:16px;width:100%}.ai-chat-suggestion:last-child{margin-bottom:0}.ai-chat-suggestion-text{color:#181c22;font-size:12px;font-weight:600;line-height:16px}.ai-chat-suggestion-arrow{color:#181c22;font-size:14px;line-height:14px}.ai-chat-input-row{padding-top:16px;width:100%}.ai-chat-input{align-items:center;background:#fff;border:1px solid #eeece9;border-radius:9999px;box-shadow:inset 0 2px 4px 1px #0000000d;display:flex;gap:12px;justify-content:space-between;padding:10px 20px;width:100%}.ai-chat-input input{background:#0000;border:none;color:#181c22;flex:1 1;font-size:14px;outline:none}.ai-chat-input input::placeholder{color:#6b7280}.ai-chat-send{background:#8c00db;border:none;border-radius:9999px;height:32px;width:32px}.ai-chat-send,.ai-float-btn{align-items:center;cursor:pointer;display:flex;justify-content:center}.ai-float-btn{background:linear-gradient(135deg,#8c00db,#005ab4);border-radius:50%;bottom:24px;box-shadow:0 4px 20px #8c00db66;height:60px;position:fixed;right:24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:60px;z-index:9999}.ai-float-btn:hover{transform:scale(1.05)}.ai-float-shadow{background:radial-gradient(circle,#8c00db4d 0,#0000 70%);border-radius:9999px;inset:-4px;pointer-events:none;position:absolute}.ai-float-icon{align-items:center;display:flex;height:28px;justify-content:center;width:28px;z-index:2}.ai-float-icon svg{height:100%;width:100%}.ai-history-view{max-height:100%;overflow-y:auto;padding:8px 4px}.ai-history-list{display:flex;flex-direction:column;gap:12px}.ai-history-item{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 4px #00000005;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.ai-history-item:hover{background:#f8fafc;border-color:#6366f1;transform:translateY(-1px)}.ai-history-item.active{background:#f5f3ff;border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.history-icon{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.history-title{color:#1e293b;font-size:14.5px;font-weight:600}.history-meta{color:#64748b;font-size:12px;margin-top:2px}.ai-chat-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;border-radius:20px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.ai-chat-confirm-modal{animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:24px;box-shadow:0 20px 40px #0003;max-width:320px;padding:24px;text-align:center;width:85%}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.confirm-icon{font-size:32px;margin-bottom:12px}.ai-chat-confirm-modal h3{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:8px}.ai-chat-confirm-modal p{color:#64748b;font-size:13.5px;line-height:1.5;margin-bottom:24px}.ai-chat-confirm-actions{display:flex;gap:12px}.ai-chat-confirm-actions button{border-radius:14px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s}.btn-cancel{background:#f1f5f9;border:none;color:#64748b}.btn-cancel:hover{background:#e2e8f0;color:#1e293b}.btn-confirm{background:linear-gradient(135deg,#8c00db,#6366f1);border:none;box-shadow:0 4px 12px #8c00db33;color:#fff}.btn-confirm:hover{box-shadow:0 6px 16px #8c00db4d;transform:translateY(-1px)}.pagination-container{align-items:center;background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 24px}.pagination-info{color:#667085;font-size:14px;font-weight:600}.pagination-controls{align-items:center;display:flex;gap:12px}.pagination-btn{background-color:#fff;border:1px solid #d0d5dd;color:#344054;font-size:14px}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d0d5dd}.pagination-btn:disabled{background-color:#fcfcfd;color:#d0d5dd}.pagination-numbers{display:flex;gap:4px}.pagination-number{align-items:center;background-color:initial;border:none;border-radius:8px;color:#667085;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .2s;width:40px}.pagination-number:hover{background-color:#f9fafb;color:#1d2939}.pagination-number.active{background-color:#f9f5ff;color:#7f56d9}.suppliers-view{background-color:#ede8f5;display:flex;height:100vh}.suppliers-main{display:flex;flex-direction:column;flex-grow:1;margin-left:220px;overflow-x:hidden;overflow-y:auto;position:relative}.suppliers-content{display:flex;flex-direction:column;gap:24px;padding:38px}.header-top{border-bottom:1px solid #ededed}.header-title{font-weight:600}.icon-circle{border:1px solid #eeece9}.action-btn-primary{border-radius:8px;font-weight:500;padding:8px 18px;transition:opacity .2s}.action-btn-primary:hover{opacity:.9}.action-btn-secondary{border-radius:8px;color:#262626;font-weight:500;padding:8px 18px}.action-btn-secondary:hover{background:#f9f9f9}.allocation-banner{border-radius:20px;margin-bottom:24px;padding:24px 40px}.stock-banner-title{font-size:26px}.suppliers-ai-recommendation{align-items:center;background:linear-gradient(90deg,#f7ecff 2%,#fff 40%,#e5f9ff);border:1px solid #e8c9ff;border-radius:20px;display:inline-flex;gap:12px;justify-content:space-between;padding:8px 14px;width:100%}.ai-rec-left{gap:10px}.ai-rec-icon-wrap{background:linear-gradient(90deg,#e8c9ff 2%,#b7eeff);border-radius:32px}.ai-rec-icon,.ai-rec-icon svg{height:26px;width:26px}.ai-rec-title{color:#8b23d6;font-size:16px}.ai-rec-text{font-size:14px}.ai-rec-strong{color:#af40ff}.ai-rec-date{color:#bd62ff}.ai-rec-btn{background:#f1efff;border:1px solid #e2deff;border-radius:8px;color:#6f5cff;font-size:12px;font-weight:500;line-height:20px;padding:6px 14px}.suppliers-charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:8px}.supplier-chart-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;padding:24px}.chart-title{color:#1e293b;font-size:17px;margin:0}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.chart-period-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:12px;outline:none;padding:4px 10px}.gauge-center-text{gap:4px;top:45%}.gauge-label{font-size:11px;font-weight:600}.gauge-val{color:#1e293b;font-size:28px}.gauge-legend{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:-15px;padding:0 10px}.legend-item{color:#64748b;font-weight:600}.dot.purple{background:#4d0084}.dot.lavender{background:#a855f7}.dot.light-gray{background:#f1f5f9}.supplier-chart-card .recharts-cartesian-grid-horizontal line{stroke-dasharray:4 4}.performance-index{display:flex;flex-direction:column;gap:4px;margin-bottom:24px;margin-top:12px}.index-label{color:#94a3b8;font-size:12px;font-weight:600}.index-val{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:800;gap:12px}.index-status{background:#f0fdf4;border-radius:12px;color:#10b981;font-size:11px;margin-left:6px;padding:2px 8px;vertical-align:middle}.lead-time-list{display:flex;flex-direction:column;gap:16px}.lead-time-item{align-items:center;display:flex;gap:12px}.lead-time-label{color:#64748b;font-size:13px;font-weight:600;width:85px}.progress-bg{background:#f8fafc;border-radius:4px;flex:1 1;height:14px;overflow:hidden}.progress-fill{height:100%}.lead-time-percent{color:#1e293b;font-size:14px;font-weight:700;text-align:right;width:35px}.progress-fill.purple{background:#4d0084}.progress-fill.lavender{background:#a855f7}.progress-fill.light{background:#e9d5ff}.suppliers-overview-grid{display:none}.supplier-directory{background:#fff;border-radius:14px;box-shadow:0 4px 20px #00000005;display:flex;flex-direction:column}.directory-header{border-bottom:1px solid #eeece9;padding:24px}.directory-title{color:#000;font-size:20px;font-weight:600}.directory-filters{gap:8px}.dir-input-box{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:10px 14px}.suppliers-table{border-collapse:collapse;width:100%}.suppliers-table th{background:#4d0084;color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px;text-align:center;text-transform:uppercase}.suppliers-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:14px;padding:20px 14px;text-align:center}.suppliers-table tr:hover{background-color:#faf7ff;cursor:pointer}.rate-good{color:#42cb8c;font-weight:700}.rate-warn{color:#ffc414;font-weight:700}.rate-bad{color:#ff2727;font-weight:700}.table-actions-cell{justify-content:center}.btn-view{background:#fff;border:1px solid #d4d4d4;color:#262626}.btn-allocate,.btn-view{font-size:12px;font-weight:500}.btn-allocate{background:#0080fa;border:1px solid #0080fa;border-radius:8px;color:#fff;cursor:pointer;padding:6px 14px}.status-pill{border-radius:100px;font-weight:700;justify-content:center;min-width:90px;padding:6px 14px;text-transform:capitalize;transition:all .2s cubic-bezier(.4,0,.2,1)}.status-pill:hover{box-shadow:0 4px 12px #00000014;filter:brightness(.98);transform:translateY(-1px)}.status-active{background:#f0fdf4;border:1px solid #dcfce7;color:#16a34a}.status-reliable{background:#f0f9ff;border:1px solid #e0f2fe;color:#0284c7}.status-critical{background:#fef2f2;border:1px solid #fee2e2;color:#dc2626}.status-archived{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.status-inactive{background:#fef2f2;border:1px solid #fee2e2;color:#dc2626}.status-pending{border:1px solid #fef3c7}.pagination-bar{border-top:1px solid #eeece9;padding:20px 24px}.page-info{color:#4b4640}.page-controls{align-items:center;gap:4px}.page-btn{border:1px solid #f2f4f7;color:#4b4640;font-weight:500}.page-btn.active{background:#f9f5ff;border-color:#d0d5dd;color:#101828}.side-panel-backdrop{z-index:90}.side-panel-overlay{animation:slideIn .3s ease-out;box-shadow:-10px 0 30px #0000001a;height:100%;position:absolute;width:420px;z-index:100}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.close-btn{padding:4px}.side-panel-content{display:flex;flex-direction:column;gap:32px}.content-section{gap:16px}.section-title{font-size:12px;margin-bottom:8px}.detail-label,.detail-value{font-size:15px}.detail-value.good{color:#10b981}.detail-value.blue{color:#007aff}.reliable-badge{align-items:center;background:#f0fdf4;border:1px solid #dcfce7;color:#10b981;display:inline-flex;gap:4px;padding:4px 10px}.pos-pill,.reliable-badge{border-radius:9999px;font-size:12px;font-weight:700}.pos-pill{background:#eff6ff;color:#007aff;padding:4px 12px}.btn-make-order{background:#6a0dad;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;padding:14px;width:100%}.stock-view{background-color:#ede8f5;display:flex;height:100vh}.stock-main{flex-grow:1;margin-left:220px;overflow-x:hidden;overflow-y:auto;position:relative}.stock-content,.stock-main{display:flex;flex-direction:column}.stock-content{gap:20px;padding:32px 38px}.stock-banner-left,.stock-banner-stats{font-family:Inter,sans-serif}.stock-banner-stat-val-danger{color:#ffb3b3!important}.stock-banner-stat-val-warning{color:#ffe29a!important}.stock-ai-recommendation{align-items:center;background:#fff;border:1px solid #e8c9ff;border-radius:14px;box-shadow:0 2px 8px #6a0dad0f;box-sizing:border-box;display:inline-flex;gap:12px;justify-content:space-between;padding:12px 18px;width:100%}.ai-rec-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ai-rec-icon svg{display:block;height:24px;width:24px}.ai-rec-text,.ai-rec-title{width:100%}.ai-rec-strong{color:#6a0dad;font-weight:600}.ai-rec-date{color:#6a0dad;font-weight:700}.stock-charts-row{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stock-chart-card{background:#fff;border:1px solid #f0e8f8;border-radius:16px;box-shadow:0 2px 16px #6a0dad12;display:flex;flex-direction:column;gap:12px;min-height:300px;padding:18px 20px;transition:box-shadow .2s,transform .2s}.stock-chart-card:hover{box-shadow:0 6px 28px #6a0dad21;transform:translateY(-2px)}.chart-card-header{align-items:center;display:flex;justify-content:space-between}.stock-chart-title{color:#1e293b;font-size:15px;font-weight:700;letter-spacing:-.1px;margin:0}.chart-period-badge{background:#f5f0fc;border:1px solid #e9d8fd;border-radius:20px;color:#7c3aed;cursor:pointer;font-size:12px;font-weight:600;padding:3px 10px;transition:background .2s}.chart-period-badge:hover{background:#ede0ff}.stock-chart-body{align-items:stretch;display:flex;flex:1 1;min-height:180px}.chart-empty-state{align-items:center;color:#cbd5e1;display:flex;flex:1 1;font-size:13px;font-weight:500;justify-content:center}.analytics-total-block{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:2px;padding-bottom:10px}.analytics-total-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.analytics-total-value-row{align-items:baseline;display:flex;gap:6px}.analytics-total-num{color:#101828;font-size:26px;font-weight:800;line-height:1}.analytics-total-sub{color:#94a3b8;font-size:11px;font-weight:600}.analytics-stats{display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center}.analytics-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:80px 1fr 56px}.analytics-label{color:#475467;font-size:13px;font-weight:600;white-space:nowrap}.analytics-progress-bg{background:#f1f5f9;border-radius:100px;height:10px;overflow:hidden}.analytics-progress-fill{border-radius:100px;height:100%;transition:width .5s ease}.fill-completed{background:linear-gradient(90deg,#a78bfa,#7c3aed)}.fill-processing{background:linear-gradient(90deg,#c4b5fd,#8b5cf6)}.fill-cancelled{background:linear-gradient(90deg,#fca5a5,#ef4444)}.analytics-value-group{align-items:flex-end;display:flex;flex-direction:column;gap:1px}.analytics-value{color:#101828;font-size:13px;font-weight:700;line-height:1}.analytics-pct{color:#94a3b8;font-size:10px;font-weight:600}.category-perf-info{display:flex;flex-direction:column;gap:2px}.perf-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.perf-val{color:#1e293b;font-size:22px;font-weight:800}.gauge-wrapper{flex-shrink:0;height:160px;position:relative;width:100%}.gauge-center-text{align-items:center;display:flex;flex-direction:column;gap:2px;left:50%;pointer-events:none;position:absolute;top:140px;transform:translate(-50%,-50%)}.gauge-val{color:#101828;font-size:30px;font-weight:800;line-height:1}.gauge-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.gauge-legend{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:6px;padding-top:10px}.gauge-legend-item{align-items:center;display:flex;font-size:12px;gap:8px}.gauge-legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.gauge-legend-name{color:#475569;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gauge-legend-count{color:#1e293b;font-weight:700}.stock-inventory-box{background:#fff;border:1px solid #f0e8f8;border-radius:16px;box-shadow:0 2px 12px #6a0dad0d;display:flex;flex-direction:column;overflow:hidden}.stock-table{border-collapse:collapse;width:100%}.stock-table th,.stock-table thead tr{background:#4d0084}.stock-table th{color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.stock-table td{border-bottom:1px solid #f5f0fc;color:#1e293b;font-size:14px;padding:16px 20px}.stock-table tr:hover{background-color:#faf7ff;cursor:pointer}.stock-table tbody tr:last-child td{border-bottom:none}.sku-cell{background:#f5f0fc;border-radius:6px;color:#6a0dad;display:inline-block;font-family:inherit;font-weight:600;padding:4px 8px!important}.stock-level-container{background:#f0e8f8;border-radius:100px;height:8px;overflow:hidden;width:80px}.stock-level-bar{border-radius:100px;height:100%;transition:width .3s ease}.status-in-stock{background:#ecfdf5;color:#059669}.status-low-stock{background:#fffbeb;color:#d97706}.status-out-of-stock{background:#fef2f2;color:#dc2626}.table-actions-cell{display:flex;gap:8px}.btn-view{background:#f5f0fc;border:1px solid #e0d0f8;border-radius:8px;color:#6a0dad;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:background .2s}.btn-view:hover{background:#ede0ff}.btn-manage{background:#6a0dad;border:1px solid #6a0dad;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:background .2s}.btn-manage:hover{background:#5a009c}.page-btn.arrow{background:#0000;border:none}.side-panel-backdrop{background:#0f172a59}.sdp-overlay{animation:sdpSlideIn .28s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:-8px 0 40px #00000026;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;max-width:100vw;position:fixed;right:0;top:0;width:560px;z-index:1000}@keyframes sdpSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.sdp-header{align-items:flex-start;border-bottom:1px solid #f0e8f8;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 14px}.sdp-title{color:#1e293b;font-size:18px;font-weight:800;margin:0 0 2px}.sdp-sub{color:#94a3b8;font-size:13px;margin:0}.sdp-close{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;line-height:1;transition:background .2s;width:32px}.sdp-close:hover{background:#fee2e2;color:#dc2626}.sdp-tabs{background:#fafafa;border-bottom:1px solid #f0e8f8;display:flex;flex-shrink:0}.sdp-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:12px 8px;text-align:center;transition:all .2s}.sdp-tab.active{background:#fff;border-bottom-color:#6a0dad;color:#6a0dad}.sdp-tab:hover:not(.active){background:#f5f0fc;color:#6a0dad}.sdp-body{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:18px 24px 24px}.sdp-section{border:1px solid #f0e8f8;border-radius:12px;margin-bottom:12px;padding:14px 16px}.sdp-section-title{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.sdp-row{align-items:center;border-bottom:1px solid #f8f5ff;display:flex;justify-content:space-between;padding:5px 0}.sdp-row:last-child{border-bottom:none}.sdp-label{color:#94a3b8;font-size:13px;font-weight:500}.sdp-value{color:#1e293b;font-size:13px;font-weight:600}.sdp-value.blue{color:#6a0dad}.sdp-filters-panel{grid-gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:14px 16px}.sdp-filter-row{display:flex;flex-direction:column;gap:4px}.sdp-filter-row label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.sdp-filter-row input,.sdp-filter-row select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:13px;outline:none;padding:7px 10px;transition:border-color .2s}.sdp-filter-row input:focus,.sdp-filter-row select:focus{border-color:#7c3aed}.sdp-filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px;transition:all .2s}.sdp-filter-btn:hover{background:#f5f0fc;border-color:#d8b4fe;color:#6a0dad}.sdp-export-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#6a0dad;cursor:pointer;font-size:12px;font-weight:600;padding:7px 12px;transition:background .2s}.sdp-export-btn:hover{background:#f5f0fc}.sdp-table-wrap{border:1px solid #f0e8f8;border-radius:10px;overflow-x:auto}.sdp-table{border-collapse:collapse;font-size:12px;width:100%}.sdp-table th{background:#4d0084;color:#ffffffd9;font-size:11px;font-weight:700;letter-spacing:.4px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.sdp-table td{border-bottom:1px solid #f5f0fc;color:#1e293b;padding:10px 12px;vertical-align:top}.sdp-table tbody tr:hover{background:#faf7ff}.sdp-table tbody tr:last-child td{border-bottom:none}.sdp-page-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:30px;justify-content:center;transition:all .2s;width:30px}.sdp-page-btn.active{background:#f5f0fc;border-color:#d8b4fe;color:#6a0dad}.sdp-page-btn:disabled{cursor:not-allowed;opacity:.4}.sdp-page-btn:not(:disabled):hover{background:#f5f0fc;color:#6a0dad}.sdp-form-group{display:flex;flex-direction:column;gap:5px}.sdp-form-group label{color:#475569;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.sdp-form-group input,.sdp-form-group select,.sdp-form-group textarea{background:#fafafa;border:1px solid #e2e8f0;border-radius:9px;color:#1e293b;font-family:inherit;font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.sdp-form-group input:focus,.sdp-form-group select:focus,.sdp-form-group textarea:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}@media (max-width:600px){.sdp-overlay{width:100vw}.sdp-filters-panel{grid-template-columns:1fr}}.orders-view{background-color:#ede8f5;display:flex;height:100vh}.orders-main{flex-grow:1;margin-left:220px;overflow-x:hidden;overflow-y:auto;position:relative}.orders-content,.orders-main{display:flex;flex-direction:column}.orders-content{gap:20px;padding:32px 38px}.header-icons{display:flex;gap:6px;margin-left:8px}.orders-banner-premium{align-items:center;background:linear-gradient(135deg,#4d0084,#6a0dad);border-radius:20px;box-shadow:0 10px 25px #4d008433;color:#fff;display:flex;justify-content:space-between;margin-bottom:8px;padding:30px 40px}.banner-label{color:#ffffffb3;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.banner-title{font-size:28px;font-weight:700;margin:8px 0 0}.banner-stats-row{gap:40px}.banner-stat,.banner-stats-row{align-items:center;display:flex}.banner-stat{flex-direction:column;text-align:center}.stat-num{color:#fff;font-size:24px;font-weight:800}.stat-label-text{color:#fff9;font-size:11px;font-weight:700;margin-top:4px}.divider-stat{background:#ffffff26;height:40px;width:1px}.fulfillment-alert-banner{align-items:center;background:#fff;border:1px solid #f0e8f8;border-radius:16px;box-shadow:0 4px 15px #6a0dad0d;display:flex;justify-content:space-between;padding:16px 24px}.alert-left-content{align-items:center;display:flex;gap:16px}.alert-icon-circle{align-items:center;background:#f5f0fc;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.alert-title-main{color:#7c3aed;display:block;font-size:14px;font-weight:700}.alert-desc{color:#64748b;font-size:13px;margin:2px 0 0}.btn-view-schedule{background:#fff;border:1px solid #e8e0f0;border-radius:10px;color:#7c3aed;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-view-schedule:hover{background:#f5f0fc;border-color:#7c3aed}.orders-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.chart-card-premium{background:#fff;border:1px solid #f0e8f8;border-radius:20px;box-shadow:0 4px 20px #6a0dad0a;padding:24px}.chart-title-main{color:#1e293b;font-size:16px;font-weight:700;margin:0}.orders-list-box{background:#fff;border:1px solid #f0e8f8;border-radius:16px;box-shadow:0 2px 12px #6a0dad0d;display:flex;flex-direction:column;overflow:hidden}.dir-input-box span{color:#94a3b8}.orders-table{border-collapse:collapse;width:100%}.orders-table th,.orders-table thead tr{background:#4d0084}.orders-table th{color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.orders-table td{border-bottom:1px solid #f5f0fc;color:#1e293b;font-size:14px;padding:16px 20px}.orders-table tr:hover{background-color:#faf7ff;cursor:pointer}.orders-table tbody tr:last-child td{border-bottom:none}.type-purchase-order{background:#fdf2f8;color:#be185d}.type-receipt-note{background:#eff6ff;color:#2563eb}.type-purchase-invoice{background:#f3e8ff;color:#6b21a8}.type-order{background:#fdf2f8;color:#be185d}.status-pill{padding:4px 12px}.status-processing{color:#ca8a04}.status-partial{background:#fef9c3;color:#854d0e}.status-cancelled{background:#fef2f2;color:#dc2626}.table-actions-cell{white-space:nowrap}.btn-print{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.btn-print:hover{background:#e0f2fe}.btn-pay{background:#fdf2f8;border-color:#fbcfe8;color:#be185d}.btn-pay:hover{background:#fce7f3}.pagination-bar{align-items:center;border-top:1px solid #f0e8f8;display:flex;justify-content:space-between;padding:16px 24px}.page-info{color:#64748b;font-size:14px;font-weight:500}.page-controls{display:flex;gap:6px}.page-btn{align-items:center;background:#fff;border:1px solid #e8e0f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.page-btn.active{background:#f5f0fc;border-color:#6a0dad;color:#6a0dad}.document-wizard-container{animation:modalScaleUp .3s ease-out;background:#f8fafc;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:95vw}.modal-overlay{background:#0f172a99;inset:0;z-index:2000}.wizard-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:20px 40px}.header-left,.wizard-header{align-items:center;display:flex}.header-left{gap:20px}.btn-back{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-back:hover{background:#f1f5f9;color:#0f172a}.wizard-title{color:#0f172a;font-size:20px;margin:0}.wizard-subtitle{color:#64748b;font-size:13px;margin:0}.header-actions{display:flex;gap:12px}.btn-draft,.btn-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;font-weight:600;padding:10px 20px}.btn-primary-gradient{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:transform .2s}.btn-primary-gradient:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.wizard-content{display:flex;flex:1 1;overflow:hidden}.main-form-area{display:flex;flex:1 1;flex-direction:column;gap:32px;overflow-y:auto;padding:32px 40px}.form-top-row{display:flex;gap:24px}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.form-group label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.05em}.doc-type-selector{background:#f1f5f9;border-radius:12px;display:flex;padding:4px}.doc-type-selector button{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px;transition:all .2s}.doc-type-selector button.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#4f46e5}.input-with-icon{align-items:center;display:flex;position:relative}.form-group input,.form-group select,.input-with-icon input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.input-with-icon svg{color:#94a3b8;position:absolute;right:12px}.suggestions-popover{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:8px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.suggestion-row{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:12px 16px}.suggestion-row:hover{background:#f8fafc}.client-avatar{align-items:center;background:#e0e7ff;border-radius:10px;color:#4f46e5;display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.client-name{color:#0f172a;font-size:14px;font-weight:600}.client-meta{color:#64748b;font-size:12px}.search-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000005;display:flex;gap:12px;padding:6px 12px}.search-bar input{border:none;flex:1 1;font-size:15px;outline:none;padding:10px 0}.basket-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}.basket-table{border-collapse:collapse;width:100%}.basket-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#94a3b8;font-size:11px;font-weight:700;padding:16px;text-align:left}.basket-table td{border-bottom:1px solid #f1f5f9;padding:16px}.item-name{color:#0f172a;font-weight:600}.table-input{text-align:center}.table-input,.table-select{border:1px solid #e2e8f0;border-radius:8px;padding:8px;width:100%}.item-total{color:#0f172a;font-weight:700}.btn-remove{background:#0000;border:none;color:#cbd5e1;cursor:pointer;font-size:20px}.btn-remove:hover{color:#ef4444}.empty-basket{padding:60px!important;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px}.empty-state p{color:#64748b;font-weight:600;margin:0}.notes-area{display:flex;flex-direction:column;gap:12px}.notes-area label{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:600;gap:8px}.notes-area textarea{border:1px solid #e2e8f0;border-radius:16px;font-family:inherit;height:80px;outline:none;padding:16px;resize:none;width:100%}.wizard-sidebar{background:#fff;border-left:1px solid #e2e8f0;padding:32px;width:380px}.summary-card h3{color:#0f172a;font-size:18px;font-weight:800;margin-bottom:24px;margin-top:0}.summary-rows{display:flex;flex-direction:column;gap:16px}.summary-row{align-items:center;color:#64748b;display:flex;font-size:14px;justify-content:space-between}.summary-row .val{color:#0f172a;font-weight:700}.summary-divider{background:#f1f5f9;height:1px;margin:24px 0}.net-to-pay{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.net-to-pay .label{color:#6366f1;font-size:11px;font-weight:800;letter-spacing:.1em}.net-to-pay .amount{color:#4f46e5;font-size:36px;font-weight:900}.basket-info{align-items:center;background:#f8fafc;border-radius:12px;color:#64748b;display:flex;font-size:13px;gap:8px;margin-bottom:24px;padding:12px}.btn-validate-full{align-items:center;background:#4f46e5;border:none;border-radius:16px;box-shadow:0 10px 20px #4f46e533;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;padding:16px;transition:all .3s;width:100%}.btn-validate-full:hover{background:#4338ca;box-shadow:0 15px 30px #4f46e54d;transform:translateY(-2px)}.product-suggestions{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0000001a;margin-top:4px;max-height:250px;max-width:600px;overflow-y:auto;position:absolute;width:calc(100% - 80px);z-index:1000}.prod-suggestion-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px 16px}.prod-suggestion-item:hover{background:#f8fafc}.prod-name{font-size:14px;font-weight:600}.prod-meta{color:#64748b;font-size:12px}.status-delivered{color:#059669}.status-in-transit{background:#eff6ff;color:#2563eb}.status-processing{background:#fffcf0;color:#eab308}.status-draft{color:#64748b}.ipm-overlay{align-items:center;animation:ipmFade .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101828b3;display:flex;flex-direction:column;inset:0;justify-content:flex-start;overflow-y:auto;padding:0;position:fixed;z-index:4000}@keyframes ipmFade{0%{opacity:0}to{opacity:1}}.ipm-modal{animation:ipmSlide .22s cubic-bezier(.34,1.4,.64,1);background:#f2f4f7;display:flex;flex-direction:column;max-width:860px;min-height:100vh;width:100%}@keyframes ipmSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ipm-toolbar{background:#1a1a2e;box-shadow:0 2px 8px #0000004d;color:#fff;justify-content:space-between;padding:14px 24px;position:sticky;top:0;z-index:10}.ipm-toolbar,.ipm-toolbar-left{align-items:center;display:flex}.ipm-toolbar-left{gap:12px}.ipm-toolbar-badge{background:linear-gradient(135deg,#6a0dad,#8b23d6);border-radius:6px;color:#fff;font-size:11px;font-weight:800;letter-spacing:1.5px;padding:4px 12px;text-transform:uppercase}.ipm-toolbar-ref{color:#ffffffb3;font-size:14px;font-weight:600}.ipm-toolbar-right{align-items:center;display:flex;gap:10px}.ipm-btn-print{align-items:center;background:linear-gradient(135deg,#6a0dad,#8b23d6);border:none;border-radius:8px;box-shadow:0 2px 8px #6a0dad66;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:9px 20px;transition:opacity .15s,transform .1s}.ipm-btn-print:hover{opacity:.9;transform:translateY(-1px)}.ipm-btn-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;transition:background .15s;width:34px}.ipm-btn-close:hover{background:#fff3}.ipm-preview-wrap{display:flex;flex:1 1;justify-content:center;padding:32px 24px 48px}.ipm-paper{background:#fff;border-radius:4px;box-shadow:0 8px 32px #0000002e;min-height:297mm;width:210mm}.inv-page{color:#1a1a2e;font-family:Arial,sans-serif;padding:16mm 18mm}.inv-header{align-items:flex-start;border-bottom:3px solid #6a0dad;display:flex;justify-content:space-between;margin-bottom:36px;padding-bottom:20px}.inv-brand-name{color:#6a0dad;font-size:26px;font-weight:900;letter-spacing:-.5px}.inv-brand-sub{color:#667085;font-size:11px;margin-top:2px}.inv-brand-contact{color:#344054;font-size:11px;line-height:1.6;margin-top:8px}.inv-doc-info{text-align:right}.inv-doc-type{color:#6a0dad;font-size:22px;font-weight:800;letter-spacing:2px}.inv-doc-num{color:#344054;font-size:13px;font-weight:600;margin-top:6px}.inv-doc-meta{color:#667085;font-size:11px;line-height:1.7;margin-top:4px}.inv-status-badge{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:4px;color:#027a48;display:inline-block;font-size:11px;font-weight:700;margin-top:8px;padding:2px 10px}.inv-status-unpaid{background:#fff7ed;border-color:#fcd34d;color:#b54708}.inv-parties{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.inv-party-box{background:#f9fafb;border-left:4px solid #6a0dad;border-radius:8px;padding:16px}.inv-party-label{color:#6a0dad;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.inv-party-name{color:#101828;font-size:15px;font-weight:700}.inv-party-detail{color:#667085;font-size:11px;line-height:1.6;margin-top:4px}.inv-page table{border-collapse:collapse;font-size:12px;margin-bottom:24px;width:100%}.inv-page thead tr{background:#6a0dad;color:#fff}.inv-page thead th{font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.inv-page tbody tr{border-bottom:1px solid #f0f0f0}.inv-page tbody tr:nth-child(2n){background:#fafafa}.inv-page tbody td{color:#344054;font-size:12px;padding:10px 12px;vertical-align:middle}.inv-totals{display:flex;justify-content:flex-end;margin-bottom:28px}.inv-totals-box{width:280px}.inv-totals-row{border-bottom:1px solid #f0f0f0;color:#344054;display:flex;font-size:12px;justify-content:space-between;padding:6px 0}.inv-totals-row.total{border-bottom:2px solid #6a0dad;color:#101828;font-size:15px;font-weight:800;padding:10px 0}.inv-totals-row.balance{border-bottom:none;color:#d92d20;font-size:13px;font-weight:700}.inv-totals-row.paid-row{color:#027a48;font-weight:600}.inv-payment-info{background:#f9fafb;border:1px solid #e4e7ec;border-radius:8px;margin-bottom:24px;padding:14px 16px}.inv-payment-title{color:#6a0dad;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.inv-payment-row{display:flex;flex-wrap:wrap;gap:24px}.inv-payment-item{color:#344054;font-size:11px}.inv-payment-item strong{color:#101828}.inv-notes{background:#fffbeb;border-left:3px solid #fbbf24;border-radius:4px;margin-bottom:24px;padding:10px 14px}.inv-notes-label{color:#b45309;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.inv-notes-text{color:#344054;font-size:12px;line-height:1.5}.inv-footer{align-items:flex-end;border-top:1px solid #eaecf0;display:flex;justify-content:space-between;margin-top:24px;padding-top:16px}.inv-footer-left{color:#98a2b3;font-size:10px;line-height:1.6}.inv-footer-left strong{color:#344054}.inv-signature-box{text-align:center}.inv-signature-line{border-top:1px solid #d0d5dd;margin-bottom:6px;width:160px}.inv-signature-label{color:#667085;font-size:10px}.import-data-page{align-items:center;background-color:#f9fafb;box-sizing:border-box;color:#101828;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:48px 32px 80px}.stepper-container{--stepper-track-inset:12.5%;--stepper-track-span:75%;align-items:flex-start;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto 48px;max-width:618px;position:relative;width:100%}.stepper-track{background:linear-gradient(90deg,#7f56d9 0,#7f56d9 40%,#e4e7ec 0,#e4e7ec);border-radius:1px;height:2px;left:var(--stepper-track-inset);position:absolute;top:13px;width:var(--stepper-track-span);z-index:1}.step{background:#0000;flex:1 1;flex-direction:column;min-width:0;z-index:2}.step,.step-indicator{align-items:center;display:flex}.step-indicator{background:#fff;border-radius:50%;box-sizing:border-box;height:28px;justify-content:center;margin-bottom:10px;width:28px}.step.completed .step-indicator{background:#7f56d9;border:2px solid #7f56d9}.step.active .step-indicator{background:#fff;border:2px solid #7f56d9}.active-dot{background:#7f56d9;border-radius:50%;height:10px;width:10px}.step.pending .step-indicator{background:#f2f4f7;border:2px solid #e4e7ec}.step-label{color:#667085;font-size:12px;font-weight:500;line-height:1.5;max-width:130px;padding:0 4px;text-align:center}.step.active .step-label{color:#6941c6;font-weight:600}.step.completed .step-label{color:#344054}.import-data-header{margin-bottom:48px;max-width:720px;text-align:center;width:100%}.main-title{color:#101828;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:38px;margin:0 0 12px}.main-subtitle{color:#667085;font-size:16px;line-height:24px;margin:0 auto;max-width:560px}.import-cards-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:40px;max-width:1216px;width:100%}.import-card{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f;box-sizing:border-box;display:flex;flex:1 1 280px;flex-direction:column;max-width:384px;min-width:260px;padding:24px}.status-pill{align-self:flex-start;border-radius:16px;gap:6px;line-height:18px;margin-bottom:16px;padding:2px 10px}.status-pill .dot{border-radius:50%;height:6px;width:6px}.status-pill.blue{background:#f2f4f7;color:#344054}.status-pill.blue .dot{background:#98a2b3}.status-pill.green{background:#ecfdf3;color:#067647}.status-pill.green .dot{background:#17b26a}.status-pill.red{background:#fef3f2;color:#b42318}.status-pill.red .dot{background:#f04438}.card-icon-wrapper{margin-bottom:16px}.card-icon{align-items:center;background:#f2f4f7;border:1px solid #eaecf0;border-radius:8px;color:#7f56d9;display:flex;height:40px;justify-content:center;width:40px}.card-title{color:#101828;font-size:18px;font-weight:600;line-height:28px;margin:0 0 8px}.card-desc{color:#667085;flex-grow:1;font-size:14px;line-height:20px;margin:0 0 20px}.upload-zone{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;min-height:132px;padding:24px 20px;text-align:center}.upload-zone.dashed{background:#fff;border:1px dashed #d0d5dd;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.upload-zone.dashed:hover{background:#f9fafb;border-color:#7f56d9}.upload-icon{margin-bottom:12px}.upload-link{color:#6941c6;font-size:14px;font-weight:600;line-height:20px;margin-bottom:4px}.upload-hint{color:#667085;font-size:12px;line-height:18px}.upload-zone.success{background:#ecfdf3;border:1px solid #abefc6}.success-icon-circle{align-items:center;background:#17b26a;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.file-name{color:#067647;font-size:14px;font-weight:600;margin-bottom:4px}.file-meta{color:#75e0a7;font-size:12px}.upload-zone.error{background:#fef3f2;border:1px solid #fecdca;cursor:pointer}.upload-zone.error:hover{border-color:#f97066}.error-icon-circle{align-items:center;background:#fee4e2;border:1px solid #fda29b;border-radius:50%;color:#d92d20;display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.error-title{color:#b42318;font-size:14px;font-weight:600;margin-bottom:4px}.error-hint{color:#f97066;font-size:12px}.tags-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.data-tag{background:#f4ebff;border-radius:6px;color:#6941c6;font-size:12px;font-weight:500;padding:4px 10px}.error-details-box{background:#fef3f2;border:1px solid #fecdca;border-radius:8px;margin-bottom:20px;padding:14px 16px}.error-item{align-items:flex-start;color:#912018;display:flex;font-size:13px;gap:8px;line-height:1.45;margin-bottom:12px}.error-item:last-child{margin-bottom:0}.error-item p{margin:0}.err-icon{flex-shrink:0;font-size:14px}.template-warning{align-items:flex-start;background:#fffaeb;border:1px solid #fedf89;border-radius:8px;display:flex;gap:12px;margin-top:auto;padding:14px 16px}.warning-icon{flex-shrink:0;font-size:16px;line-height:24px}.warning-text p{color:#b54708;font-size:13px;line-height:20px;margin:0 0 8px}.view-template-link{color:#b54708;font-size:13px;font-weight:600;text-decoration:none}.view-template-link:hover{text-decoration:underline}.import-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:12px}.btn-skip{background:#0000;border:none;border-radius:8px;color:#475467;cursor:pointer;font-size:15px;font-weight:600;line-height:24px;padding:10px 18px;transition:background-color .15s ease}.btn-skip:hover{background:#f2f4f7}.btn-primary{background:#101828;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;line-height:24px;min-height:44px;padding:10px 20px;transition:opacity .15s ease}.btn-primary:hover{opacity:.92}.actions-footer{color:#667085;font-size:14px;line-height:20px;max-width:480px;text-align:center}.pending-card{border-color:#eaecf0}.uploaded-card{border-color:#abefc6;box-shadow:0 1px 3px #10182814,0 1px 2px #1018280f}.error-card{border-color:#fecdca}@media (max-width:900px){.import-cards-container{align-items:center;flex-direction:column}.import-card{max-width:440px;width:100%}.stepper-container{max-width:100%}}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#7f56d9;height:28px;margin-bottom:12px;width:28px}.upload-zone.loading{background:#f9fafb;cursor:default}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101828b3;padding:20px}.modal{animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 24px -4px #10182814,0 8px 8px -4px #10182808;max-width:680px;padding:32px;position:relative;width:100%}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{color:#667085;cursor:pointer;font-size:28px;line-height:1;position:absolute;right:24px;top:24px;transition:color .2s ease}.modal-close:hover{color:#101828}.modal-header h2{color:#101828;font-size:24px;font-weight:600;margin-bottom:8px}.modal-header p{color:#667085;font-size:14px;margin-bottom:24px}.template-table-container{border:1px solid #eaecf0;border-radius:12px;margin-bottom:24px;overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}th{background:#7f56d9;color:#fff;font-weight:600;text-align:left;white-space:nowrap}td,th{padding:12px 16px}td{border-bottom:1px solid #eaecf0;color:#344054}tr:nth-child(2n){background:#f9fafb}.download-btn-premium{align-items:center;background:#7f56d9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;padding:12px;transition:background .2s ease;width:100%}.download-btn-premium:hover{background:#6941c6}.cancel-btn-modal{border-radius:8px;color:#667085;cursor:pointer;font-size:14px;font-weight:600;padding:8px;text-align:center;transition:background .2s ease;width:100%}.cancel-btn-modal:hover{background:#f9fafb;color:#101828}.import-card{transition:all .3s ease}.import-card:hover{box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;transform:translateY(-4px)}.ai-insights-container{background:linear-gradient(145deg,#fff,#fcfaff);border:1px solid #e9d7fe;border-radius:16px;box-shadow:0 12px 24px -4px #7f56d914,0 4px 8px -2px #7f56d90a;box-sizing:border-box;margin-bottom:40px;max-width:1216px;overflow:hidden;padding:32px;position:relative;width:100%}.ai-insights-container:before{background:linear-gradient(90deg,#9e77ed,#7f56d9,#6941c6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.ai-insights-header{margin-bottom:32px;text-align:center}.ai-icon-wrapper{align-items:center;background:#f4ebff;border-radius:12px;color:#7f56d9;display:inline-flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.ai-insights-header h2{color:#101828;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.ai-insights-header p{color:#667085;font-size:15px;margin:0}.ai-insights-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.ai-insight-card{background:#fff;border:1px solid #eaecf0;border-radius:12px;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s ease}.ai-insight-card:hover{border-color:#d6bbfb;box-shadow:0 4px 12px #7f56d914;transform:translateY(-2px)}.insight-badge{background:#f2f4f7;border-radius:6px;color:#344054;font-size:12px;font-weight:600;letter-spacing:.05em;padding:4px 8px;position:absolute;right:24px;text-transform:uppercase;top:24px}.insight-icon{align-items:center;background:#fcfaff;border:1px solid #e9d7fe;border-radius:8px;color:#7f56d9;display:flex;height:40px;justify-content:center;margin-bottom:16px;width:40px}.insight-title{color:#101828;font-size:18px;font-weight:600;margin:0 0 12px}.insight-desc{color:#475467;flex-grow:1;font-size:14px;line-height:1.6;margin:0 0 24px}.insight-desc strong{color:#6941c6}.insight-action{align-items:center;background:#f9fafb;border-left:3px solid #7f56d9;border-radius:0 8px 8px 0;color:#344054;display:flex;font-size:13px;font-weight:500;gap:8px;padding:12px 16px}.insight-action:before{content:"✨"}.insight-metric{align-items:center;background:#f9fafb;border:1px solid #eaecf0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 16px}.metric-label{color:#475467;font-size:13px;font-weight:500}.metric-value{color:#101828;font-size:16px;font-weight:700}.metric-value.positive{color:#027a48}.metric-value.warning{color:#b54708}.fade-in{animation:fadeIn .5s ease-out forwards}.processing-data-container{background-color:#fff;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:80vh;padding:60px 40px;text-align:center}.processing-data-container,.processing-header{align-items:center;display:flex;flex-direction:column}.processing-header{box-sizing:border-box;margin-bottom:40px;max-width:445px;width:100%}.ai-icon-pulse{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:16px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.processing-title{font-size:32px;font-weight:700;margin-bottom:12px}.processing-subtitle{color:#64748b;font-size:16px;margin-bottom:0}.progress-bar-wrapper{align-items:center;box-sizing:border-box;display:flex;gap:16px;margin-bottom:40px;max-width:445px;width:100%}.progress-bar-bg{background-color:#f1f5f9;border-radius:4px;flex:1 1;height:8px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6d28d9;font-size:14px;font-weight:700;min-width:36px}.steps-list{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;margin-bottom:60px;max-width:445px;width:100%}.processing-step-item{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;opacity:.6;padding:16px 20px;transition:all .3s ease}.processing-step-item.active{background-color:#f5f3ff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf60d;opacity:1}.processing-step-item.done{background-color:#f0fdf4;border-color:#22c55e;opacity:1}.step-icon-circle{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.processing-step-item.active .step-icon-circle{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.processing-step-item.done .step-icon-circle{background-color:#22c55e;border-color:#22c55e;color:#fff}.step-label-text{color:#64748b;font-size:15px;font-weight:600;text-align:left}.processing-step-item.active .step-label-text{color:#6d28d9}.processing-step-item.done .step-label-text{color:#16a34a}.processing-warning-box{align-items:center;background-color:#fffbeb;border:1px solid #fde68a;border-radius:30px;box-sizing:border-box;color:#92400e;display:inline-flex;font-size:14px;font-weight:600;gap:12px;padding:12px 24px}.warning-emoji{font-size:16px}.ai-report-panel{animation:fadeIn .4s ease-out}.ai-header-card{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.ai-stats-row{margin-top:10px}.ai-report-panel div::-webkit-scrollbar{width:6px}.ai-report-panel div::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.ai-report-panel div::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ai-report-panel div::-webkit-scrollbar-thumb:hover{background:#94a3b8}.wizard-page{align-items:center;background-color:#f8f8f8;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding-bottom:100px;padding-top:60px}.wizard-main-content{box-sizing:border-box;max-width:445px;width:100%}.wizard-stepper-container{--stepper-track-inset:12.5%;--stepper-track-span:75%;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:40px;max-width:618px;padding:0;position:relative;width:100%}.wizard-stepper-track-layer{align-self:start;grid-column:1/-1;grid-row:1;height:28px;pointer-events:none;position:relative;z-index:0}.wizard-stepper-track-bg{background-color:#e4e7ec;width:var(--stepper-track-span);z-index:1}.wizard-stepper-track-bg,.wizard-stepper-track-progress{border-radius:1px;height:2px;left:var(--stepper-track-inset);position:absolute;top:50%;transform:translateY(-50%)}.wizard-stepper-track-progress{background-color:#7f56d9;transition:width .35s ease;width:0;z-index:2}.wizard-step{align-items:center;display:flex;flex-direction:column;grid-row:1;min-width:0;position:relative;z-index:1}.wizard-step-circle{align-items:center;background-color:#fff;border:2px solid #d0d5dd;border-radius:50%;box-sizing:border-box;display:flex;height:28px;justify-content:center;margin-bottom:10px;transition:border-color .2s ease,background-color .2s ease;width:28px}.wizard-step.done .wizard-step-circle{background-color:#7f56d9;border-color:#7f56d9}.wizard-step.active .wizard-step-circle{background-color:#fff;border-color:#7f56d9}.wizard-active-dot{background-color:#7f56d9;border-radius:50%;height:10px;width:10px}.wizard-step-label{color:#667085;font-size:12px;font-weight:500;line-height:1.5;max-width:136px;padding:0 4px;text-align:center}.wizard-step.active .wizard-step-label{color:#6941c6;font-weight:600}.wizard-step.done .wizard-step-label{color:#344054;font-weight:500}.wizard-card{background-color:#fff;border:1px solid #e8e8e8;border-radius:14px;box-shadow:0 2px 8px #00000005;box-sizing:border-box;max-width:445px;padding:28px;width:100%}.wizard-title{color:#111;font-size:24px;font-weight:700;margin-bottom:8px;margin-top:0}.wizard-subtitle{color:#666;font-size:14px;line-height:1.5;margin-bottom:24px}.wizard-form{display:flex;flex-direction:column;gap:16px}.input-group{text-align:left}.input-group label{color:#111}.optional-text{color:#94a3b8;font-size:11px;font-weight:400}.optional-text,.required-asterisk{margin-left:2px}.input-group input{border:1px solid #d0d5dd;border-radius:8px;color:#000!important;height:42px;padding:0 12px;transition:border-color .2s}.input-group input:focus{border-color:#8b5cf6}.input-group input::placeholder{color:#bbb}.input-group input:disabled,.input-group input[readonly]{background-color:#fafafa;color:#666}.input-group.has-error label{color:#344054!important}.input-group.has-error .required-asterisk{color:#f04438!important}.wizard-nav{display:flex;justify-content:space-between;margin-top:32px}.wizard-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:42px;justify-content:center;padding:0 20px;transition:opacity .2s}.wizard-btn:hover{opacity:.85}.wizard-btn.prev-btn{background-color:initial;border:1px solid #e0e0e0;color:#666}.wizard-btn.next-btn{background-color:#111;color:#fff;min-width:100px}.resend-btn{background-color:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;height:42px;margin-top:12px;width:100%}.resend-btn:disabled{cursor:not-allowed;opacity:.7}.wizard-footer{color:#666;font-size:13px;margin-top:24px;text-align:center}.wizard-footer a{color:#111;font-weight:600;text-decoration:none}.wizard-btn-text{border-radius:4px;padding:4px 8px;transition:background-color .2s}.wizard-btn-text:hover{background-color:#f3f0ff}.wizard-card-wide{background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 6px -2px #10182808,0 12px 16px -4px #10182814;max-width:900px;padding:40px;width:100%}.wizard-plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:32px}.wizard-plan-card{background:#fff;border:2px solid #eaecf0;border-radius:12px;cursor:pointer;padding:24px;position:relative;text-align:left;transition:all .2s ease}.wizard-plan-card:hover{border-color:#6a0dad55;transform:translateY(-2px)}.wizard-plan-card.selected{background:#fdf4ff;border-color:#6a0dad;box-shadow:0 4px 12px #6a0dad1a}.wizard-plan-card.popular{border-color:#6a0dad88}.popular-badge{background:#6a0dad;border-radius:20px;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;position:absolute;right:20px;top:-12px}.wizard-plan-card h3{color:#101828;font-size:18px;font-weight:700;margin-bottom:8px}.plan-price{margin-bottom:16px}.plan-price .price{color:#101828;font-size:32px;font-weight:800}.plan-desc,.plan-price .currency,.plan-price .period{color:#667085;font-size:14px}.plan-features-mini{list-style:none;margin:0;padding:0}.plan-features-mini li{color:#475467;font-size:13px;margin-bottom:8px}.login-page{align-items:center;background-color:#f8f9fc;background-image:radial-gradient(at 0 0,#f1f0f4 0,#0000 50%),radial-gradient(at 50% 0,#edf0f7 0,#0000 50%);display:flex;flex-direction:column;font-family:Inter,-apple-system,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;box-sizing:border-box;max-width:445px;padding:40px;text-align:center}.login-title{color:#1a1a1a;font-size:28px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.login-subtitle{color:#64748b;font-size:15px;line-height:1.5;margin-bottom:32px}.btn-google{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;height:48px;justify-content:center;margin-bottom:24px;transition:all .2s ease;width:100%}.btn-google:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.google-icon{height:18px;width:18px}.login-form{gap:16px;text-align:left}.input-group{gap:6px}.input-group label{color:#1a1a1a;font-size:13px;font-weight:700}.required-asterisk{color:#ef4444}.input-group input{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1a1a1a;font-size:14px;height:48px;outline:none;padding:0 16px;transition:all .2s ease}.input-group input:focus{border-color:#6a0dad;box-shadow:0 0 0 4px #6a0dad1a}.input-group input::placeholder{color:#94a3b8}.input-group input[readonly]{background-color:#f1f5f9;color:#64748b;cursor:not-allowed}.input-group.has-error input{border-color:#f04438!important}.error-message{align-items:center;color:#f04438;display:flex;font-size:13px;font-weight:500;gap:4px;margin-top:4px}.login-btn{background-color:#6a0dad;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;height:48px;margin-top:8px;transition:all .2s ease}.login-btn:hover{background-color:#5a0bba;box-shadow:0 4px 12px #6a0dad33;transform:translateY(-1px)}.wizard-btn-text{background:#fdfaff;border:1px solid #e9d5ff;border-radius:10px;color:#6a0dad;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-top:16px;padding:12px 20px;text-align:center;transition:all .2s ease;width:100%}.wizard-btn-text:hover{background-color:#f5ebff;border-color:#d8b4fe;transform:translateY(-1px)}.login-footer{color:#64748b;font-size:14px;margin-top:24px}.login-footer a{color:#6a0dad;font-weight:700;text-decoration:none}.login-footer a:hover{text-decoration:underline}.calendar-page{font-family:Inter,sans-serif;height:100vh;overflow:hidden;width:100vw}.calendar-main,.calendar-page{background-color:#ede8f5;display:flex}.calendar-main{flex:1 1;flex-direction:column;margin-left:220px;overflow-y:auto;padding:40px}.calendar-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.calendar-title{color:#1a1a1a;font-size:24px;font-weight:700}.header-status-icons{display:flex;gap:12px}.status-circle{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 4px 6px #0000000d;display:flex;height:40px;justify-content:center;width:40px}.calendar-content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px;height:calc(100vh - 180px)}.calendar-view-container{background-color:#fff;border-radius:24px;box-shadow:0 10px 20px #00000005;display:flex;flex-direction:column;padding:30px}.calendar-view-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.calendar-month-year{color:#1a1a1a;font-size:20px;font-weight:800}.calendar-subtitle{color:#888;font-size:11px;font-weight:700;letter-spacing:1px;margin-top:4px}.calendar-controls{align-items:flex-end;display:flex;flex-direction:column;gap:16px}.legend{color:#666;display:flex;font-size:11px;font-weight:600;gap:16px}.legend-item{gap:6px}.dot{border-radius:50%;height:8px;width:8px}.dot-delivered{background-color:#4caf50}.dot-late{background-color:#ff2727}.dot-transit{background-color:#026aa2}.dot-meeting{background-color:#af40ff}.control-buttons{display:flex;gap:12px}.btn-today{background-color:#f8f9fa;border:1px solid #eee;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px}.arrow-buttons{display:flex;gap:4px}.btn-arrow{align-items:center;background-color:#f8f9fa;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;width:30px}.calendar-grid{display:grid;flex-grow:1;grid-template-columns:repeat(7,1fr)}.grid-header-day{border-bottom:2px solid #f8f9fa;color:#111;font-size:13px;font-weight:800;padding:10px 0;text-align:center}.grid-day{border-bottom:1px solid #f8f9fa;border-right:1px solid #f8f9fa;height:auto;min-height:120px;padding:8px;position:relative}.grid-day:nth-child(7n){border-right:none}.grid-day.prev{opacity:.3}.grid-day.active{border:4px solid #af40ff}.day-number{color:#999;font-size:14px;font-weight:700}.day-number.active-number{align-items:center;background-color:#af40ff;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.day-event{border-radius:4px;color:#fff;cursor:pointer;font-size:10px;font-weight:700;margin-top:4px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;transition:transform .2s,box-shadow .2s;white-space:nowrap;width:calc(100% - 10px)}.day-event:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.event-completed{background-color:#e8f5e9;border:1px solid #2e7d32;color:#2e7d32}.event-transit{background-color:#e3f2fd;border:1px solid #1565c0;color:#1565c0}.event-manual{background-color:#f3e5f5;border:1px solid #7b1fa2;color:#7b1fa2}.event-late{background-color:#ffebee;border:1px solid #c62828;color:#c62828}.event-pending{background-color:#fff8e1;border:1px solid #f57f17;color:#f57f17}.btn-add-event{background-color:#6a0dad;border:none;border-radius:12px;box-shadow:0 4px 12px #6a0dad33;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px}.btn-add-event:hover{background-color:#5a0b94}.calendar-details-panel{background-color:#fff;border-radius:24px;box-shadow:0 10px 20px #00000005;display:flex;flex-direction:column;gap:24px;padding:24px;position:relative}.details-header{margin-bottom:0}.details-today{color:#1a1a1a;font-size:14px;font-weight:700;margin-bottom:2px}.details-date{color:#666;font-size:12px}.details-section .section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-label{font-size:11px;font-weight:800;letter-spacing:.5px}.overdue .section-label{color:#ff2727}.today-scheduled .section-label{color:#af40ff}.upcoming .section-label{color:#888}.section-count{color:#999;font-size:11px;font-weight:600}.detail-card{background-color:#fdfdfd;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:8px;padding:16px}.detail-card.card-active{background-color:#f9fcff;border-left:4px solid #026aa2}.card-top{display:flex;justify-content:space-between;margin-bottom:4px}.card-id{color:#1a1a1a;font-size:13px;font-weight:800}.card-status{font-size:11px;font-weight:700}.status-late{color:#ff2727}.status-transit{color:#026aa2}.card-subtext{color:#666;font-weight:600}.card-info,.card-subtext{font-size:11px;margin-bottom:8px}.card-info{color:#888}.card-tags{display:flex;gap:8px}.card-tags span{background-color:#f4f4f4;border-radius:4px;color:#555;font-size:10px;font-weight:600;padding:4px 8px}.ai-btn-container{display:flex;justify-content:flex-end;margin-top:auto}.ai-spark-btn{align-items:center;background-color:#2b59ff;border-radius:50%;box-shadow:0 10px 20px #2b59ff66;display:flex;height:48px;justify-content:center;width:48px}.settings-view{background-color:#f1f5f9;display:flex;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.settings-main{display:flex;flex:1 1;flex-direction:column;margin-left:220px;overflow:hidden}.settings-content{display:flex;flex:1 1;gap:40px;overflow:hidden;padding:32px 40px}.settings-menu{display:flex;flex-direction:column;gap:8px;width:250px}.settings-menu-item{align-items:center;border-radius:8px;color:#667085;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:12px 16px;transition:all .2s}.settings-menu-item.active{background-color:#faf8ff;color:#6a0dad;font-weight:600}.settings-menu-item:hover:not(.active){background-color:#f8fafc;color:#101010}.settings-panel{background:#fff;border:1px solid #e1e4e8;border-radius:16px;box-shadow:0 4px 20px #00000005;flex:1 1;overflow-y:auto;padding:32px}.settings-panel-title{color:#101010;font-size:24px;font-weight:700;margin-bottom:8px}.settings-panel-desc{color:#667085;font-size:14px;margin-bottom:32px}.settings-form-row{display:flex;gap:24px;margin-bottom:24px}.settings-form-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.settings-form-group label{align-items:center;color:#344054;display:flex;font-size:14px;font-weight:600;gap:8px}.badge-signup{background:#f1f5f9;border-radius:4px;color:#667085;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.settings-input{border:1px solid #d0d5dd;border-radius:8px;color:#101010;font-family:inherit;font-size:15px;outline:none;padding:12px 16px;transition:all .2s}.settings-input:focus{border-color:#6a0dad;box-shadow:0 0 0 4px #6a0dad1a}.invite-row{align-items:flex-end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;margin-bottom:32px;padding:16px}.table-wrapper{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.settings-table{border-collapse:collapse;width:100%}.settings-table td,.settings-table th{border-bottom:1px solid #e2e8f0;font-size:14px;padding:16px;text-align:left}.settings-table th{background:#f8fafc;color:#667085;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.settings-table tr:last-child td{border-bottom:none}.pill-status{border-radius:100px;font-size:12px;font-weight:600;padding:4px 12px}.pill-active{background:#d1fae5;color:#065f46}.pill-pending{background:#fef3c7;color:#92400e}.pill-error{background:#fee2e2;color:#b91c1c}.btn-save-settings{background:#6a0dad;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:max-content;padding:12px 24px}.btn-secondary-action{background:#fff;border:1px solid #d0d5dd;border-radius:6px;color:#344054;cursor:pointer;font-weight:500;padding:8px 16px}.btn-danger-text{background:none;border:none;color:#ff2727;cursor:pointer;font-weight:500;padding:8px}.btn-danger-text:hover{text-decoration:underline}.btn-text{background:none;border:none;color:#6a0dad;cursor:pointer;font-weight:500;padding:8px}.btn-text:hover{text-decoration:underline}.system-status{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-weight:600;gap:8px;margin-bottom:24px;padding:12px 16px}.status-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 0 3px #22c55e33;height:10px;width:10px}.contact-channels{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:40px}.channel-card{border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center;transition:all .2s}.channel-card:hover{background:#faf8ff;border-color:#6a0dad}.channel-card a{color:#101010;display:block;font-size:18px;font-weight:700;margin:12px 0 4px;text-decoration:none}.success-state{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:40px;text-align:center}.permissions-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:32px;padding:24px}.section-header-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.section-title-sm{color:#101010;font-size:16px;font-weight:700}.section-actions{display:flex;gap:16px}.btn-text-sm{background:none;border:none;border-radius:4px;color:#6a0dad;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px}.btn-text-sm:hover{background:#faf8ff}.permissions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.permission-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;transition:all .2s}.permission-card:hover{background:#f1f5f9;border-color:#cbd5e1}.permission-page-name{align-items:center;border-bottom:1px dashed #cbd5e1;color:#1e293b;display:flex;font-weight:700;gap:10px;margin-bottom:12px;padding-bottom:10px}.permission-page-name input[type=checkbox]{accent-color:#6a0dad;cursor:pointer;height:18px;width:18px}.permission-actions-list{display:flex;flex-wrap:wrap;gap:10px}.permission-action-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:4px 10px;transition:all .2s}.permission-action-item:hover{border-color:#6a0dad;color:#6a0dad}.permission-action-item input[type=checkbox]{accent-color:#6a0dad;cursor:pointer;height:14px;width:14px}.permission-action-item input:disabled+span{cursor:not-allowed;opacity:.5}.sales-view{background-color:#ede8f5;display:flex;height:100vh}.sales-main{flex-grow:1;margin-left:220px;overflow-x:hidden;overflow-y:auto;position:relative}.sales-content,.sales-main{display:flex;flex-direction:column}.sales-content{gap:20px;padding:32px 38px}.header-top{align-items:center;background:#fff;border-bottom:1px solid #e8e0f0;display:flex;justify-content:space-between;padding:16px 38px;position:sticky;top:0;z-index:100}.header-title{color:#6a0dad;font-family:Inter,sans-serif;font-size:24px;font-weight:700;margin:0}.header-btn-group{gap:12px}.header-btn-group,.icon-circle{align-items:center;display:flex}.icon-circle{background:#fff;border:1px solid #e8e0f0;border-radius:100px;cursor:pointer;height:40px;justify-content:center;transition:background .2s;width:40px}.icon-circle:hover{background:#f5f0fc}.action-btn-primary{align-items:center;background:#6a0dad;border:1px solid #6a0dad;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s}.action-btn-primary:hover{background:#5a009c}.action-btn-secondary{align-items:center;background:#fff;border:1px solid #d4d4d4;border-radius:10px;color:#344054;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s}.action-btn-secondary:hover{background:#f5f0fc}.allocation-banner{align-items:center;background:linear-gradient(135deg,#4d0084,#6a0dad);border-radius:16px;box-shadow:0 4px 20px #4d008440;color:#fff;display:flex;padding:22px 40px}.stock-banner-inner{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.stock-banner-left{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;max-width:430px}.stock-banner-kicker{color:#ffffffb3;font-size:13px;font-weight:700;letter-spacing:.5px;line-height:20px;text-transform:uppercase}.stock-banner-title{color:#fff;font-size:22px;font-weight:700;line-height:1.2}.stock-banner-stats{align-items:center;display:flex;gap:28px}.stock-banner-stat{align-items:flex-end;display:inline-flex;flex-direction:column;gap:4px;justify-content:center}.stock-banner-stat-val{color:#fff;font-size:28px;font-weight:700;line-height:1;white-space:nowrap}.stock-banner-stat-label{color:#ffffffa6;font-size:12px;font-weight:600;line-height:20px;text-transform:uppercase;white-space:nowrap}.stock-banner-stat-label-danger{color:#ffb3b3}.stock-banner-stat-label-muted{color:#ffffff8c}.stock-banner-divider{background:#fff3;height:42px;width:1px}.sales-ai-recommendation{align-items:center;background:#fff;border:1px solid #e8c9ff;border-radius:14px;box-shadow:0 2px 8px #6a0dad0f;box-sizing:border-box;display:inline-flex;gap:12px;justify-content:space-between;padding:12px 18px;width:100%}.ai-rec-left{flex:1 1;gap:12px}.ai-rec-icon-wrap,.ai-rec-left{align-items:center;display:flex}.ai-rec-icon-wrap{background:linear-gradient(135deg,#f0e0ff,#d4f0ff);border-radius:12px;flex-shrink:0;justify-content:center;padding:10px}.ai-rec-content{align-items:flex-start;display:inline-flex;flex:1 1;flex-direction:column}.ai-rec-title{color:#6a0dad;font-size:14px;font-weight:700;line-height:20px}.ai-rec-text{color:#5f5a53;font-size:13px;font-weight:500;line-height:20px}.ai-rec-btn{background:#f5f0fc;border:1px solid #d8b4fe;border-radius:10px;color:#6a0dad;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 18px;transition:background .2s;white-space:nowrap}.ai-rec-btn:hover{background:#ede0ff}.sales-overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.overview-card{background:#fff;border:1px solid #f0e8f8;border-radius:20px;box-shadow:0 4px 15px #6a0dad0d;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .25s ease}.overview-card:hover{border-color:#6a0dad;box-shadow:0 10px 25px #6a0dad1f;transform:translateY(-4px)}.overview-card:before{border-radius:0 20px 0 60px;content:"";height:70px;opacity:.08;position:absolute;right:0;top:0;width:70px;z-index:0}.overview-card.purple:before{background:#6a0dad}.overview-card.blue:before{background:#0080fa}.overview-card.green:before{background:#10b981}.overview-card.amber:before{background:#f59e0b}.card-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:42px;justify-content:center;position:relative;width:42px;z-index:1}.overview-card.purple .card-icon-wrapper{background:#f5f0fc;color:#6a0dad}.overview-card.blue .card-icon-wrapper{background:#e0f0ff;color:#0080fa}.overview-card.green .card-icon-wrapper{background:#e6f9f1;color:#10b981}.overview-card.amber .card-icon-wrapper{background:#fff8eb;color:#f59e0b}.card-content{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.card-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.card-value{color:#1e293b;font-size:28px;font-weight:800;line-height:1.2}.card-footer{color:#94a3b8;font-size:13px;font-weight:600;margin-top:4px}.sales-charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.5fr 1fr}.chart-card-container{background:#fff;border:1px solid #f0e8f8;border-radius:16px;box-shadow:0 2px 12px #6a0dad0f;display:flex;flex-direction:column;gap:20px;padding:24px}.chart-header-row{align-items:flex-start;display:flex;justify-content:space-between}.chart-title-group{display:flex;flex-direction:column;gap:4px}.chart-main-title{color:#101828;font-size:18px;font-weight:700}.chart-sub-title{color:#94a3b8;font-size:13px}.chart-toggle-group{background:#f8f5fc;border-radius:8px;display:flex;padding:2px}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.toggle-btn.active{background:#101828;color:#fff}.donut-chart-wrapper{height:200px;position:relative}.donut-center-text,.donut-chart-wrapper{align-items:center;display:flex;justify-content:center}.donut-center-text{flex-direction:column;position:absolute;text-align:center}.donut-center-val{color:#101828;font-size:24px;font-weight:800}.donut-center-label{color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase}.chart-legend-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.legend-row{font-size:13px;justify-content:space-between}.legend-info,.legend-row{align-items:center;display:flex}.legend-info{color:#475467;font-weight:500;gap:10px}.legend-dot{height:8px;width:8px}.legend-value{color:#101828;font-weight:700}.sales-directory{background:#fff;border:1px solid #f0e8f8;border-radius:16px;box-shadow:0 2px 12px #6a0dad0d;display:flex;flex-direction:column;overflow:hidden}.directory-header{align-items:center;border-bottom:1px solid #f0e8f8;display:flex;justify-content:space-between;padding:20px 24px}.directory-title{color:#1e293b;font-size:18px;font-weight:700;margin:0}.directory-filters{display:flex;gap:10px}.dir-input-box{align-items:center;background:#f8f5fc;border:1px solid #e8e0f0;border-radius:100px;display:flex;gap:8px;min-width:160px;padding:8px 14px}.dir-input-box span{color:#a1a1a1;flex-grow:1;font-size:14px}.dir-input-box select{appearance:none!important;background-color:initial!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a0dad' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:100%!important;background-repeat:no-repeat!important;background-size:14px!important;color:#333;cursor:pointer;font-size:14px;margin:0;padding:0 24px 0 0!important;width:100%}.dir-input-box select,.dir-input-box select:focus{border:none!important;box-shadow:none!important;outline:none!important}.sales-table{border-collapse:collapse;width:100%}.sales-table th,.sales-table thead tr{background:#4d0084}.sales-table th{color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px;text-align:center;text-transform:uppercase;white-space:nowrap}.sales-table th:first-child,.sales-table th:last-child{border-radius:0}.sales-table td{border-bottom:1px solid #f5f0fc;color:#101828;font-size:14px;padding:14px;text-align:center}.sales-table tbody tr:hover{background:#faf7ff;cursor:pointer}.sales-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:20px;display:inline-block;font-weight:600;padding:4px 12px}.status-draft{background:#f1f5f9;color:#475569}.status-pending{color:#b54708}.status-fulfilled{background:#ecfdf5;color:#027a48}.status-cancelled{background:#fef3f2;color:#b42318}.status-paid{background:#ecfdf5;color:#027a48}.status-partial{background:#fffbeb;color:#b54708}.status-unpaid{background:#fef3f2;color:#b42318}.status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.status-delivered{background:#ecfdf5;color:#027a48}.doc-type-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.type-devis,.type-quote{background:#fef9c3;color:#854d0e}.type-bon-de-livraison,.type-delivery-note{background:#dbeafe;color:#1e40af}.type-facture,.type-invoice{background:#f3e8ff;color:#6b21a8}.actions-wrapper{align-items:center;display:flex;gap:6px;justify-content:flex-end}.btn-action-sm{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:600;gap:4px;padding:5px 10px;transition:all .2s}.btn-action-sm svg{height:14px;width:14px}.btn-details{background:#f5f0fc;border-color:#e0d0f8;color:#6a0dad}.btn-details:hover{background:#ede0ff}.btn-receive{background:#fffbeb;border-color:#fcd34d;color:#d97706}.btn-receive:hover{background:#fef3c7}.btn-invoice{background:#ecfdf5;border-color:#6ee7b7;color:#059669}.btn-invoice:hover{background:#d1fae5}.btn-print-sm{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.btn-print-sm:hover{background:#e0f2fe}.btn-pay-sm{background:#fdf2f8;border-color:#fbcfe8;color:#be185d}.btn-pay-sm:hover{background:#fce7f3}.btn-more{align-items:center;background:#f8f5fc;border:1px solid #e8e0f0;border-radius:8px;color:#6a0dad;cursor:pointer;display:flex;padding:5px 8px}.btn-more:hover{background:#ede0ff}.action-dropdown-container{display:inline-block;position:relative}.action-dropdown-menu{background:#fff;border:1px solid #e8e0f0;border-radius:12px;box-shadow:0 10px 30px #6a0dad1f;display:flex;flex-direction:column;margin-top:4px;min-width:180px;padding:6px 0;position:absolute;right:0;top:100%;z-index:50}.dropdown-item{align-items:center;background:none;border:none;color:#334155;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:9px 16px;text-align:left;transition:background .15s;width:100%}.dropdown-item svg{height:16px;opacity:.7;width:16px}.dropdown-item:hover{background:#faf7ff}.dropdown-item.text-red{color:#e11d48}.dropdown-item.text-red:hover{background:#fff1f2}.dropdown-item.text-blue{color:#2563eb}.dropdown-item.text-blue:hover{background:#eff6ff}.dropdown-item.text-green{color:#059669}.dropdown-item.text-green:hover{background:#ecfdf5}.side-panel-backdrop{align-items:center;animation:fadeIn .3s ease-out;display:flex;justify-content:center;z-index:1000}.modal-container{animation:modalScale .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #6a0dad26;display:flex;flex-direction:column;max-width:90vw;overflow:hidden;width:520px}@keyframes modalScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.side-panel-header{align-items:center;border-bottom:1px solid #f0e8f8;padding:24px 32px}.header-info h2{color:#101010}.header-info p{color:#94a3b8;margin:4px 0 0}.close-btn{align-items:center;background:#f5f0fc;border:1px solid #e8e0f0;border-radius:100px;color:#6a0dad;display:flex;font-size:22px;height:36px;justify-content:center;transition:background .2s;width:36px}.close-btn:hover{background:#ede0ff}.side-panel-content{max-height:80vh;padding:28px 32px}.section-title{letter-spacing:.6px;margin-bottom:12px}.ai-signal-box{background:#faf7ff;border:1px solid #e8d5ff;border-radius:10px;color:#334155;font-size:14px;line-height:1.6;padding:16px}.ai-tag{color:#6a0dad;font-weight:700;margin-right:6px}.form-group{gap:8px;position:relative}.autocomplete-dropdown{background:#fff;border:1px solid #e8e0f0;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 8px 24px #6a0dad1a;max-height:200px;overflow-y:auto;position:absolute;width:calc(100% - 48px);z-index:1000}.suggestion-item{border-bottom:1px solid #f5f0fc;cursor:pointer;font-size:14px;padding:10px 16px}.suggestion-item:hover{background-color:#f5f0fc;color:#6a0dad}.action-btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-email-sm:hover{background:#ffe4e6}.btn-email-sm:disabled{cursor:not-allowed;opacity:.5}.side-panel-backdrop{animation:fadeIn .3s ease-out forwards}.side-panel-overlay{animation:slideInRight .35s cubic-bezier(.16,1,.3,1) forwards;border-left:1px solid #f1f5f9;max-width:550px;min-width:400px;width:35%}.side-panel-header{border-bottom:1px solid #f3f4f6;padding:32px 32px 24px}.header-info h2{font-family:Inter,sans-serif;font-size:24px}.header-info p{font-size:14px;margin:6px 0 0}.close-btn{background:#0000;line-height:1;transition:color .2s}.close-btn:hover{color:#0f172a}.side-panel-content{flex-grow:1;padding:32px}.content-section{display:flex;flex-direction:column}.section-title{font-size:13px;margin-top:0}.detail-row{align-items:center;border-bottom:1px solid #f1f5f9;padding:16px 0}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500}.detail-value{text-align:right}.panel-status-pill{border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;padding:6px 14px}.status-fulfilled,.status-paid{background:#ecfdf5;color:#059669}.status-late,.status-overdue{background:#fef2f2;color:#dc2626}.status-processing,.status-unpaid{background:#fffcf0;color:#eab308}.status-pending{background:#fffbeb;color:#d97706}.status-invoice{background:#f5f3ff;color:#7c3aed}.status-quote{background:#f0f9ff;color:#0284c7}.status-delivery-note{background:#fefce8;color:#ca8a04}.btn-sidebar-manage{background:#6a0dad;border:1px solid #6a0dad;border-radius:8px;font-size:14px;padding:14px;transition:opacity .2s}.btn-sidebar-manage:hover{opacity:.9}.btn-sidebar-view{border-radius:8px;font-size:14px;padding:14px;transition:background .2s}.btn-sidebar-view:hover{background:#f8fafc}.items-list-container{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;margin-top:8px;overflow:hidden}.items-mini-table{border-collapse:collapse;width:100%}.items-mini-table th{background:#f1f5f9;color:#94a3b8;font-size:11px;font-weight:700;padding:12px 16px;text-align:left;text-transform:uppercase}.items-mini-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:13px;padding:12px 16px}.items-mini-table tr:last-child td{border-bottom:none}.item-name-cell{display:flex;flex-direction:column}.item-name-text{color:#0f172a;font-weight:600}.item-sku-text{color:#94a3b8;font-size:11px;font-weight:500}.cashier-view{background:#ede8f5;display:flex;min-height:100vh}.cashier-main{flex:1 1;margin-left:220px;overflow-y:auto;padding:32px}.cashier-header{align-items:center;background:#ede8f5;display:flex;justify-content:space-between;margin-bottom:0;padding:32px 0;position:sticky;top:0;z-index:100}.cashier-header h1{color:#101828;font-size:24px;font-weight:700;margin:0}.cashier-header p{color:#667085;margin:4px 0 0}.session-active-actions{display:flex;gap:12px}.btn-confirm,.btn-open-session{background:#6a0dad;border:none;border-radius:8px;color:#fff;transition:all .2s}.btn-add-tx,.btn-confirm,.btn-open-session{cursor:pointer;font-weight:600;padding:10px 18px}.btn-add-tx{background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#344054}.btn-close-session{background:#fee4e2;color:#b42318}.btn-close-session,.btn-confirm-red{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 18px}.btn-confirm-red{background:#d92d20;color:#fff}.session-summary-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.summary-card{border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#fff;padding:24px}.summary-card h3{font-size:14px;font-weight:500;margin:0 0 8px;opacity:.9}.summary-card .val{font-size:24px;font-weight:700}.summary-card.purple{background:linear-gradient(135deg,#6a0dad,#8e24aa)}.summary-card.green{background:linear-gradient(135deg,#027a48,#12b76a)}.summary-card.red{background:linear-gradient(135deg,#b42318,#f04438)}.summary-card.blue{background:linear-gradient(135deg,#026aa2,#0ba5ec)}.history-section,.transactions-section{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 3px #1018280d;margin-bottom:24px;overflow:hidden}.history-section h2,.transactions-section h2{background:#fff;border-bottom:1px solid #eaecf0;font-size:18px;font-weight:600;margin:0;padding:20px 24px}.cashier-table{border-collapse:collapse;width:100%}.cashier-table th{background:#fcfcfd;color:#475467;font-size:13px;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.cashier-table td,.cashier-table th{border-bottom:1px solid #eaecf0;padding:16px 24px}.cashier-table td{color:#101828;font-size:14px;vertical-align:middle}.cashier-table tbody tr{background:#fff;transition:background-color .2s ease}.cashier-table tbody tr:hover{background-color:#f9fafb}.tx-type{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px}.tx-type.in{background:#ecfdf3;color:#027a48}.tx-type.out{background:#fef3f2;color:#b42318}.text-green{color:#027a48;font-weight:600}.text-red{color:#b42318;font-weight:600}.source-tag{background:#f2f4f7;border-radius:4px;font-size:12px;padding:2px 8px}.cashier-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cashier-modal{background:#fff;border-radius:12px;box-shadow:0 20px 24px -4px #10182814;padding:32px;width:400px}.cashier-modal h2{font-size:20px;margin-top:0}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background-color:#fff!important;border:1px solid #d0d5dd;border-radius:8px;color:#101828!important;padding:10px;width:100%}.form-group select option{background-color:#fff!important;color:#101828!important}.modal-actions{gap:12px}.modal-actions button:first-child{background:#fff;border:1px solid #d0d5dd;border-radius:8px;cursor:pointer;padding:10px 16px}.financial-totals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.total-item{background:#fff;border:1px solid #eaecf0;border-radius:10px;display:flex;flex-direction:column;padding:16px}.total-item .label{color:#667085;font-size:12px;margin-bottom:4px;text-transform:uppercase}.total-item .value{font-size:18px;font-weight:700}.total-item .value.red{color:#b42318}.total-item .value.orange{color:#d97706}.total-item .value.blue{color:#026aa2}.total-item .value.green{color:#027a48}.cashier-tabs{border-bottom:1px solid #eaecf0;display:flex;gap:8px;margin-bottom:20px}.cashier-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#667085;cursor:pointer;font-weight:600;padding:12px 20px}.cashier-tabs button.active{border-bottom-color:#6a0dad;color:#6a0dad}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.status-open{background:#ecfdf3;color:#027a48}.status-badge.status-closed{background:#f2f4f7;color:#344054}.summary-card p{font-size:11px;margin:4px 0 0;opacity:.8}.section-header{align-items:center;border-bottom:1px solid #eaecf0;display:flex;justify-content:space-between;padding-right:24px}.side-panel-backdrop{background:#0f172a66;cursor:pointer;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:900}.side-panel-overlay{animation:slideInRight .3s ease-out;background:#fff;box-shadow:-10px 0 40px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:450px;z-index:1000}.side-panel-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px}.header-info h2{color:#0f172a;font-size:20px;font-weight:700;margin:0}.header-info p{color:#64748b;font-size:13px;margin:2px 0 0}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:28px}.panel-tabs{border-bottom:1px solid #f1f5f9;display:flex;padding:0 24px}.panel-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:14px 16px;transition:all .2s}.panel-tab.active{border-bottom-color:#7c3aed;color:#7c3aed}.side-panel-content{flex:1 1;overflow-y:auto;padding:24px}.content-section{margin-bottom:32px}.section-title{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.detail-row{border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;padding:12px 0}.detail-label{color:#64748b;font-size:14px}.detail-value{color:#1e293b;font-size:14px;font-weight:600}.usage-meter{margin-bottom:16px}.meter-label{color:#475569;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:6px}.meter-bar{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.meter-fill{background:#10b981;border-radius:4px;height:100%}.meter-fill.purple{background:#7c3aed}.meter-fill.blue{background:#3b82f6}.btn-sidebar-manage{background:#7c3aed;border:none;border-radius:10px;box-shadow:0 4px 12px #7c3aed33;color:#fff}.btn-sidebar-manage,.btn-sidebar-view{cursor:pointer;font-weight:600;padding:12px;width:100%}.btn-sidebar-view{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569}.btn-sidebar-archive{background:#ef44440d;border:1px solid #ef444433;border-radius:10px;color:#ef4444;cursor:pointer;font-weight:600;margin-top:12px;padding:12px;width:100%}.btn-sidebar-archive.restore{background:#10b9810d;border-color:#10b98133;color:#10b981}.mini-transactions{background:#f8fafc;border-radius:12px;padding:12px}.txn-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.txn-info{display:flex;flex-direction:column}.txn-title{color:#1e293b;font-size:13px;font-weight:600}.txn-date{color:#94a3b8;font-size:11px}.txn-amt{background:#10b9811a;border-radius:4px;color:#10b981;font-size:12px;font-weight:700;padding:2px 8px}.system-logs-container{background:#f8fafc;color:#1e293b;font-family:Outfit,Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.logs-title-area h1{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.logs-title-area p{color:#64748b;font-size:14px;margin:0}.refresh-badge-area{align-items:center;display:flex;gap:12px}.refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.refresh-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.refresh-btn:active{transform:scale(.97)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;display:flex;gap:20px;padding:20px 24px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;transform:translateY(-2px)}.stat-icon-wrapper{align-items:center;border-radius:12px;display:flex;font-size:24px;height:52px;justify-content:center;width:52px}.icon-blue{background:#eff6ff;color:#3b82f6}.icon-orange{background:#fff7ed;color:#ea580c}.icon-red{background:#fef2f2;color:#ef4444}.icon-green{background:#f0fdf4;color:#22c55e}.stat-info{display:flex;flex-direction:column}.stat-value{color:#0f172a;font-size:26px;font-weight:700;line-height:1.2}.stat-label{color:#64748b;font-size:13px;font-weight:500;margin-top:2px}.tabs-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #00000005;display:flex;flex-direction:column;overflow:hidden}.tabs-header-row{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;padding:0 16px}.tab-btn{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:16px 20px;position:relative;transition:color .2s ease}.tab-btn:hover{color:#475569}.tab-btn.active{color:#6366f1}.tab-btn.active:after{background:#6366f1;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.tab-panel-content{padding:24px}.panel-controls{gap:16px;justify-content:space-between;margin-bottom:20px}.filters-group,.panel-controls{align-items:center;display:flex;flex-wrap:wrap}.filters-group{gap:12px}.search-input-wrapper{min-width:280px;position:relative}.search-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;outline:none;padding:10px 14px 10px 38px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.search-icon{color:#94a3b8;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.select-filter{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:border .2s}.select-filter:focus{border-color:#6366f1}.btn-action-primary{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:background .2s}.btn-action-primary:hover{background:#4f46e5}.btn-action-danger-outline{align-items:center;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#e53e3e;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s}.btn-action-danger-outline:hover{background:#e53e3e;border-color:#e53e3e;color:#fff}.table-responsive{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;width:100%}.custom-logs-table{border-collapse:collapse;font-size:14px;text-align:left;width:100%}.custom-logs-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:14px 20px}.custom-logs-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:16px 20px;vertical-align:middle}.custom-logs-table tr:last-child td{border-bottom:none}.custom-logs-table tr:hover td{background:#f8fafc}.badge{border-radius:9999px;font-size:12px;font-weight:600}.badge-success{background:#ecfdf5;color:#059669}.badge-danger{background:#fef2f2;color:#dc2626}.badge-warning{background:#fff7ed;color:#d97706}.badge-info{background:#eff6ff;color:#2563eb}.badge-gray{background:#f1f5f9;color:#64748b}.badge-level-info{background:#e0f2fe;color:#0369a1}.badge-level-warn{background:#fef3c7;color:#b45309}.badge-level-error{background:#fee2e2;color:#b91c1c}.badge-level-critical{background:#fca5a5;color:#7f1d1d}.jti-copyable{align-items:center;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;cursor:pointer;display:inline-flex;font-family:monospace;font-size:13px;gap:6px;padding:4px 8px;transition:all .2s}.jti-copyable:hover{background:#e2e8f0;border-color:#94a3b8}.pagination-row{align-items:center;display:flex;justify-content:space-between;margin-top:24px}.pagination-info{color:#64748b;font-size:13px}.pagination-nav{display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .25s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;padding:28px;width:90%}.modal-header h3{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 12px}.modal-body p{color:#475569;font-size:15px;line-height:1.5;margin:0 0 24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sync-overlay{background:radial-gradient(circle at center,#111827,#030712);bottom:0;color:#fff;font-family:Outfit,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.sync-card,.sync-overlay{align-items:center;display:flex;flex-direction:column}.sync-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff08;border:1px solid #ffffff14;border-radius:28px;box-shadow:0 25px 60px -15px #000000b3;max-width:480px;padding:48px 40px;text-align:center;width:90%}.sync-shield{animation:pulseShield 1.6s ease-in-out infinite;display:inline-block;font-size:68px;margin-bottom:24px}.sync-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e0e7ff,#6366f1);-webkit-background-clip:text;font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.sync-subtitle{color:#94a3b8;font-size:14px;margin-bottom:32px}.sync-progress-container{background:#ffffff14;border-radius:99px;height:6px;margin-bottom:24px;overflow:hidden;width:100%}.sync-progress-bar{background:linear-gradient(90deg,#4f46e5,#9333ea);border-radius:99px;height:100%;transition:width .1s linear;width:0}.sync-status-step{align-items:center;color:#a5b4fc;display:flex;font-size:14px;font-weight:600;gap:8px;min-height:24px}@keyframes pulseShield{0%{filter:drop-shadow(0 0 12px rgba(79,70,229,.2));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(147,51,234,.5));transform:scale(1.08)}to{filter:drop-shadow(0 0 12px rgba(79,70,229,.2));transform:scale(1)}}.sa-content .system-logs-container{background:#0000;max-width:100%;min-height:auto;padding:0}.sa-view{color:#1e293b;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.sa-main,.sa-view{background:#f8fafc;display:flex}.sa-main{flex:1 1;margin-left:260px;overflow-y:auto}.sa-main,.sa-sidebar{flex-direction:column}.sa-sidebar{background:#0f172a;border-right:1px solid #ffffff1a;display:flex;height:100vh;left:0;position:fixed;top:0;width:260px;z-index:100}.sa-logo-area{gap:12px;padding:32px 24px}.sa-logo-area,.sa-logo-icon{align-items:center;display:flex}.sa-logo-icon{background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:12px;box-shadow:0 4px 12px #7c3aed4d;color:#fff;font-size:18px;font-weight:900;height:40px;justify-content:center;width:40px}.sa-logo-text{display:flex;flex-direction:column}.sa-logo-text span{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.5px}.sa-logo-text small{color:#64748b;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.sa-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:20px 12px}.sa-nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s}.sa-nav-item .icon{font-size:18px}.sa-nav-item:hover{background:#ffffff0d;color:#fff}.sa-nav-item.active{background:#7c3aed1a;color:#a78bfa;font-weight:700}.sa-sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.btn-logout{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#f87171;cursor:pointer;font-size:13px;font-weight:600;padding:12px;transition:all .2s;width:100%}.btn-logout:hover{background:#ef4444;color:#fff}.sa-loader-container{align-items:center;background:#f8fafc;color:#64748b;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.sa-loader{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#7c3aed;height:48px;width:48px}.sa-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 40px;position:sticky;top:0;z-index:10}.sa-topbar-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-background-clip:text;font-size:22px;font-weight:800;margin:0}.sa-topbar-left p{color:#64748b;font-size:13px;margin:2px 0 0}.sa-topbar-right{align-items:center;display:flex;gap:12px}.sa-badge-env{background:#eab30826;border:1px solid #eab3084d;border-radius:20px;color:#fbbf24;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 12px}.btn-sa-primary{background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 15px #7c3aed4d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.sa-modal-large{max-width:95vw;width:600px}.sa-stepper{justify-content:space-between;margin-bottom:32px;padding:0 20px}.sa-stepper,.step-item{align-items:center;display:flex}.step-item{flex-direction:column;gap:8px;position:relative;z-index:1}.step-circle{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s;width:32px}.step-circle,.step-item span{color:#94a3b8;font-weight:700}.step-item span{font-size:11px;letter-spacing:.5px;text-transform:uppercase}.step-item.active .step-circle{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a;color:#7c3aed}.step-item.active span{color:#7c3aed}.step-item.completed .step-circle{background:#7c3aed;border-color:#7c3aed;color:#fff}.step-line{background:#e2e8f0;flex:1 1;height:2px;margin:-20px 10px 0}.modal-title-alt{color:#0f172a;font-size:20px;font-weight:800;margin-bottom:24px;text-align:center}.subdomain-input-wrap{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;padding-right:12px}.subdomain-input-wrap input{background:#0000!important;border:none!important;flex:1 1}.subdomain-input-wrap span{color:#64748b;font-size:14px;font-weight:700}.plan-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:8px}.plan-opt{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;transition:all .2s}.plan-opt:hover{background:#fbf9ff;border-color:#7c3aed}.plan-opt.selected{background:#f5f3ff;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed1a}.opt-check{border:2px solid #e2e8f0;border-radius:50%;height:20px;position:relative;width:20px}.plan-opt.selected .opt-check{background:#7c3aed;border-color:#7c3aed}.plan-opt.selected .opt-check:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.plan-opt span{color:#475569;font-size:13px;font-weight:700}.modal-actions-alt{border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:32px;padding-top:24px}.btn-sa-ghost{background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px}.btn-sa-ghost:hover{background:#f1f5f9;color:#0f172a}.btn-sa-primary:hover{box-shadow:0 8px 25px #7c3aed66;transform:translateY(-2px)}.sa-tabs{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:4px;padding:20px 40px 0}.sa-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-1px;padding:10px 20px;transition:all .2s}.sa-tab:hover{color:#a78bfa}.sa-tab.active{border-bottom-color:#7c3aed;color:#a78bfa;font-weight:700}.sa-content{padding:32px 40px 60px}.sa-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:32px}.sa-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;cursor:default;overflow:hidden;padding:20px;position:relative;transition:all .25s}.sa-stat-card:hover{border-color:#7c3aed;box-shadow:0 10px 25px #7c3aed1a;transform:translateY(-3px)}.sa-stat-card:before{border-radius:0 16px 0 50px;content:"";height:60px;opacity:.1;position:absolute;right:0;top:0;width:60px}.sa-stat-card.purple:before{background:#7c3aed}.sa-stat-card.green:before{background:#10b981}.sa-stat-card.blue:before{background:#3b82f6}.sa-stat-card.amber:before{background:#f59e0b}.sa-stat-card.red:before{background:#ef4444}.sa-stat-card.cyan:before{background:#06b6d4}.sa-stat-icon{font-size:22px;margin-bottom:12px}.sa-stat-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.sa-stat-val{color:#0f172a;font-size:28px;font-weight:800;line-height:1;margin-bottom:6px}.sa-stat-trend{align-items:center;display:flex;font-size:11px;font-weight:500;gap:4px}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-flat{color:#64748b}.sa-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:28px}.sa-card-header{justify-content:space-between;margin-bottom:24px}.sa-card-header,.sa-card-title{align-items:center;display:flex}.sa-card-title{color:#0f172a;font-size:16px;font-weight:700;gap:8px;margin:0}.sa-card-title span{font-size:18px}.sa-filters{display:flex;flex-wrap:wrap;gap:10px}.sa-input,.sa-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:9px 14px;transition:all .2s}.sa-input:focus,.sa-select:focus{border-color:#7c3aed}.sa-input::placeholder{color:#475569}.sa-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.sa-date-filters{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;gap:8px;padding:4px 12px}.sa-input-search{width:280px}.sa-checkbox-label{align-items:center;background:#f1f5f9;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px;transition:all .2s}.sa-checkbox-label:hover{background:#e2e8f0}.sa-checkbox-label input{cursor:pointer;height:16px;width:16px}.btn-action.success{color:#10b981}.sa-table-wrap{overflow-x:auto}.sa-table{border-collapse:collapse;width:100%}.sa-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.6px;padding:12px 16px;text-align:left;text-transform:uppercase}.sa-table td{border-bottom:1px solid #f1f5f9;color:#475569;font-size:13px;padding:16px;vertical-align:middle}.sa-table tr:last-child td{border-bottom:none}.sa-table tbody tr{transition:background .15s}.sa-table tbody tr:hover td{background:#7c3aed0f}.sa-co-cell{gap:12px}.sa-co-avatar,.sa-co-cell{align-items:center;display:flex}.sa-co-avatar{border-radius:10px;flex-shrink:0;font-size:14px;font-weight:800;height:38px;justify-content:center;width:38px}.sa-co-name{color:#0f172a;font-size:13px;font-weight:600}.sa-co-email{color:#64748b;font-size:12px;margin-top:2px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:4px 10px}.badge-active{background:#10b98126;border:1px solid #10b98140;color:#34d399}.badge-suspended{background:#ef444426;border:1px solid #ef444440;color:#f87171}.badge-expired{background:#64748b26;border:1px solid #64748b40;color:#94a3b8}.badge-pending{background:#f59e0b26;border:1px solid #f59e0b40;color:#fbbf24}.badge-starter{background:#64748b26;color:#94a3b8}.badge-professional{background:#6366f126;color:#818cf8}.badge-enterprise{background:#a855f726;color:#c084fc}.sa-actions{display:flex;gap:6px;justify-content:flex-end}.btn-action{align-items:center;background:#ffffff0f;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;transition:all .2s;width:30px}.btn-action:hover{background:#7c3aed33;color:#a78bfa;transform:scale(1.1)}.btn-action.danger:hover{background:#ef444433;color:#f87171}.btn-action.success:hover{background:#10b98133;color:#34d399}.plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.plan-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:28px;position:relative;transition:all .3s}.plan-card.popular{background:#7c3aed12;border-color:#7c3aed80}.plan-card:hover{border-color:#7c3aed66;transform:translateY(-4px)}.plan-popular-badge{background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:20px;color:#fff;font-size:11px;font-weight:700;left:50%;padding:4px 14px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-name{color:#f1f5f9;font-size:18px;font-weight:800;margin-bottom:4px}.plan-price{color:#a78bfa;font-size:40px;font-weight:900;line-height:1;margin:12px 0 4px}.plan-price span{color:#64748b;font-size:14px;font-weight:400}.plan-desc{color:#64748b;font-size:13px;margin-bottom:20px}.plan-features{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 24px;padding:0}.plan-features li{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:8px}.plan-features li:before{color:#7c3aed;content:"✓";font-weight:700}.btn-plan{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .2s;width:100%}.btn-plan-primary{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 15px #7c3aed4d;color:#fff}.btn-plan-outline{background:#ffffff0d;border:1px solid #7c3aed66!important;color:#a78bfa}.btn-plan:hover{transform:translateY(-2px)}.log-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.log-row{grid-gap:12px;align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;display:grid;font-size:12px;gap:12px;grid-template-columns:160px 120px 1fr 120px 80px 90px;margin-bottom:8px;padding:12px 16px;transition:all .15s}.log-row:hover{background:#7c3aed0f;border-color:#7c3aed33}.log-time{color:#64748b;font-size:11px}.log-user{color:#a78bfa;font-weight:600}.log-detail{color:#cbd5e1}.log-module{background:#6366f126;color:#818cf8;text-transform:uppercase}.log-module,.log-status-badge{border-radius:6px;font-size:10px;font-weight:700;padding:3px 8px;text-align:center}.log-status-badge.SUCCESS{background:#10b98126;color:#34d399}.log-status-badge.FAILED{background:#ef444426;color:#f87171}.log-status-badge.WARNING{background:#f59e0b26;color:#fbbf24}.log-action-type{border-radius:6px;font-size:10px;font-weight:700;padding:3px 8px;text-transform:uppercase}.log-action-type.CREATE{background:#10b98126;color:#059669}.log-action-type.UPDATE{background:#3b82f626;color:#2563eb}.log-action-type.DELETE{background:#ef444426;color:#dc2626}.log-action-type.LOGIN{background:#7c3aed26;color:#7c3aed}.log-action-type.FAILED_LOGIN,.log-action-type.SECURITY_ALERT{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:24px}.analytics-grid2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.chart-area{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;padding:20px}.chart-title{color:#94a3b8;font-size:13px;font-weight:700;letter-spacing:.6px;margin-bottom:20px;text-transform:uppercase}.bar-chart{align-items:flex-end;display:flex;gap:8px;height:120px}.bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.bar-fill{background:linear-gradient(180deg,#7c3aed,#6366f1);border-radius:6px 6px 0 0;min-height:4px;transition:height .5s;width:100%}.bar-label{color:#64748b;font-size:10px}.bar-val{color:#a78bfa;font-size:10px;font-weight:600}.donut-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.donut-legend{display:flex;flex-direction:column;gap:8px}.legend-item{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:8px}.legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.legend-val{color:#f1f5f9;font-weight:700;margin-left:4px}.kpi-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.kpi-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;text-align:center}.kpi-val{color:#a78bfa;font-size:26px;font-weight:800}.kpi-lbl{color:#64748b;font-size:11px;letter-spacing:.6px;margin-top:4px;text-transform:uppercase}.sa-modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:60px 20px;position:fixed;z-index:1000}.sa-modal{animation:modalIn .25s ease;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 30px 80px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:36px;scrollbar-color:#7c3aed4d #0000;scrollbar-width:thin;width:100%}.sa-modal::-webkit-scrollbar{width:6px}.sa-modal::-webkit-scrollbar-track{background:#0000;margin:20px 0}.sa-modal::-webkit-scrollbar-thumb{background:#7c3aed33;border-radius:10px}.sa-modal::-webkit-scrollbar-thumb:hover{background:#7c3aed80}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sa-modal h2{color:#0f172a;font-size:20px;font-weight:800;margin:0 0 6px}.sa-modal p{color:#64748b;font-size:13px;margin:0 0 28px}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:11px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus{background:#7c3aed14;border-color:#7c3aed}.form-group input::placeholder{color:#475569}.form-group select option{background:#151821}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.btn-modal-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:11px 22px;transition:all .2s}.btn-modal-cancel:hover{background:#e2e8f0;color:#1e293b}.btn-modal-save{background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 15px #7c3aed4d;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:11px 24px;transition:all .2s}.btn-modal-save:hover{box-shadow:0 6px 20px #7c3aed66;transform:translateY(-1px)}.payment-modal{max-width:460px}.card-preview{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;margin-bottom:24px;overflow:hidden;padding:24px;position:relative}.card-preview:before{background:#ffffff0d;border-radius:50%;content:"";height:120px;position:absolute;right:-30px;top:-30px;width:120px}.card-chip{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;height:28px;margin-bottom:16px;width:36px}.card-number{color:#ffffffe6;font-family:monospace;font-size:18px;font-weight:600;letter-spacing:3px;margin-bottom:20px}.card-footer{display:flex;justify-content:space-between}.card-holder{color:#ffffff80;font-size:11px;letter-spacing:1px;text-transform:uppercase}.card-holder-val{color:#ffffffe6;font-size:13px;font-weight:600;margin-top:2px}.payment-success{padding:20px;text-align:center}.payment-success .success-icon{animation:bounceIn .5s;font-size:60px;margin-bottom:16px}@keyframes bounceIn{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.security-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.alert-item{align-items:center;background:#ef44440d;border:1px solid #ef444433;border-radius:12px;display:flex;gap:12px;margin-bottom:10px;padding:14px}.alert-icon{flex-shrink:0;font-size:20px}.alert-text{color:#cbd5e1;font-size:13px}.alert-time{color:#64748b;font-size:11px;margin-top:2px}.alert-sev{border-radius:6px;font-size:10px;font-weight:700;margin-left:auto;padding:3px 8px}.sev-high{background:#ef444433;color:#f87171}.sev-medium{background:#f59e0b33;color:#fbbf24}.sev-low{background:#64748b33;color:#94a3b8}.sa-pagination{gap:8px;justify-content:flex-end;margin-top:20px}.sa-pag-btn,.sa-pagination{align-items:center;display:flex}.sa-pag-btn{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:13px;height:32px;justify-content:center;transition:all .2s;width:32px}.sa-pag-btn.active,.sa-pag-btn:hover{background:#7c3aed33;border-color:#7c3aed;color:#a78bfa}.sa-pag-info{color:#64748b;font-size:12px}.sa-empty{color:#475569;padding:60px 20px;text-align:center}.sa-empty-icon{font-size:48px;margin-bottom:12px;opacity:.4}.sa-empty h3{color:#64748b;font-size:16px;font-weight:600;margin:0 0 6px}.sa-empty p{color:#475569;font-size:13px}.sa-loading{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px;height:200px;justify-content:center}.sa-spinner{animation:spin .7s linear infinite;border:2px solid #7c3aed33;border-radius:50%;border-top-color:#7c3aed;height:24px;width:24px}.sa-toast{align-items:center;animation:slideInRight .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001a;display:flex;font-size:13px;gap:10px;padding:14px 20px;position:fixed;right:20px;top:20px;z-index:2000}.sa-toast.success{border-left:3px solid #10b981}.sa-toast.error{border-left:3px solid #ef4444}.sa-toast.info{border-left:3px solid #6366f1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.sa-action-chips{margin-top:8px;padding-bottom:4px}.chip{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:100px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s}.chip:hover{background:#e2e8f0;color:#1e293b}.chip.active{background:#7c3aed;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed33;color:#fff}.badge-type-login{background:#10b9811a;color:#10b981}.badge-type-new{background:#6366f11a;color:#6366f1}.badge-type-edit{background:#f59e0b1a;color:#f59e0b}.badge-type-delete{background:#ef44441a;color:#ef4444}.badge-type-other{background:#64748b1a;color:#64748b}.btn-sa-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}.btn-sa-icon:hover{background:#f8fafc;border-color:#7c3aed33;box-shadow:0 4px 12px #7c3aed1a;color:#7c3aed;transform:translateY(-2px)}.notif-dot{animation:pulse-red 2s infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;height:9px;position:absolute;right:8px;top:8px;width:9px}@keyframes pulse-red{0%{box-shadow:0 0 0 0 #ef4444b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #ef444400;transform:scale(1)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(.95)}}.btn-sa-outline{align-items:center;background:#fff;border:1px solid #7c3aed33;border-radius:10px;color:#7c3aed;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:40px;padding:0 16px;transition:all .2s}.btn-sa-outline:hover{background:#f5f3ff;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed1a;transform:translateY(-2px)}.sa-main::-webkit-scrollbar{width:5px}.sa-main::-webkit-scrollbar-track{background:#0000}.sa-main::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:10px}.chat-modal{animation:slideUpFade .25s ease;background:#fff;border-radius:20px;box-shadow:0 25px 60px #0003;display:flex;flex-direction:column;height:640px;max-height:90vh;max-width:96vw;overflow:hidden;width:560px}@keyframes slideUpFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.chat-modal-header{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.chat-avatar{align-items:center;background:#ffffff40;border:2px solid #fff6;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:800;height:38px;justify-content:center;width:38px}.chat-body{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px 16px}.chat-body::-webkit-scrollbar{width:4px}.chat-body::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:10px}.chat-message-row{align-items:flex-end;display:flex;gap:8px;max-width:80%}.chat-message-row.me{align-self:flex-end;flex-direction:row-reverse}.chat-message-row.them{align-self:flex-start}.chat-bubble-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.chat-bubble{border-radius:16px;font-size:14px;max-width:100%;padding:10px 14px;position:relative}.bubble-me{background:linear-gradient(135deg,#7c3aed,#6366f1);border-bottom-right-radius:4px;color:#fff}.bubble-them{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000a;color:#1e293b}.chat-time{font-size:10px;margin-top:4px;opacity:.65;text-align:right}.chat-attachment{margin-top:6px}.chat-file-link{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:inherit;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-top:6px;padding:6px 12px;text-decoration:none}.bubble-them .chat-file-link{background:#f1f5f9;border-color:#e2e8f0;color:#1e293b}.chat-file-preview{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:10px 16px}.chat-file-chip{align-items:center;background:#ede9fe;border:1px solid #c4b5fd;border-radius:20px;color:#5b21b6;display:flex;font-size:12px;font-weight:600;gap:6px;max-width:200px;overflow:hidden;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap}.chat-file-chip button{background:none;border:none;color:#7c3aed;cursor:pointer;flex-shrink:0;font-size:12px;padding:0}.chat-input-bar{background:#fff;border-top:1px solid #e2e8f0;gap:10px;padding:12px 16px}.chat-attach-btn,.chat-input-bar{align-items:center;display:flex;flex-shrink:0}.chat-attach-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;font-size:18px;height:38px;justify-content:center;transition:all .2s;width:38px}.chat-attach-btn:hover{background:#ede9fe;border-color:#c4b5fd}.chat-text-input{border:1px solid #e2e8f0;border-radius:22px;color:#1e293b;flex:1 1;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:10px 18px;transition:border-color .2s}.chat-text-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:50%;box-shadow:0 4px 12px #7c3aed4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;transition:all .2s;width:42px}.chat-send-btn:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed66;transform:scale(1.08)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.4}.sa-select-small{appearance:none;-webkit-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:10px;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #00000005;color:#475569;cursor:pointer;font-size:12px;font-weight:700;min-width:110px;outline:none;padding:6px 28px 6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sa-select-small:hover{background-color:#fbf9ff;border-color:#7c3aed;box-shadow:0 4px 6px -1px #0000000d;transform:translateY(-1px)}.sa-select-small:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.sa-stats-mini{display:flex;gap:16px}.mini-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;min-width:100px;padding:10px 16px}.mini-stat strong{color:#1e293b;font-size:18px;font-weight:800;line-height:1;margin-bottom:4px}.mini-stat span{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ticket-card-detail{transition:all .3s ease}.ticket-card-detail:hover{border-color:#7c3aed!important;box-shadow:0 8px 30px #7c3aed14}.superadmin-login-page{align-items:center;background:radial-gradient(circle at top right,#1a1a2e 0,#16213e 50%,#0f3460 100%);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:440px;padding:48px;width:100%}.login-header{margin-bottom:40px;text-align:center}.admin-badge{background:#af40ff26;border:1px solid #af40ff4d;border-radius:8px;color:#bd62ff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:20px;padding:6px 12px}.login-header h1{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.login-header p{color:#94a3b8;font-size:15px;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:24px}.error-alert{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#f87171;font-size:14px;padding:12px 16px;text-align:center}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#e2e8f0;font-size:14px;font-weight:500;margin-left:4px}.input-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:16px;padding:14px 16px;transition:all .2s}.input-group input:focus{background:#ffffff14;border-color:#af40ff;box-shadow:0 0 0 4px #af40ff1a;outline:none}.login-submit{background:#af40ff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:16px;transition:all .2s}.login-submit:hover:not(:disabled){background:#bd62ff;box-shadow:0 10px 20px -5px #af40ff66;transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #ffffff0d;margin-top:40px;padding-top:24px;text-align:center}.login-footer p{color:#64748b;font-size:12px;margin-bottom:12px}.back-home-link{border-radius:6px;color:#94a3b8;display:inline-block;font-size:13px;padding:4px 8px;text-decoration:none;transition:all .2s}.back-home-link:hover{background:#ffffff0d;color:#fff}.gw-page{align-items:center;background:#f1f5f9;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:24px 16px;position:relative}.gw-orb{border-radius:50%;filter:blur(80px);opacity:.25;pointer-events:none;position:absolute}.gw-orb-1{background:radial-gradient(circle,#e0e7ff,#0000);height:500px;left:-100px;top:-100px;width:500px}.gw-orb-2{background:radial-gradient(circle,#f5f3ff,#0000);bottom:-80px;height:400px;right:-80px;width:400px}.gw-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 40px 100px #00000014;max-width:940px;overflow:hidden;width:100%}.gw-topbar{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:18px 36px}.gw-topbar,.gw-topbar-brand{align-items:center;display:flex}.gw-topbar-brand{gap:12px}.gw-topbar-icon{filter:drop-shadow(0 0 8px rgba(106,13,173,.8));font-size:22px}.gw-topbar-title{color:#1e293b;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:800;letter-spacing:1px}.gw-topbar-sub{color:#64748b;font-size:11px;margin-top:1px}.gw-topbar-badges{display:flex;gap:8px}.gw-badge{border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 12px}.gw-badge.green{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.gw-badge.blue{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.gw-badge.purple{background:#8b5cf626;border:1px solid #8b5cf64d;color:#a78bfa}.gw-body{display:grid;grid-template-columns:380px 1fr;min-height:520px}.gw-left{background:#f8fafc;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;gap:28px;padding:40px 32px}.gw-right{align-items:center;display:flex;justify-content:center;padding:40px 40px 36px}.gw-card-visual{height:196px;perspective:1000px;position:relative;width:316px}.gw-card-back,.gw-card-front{backface-visibility:hidden;border-radius:18px;inset:0;overflow:hidden;position:absolute;transition:transform .6s cubic-bezier(.4,0,.2,1)}.gw-card-front{background:linear-gradient(135deg,#1e1b4b,#4c1d95 50%,#6a0dad);box-shadow:0 25px 50px #6a0dad66,0 0 0 1px #ffffff1a;justify-content:space-between;padding:24px;transform:rotateY(0deg)}.gw-card-back,.gw-card-front{display:flex;flex-direction:column}.gw-card-back{background:linear-gradient(135deg,#312e81,#1e1b4b);box-shadow:0 25px 50px #0006;transform:rotateY(180deg)}.gw-card-visual.flipped .gw-card-front{transform:rotateY(-180deg)}.gw-card-visual.flipped .gw-card-back{transform:rotateY(0deg)}.gw-card-chip{background:linear-gradient(135deg,#f0c060,#c8962a);border-radius:6px;height:34px;overflow:hidden;position:relative;width:44px}.chip-line{background:#00000040;position:absolute}.chip-line.h{height:1px;top:33%;width:100%}.chip-line.v{height:100%;left:50%;width:1px}.gw-card-logo{position:absolute;right:20px;top:20px}.logo-visa{color:#fff;font-family:Space Grotesk,sans-serif;font-size:22px;font-style:italic;font-weight:900;letter-spacing:2px}.logo-mc{display:inline-flex;height:28px;position:relative;width:44px}.mc-circle{border-radius:50%;height:28px;opacity:.9;position:absolute;width:28px}.mc-left{background:#eb001b;left:0}.mc-right{background:#f79e1b;mix-blend-mode:screen;right:0}.logo-generic{font-size:22px}.gw-card-number{color:#fff;font-family:Space Grotesk,monospace;font-size:20px;font-weight:700;letter-spacing:3px;margin-top:8px;text-shadow:0 2px 4px #0000004d}.gw-card-meta{align-items:flex-end;display:flex;justify-content:space-between}.gw-card-label{color:#ffffff80;font-size:9px;font-weight:600;letter-spacing:.8px;margin-bottom:3px;text-transform:uppercase}.gw-card-value{color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px}.gw-card-shine{background:linear-gradient(135deg,#ffffff1f,#0000 50%,#ffffff0a);border-radius:18px;inset:0;pointer-events:none;position:absolute}.gw-card-magstrip{background:#0f0a1e;height:44px;margin-top:28px;width:100%}.gw-card-cvv-row{align-items:center;display:flex;gap:12px;padding:12px 20px}.gw-card-sig{background:repeating-linear-gradient(-55deg,#fff,#fff 3px,#0000000d 0,#0000000d 6px);border-radius:4px;flex:1 1;height:36px}.gw-card-cvv-box{background:#fff;border-radius:4px;min-width:56px;padding:6px 12px;text-align:center}.gw-summary-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 22px}.gw-summary-header{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}.gw-summary-row{align-items:center;color:#64748b;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.gw-summary-row strong{color:#1e293b;font-weight:700}.gw-summary-row strong.purple{color:#6a0dad}.gw-summary-divider{background:#f1f5f9;height:1px;margin:12px 0}.gw-summary-total{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:700;justify-content:space-between}.gw-amount{color:#6a0dad;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:900}.gw-amount small{font-size:13px;font-weight:600;margin-left:3px;opacity:.7}.gw-form{max-width:420px;width:100%}.gw-form-title{color:#1e293b;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:800;margin:0 0 6px}.gw-form-sub{color:#64748b;font-size:13px;line-height:1.5;margin:0 0 24px}.gw-error{background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-size:13px;font-weight:500;padding:10px 14px}.gw-error,.gw-field{margin-bottom:18px}.gw-field label{color:#64748b;display:block;font-size:12px;font-weight:700;letter-spacing:.7px;margin-bottom:8px;text-transform:uppercase}.gw-field input,.gw-input-wrap input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;font-family:Inter,sans-serif;font-size:15px;font-weight:600;outline:none;padding:13px 16px;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.gw-field input::placeholder,.gw-input-wrap input::placeholder{color:#94a3b8;font-weight:400}.gw-field input:focus,.gw-input-wrap input:focus{background:#8b5cf61a;border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf626}.gw-input-wrap{position:relative}.gw-input-wrap input{padding-right:48px}.gw-input-icon{pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.inline-visa{color:#60a5fa;font-family:Space Grotesk,sans-serif;font-size:14px;font-style:italic;font-weight:900}.inline-mc{color:#f79e1b;font-size:12px;font-weight:800}.gw-row-half{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.gw-cvv-help{align-items:center;background:#ffffff26;border-radius:50%;color:#ffffffb3;cursor:help;display:inline-flex;font-size:10px;height:15px;justify-content:center;margin-left:6px;width:15px}.gw-actions{display:flex;gap:12px;margin-top:24px}.gw-btn-cancel{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:700;padding:14px 18px;transition:all .2s;white-space:nowrap}.gw-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.gw-btn-pay{align-items:center;background:linear-gradient(135deg,#7c3aed,#6a0dad);border:none;border-radius:12px;box-shadow:0 4px 20px #6a0dad80;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:800;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s}.gw-btn-pay:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 28px #6a0dadb3;transform:translateY(-1px)}.gw-btn-pay:disabled{cursor:not-allowed;opacity:.5}.btn-arrow{font-size:18px;font-weight:900}.gw-trust-row{align-items:center;color:#ffffff4d;display:flex;flex-wrap:wrap;font-size:11px;gap:8px;justify-content:center;margin-top:16px}.gw-otp-form{text-align:center}.gw-otp-icon{animation:bounce 1s ease infinite alternate;font-size:52px;margin-bottom:16px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.gw-otp-hint{background:#fbbf241a;border:1px solid #fbbf2440;border-radius:10px;color:#fbbf24;font-size:13px;line-height:1.5;margin-bottom:24px;padding:12px 16px;text-align:left}.gw-otp-input-wrap{gap:10px;margin-bottom:14px}.gw-otp-digit,.gw-otp-input-wrap{display:flex;justify-content:center}.gw-otp-digit{align-items:center;background:#ffffff0f;border:2px solid #ffffff1f;border-radius:12px;color:#c084fc;font-size:22px;font-weight:900;height:56px;transition:all .2s;width:48px}.gw-otp-digit.filled{background:#a78bfa1f;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}.gw-otp-real-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.gw-otp-timer{color:#ffffff73;font-size:13px;margin-bottom:24px}.gw-otp-timer strong{color:#a78bfa}.gw-otp-timer strong.red{color:#ef4444}.gw-status-screen{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:20px;text-align:center;width:100%}.gw-status-screen h2{color:#1e293b;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:800;margin:0}.gw-status-screen p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.gw-status-screen h2.green{color:#10b981}.gw-status-screen h2.red{color:#ef4444}.gw-result-icon{animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.gw-redirect-note{color:#ffffff59!important;font-size:12px!important}.gw-spinner{height:64px;margin-bottom:8px;position:relative;width:64px}.spinner-ring{animation:spin .9s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#a78bfa;inset:0;position:absolute}.spinner-ring.delay{animation-direction:reverse;animation-duration:1.4s;border-top-color:#60a5fa;inset:8px}@keyframes spin{to{transform:rotate(1turn)}}.gw-progress-bar{background:#ffffff1a;border-radius:99px;height:4px;overflow:hidden;width:200px}.gw-progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,#a78bfa,#60a5fa);border-radius:99px;height:100%}@keyframes progress{0%{margin-left:0;width:0}50%{margin-left:0;width:70%}to{margin-left:100%;width:0}}.gw-footer{align-items:center;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:11px;gap:10px;justify-content:center;padding:14px 36px}.gw-footer-dot{color:#cbd5e1}@media (max-width:720px){.gw-body{grid-template-columns:1fr}.gw-left{border-bottom:1px solid #ffffff0f;border-right:none}.gw-left,.gw-right{padding:28px 20px}.gw-card-visual{margin:0 auto;max-width:316px;width:100%}.gw-topbar{flex-direction:column;gap:12px;padding:16px 20px}}.sub-exp-bg{background:linear-gradient(135deg,#f5f0fc,#ede8f5 50%,#e8e0f0);font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:24px}.sub-exp-bg,.sub-exp-card{align-items:center;display:flex}.sub-exp-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #6a0dad26;flex-direction:column;max-width:480px;overflow:hidden;padding:0 0 36px;position:relative;text-align:center;width:100%}.sub-exp-top-bar{background:linear-gradient(90deg,#dc2626,#ef4444,#f87171);flex-shrink:0;height:6px;width:100%}.sub-exp-logo{align-items:center;background:linear-gradient(135deg,#4d0084,#6a0dad);border-radius:14px;box-shadow:0 4px 16px #6a0dad59;color:#fff;display:flex;font-size:18px;font-weight:800;height:52px;justify-content:center;margin:28px 0 0;width:52px}.sub-exp-icon{font-size:52px;line-height:1;margin:16px 0 6px}.sub-exp-title{color:#1e293b;font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0 0 10px}.sub-exp-sub{color:#64748b;font-size:15px;line-height:1.6;margin:0 32px 20px}.sub-exp-status{color:#dc2626;font-weight:700}.sub-exp-info-box{background:#faf8ff;border:1px solid #e9d8fd;border-radius:14px;margin-bottom:20px;padding:16px 20px;width:calc(100% - 64px)}.sub-exp-info-row{align-items:center;border-bottom:1px solid #f0e8f8;display:flex;font-size:14px;justify-content:space-between;padding:7px 0}.sub-exp-info-row:last-child{border-bottom:none}.sub-exp-info-row span:first-child{color:#94a3b8;font-weight:500}.sub-exp-badge-expired{background:#fee2e2;border-radius:20px;color:#dc2626;font-size:12px;font-weight:700;padding:3px 12px}.sub-exp-desc{color:#64748b;font-size:13px;line-height:1.6;margin:0 32px 24px}.sub-exp-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;width:calc(100% - 64px)}.sub-exp-btn-primary{background:linear-gradient(135deg,#4d0084,#6a0dad);border-radius:12px;box-shadow:0 4px 16px #6a0dad4d;color:#fff;display:block;font-size:15px;font-weight:700;padding:14px 24px;text-decoration:none;transition:opacity .2s,transform .2s}.sub-exp-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.sub-exp-btn-secondary{background:#fff;border:1.5px solid #d8b4fe;border-radius:12px;color:#6a0dad;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.sub-exp-btn-secondary:hover:not(:disabled){background:#f5f0fc}.sub-exp-btn-secondary:disabled{cursor:not-allowed;opacity:.6}.sub-exp-error{background:#fee2e2;color:#dc2626}.sub-exp-error,.sub-exp-success{border-radius:8px;font-size:13px;margin:0;padding:10px 14px}.sub-exp-success{background:#dcfce7;color:#166534}.sub-exp-logout{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:13px;margin-top:12px;text-decoration:underline}.sub-exp-logout:hover{color:#64748b}.sub-exp-footer{color:#94a3b8;font-size:12px;margin-top:16px}.sub-exp-footer a{color:#6a0dad;font-weight:600;text-decoration:none}
/*# sourceMappingURL=main.9cb1f290.css.map*/