:root{--green-50:#ecfdf5;--green-100:#d1fae5;--green-200:#a7f3d0;--green-300:#6ee7b7;--green-400:#34d399;--green-500:#10b981;--green-600:#059669;--green-700:#047857;--green-800:#065f46;--green-900:#064e3b;--green-950:#022c22;--teal-900:#0d3d38;--teal-950:#071f1c;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--primary:var(--green-500);--primary-dark:var(--green-700);--primary-light:var(--green-100);--hero-bg:linear-gradient(135deg, var(--teal-950) 0%, var(--green-950) 50%, var(--teal-900) 100%);--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--text-muted:var(--gray-400);--bg-primary:var(--white);--bg-secondary:var(--gray-50);--border-color:var(--gray-200);--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--section-padding:100px 0;--container-max:1200px;--container-padding:0 24px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 40px #10b98126;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}ul,ol{list-style:none}.container{max-width:var(--container-max);padding:var(--container-padding);width:100%;margin:0 auto}.section-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--green-600);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--green-500);border-radius:2px;width:24px;height:2px;display:block}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(32px,4vw,48px)}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:18px;line-height:1.7}.btn{border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-fast);z-index:-1;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--green-500), var(--green-600));color:var(--white);box-shadow:0 4px 14px #10b98159}.btn-primary:after{background:linear-gradient(135deg, var(--green-400), var(--green-500))}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.btn-outline{color:var(--white);background:0 0;border:2px solid #ffffff4d}.btn-outline:after{background:#ffffff14}.btn-outline:hover{border-color:#fff9;transform:translateY(-2px)}.btn-outline-dark{color:var(--green-700);border:2px solid var(--green-200);background:0 0}.btn-outline-dark:after{background:var(--green-50)}.btn-outline-dark:hover{border-color:var(--green-400);transform:translateY(-2px)}.btn-ghost{color:var(--text-primary);border:1.5px solid var(--border-color);background:0 0}.btn-ghost:hover{border-color:var(--green-400);color:var(--green-700)}.btn-sm{padding:10px 20px;font-size:14px}.btn-lg{padding:18px 36px;font-size:16px}@media (width<=768px){:root{--section-padding:60px 0}}.app{flex-direction:column;min-height:100vh;display:flex}.app main{flex:1}html{scroll-padding-top:80px}::selection{color:inherit;background:#10b98133}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--green-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--green-500)}.navbar{z-index:1000;transition:all var(--transition-base);padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);background:#ffffffeb;border-bottom:1px solid #0000000f;padding:10px 0}.navbar--scrolled .navbar__wordmark{color:var(--green-600)!important}.navbar--scrolled .navbar__link{color:var(--gray-600)!important}.navbar--scrolled .navbar__link:hover{color:var(--green-600)!important}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__logo{z-index:10;align-items:center;gap:10px;display:flex}.navbar__logo-icon{flex-shrink:0}.navbar__wordmark{font-family:var(--font-heading);color:var(--white);transition:color var(--transition-base);letter-spacing:-.02em;font-size:22px;font-weight:700}.navbar__links{align-items:center;gap:36px;display:flex}.navbar__link{color:#ffffffbf;transition:color var(--transition-fast);font-size:14px;font-weight:500;position:relative}.navbar__link:after{content:"";background:var(--green-400);width:0;height:2px;transition:width var(--transition-base);border-radius:2px;position:absolute;bottom:-4px;left:0}.navbar__link:hover{color:var(--white)}.navbar__link:hover:after{width:100%}.navbar__actions{z-index:10;align-items:center;gap:12px;display:flex}#login-btn,#mobile-login-btn{color:#fff!important}.navbar--scrolled #login-btn{color:var(--gray-800)!important}.navbar__links-cta-mobile{display:none}.navbar__hamburger{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.navbar__hamburger span{background:var(--white);width:22px;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.navbar--scrolled .navbar__hamburger span{background:var(--gray-700)}.navbar__hamburger--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.navbar__links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#071f1cf7;flex-direction:column;justify-content:center;gap:28px;position:fixed;inset:0}.navbar__links--open{opacity:1;pointer-events:all}.navbar__link{font-size:20px;color:#fffc!important}.navbar__link:hover{color:var(--white)!important}.navbar__actions{display:none}.navbar__links-cta-mobile{gap:12px;margin-top:16px;display:flex}.navbar__hamburger{display:flex}}.hero{background:var(--hero-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.scene3d-container{z-index:1;opacity:.5;position:absolute;inset:0}.hero__grid-overlay{z-index:2;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero__glow{filter:blur(120px);z-index:1;pointer-events:none;border-radius:50%;position:absolute}.hero__glow--1{background:#10b98126;width:500px;height:500px;animation:8s ease-in-out infinite glowPulse;top:-100px;right:-100px}.hero__glow--2{background:#065f4633;width:400px;height:400px;animation:10s ease-in-out infinite reverse glowPulse;bottom:-50px;left:-100px}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.hero__content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:28px;padding-top:80px;display:flex;position:relative}.hero__badge{border-radius:var(--radius-full);color:var(--green-300);letter-spacing:.03em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b9811f;border:1px solid #10b98140;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;animation:.8s ease-out fadeInDown;display:inline-flex}.hero__badge-dot{background:var(--green-400);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__title{color:var(--white);letter-spacing:-.03em;max-width:800px;font-size:clamp(36px,5.5vw,64px);font-weight:800;line-height:1.1;animation:.8s ease-out .2s both fadeInUp}.hero__title-accent{background:linear-gradient(135deg, var(--green-300), var(--green-400), #a7f3d0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:#fff9;max-width:620px;font-size:clamp(16px,2vw,19px);line-height:1.7;animation:.8s ease-out .4s both fadeInUp}.hero__cta{flex-wrap:wrap;justify-content:center;gap:16px;animation:.8s ease-out .6s both fadeInUp;display:flex}.hero__scroll{z-index:10;color:#ffffff59;letter-spacing:.1em;flex-direction:column;align-items:center;gap:8px;font-size:12px;animation:1s ease-out 1s both fadeInUp;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll-mouse{border:2px solid #ffffff40;border-radius:12px;justify-content:center;width:24px;height:38px;padding-top:8px;display:flex}.hero__scroll-wheel{background:var(--green-400);border-radius:3px;width:3px;height:8px;animation:2s ease-in-out infinite scrollWheel}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (width<=768px){.hero__content{gap:20px;padding:120px 16px 80px}.hero__subtitle br{display:none}.hero__trust{flex-direction:column;gap:8px}.hero__scroll{display:none}}.stats{z-index:20;margin-top:-40px;padding:0 24px;position:relative}.stats__grid{background:var(--white);border-radius:var(--radius-xl);grid-template-columns:repeat(4,1fr);gap:0;max-width:1000px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 60px #00000014,0 1px 3px #0000000a}.stats__item{transition:background var(--transition-base);flex-direction:column;align-items:center;gap:6px;padding:36px 24px;display:flex;position:relative}.stats__item:hover{background:var(--green-50)}.stats__item:not(:last-child):after{content:"";background:var(--gray-200);width:1px;height:50%;position:absolute;top:25%;right:0}.stats__icon{margin-bottom:4px;font-size:28px}.stats__number{font-family:var(--font-heading);color:var(--green-700);letter-spacing:-.02em;font-size:36px;font-weight:800}.stats__label{color:var(--text-secondary);text-align:center;font-size:14px;font-weight:500}@media (width<=768px){.stats{margin-top:-24px}.stats__grid{grid-template-columns:repeat(2,1fr)}.stats__item:nth-child(2):after{display:none}.stats__item:first-child,.stats__item:nth-child(2){border-bottom:1px solid var(--gray-200)}.stats__number{font-size:28px}.stats__item{padding:28px 16px}}.hiw{padding:var(--section-padding);background:var(--bg-primary)}.hiw__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:64px;display:flex}.hiw__steps{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid;position:relative}.hiw__step{text-align:center;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--gray-100);transition:all var(--transition-base);opacity:0;padding:40px 28px;position:relative;transform:translateY(30px)}.hiw--visible .hiw__step{animation:.6s ease-out forwards stepFadeIn}@keyframes stepFadeIn{to{opacity:1;transform:translateY(0)}}.hiw__step:hover{box-shadow:var(--shadow-xl);border-color:var(--green-200);transform:translateY(-6px)}.hiw__step-number{font-family:var(--font-heading);color:var(--gray-100);letter-spacing:-.04em;font-size:48px;font-weight:800;line-height:1;position:absolute;top:16px;right:20px}.hiw__step-icon{margin-bottom:20px;display:inline-flex}.hiw__step-title{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:700}.hiw__step-desc{color:var(--text-secondary);font-size:15px;line-height:1.7}.hiw__connector{z-index:5;opacity:.5;position:absolute;top:50%;right:-46px;transform:translateY(-50%)}@media (width<=768px){.hiw__steps{grid-template-columns:1fr;gap:20px}.hiw__connector{display:none}.hiw__step{padding:32px 24px}}.wif{padding:var(--section-padding);background:var(--bg-secondary)}.wif__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:56px;display:flex}.wif__grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid}.wif__card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);transition:all var(--transition-base);opacity:0;flex-direction:column;gap:20px;padding:40px 36px;display:flex;transform:translateY(30px)}.wif--visible .wif__card:first-child{animation:.6s ease-out forwards cardSlideIn}.wif--visible .wif__card:last-child{animation:.6s ease-out .15s forwards cardSlideIn}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.wif__card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.wif__card-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.wif__card-badge--green{color:#059669;background:#ecfdf5}.wif__card-badge--teal{color:#047857;background:#f0fdf4}.wif__card-title{font-size:24px;font-weight:700}.wif__card-subtitle{color:var(--text-secondary);font-size:15px;line-height:1.6}.wif__card-section h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:700}.wif__pain-list,.wif__check-list{flex-direction:column;gap:10px;display:flex}.wif__pain-list li,.wif__check-list li{color:var(--gray-700);align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.wif__pain-list li span{flex-shrink:0;font-size:18px}.wif__check-list li svg{flex-shrink:0}.wif__card .btn{align-self:flex-start;margin-top:12px}@media (width<=768px){.wif__grid{grid-template-columns:1fr;gap:24px}.wif__card{padding:32px 24px}}.impact{background:linear-gradient(135deg,#064e3b 0%,#065f46 40%,#047857 100%);padding:100px 0;position:relative;overflow:hidden}.impact__bg-pattern{pointer-events:none;background-image:radial-gradient(circle at 20%,#10b98126 0%,#0000 50%),radial-gradient(circle at 80% 30%,#6ee7b71a 0%,#0000 40%);position:absolute;inset:0}.impact__content{z-index:2;text-align:center;opacity:0;flex-direction:column;align-items:center;gap:32px;display:flex;position:relative;transform:translateY(30px)}.impact--visible .impact__content{animation:.7s ease-out forwards impactIn}@keyframes impactIn{to{opacity:1;transform:translateY(0)}}.impact__label{color:#a7f3d0;letter-spacing:.05em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.impact__title{color:#fff;letter-spacing:-.02em;max-width:600px;font-size:clamp(28px,4vw,42px)}.impact__metrics{align-items:center;gap:48px;margin:16px 0;display:flex}.impact__metric{flex-direction:column;gap:8px;display:flex}.impact__metric-value{font-family:var(--font-heading);color:#fff;letter-spacing:-.03em;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1}.impact__metric-label{color:#fff9;font-size:14px;font-weight:500}.impact__divider{background:#ffffff26;width:1px;height:60px}.impact__cta{margin-top:8px}@media (width<=768px){.impact{padding:70px 0}.impact__metrics{flex-direction:column;gap:32px}.impact__divider{width:60px;height:1px}}.footer{background:var(--gray-900);color:var(--gray-400);padding:72px 0 0}.footer__top{border-bottom:1px solid #ffffff14;gap:64px;padding-bottom:48px;display:flex}.footer__brand{flex-direction:column;flex:0 0 280px;gap:16px;display:flex}.footer__logo{font-family:var(--font-heading);color:var(--white);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.footer__tagline{color:var(--gray-400);font-size:14px;line-height:1.7}.footer__social{gap:10px;margin-top:4px;display:flex}.footer__social-link{width:36px;height:36px;color:var(--gray-400);transition:all var(--transition-fast);background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.footer__social-link:hover{background:var(--green-600);color:#fff;transform:translateY(-2px)}.footer__links-group{flex:1;grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.footer__col h4{font-family:var(--font-heading);color:var(--white);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:14px;font-weight:700}.footer__col ul{flex-direction:column;gap:10px;display:flex}.footer__col a{color:var(--gray-400);transition:all var(--transition-fast);font-size:14px}.footer__col a:hover{color:var(--green-400);padding-left:4px}.footer__bottom{color:var(--gray-500);justify-content:space-between;align-items:center;padding:24px 0;font-size:13px;display:flex}@media (width<=900px){.footer__top{flex-direction:column;gap:40px}.footer__brand{flex:none}.footer__links-group{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.footer__links-group{grid-template-columns:1fr}.footer__bottom{text-align:center;flex-direction:column;gap:8px}}.register-page{background:var(--hero-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.register-container{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex;position:relative}.register-logo{font-family:var(--font-heading);color:var(--white);align-items:center;gap:12px;margin-bottom:32px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.register-card{background:var(--white);border-radius:var(--radius-xl);width:100%;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-header{text-align:center;margin-bottom:32px}.register-header h1{color:var(--gray-900);margin-bottom:8px;font-size:28px}.register-header p{color:var(--gray-500);font-size:15px}.register-form{flex-direction:column;gap:20px;display:flex}.form-group input,.form-group select{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--gray-900);transition:all var(--transition-fast);padding:12px 44px 12px 14px;font-size:14px}.form-group input:focus,.form-group select:focus{background:var(--white);border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100);outline:none}.role-tile:hover:not(.role-tile--disabled){background:var(--green-50);border-color:var(--green-200)}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.role-tile--disabled{cursor:not-allowed;opacity:.6;background:var(--gray-100)}.role-badge-invite{background:var(--gray-800);color:var(--white);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:-8px}.divider{text-align:center;align-items:center;margin:12px 0;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--gray-200);flex:1}.divider span{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;padding:0 16px;font-size:13px;font-weight:500}.conditional-fields{flex-direction:column;display:flex}.fields-generator,.fields-operator{flex-direction:column;gap:20px;animation:.4s ease-out forwards fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-600);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.pill:hover{background:var(--gray-100)}.pill--active{background:var(--green-100);border-color:var(--green-500);color:var(--green-700)}.register-footer{text-align:center;margin-top:32px}.register-footer p{color:var(--gray-500);font-size:14px}.login-link{color:var(--green-600);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}@media (width<=480px){.register-card{padding:32px 20px}.form-row{flex-direction:column;gap:20px}}.login-page{background:var(--hero-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.login-container{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex;position:relative}.login-logo{font-family:var(--font-heading);color:var(--white);align-items:center;gap:12px;margin-bottom:32px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.login-card{background:var(--white);border-radius:var(--radius-xl);width:100%;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) forwards loginSlideUpFade;box-shadow:0 25px 50px -12px #00000040}@keyframes loginSlideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--gray-900);margin-bottom:8px;font-size:28px}.login-header p{color:var(--gray-500);font-size:15px}.login-form{flex-direction:column;gap:20px;display:flex}.password-header{justify-content:space-between;align-items:center;display:flex}.forgot-password-link{color:var(--green-600);font-size:13px;font-weight:500;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.form-group input{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--gray-900);transition:all var(--transition-fast);padding:12px 44px 12px 14px;font-size:14px}.form-group input:focus{background:var(--white);border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100);outline:none}.password-toggle{color:var(--gray-400);cursor:pointer;z-index:100;pointer-events:all;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle:hover{color:var(--gray-600)}.btn-submit{width:100%;margin-top:12px}.login-divider{text-align:center;align-items:center;margin:24px 0;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--gray-200);flex:1}.login-divider span{color:var(--gray-400);text-transform:lowercase;padding:0 16px;font-size:13px;font-weight:500}.login-footer{text-align:center}.login-footer p{color:var(--gray-500);font-size:14px}.register-link{color:var(--green-600);font-weight:600;text-decoration:none}.register-link:hover{text-decoration:underline}@media (width<=480px){.login-card{padding:32px 20px}}.role-selector{gap:12px;display:flex}.role-tile{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 8px;display:flex;position:relative}.role-tile:hover{background:var(--green-50);border-color:var(--green-200)}.role-tile--active{box-shadow:0 4px 12px #10b9811a;background:var(--green-50)!important;border-color:var(--green-500)!important}.role-tile--active .role-icon,.role-tile--active span{color:var(--green-700)}.role-icon{color:var(--gray-500);transition:color var(--transition-fast)}.role-tile span{color:var(--gray-700);font-size:13px;font-weight:600}.role-badge-check{background:var(--green-500);border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex;position:absolute;top:-8px;right:-8px}.role-badge-check svg{width:12px;height:12px}.header-dropdown-container{position:relative}.header-dropdown-menu{border:1px solid var(--gray-200);box-shadow:var(--shadow-md);z-index:1050;background:#fff;border-radius:8px;flex-direction:column;width:200px;margin-top:8px;padding:8px 0;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:100%;right:0}.header-dropdown-menu.notifications{width:280px}.dropdown-item{color:var(--gray-700);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;font-size:14px;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--gray-50);color:var(--green-600)}.dropdown-divider{background:var(--gray-200);height:1px;margin:8px 0}.dropdown-header{text-transform:uppercase;color:var(--gray-500);border-bottom:1px solid var(--gray-100);margin-bottom:4px;padding:8px 16px;font-size:12px;font-weight:600}.notification-item{border-bottom:1px solid var(--gray-100);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.notification-title{color:var(--gray-900);font-size:13px;font-weight:600}.notification-desc{color:var(--gray-600);font-size:12px}@media (width<=768px){.header-dropdown-menu{border-radius:16px 16px 0 0;width:100%;margin:0;padding:16px 0 32px;animation:.3s ease-out slideUp;position:fixed;inset:auto 0 0;box-shadow:0 -4px 12px #0000001a}.header-dropdown-menu.notifications{width:100%}.dropdown-item{padding:16px 24px;font-size:16px}.dropdown-header{padding:16px 24px 8px;font-size:14px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dashboard-main-wrapper{flex-direction:column;flex:1;margin-left:240px;display:flex}.dashboard-sidebar{background:var(--hero-bg);color:#fff;z-index:100;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 10px #0000001a}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.sidebar-logo{font-family:var(--font-heading);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:24px 12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-link{color:#ffffffb3;border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff1a}.sidebar-link.active{background:var(--green-600);color:#fff;box-shadow:0 4px 12px #10b9814d}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.user-profile{align-items:center;gap:12px;display:flex}.avatar{background:var(--green-500);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:13px;font-weight:600;overflow:hidden}.logout-link{color:var(--gray-400);transition:color var(--transition-fast);align-items:center;gap:4px;margin-top:4px;font-size:12px;text-decoration:none;display:flex}.logout-link:hover{color:var(--green-400)}.dashboard-topbar{border-bottom:1px solid var(--gray-200);z-index:90;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:16px;display:flex}.mobile-menu-btn{cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;margin-left:-8px;padding:8px;display:none}.mobile-menu-btn:hover{background:var(--green-50)}.page-title{color:var(--gray-900);font-size:1.25rem;font-weight:700}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-left:12px;padding:4px 8px;font-size:10px;font-weight:800}.generator-badge{color:#059669;background:#ecfdf5;border:1px solid #10b981}.operator-badge{color:#2563eb;background:#eff6ff;border:1px solid #3b82f6}.topbar-right{align-items:center;gap:20px;display:flex}.notification-btn{color:var(--gray-500);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:8px;position:relative}.notification-btn:hover{background:var(--gray-100);color:var(--gray-900)}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:10px}.topbar-avatar{background:var(--green-50);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dashboard-home{flex-direction:column;gap:32px;min-height:calc(100vh - 140px);display:flex;position:relative}.stats-row{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#fff;align-items:flex-start;gap:16px;padding:24px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--green-200);transform:translateY(-4px)}.stat-icon-wrapper{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-info h3{color:var(--gray-900);margin:0 0 4px;font-size:24px}.stat-info p{color:var(--gray-500);font-size:13px;font-weight:500;line-height:1.4}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.dashboard-card{border-radius:var(--radius-lg);border:1px solid var(--gray-200);background:#fff;padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-header h2{margin:0;font-size:18px}.view-all-link{color:var(--green-600);font-size:13px;font-weight:600;text-decoration:none}.view-all-link:hover{text-decoration:underline}.pickup-list{flex-direction:column;gap:16px;display:flex}.pickup-item{border:1px solid var(--gray-100);border-radius:var(--radius-md);background:var(--gray-50);justify-content:space-between;align-items:center;padding:16px;display:flex}.operator-logo{width:40px;height:40px;color:var(--green-700);border:1px solid var(--gray-200);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex}.operator-details h4{color:var(--gray-900);margin:0 0 4px;font-size:15px}.pickup-type{color:var(--gray-500);font-size:13px}.pickup-meta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.pickup-time{color:var(--gray-600);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.status-confirmed{background:var(--green-100);color:var(--green-700)}.status-pending{color:#b45309;background:#fef3c7}.timeline{flex-direction:column;padding-left:8px;display:flex}.timeline-item{gap:16px;padding-bottom:24px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-icon{background:var(--green-50);width:32px;height:32px;color:var(--green-600);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.timeline-connector{background:var(--gray-200);z-index:1;width:2px;position:absolute;top:32px;bottom:0;left:15px}.timeline-content{flex-direction:column;gap:4px;padding-top:6px;display:flex}.timeline-content p{color:var(--gray-800);margin:0;font-size:14px;font-weight:500}.timeline-content span{color:var(--gray-400);font-size:12px}.fab-button{background:var(--green-600);color:#fff;cursor:pointer;transition:all var(--transition-base);z-index:100;border:none;border-radius:30px;align-items:center;gap:8px;padding:16px 24px;font-size:16px;font-weight:600;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 10px 25px #10b98166}.fab-button:hover{background:var(--green-500);transform:translateY(-4px)scale(1.02);box-shadow:0 14px 30px #10b98180}.sidebar-overlay{z-index:95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.sidebar-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px;display:none}@media (width<=1024px){.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-sidebar{transition:transform var(--transition-base);transform:translate(-100%)}.dashboard-sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay,.sidebar-close-btn{display:block}.dashboard-main-wrapper{margin-left:0}.mobile-menu-btn{display:block}.dashboard-topbar{padding:0 20px}.dashboard-content{padding:20px}.stats-row{grid-template-columns:1fr}.fab-button{padding:14px 20px;bottom:24px;right:24px}}.log-waste-page{animation:.4s ease-out fadeIn}.form-card{padding:32px}.form-column{flex-direction:column;gap:24px;display:flex}.waste-type-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.waste-type-tile{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;padding:16px 12px;font-size:13px;font-weight:500;display:flex}.waste-type-tile:hover{border-color:var(--gray-300);background:var(--gray-100)}.waste-type-tile.selected{background:var(--green-50);border-color:var(--green-500);color:var(--green-700);box-shadow:0 2px 8px #10b9811a}.check-icon{color:var(--green-600)}.weight-stepper{align-items:center;display:flex}.stepper-btn{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.stepper-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.stepper-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.stepper-btn:hover{background:var(--gray-200);color:var(--gray-900)}.weight-input-wrapper{flex:1;position:relative}.weight-input-wrapper input{border:1px solid var(--gray-200);background:var(--white);text-align:center;width:100%;height:44px;color:var(--gray-900);border-left:none;border-right:none;outline:none;font-size:16px;font-weight:500}.weight-input-wrapper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.weight-input-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.weight-unit{color:var(--gray-500);pointer-events:none;font-size:14px;font-weight:500;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.date-range-group{gap:16px;display:flex}.date-input-wrapper{flex:1;align-items:center;gap:8px;display:flex}.date-label{color:var(--gray-500);font-size:13px;font-weight:500}.input-with-icon{flex:1;align-items:center;display:flex;position:relative}.input-with-icon input{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);width:100%;color:var(--gray-800);transition:all var(--transition-fast);outline:none;padding:12px 14px 12px 38px;font-size:14px}.input-with-icon input:focus{background:var(--white);border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.notes-textarea{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);width:100%;color:var(--gray-800);resize:vertical;transition:all var(--transition-fast);outline:none;padding:14px;font-family:inherit;font-size:14px}.notes-textarea:focus{background:var(--white);border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.upload-zone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);background:var(--gray-50);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 20px;display:flex}.upload-zone:hover{background:var(--green-50);border-color:var(--green-400)}.upload-icon{color:var(--gray-400)}.upload-zone:hover .upload-icon{color:var(--green-500)}.upload-zone p{color:var(--gray-600);margin:0;font-size:14px;font-weight:500}.urgency-toggle{background:var(--gray-100);border-radius:var(--radius-md);padding:4px;display:flex}.urgency-btn{border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:10px;font-size:13px;font-weight:600}.urgency-btn.selected{background:var(--white);color:var(--green-700);box-shadow:0 2px 5px #0000000d}.form-bottom{margin-top:40px}.form-divider{background:var(--gray-200);height:1px;margin-bottom:24px}.action-row{justify-content:space-between;align-items:center;display:flex}.action-hint{color:var(--gray-500);margin:0;font-size:13px}.action-btn{align-items:center;gap:8px;display:flex}@media (width<=1024px){.form-grid{grid-template-columns:1fr;gap:32px}}@media (width<=768px){.form-card{padding:24px}.waste-type-grid{grid-template-columns:1fr}.date-range-group{flex-direction:column}.action-row{flex-direction:column-reverse;align-items:stretch;gap:16px}.action-hint{text-align:center}.urgency-toggle{flex-direction:column}}.browse-companies-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.custom-select{position:relative}.custom-select select{appearance:none;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);width:100%;color:var(--gray-800);transition:all var(--transition-fast);cursor:pointer;outline:none;padding:12px 36px 12px 14px;font-family:inherit;font-size:14px}.custom-select select:focus{background:var(--white);border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.select-icon{color:var(--gray-500);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.filter-action{padding-bottom:2px;display:flex}.btn-apply{align-items:center;gap:8px;height:44px;padding:0 24px;display:flex}.company-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.company-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:20px;padding:24px;display:flex}.company-card:hover{box-shadow:var(--shadow-md);border-color:var(--green-200);transform:translateY(-4px)}.company-card-header{align-items:center;gap:16px;display:flex}.company-logo-large{background:var(--green-50);border:1px solid var(--green-100);width:56px;height:56px;color:var(--green-700);border-radius:12px;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.company-title{flex-direction:column;gap:4px;display:flex}.company-title h2{color:var(--gray-900);margin:0;font-size:18px}.company-rating{align-items:center;gap:6px;display:flex}.rating-score{color:var(--gray-800);font-size:14px;font-weight:600}.rating-count{color:var(--gray-500);font-size:13px}.company-card-body{flex-direction:column;gap:12px;display:flex}.company-detail{color:var(--gray-700);align-items:center;gap:8px;font-size:14px;display:flex}.detail-icon{color:var(--gray-400)}.pricing-detail{margin-top:4px}.pricing-label{color:var(--gray-500)}.pricing-value{color:var(--gray-800);font-weight:600}.waste-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600}.chip-orange{color:#c2410c;background:#ffedd5}.chip-green{color:#15803d;background:#dcfce7}.chip-red{color:#b91c1c;background:#fee2e2}.chip-blue{color:#1d4ed8;background:#dbeafe}.chip-gray{color:#4b5563;background:#f3f4f6}.company-card-footer{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.view-profile-link{color:var(--gray-500);transition:color var(--transition-fast);font-size:14px;font-weight:600;text-decoration:none}.view-profile-link:hover{color:var(--green-600)}.request-btn{padding:10px 20px}@media (width<=1024px){.filter-bar{grid-template-columns:repeat(2,1fr)}.filter-action{grid-column:span 2}.btn-apply{justify-content:center;width:100%}}@media (width<=768px){.company-grid{grid-template-columns:1fr}.filter-card{padding:20px}.mobile-filter-header{margin-bottom:0}.mobile-filter-header h3{display:block}.mobile-filter-toggle{display:flex}.filter-bar{grid-template-columns:1fr;margin-top:20px;display:none}.filter-bar-open{animation:.3s fadeIn;display:grid}.filter-action{grid-column:span 1;margin-top:8px}.company-card-footer{flex-direction:column;gap:16px}.view-profile-link{order:2}.request-btn{order:1;width:100%}}.request-pickup-page{animation:.4s ease-out fadeIn}.request-pickup-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:24px;display:grid}.form-header{margin-bottom:28px}.form-header h2{color:var(--gray-900);margin:0 0 4px;font-size:20px}.form-header p{color:var(--gray-500);margin:0;font-size:14px}.pickup-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;flex:1;gap:8px;display:flex}.form-label{color:var(--gray-800);font-size:13px;font-weight:600}.custom-select select,.input-with-icon input,.input-with-icon select{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);width:100%;color:var(--gray-800);transition:all var(--transition-fast);outline:none;padding:12px 14px;font-family:inherit;font-size:14px}.input-with-icon select{appearance:none;cursor:pointer;padding-left:38px}.custom-select select:focus,.input-with-icon input:focus,.input-with-icon select:focus{background:var(--white);border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.custom-textarea{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);width:100%;color:var(--gray-800);resize:vertical;transition:all var(--transition-fast);outline:none;padding:14px;font-family:inherit;font-size:14px}.custom-textarea:focus{background:var(--white);border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.form-actions{border-top:1px solid var(--gray-200);justify-content:flex-end;align-items:center;gap:24px;margin-top:24px;padding-top:24px;display:flex}.cancel-link{color:var(--gray-500);transition:color var(--transition-fast);font-size:14px;font-weight:600;text-decoration:none}.cancel-link:hover{color:var(--gray-800)}.action-btn{padding:12px 32px}.company-summary-section{padding:32px;position:sticky;top:100px}.summary-header{border-bottom:1px solid var(--gray-100);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.summary-title h3{color:var(--gray-900);margin:0 0 6px;font-size:18px}.summary-badge{color:var(--green-700);background:var(--green-100);text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700}.summary-body{flex-direction:column;gap:24px;display:flex}.summary-item{align-items:flex-start;gap:16px;display:flex}.summary-icon-box{background:var(--gray-50);border-radius:var(--radius-md);width:36px;height:36px;color:var(--gray-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.summary-text{flex-direction:column;gap:4px;padding-top:2px;display:flex}.summary-label{color:var(--gray-500);font-size:13px;font-weight:500}.summary-value{color:var(--gray-800);font-size:14px;font-weight:600}.value-highlight{color:var(--green-600)}.summary-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.summary-footer{border-top:1px dashed var(--gray-200);margin-top:32px;padding-top:24px}.summary-footer p{color:var(--gray-400);margin:0;font-size:12px;line-height:1.5}.summary-footer a{color:var(--gray-500);text-decoration:underline}@media (width<=1024px){.request-pickup-grid{grid-template-columns:1fr}.company-summary-section{order:-1;position:static}}@media (width<=768px){.form-row{flex-direction:column;gap:20px}.form-section,.company-summary-section{padding:24px}.form-actions{flex-direction:column-reverse;align-items:stretch;gap:16px}.cancel-link{text-align:center;padding:12px}}.pickup-history-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.filter-card{padding:24px}.mobile-filter-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.mobile-filter-header h3{color:var(--gray-900);margin:0;font-size:18px;display:none}.mobile-filter-toggle{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:none}.filter-bar{grid-template-columns:repeat(3,1fr);align-items:end;gap:20px;display:grid}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-group label{color:var(--gray-700);font-size:13px;font-weight:600}.table-card{padding:0;overflow:hidden}.history-table{border-collapse:collapse;text-align:left;width:100%}.history-table th{background:var(--gray-50);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200);padding:16px 24px;font-size:13px;font-weight:600}.history-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-800);vertical-align:middle;padding:16px 24px;font-size:14px}.history-table tbody tr:hover{background:var(--gray-50)}.history-table tbody tr:last-child td{border-bottom:none}.table-date{font-weight:600;display:block}.table-id{color:var(--gray-400);margin-top:2px;font-size:12px;display:block}.font-medium{font-weight:500}.empty-state{text-align:center;font-style:italic;color:var(--gray-500)!important;padding:40px!important}.status-badge{border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-disputed{color:#b45309;background:#fef3c7}.status-cancelled{color:#b91c1c;background:#fee2e2}.doc-icons{gap:8px;display:flex}.doc-icon{background:var(--gray-100);border-radius:4px;padding:4px}.cert-icon{color:var(--green-600);background:var(--green-50)}.inv-icon{color:#2563eb;background:#eff6ff}.no-docs{color:var(--gray-400)}.btn-text{color:var(--green-600);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.btn-text:hover{background:var(--green-50)}.history-list-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.history-list-header{justify-content:space-between;align-items:flex-start;display:flex}.hl-date-id{flex-direction:column;display:flex}.hl-date-id strong{color:var(--gray-900);font-size:14px}.hl-date-id span{color:var(--gray-400);font-size:12px}.history-list-body p{color:var(--gray-700);margin:4px 0;font-size:14px}.history-list-footer{margin-top:8px}.modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);background:#fff;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;box-shadow:0 20px 40px #0003}.modal-header h2{margin:0;font-size:20px}.modal-id{color:var(--gray-500);font-size:13px}.modal-close{color:var(--gray-400);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.modal-close:hover{color:var(--gray-800)}.modal-body{flex-direction:column;gap:32px;padding:24px;display:flex;overflow-y:auto}.detail-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item label,.detail-notes label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);font-size:12px;font-weight:600}.detail-item p,.detail-notes p{color:var(--gray-900);margin:0;font-size:15px}.detail-notes{background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-100);flex-direction:column;gap:8px;padding:16px;display:flex}.modal-documents h3{margin:0 0 16px;font-size:16px}.doc-list{flex-direction:column;gap:12px;display:flex}.doc-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:16px;display:flex}.doc-info{align-items:center;gap:16px;display:flex}.doc-info div{flex-direction:column;display:flex}.doc-info strong{color:var(--gray-900);font-size:14px}.doc-info span{color:var(--gray-500);font-size:12px}.doc-status-text{color:var(--gray-500);font-size:13px;font-style:italic;font-weight:500}@media (width<=768px){.mobile-filter-header h3,.mobile-filter-toggle{display:flex}.filter-bar{grid-template-columns:1fr;margin-top:20px;display:none}.filter-bar-open{animation:.3s fadeIn;display:grid}.table-responsive{display:none}.mobile-history-list{display:flex}.detail-grid{grid-template-columns:1fr}.doc-card{flex-direction:column;align-items:stretch;gap:16px}}.compliance-reports-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.controls-card{padding:24px}.controls-grid{align-items:flex-end;gap:32px;display:flex}.control-group{flex-direction:column;gap:10px;display:flex}.control-group label{color:var(--gray-700);font-size:13px;font-weight:600}.segmented-control{background:var(--gray-100);border-radius:var(--radius-md);border:1px solid var(--gray-200);padding:4px;display:flex}.segment-btn{border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:10px 24px;font-size:14px;font-weight:600}.segment-btn.active{background:var(--white);color:var(--green-700);box-shadow:0 2px 5px #0000000d}.input-with-icon select{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);width:200px;color:var(--gray-800);cursor:pointer;outline:none;padding:11px 14px 11px 38px;font-family:inherit;font-size:14px}.input-with-icon select:disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.reports-layout{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}.report-preview-card{border-top:6px solid var(--green-600);background:#fff;padding:40px;box-shadow:0 10px 25px #0000000d}.report-header{text-align:center;border-bottom:2px solid var(--gray-100);margin-bottom:32px;padding-bottom:32px}.report-badge{background:var(--green-50);color:var(--green-700);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.report-header h1{color:var(--gray-900);margin:0 0 8px;font-size:28px}.report-meta{color:var(--gray-500);margin:0;font-size:14px}.report-body{flex-direction:column;gap:32px;display:flex}.report-section h3{color:var(--gray-800);border-bottom:1px solid var(--gray-100);margin:0 0 16px;padding-bottom:8px;font-size:16px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.summary-stat{background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-100);align-items:flex-start;gap:12px;padding:16px;display:flex}.summary-stat.stat-highlight{background:var(--green-50);border-color:var(--green-200)}.summary-stat.stat-highlight .stat-icon{color:var(--green-600)}.stat-icon{color:var(--gray-400);margin-top:2px}.stat-content{flex-direction:column;gap:4px;display:flex}.stat-content label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.stat-content strong{color:var(--gray-900);font-size:16px}.stat-highlight strong{color:var(--green-700);font-size:20px}.css-bar-chart{flex-direction:column;gap:16px;padding:8px 0;display:flex}.chart-bar-group{flex-direction:column;gap:8px;display:flex}.chart-label-row{color:var(--gray-800);justify-content:space-between;font-size:14px;font-weight:500;display:flex}.chart-track{background:var(--gray-100);border-radius:6px;width:100%;height:12px;overflow:hidden}.chart-fill{border-radius:6px;height:100%;transition:width 1s ease-out}.details-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.custom-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.custom-list li{color:var(--gray-700);align-items:center;gap:10px;font-size:14px;display:flex}.list-icon-green{color:var(--green-500)}.list-icon-gold{color:#f59e0b}.report-footer{border-top:2px solid var(--gray-100);text-align:center;margin-top:48px;padding-top:32px}.watermark{font-family:var(--font-heading);color:var(--gray-200);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:18px;font-weight:700}.report-footer p{color:var(--gray-400);max-width:400px;margin:0 auto;font-size:13px;line-height:1.5}.actions-sidebar{flex-direction:column;gap:24px;display:flex;position:sticky;top:100px}.export-card,.email-card{padding:24px}.export-card h3,.email-card h3{color:var(--gray-900);margin:0 0 8px;font-size:16px}.export-card p,.email-card p{color:var(--gray-500);margin:0 0 20px;font-size:13px;line-height:1.5}.export-btn{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.email-form{flex-direction:column;gap:16px;display:flex}.email-form .form-group{flex-direction:column;gap:8px;display:flex}.email-form label{color:var(--gray-700);font-size:13px;font-weight:600}.email-form input{border:1px solid var(--gray-200);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);outline:none;padding:10px 14px;font-size:14px}.email-form input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.send-btn{justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=1024px){.reports-layout{grid-template-columns:1fr}.actions-sidebar{grid-template-columns:1fr 1fr;display:grid;position:static}}@media (width<=768px){.controls-grid{flex-direction:column;align-items:stretch;gap:20px}.segmented-control{flex-direction:column}.input-with-icon select{width:100%}.report-preview-card{padding:24px}.summary-grid,.details-grid,.actions-sidebar{grid-template-columns:1fr}}.generator-profile-page{max-width:900px;margin:0 auto;animation:.4s ease-out fadeIn}.profile-form{flex-direction:column;gap:32px;display:flex}.profile-section{padding:32px}.section-header{border-bottom:1px solid var(--gray-100);margin-bottom:24px;padding-bottom:16px}.section-header h2{color:var(--gray-900);margin:0 0 6px;font-size:20px}.section-header p{color:var(--gray-500);margin:0;font-size:14px}.section-body{flex-direction:column;gap:24px;display:flex}.logo-upload-row{align-items:center;gap:24px;margin-bottom:8px;display:flex}.current-logo{background:var(--green-50);border:2px dashed var(--green-300);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.logo-placeholder{color:var(--green-700);font-size:24px;font-weight:700;font-family:var(--font-heading)}.profile-logo-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.upload-actions{flex-direction:column;gap:8px;display:flex}.upload-btn{align-items:center;gap:8px;width:fit-content;display:inline-flex}.upload-hint{color:var(--gray-400);margin:0;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group.full-width{grid-column:1/-1}.basic-input,.custom-select-input,.input-with-icon input{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);width:100%;color:var(--gray-800);transition:all var(--transition-fast);outline:none;padding:12px 14px;font-family:inherit;font-size:14px}.input-icon{color:var(--gray-400);pointer-events:none;position:absolute;left:12px}.basic-input:focus,.custom-select-input:focus,.input-with-icon input:focus{background:var(--white);border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.divider{background:var(--gray-200);height:1px;margin:8px 0}h3{color:var(--gray-800);margin:0 0 -8px;font-size:16px}.payment-method-selector{grid-template-columns:1fr 1fr;gap:16px;display:grid}.payment-method-btn{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.payment-method-btn span{color:var(--gray-700);font-size:14px;font-weight:600}.payment-method-btn:hover{border-color:var(--green-300);background:var(--green-50)}.payment-method-btn.selected{border-color:var(--green-500);background:var(--white);box-shadow:0 4px 12px #10b9811a}.payment-method-btn.selected span{color:var(--green-700)}.payment-details-placeholder{background:var(--gray-50);border-radius:var(--radius-md);border:1px dashed var(--gray-300);text-align:center;padding:16px}.payment-details-placeholder p{color:var(--gray-600);margin:0;font-size:14px;font-style:italic}.profile-actions{justify-content:flex-end;margin-top:8px;margin-bottom:40px;display:flex}.save-btn{align-items:center;gap:8px;padding:14px 32px;display:flex}@media (width<=768px){.profile-section{padding:24px}.form-grid,.payment-method-selector{grid-template-columns:1fr}.profile-actions{justify-content:center}.save-btn{justify-content:center;width:100%}}.dashboard-layout{background-color:#f9fafb;min-height:100vh;display:flex}.dashboard-main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.dashboard-content{flex:1;padding:24px}@media (width<=768px){.dashboard-content{padding:16px}}.notifications-page{max-width:1000px;margin:0 auto;padding-bottom:40px}.notifications-header{margin-bottom:24px}.header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header-top h1{color:#111827;margin:0;font-size:24px;font-weight:700}.mark-all-btn{color:#16a34a;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500;transition:background-color .2s}.mark-all-btn:hover{background-color:#f0fdf4}.filter-tabs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tab-btn{color:#4b5563;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.tab-btn.active{color:#fff;background-color:#16a34a;border-color:#16a34a}.notifications-list{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.notification-item{border-bottom:1px solid #f3f4f6;align-items:flex-start;padding:16px 20px;transition:background-color .2s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#f0fdf4}.notification-item.read{background-color:#fff}.item-left{flex-shrink:0;margin-right:16px}.icon-circle{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.item-middle{flex-grow:1}.message-content{flex-direction:column;display:flex}.message-content .title{color:#111827;margin-bottom:4px;font-size:15px;font-weight:700}.message-content .message{color:#4b5563;margin:0 0 4px;font-size:14px;line-height:1.4}.message-content .time{color:#9ca3af;font-size:12px}.item-right{flex-shrink:0;margin-left:16px}.mark-read-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;transition:all .2s}.mark-read-btn:hover{color:#111827;background-color:#f3f4f6}.empty-notifications{text-align:center;color:#9ca3af;padding:60px 20px}.empty-notifications p{margin-top:12px;font-size:16px}.load-more-container{justify-content:center;margin-top:24px;display:flex}.load-more-btn{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.load-more-btn:hover{background-color:#f9fafb;border-color:#9ca3af}@media (width<=640px){.header-top{flex-direction:column;align-items:flex-start;gap:12px}.notification-item{padding:12px 16px}.icon-circle{width:32px;height:32px}.icon-circle svg{width:16px;height:16px}.item-right{margin-left:8px}.mark-read-btn{font-size:11px}}.reviews-page{max-width:1000px;margin:0 auto}.reviews-header{margin-bottom:40px}.reviews-header h1{color:#111827;margin-bottom:8px;font-size:28px}.reviews-header p{color:#6b7280;font-size:16px}.section-title{color:#111827;border-bottom:2px solid #f3f4f6;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;font-size:18px;font-weight:700;display:flex}.pending-section{margin-bottom:60px}.pending-grid{flex-direction:column;gap:16px;display:flex}.pending-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .3s}.pending-card.active{border-color:#16a34a;box-shadow:0 4px 20px #16a34a14}.card-top{justify-content:space-between;align-items:center;display:flex}.operator-info{align-items:center;gap:16px;display:flex}.operator-logo{color:#16a34a;background:#f0fdf4;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.operator-info h3{margin-bottom:4px;font-size:16px}.pickup-details{color:#6b7280;align-items:center;gap:8px;font-size:13px;display:flex}.pickup-details span{align-items:center;gap:4px;display:flex}.review-btn{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.review-btn:hover{background:#f9fafb;border-color:#9ca3af}.review-form{border-top:1px dashed #e5e7eb;flex-direction:column;gap:20px;margin-top:24px;padding-top:24px;display:flex}.star-rating{gap:4px;display:flex}.star-icon{color:#d1d5db;transition:all .2s}.star-icon.filled{color:#fbbf24;fill:#fbbf24}textarea{resize:vertical;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:14px}textarea:focus{border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a1a}.submit-review-btn{color:#fff;background:#16a34a;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .2s;display:flex}.submit-review-btn:hover{background:#15803d;transform:translateY(-1px)}.reviews-list{flex-direction:column;gap:24px;display:flex}.review-item{background:#fff;border:1px solid #f3f4f6;border-radius:16px;gap:20px;padding:24px;display:flex}.review-avatar{color:#6b7280;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.review-content{flex-grow:1}.review-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.review-top h3{color:#111827;font-size:16px}.review-date{color:#9ca3af;font-size:13px}.review-text{color:#4b5563;margin-top:12px;font-size:14px;font-style:italic;line-height:1.5}.empty-state{text-align:center;color:#6b7280;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:16px;padding:40px}@media (width<=640px){.card-top{flex-direction:column;align-items:flex-start;gap:16px}.review-btn{width:100%}}.operator-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.stat-card-mini{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.stat-icon-mini{background:#f9fafb;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-info-mini{flex-direction:column;display:flex}.stat-label{color:#6b7280;font-size:13px}@media (width<=992px){.operator-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.operator-stats-grid{grid-template-columns:1fr}}.vault-page{max-width:1200px;margin:0 auto}.vault-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.vault-header h1{color:#111827;margin-bottom:8px;font-size:28px}.vault-header p{color:#6b7280;font-size:16px}.upload-btn{color:#fff;background:#16a34a;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #16a34a33}.upload-btn:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 6px 16px #16a34a4d}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:40px;display:grid}.folder-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.folder-card:hover{border-color:#16a34a;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.folder-card.active{background:#f0fdf4;border-color:#16a34a;box-shadow:0 0 0 2px #16a34a1a}.folder-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.folder-info h3{color:#111827;margin-bottom:2px;font-size:15px;font-weight:700}.folder-info span{color:#6b7280;font-size:13px}.file-browser{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.browser-header{background:#fafafa;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px;display:flex}.breadcrumb{color:#6b7280;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.breadcrumb .current{color:#111827;font-weight:700}.browser-search{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;width:300px;padding:8px 16px;display:flex}.browser-search input{border:none;outline:none;width:100%;font-size:14px}.file-table{border-collapse:collapse;width:100%;font-size:14px}.file-table th{text-align:left;color:#4b5563;background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:16px 20px;font-weight:600}.file-table td{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:16px 20px}.file-table tr:last-child td{border-bottom:none}.file-table tr:hover td{background:#f9fafb}.file-name-cell{align-items:center;gap:12px;display:flex}.file-icon{color:#16a34a;background:0 0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.file-name{font-weight:600;display:block}.file-folder-tag{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.action-btns{justify-content:flex-end;align-items:center;gap:8px;display:flex}.more-options-container{position:relative}.file-dropdown-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:160px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px #0000001a}.file-dropdown-menu button{text-align:left;color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.file-dropdown-menu button:hover{color:#111827;background:#f3f4f6}.file-dropdown-menu button.delete-action{color:#dc2626}.file-dropdown-menu button.delete-action:hover{background:#fef2f2}.icon-btn.active{color:#111827;background:0 0}.icon-btn:hover{color:#111827;background:0 0;transform:scale(1.1)}.icon-btn.download{color:#16a34a}.icon-btn.download:hover{color:#15803d;background:0 0}.empty-browser{text-align:center;color:#9ca3af;padding:80px 20px}.empty-browser p{margin-top:16px;font-size:16px}.mobile-only{display:none}@media (width<=768px){.vault-header{flex-direction:column;gap:20px}.upload-btn{justify-content:center;width:100%}.browser-search{width:100%;margin-top:12px}.browser-header{flex-direction:column;align-items:flex-start}.file-table th:nth-child(2),.file-table th:nth-child(3),.file-table td:nth-child(2),.file-table td:nth-child(3){display:none}.mobile-only{display:block}}.billing-page{max-width:1100px;margin:0 auto}.billing-header{margin-bottom:32px}.billing-header h1{color:#111827;font-size:28px}.billing-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.billing-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:20px;padding:24px;display:flex}.stat-content{flex-direction:column;display:flex}.stat-label{color:#6b7280;margin-bottom:4px;font-size:13px;font-weight:500}.stat-value.alert-text{color:#d97706}.active-plan-card{background:linear-gradient(90deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:40px;padding:32px;display:flex;box-shadow:0 1px 3px #0000000d}.plan-main{flex:1}.plan-badge{color:#4b5563;letter-spacing:.5px;background:#f3f4f6;border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.plan-name-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.plan-name-row h3{color:#111827;font-size:22px}.plan-status{color:#16a34a;background:#dcfce7;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.plan-desc{color:#6b7280;max-width:450px;font-size:14px;line-height:1.5}.plan-pricing{text-align:right;flex-direction:column;gap:16px;display:flex}.price-tag .amount{color:#111827;font-size:28px;font-weight:800}.price-tag .period{color:#9ca3af;font-size:14px}.upgrade-btn{color:#16a34a;background:#fff;border:1.5px solid #16a34a;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.upgrade-btn:hover{background:#f0fdf4;transform:translateY(-1px)}.invoice-history-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;overflow:hidden}.invoice-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.invoice-header h2{color:#111827;font-size:18px}.invoice-filters{gap:12px;display:flex}.status-select,.date-picker{color:#374151;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 12px;font-size:14px}.status-select:focus,.date-picker:focus{border-color:#16a34a}.invoice-table{border-collapse:collapse;width:100%}.invoice-table th{text-align:left;color:#4b5563;background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:16px;font-size:13px;font-weight:600}.invoice-table td{color:#1f2937;border-bottom:1px solid #f3f4f6;padding:16px;font-size:14px}.inv-id{color:#4b5563;font-weight:600}.inv-desc{font-weight:500}.inv-amount{font-weight:700}.status-pill{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.status-paid{color:#16a34a;background:#dcfce7}.status-unpaid{color:#d97706;background:#fef3c7}.status-overdue{color:#dc2626;background:#fee2e2}.action-group{justify-content:flex-end;align-items:center;gap:12px;display:flex}.download-icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.download-icon-btn:hover{color:#16a34a}.pay-now-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .2s}.pay-now-btn:hover{background:#15803d}.billing-footer{text-align:center;color:#6b7280;margin-top:32px;font-size:14px}.support-link{color:#16a34a;font-weight:600;text-decoration:none}.support-link:hover{text-decoration:underline}.payment-modal,.upgrade-modal{background:#fff;border-radius:24px;width:100%;max-width:440px;animation:.3s ease-out modalEnter;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.upgrade-modal{max-width:900px}@keyframes modalEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2{font-size:20px;font-weight:700}.close-modal{color:#9ca3af;cursor:pointer;background:0 0;border:none}.modal-body{padding:24px}.invoice-summary{background:#f9fafb;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;font-weight:600;display:flex}.modal-amount{color:#111827;font-size:18px}.payment-form{flex-direction:column;gap:20px;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#9ca3af;position:absolute;left:12px}.input-with-icon input{padding-left:40px!important}.payment-form input{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px;font-size:15px}.payment-form input:focus{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.form-row{gap:16px;display:flex}.secure-notice{color:#16a34a;background:#f0fdf4;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.confirm-payment-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.confirm-payment-btn:hover{background:#15803d;transform:translateY(-1px)}.cancel-link{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600;text-decoration:underline}@media (width<=768px){.active-plan-card{flex-direction:column;align-items:flex-start;gap:24px}.plan-pricing{text-align:left;width:100%}.upgrade-btn{width:100%}.invoice-header{flex-direction:column;align-items:flex-start;gap:16px}.invoice-filters{width:100%}.status-select,.date-picker{flex:1}.plans-grid{grid-template-columns:1fr}.upgrade-modal{max-height:80vh;overflow-y:auto}}.plans-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:10px 0;display:grid}.plan-option-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;padding:24px;transition:all .3s;display:flex}.plan-option-card.current{background:#f0fdf4;border-color:#16a34a}.plan-option-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.plan-option-icon{color:#16a34a;background:#f9fafb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.current-badge{color:#fff;background:#16a34a;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.plan-option-card h3{margin-bottom:8px;font-size:18px}.plan-option-price{color:#111827;margin-bottom:12px;font-size:24px;font-weight:800}.plan-option-price span{color:#6b7280;font-size:14px;font-weight:500}.plan-option-card p{color:#6b7280;flex-grow:1;margin-bottom:24px;font-size:13px;line-height:1.5}.select-plan-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:10px;font-weight:600;transition:all .2s}.select-plan-btn:not(.disabled):hover{color:#fff;background:#16a34a;border-color:#16a34a}.select-plan-btn.disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb}.support-page{max-width:1200px;margin:0 auto}.support-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#111827,#1f2937);border-radius:24px;margin-bottom:40px;padding:60px 40px}.support-hero h1{color:#fff;margin-bottom:12px;font-size:36px}.support-hero p{color:#9ca3af;margin-bottom:32px;font-size:18px}.support-search{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:12px;gap:12px;max-width:600px;margin:0 auto;padding:8px;display:flex}.support-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 16px;font-size:16px}.support-search button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:10px 24px;font-weight:600}.support-content-grid{grid-template-columns:1fr 320px;gap:40px;display:grid}.section-header{color:#111827;align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-header h2{font-size:24px;font-weight:700}.document-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;gap:32px;padding:32px;display:flex;box-shadow:0 1px 3px #0000000d}.doc-item h3{color:#111827;align-items:center;gap:8px;margin-bottom:12px;font-size:18px;display:flex}.doc-item p{color:#4b5563;font-size:15px;line-height:1.6}.faq-preview{margin-top:40px}.faq-preview h3{margin-bottom:20px;font-size:18px}.article-links{flex-direction:column;gap:12px;display:flex}.article-link{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.article-link:hover{color:#16a34a;border-color:#16a34a;transform:translate(4px)}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:24px;padding:24px}.contact-card h3{margin-bottom:8px}.contact-card p{color:#6b7280;margin-bottom:24px;font-size:14px}.contact-methods{flex-direction:column;gap:20px;display:flex}.contact-method{align-items:flex-start;gap:16px;display:flex}.contact-method svg{color:#16a34a;margin-top:4px}.contact-method div{flex-direction:column;display:flex}.contact-method span{color:#9ca3af;font-size:12px}.contact-method strong{color:#111827;font-size:14px}.help-box{background:#f0fdf4;border:1px solid #dcfce7;border-radius:20px;padding:24px}.help-box h4{color:#16a34a;margin-bottom:8px}.help-box p{color:#15803d;margin-bottom:20px;font-size:13px}.manual-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:600;display:flex}.manual-modal{background:#fff;border-radius:24px;width:100%;max-width:600px;animation:.3s ease-out modalEnter;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.header-title-group{align-items:center;gap:12px;display:flex}.manual-content{flex-direction:column;gap:24px;display:flex}.manual-section h3{color:#111827;align-items:center;gap:8px;margin-bottom:8px;font-size:17px;display:flex}.manual-section h3 svg{color:#16a34a}.manual-section p{color:#4b5563;font-size:14px;line-height:1.6}.manual-footer-note{text-align:center;color:#6b7280;background:#f9fafb;border-radius:12px;margin-top:12px;padding:16px;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@media (width<=992px){.support-content-grid{grid-template-columns:1fr}}.settings-page{max-width:1100px;margin:0 auto}.settings-header{margin-bottom:32px}.settings-header h1{color:#111827;margin-bottom:8px;font-size:28px}.settings-header p{color:#6b7280;font-size:16px}.settings-container{grid-template-columns:280px 1fr;align-items:flex-start;gap:32px;display:grid}.settings-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;gap:4px;padding:12px;display:flex}.tab-link{color:#4b5563;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab-link .chevron{opacity:0;margin-left:auto;transition:opacity .2s}.tab-link:hover{color:#111827;background:#f9fafb}.tab-link.active{color:#16a34a;background:#f0fdf4}.tab-link.active .chevron{opacity:1}.settings-content{background:#fff;border:1px solid #e5e7eb;border-radius:24px;min-height:600px;padding:40px}.settings-section h2{color:#111827;margin-bottom:8px;font-size:22px}.section-desc{color:#6b7280;margin-bottom:32px;font-size:14px}.profile-upload{border-bottom:1px solid #f3f4f6;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:32px;display:flex}.avatar-large{color:#fff;background:#16a34a;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:700;display:flex}.upload-actions{gap:12px;display:flex}.change-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.remove-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper svg:not(.toggle-pass svg){color:#9ca3af;position:absolute;left:12px}.input-wrapper input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:15px;transition:all .2s}.form-group select{padding-left:12px}.form-group textarea{resize:vertical;min-height:100px;padding-left:12px}.input-wrapper input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.toggle-pass{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;right:12px}.save-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.save-btn:hover{background:#1f2937;transform:translateY(-1px)}.security-card{border-radius:16px;align-items:center;gap:16px;margin-bottom:32px;padding:20px;display:flex}.security-card.warning{color:#92400e;background:#fffbeb;border:1px solid #fef3c7}.security-card svg{flex-shrink:0}.security-card div p{opacity:.8;font-size:13px}.setup-btn{color:#fff;cursor:pointer;background:#92400e;border:none;border-radius:8px;margin-left:auto;padding:8px 16px;font-size:13px;font-weight:600}.notification-toggle-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.toggle-info strong{color:#111827;margin-bottom:4px;font-size:15px;display:block}.toggle-info p{color:#6b7280;font-size:13px}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#e5e7eb;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#16a34a}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.theme-selector{background:#f3f4f6;border-radius:10px;gap:4px;padding:4px;display:flex}.theme-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600}.theme-btn.active{color:#111827;background:#fff;box-shadow:0 1px 3px #0000001a}@media (width<=768px){.settings-container,.form-grid{grid-template-columns:1fr}}.disposal-dashboard{flex-direction:column;gap:32px;min-height:calc(100vh - 140px);animation:.4s ease-out fadeIn;display:flex}.request-list{flex-direction:column;gap:12px;display:flex}.request-item{border:1px solid var(--gray-100);border-radius:var(--radius-md);background:var(--gray-50);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:16px;display:flex}.request-item:hover{border-color:var(--green-200);box-shadow:var(--shadow-sm)}.request-info{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.request-avatar{width:42px;height:42px;color:var(--green-700);border:1px solid var(--gray-200);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.request-details{flex-direction:column;gap:4px;min-width:0;display:flex}.request-details h4{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.request-meta-row{color:var(--gray-500);align-items:center;gap:6px;font-size:13px;display:flex}.request-dot{color:var(--gray-300);font-size:8px}.request-time{color:var(--gray-400);align-items:center;gap:5px;margin-top:2px;font-size:12px;display:flex}.request-actions{flex-shrink:0;gap:8px;margin-left:12px;display:flex}.action-btn-accept,.action-btn-decline{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.action-btn-accept{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-200)}.action-btn-accept:hover{background:var(--green-100);border-color:var(--green-400);box-shadow:0 2px 8px #10b98126}.action-btn-decline{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.action-btn-decline:hover{background:#fee2e2;border-color:#f87171;box-shadow:0 2px 8px #ef44441f}.route-list{flex-direction:column;display:flex}.route-item{gap:16px;padding-bottom:24px;display:flex;position:relative}.route-item:last-child{padding-bottom:0}.route-number{background:var(--green-50);width:32px;height:32px;color:var(--green-700);z-index:2;border:2px solid var(--green-200);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:relative}.route-connector{background:var(--gray-200);z-index:1;width:2px;position:absolute;top:34px;bottom:0;left:15px}.route-content{flex-direction:column;flex:1;gap:8px;padding-top:4px;display:flex}.route-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.route-header h4{color:var(--gray-900);margin:0;font-size:14px;font-weight:600}.route-status{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.status-in-progress{color:#1d4ed8;background:#dbeafe}.status-upcoming{background:var(--gray-100);color:var(--gray-600)}.status-completed{color:#15803d;background:#dcfce7}.route-details{flex-direction:column;gap:4px;display:flex}.route-detail{color:var(--gray-500);align-items:center;gap:6px;font-size:13px;display:flex}.route-detail svg{color:var(--gray-400);flex-shrink:0}@media (width<=1024px){.request-actions span{display:none}.action-btn-accept,.action-btn-decline{padding:8px 10px}}@media (width<=768px){.disposal-dashboard{gap:20px}.request-item{flex-direction:column;align-items:stretch;gap:12px}.request-actions{justify-content:flex-end;margin-left:0}.request-actions span{display:inline}.action-btn-accept,.action-btn-decline{flex:1;justify-content:center;padding:10px 14px}.route-header{flex-direction:column;align-items:flex-start;gap:4px}}.service-listings-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.page-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header-info{align-items:baseline;gap:12px;display:flex}.page-header-info h2{margin:0;font-size:20px}.listing-count{color:var(--gray-500);font-size:13px;font-weight:500}.add-listing-btn{white-space:nowrap;align-items:center;gap:8px;display:flex}.add-listing-card{border:2px solid var(--green-200);padding:28px;animation:.3s ease-out fadeIn}.add-listing-card h3{color:var(--gray-900);margin:0 0 20px;font-size:18px}.listing-form{flex-direction:column;gap:20px;display:flex}.listing-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.listing-form .form-group{flex-direction:column;gap:8px;display:flex}.listing-form .form-group label{color:var(--gray-700);font-size:13px;font-weight:600}.listing-form .basic-input{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);width:100%;color:var(--gray-800);transition:all var(--transition-fast);outline:none;padding:11px 14px;font-family:inherit;font-size:14px}.listing-form .basic-input:focus{background:var(--white);border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.method-selector{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.method-tile{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--gray-600);flex-direction:column;align-items:center;gap:8px;padding:16px 12px;font-size:13px;font-weight:500;display:flex;position:relative}.method-tile:hover{border-color:var(--gray-300);background:var(--gray-100)}.method-tile.selected{background:var(--green-50);border-color:var(--green-500);color:var(--green-700);box-shadow:0 2px 8px #10b9811a}.method-check{color:var(--green-600);position:absolute;top:6px;right:6px}.waste-type-checkboxes{flex-wrap:wrap;gap:10px;display:flex}.waste-checkbox{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--gray-700);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.waste-checkbox input{display:none}.waste-checkbox:hover{border-color:var(--gray-300)}.waste-checkbox.checked{background:var(--green-50);border-color:var(--green-500);color:var(--green-700)}.form-actions-row{border-top:1px solid var(--gray-100);justify-content:flex-end;padding-top:8px;display:flex}.listings-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.listing-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:20px;padding:24px;display:flex}.listing-card:hover{box-shadow:var(--shadow-md);border-color:var(--green-200);transform:translateY(-3px)}.listing-card.listing-paused{opacity:.7}.listing-card.listing-paused:hover{opacity:1}.listing-card-header{align-items:center;gap:14px;display:flex}.listing-method-icon{background:var(--green-50);border:1px solid var(--green-100);width:44px;height:44px;color:var(--green-600);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.listing-title{flex:1;min-width:0}.listing-title h3{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;overflow:hidden}.listing-method-label{color:var(--gray-500);font-size:12px;font-weight:500}.status-active{color:#15803d;background:#dcfce7}.status-paused{color:#b45309;background:#fef3c7}.listing-card-body{flex-direction:column;gap:10px;display:flex}.listing-detail-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.detail-label{color:var(--gray-500);font-weight:500}.detail-value{color:var(--gray-800);font-weight:600}.pricing-pays{color:var(--green-600)}.listing-waste-types{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.listing-card-actions{border-top:1px solid var(--gray-100);gap:8px;margin-top:auto;padding-top:16px;display:flex}.listing-action-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.toggle-btn{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.toggle-btn:hover{background:var(--gray-200);border-color:var(--gray-300)}.delete-btn{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.delete-btn:hover{background:#fee2e2;border-color:#f87171}.empty-state-content h3{color:var(--gray-500);margin:0;font-size:16px}.empty-state-content p{color:var(--gray-400);margin:0;font-size:14px}@media (width<=1024px){.listings-grid{grid-template-columns:1fr}.method-selector{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-header-row{flex-direction:column;align-items:stretch;gap:12px}.page-header-info{flex-direction:column;gap:4px}.add-listing-btn{justify-content:center;width:100%}.listing-form-grid{grid-template-columns:1fr}.method-selector{grid-template-columns:1fr 1fr}.waste-type-checkboxes,.listing-card-actions{flex-direction:column}}.pickup-requests-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.summary-strip{align-items:center;gap:24px;padding:16px 24px;display:flex}.summary-item{flex-direction:column;align-items:center;gap:2px;display:flex}.summary-number{color:var(--gray-900);font-size:22px;font-weight:700;font-family:var(--font-heading)}.summary-green{color:var(--green-600)}.summary-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.summary-divider{background:var(--gray-200);width:1px;height:36px}.summary-link{color:var(--green-600);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.summary-link:hover{color:var(--green-700);text-decoration:underline}.tab-card{padding:16px 24px}.requests-tabs{width:100%;display:flex}.requests-tabs .segment-btn{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.tab-count{background:var(--gray-200);min-width:22px;height:22px;color:var(--gray-600);border-radius:11px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.segment-btn.active .tab-count{background:var(--green-100);color:var(--green-700)}.requests-list{flex-direction:column;gap:16px;display:flex}.request-full-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:20px;padding:24px;display:flex}.request-full-card:hover{box-shadow:var(--shadow-md);border-color:var(--green-200);transform:translateY(-2px)}.request-full-top{justify-content:space-between;align-items:flex-start;display:flex}.request-full-info{align-items:center;gap:16px;display:flex}.request-avatar-lg{background:var(--green-50);border:1px solid var(--green-100);width:48px;height:48px;color:var(--green-700);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.request-full-details{flex-direction:column;gap:4px;display:flex}.request-full-header{align-items:center;gap:12px;display:flex}.request-full-header h3{color:var(--gray-900);margin:0;font-size:16px}.request-id{color:var(--gray-400);font-size:12px;font-weight:500}.request-full-body{padding-top:4px}.request-full-meta{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-item label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);font-size:12px;font-weight:600}.meta-item span{color:var(--gray-800);font-size:14px;font-weight:500}.meta-location{align-items:center;gap:4px;display:flex}.meta-location svg{color:var(--gray-400);flex-shrink:0}.request-full-actions{border-top:1px solid var(--gray-100);gap:10px;padding-top:16px;display:flex}.accepted-info,.declined-info,.completed-info{color:var(--gray-500);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.text-red{color:#b91c1c}.empty-state-card{padding:60px 24px}.empty-state-content{color:var(--gray-400);text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.empty-state-content h3{color:var(--gray-500);margin:0;font-size:15px;font-weight:500}@media (width<=1024px){.request-full-meta{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.summary-strip{flex-wrap:wrap;justify-content:center;gap:16px}.summary-divider{display:none}.requests-tabs{flex-direction:column}.request-full-meta{grid-template-columns:1fr}.request-full-header{flex-direction:column;align-items:flex-start;gap:6px}.request-full-actions{flex-direction:column}.action-btn-accept,.action-btn-decline{justify-content:center;width:100%;padding:12px}}.schedule-manager-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.schedule-stats-strip{align-items:center;gap:24px;padding:16px 24px;display:flex}.schedule-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.schedule-stat-number{color:var(--gray-900);font-size:22px;font-weight:700;font-family:var(--font-heading)}.schedule-stat-blue{color:#1d4ed8}.schedule-stat-gray{color:var(--gray-500)}.schedule-stat-green{color:var(--green-600)}.schedule-stat-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.schedule-stat-divider{background:var(--gray-200);width:1px;height:36px}.controls-bar{justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.controls-left{align-items:center;gap:16px;display:flex}.controls-left .segment-btn{align-items:center;gap:6px;display:flex}.export-route-btn{white-space:nowrap;align-items:center;gap:8px;display:flex}.pickup-count-badge{background:var(--green-50);color:var(--green-700);border-radius:12px;padding:4px 12px;font-size:13px;font-weight:600}.schedule-list-card{padding:24px}.schedule-list{flex-direction:column;gap:0;display:flex}.schedule-item{border-bottom:1px solid var(--gray-100);transition:background var(--transition-fast);gap:20px;padding:20px 0;display:flex}.schedule-item:hover{background:var(--gray-50);border-radius:var(--radius-sm);margin:0 -24px;padding-left:24px;padding-right:24px}.schedule-item:last-child{border-bottom:none;padding-bottom:0}.schedule-item:first-child{padding-top:0}.schedule-item.newly-added{border-left:3px solid var(--green-400);padding-left:16px}.new-badge{background:var(--green-100);color:var(--green-700);text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.schedule-time-col{flex-direction:column;align-items:center;gap:8px;min-width:80px;display:flex}.schedule-time{color:var(--gray-900);font-size:15px;font-weight:700;font-family:var(--font-heading)}.schedule-status-dot{border-radius:50%;width:10px;height:10px}.status-dot-in-progress{background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.status-dot-upcoming{background:var(--gray-300)}.status-dot-completed{background:var(--green-500)}.schedule-info-col{flex-direction:column;flex:1;gap:8px;display:flex}.schedule-info-header{justify-content:space-between;align-items:center;display:flex}.schedule-info-header h4{color:var(--gray-900);margin:0;font-size:15px}.schedule-info-details{flex-wrap:wrap;gap:20px;display:flex}.schedule-info-details span{color:var(--gray-500);align-items:center;gap:5px;font-size:13px;display:flex}.schedule-info-details svg{color:var(--gray-400)}.empty-state-inline{color:var(--gray-400);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state-inline p{color:var(--gray-500);max-width:300px;margin:0;font-size:14px}.calendar-card{padding:24px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.calendar-nav{align-items:center;gap:16px;display:flex}.calendar-header h2{text-align:center;min-width:200px;margin:0;font-size:20px}.calendar-nav-btn{background:var(--gray-100);border:1px solid var(--gray-200);width:36px;height:36px;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{background:var(--gray-200);color:var(--gray-900)}.today-btn{border-radius:var(--radius-sm);background:var(--green-50);color:var(--green-700);border:1px solid var(--green-200);cursor:pointer;transition:all var(--transition-fast);padding:6px 16px;font-size:13px;font-weight:600}.today-btn:hover{background:var(--green-100);border-color:var(--green-400)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day-header{text-align:center;color:var(--gray-500);text-transform:uppercase;padding:8px;font-size:12px;font-weight:600}.calendar-cell{aspect-ratio:1;border-radius:var(--radius-md);cursor:default;transition:background var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.calendar-cell.empty{background:0 0}.calendar-cell:not(.empty):hover{background:var(--gray-50)}.cell-day{color:var(--gray-700);font-size:14px;font-weight:500}.calendar-cell.today{background:var(--green-50);border:2px solid var(--green-400)}.calendar-cell.today .cell-day{color:var(--green-700);font-weight:700}.calendar-cell.has-pickups .cell-day{font-weight:600}.cell-dot-group{align-items:center;gap:3px;display:flex}.cell-dot{background:var(--green-500);border-radius:50%;width:6px;height:6px}.cell-count{color:var(--green-600);font-size:10px;font-weight:700}.calendar-legend{border-top:1px solid var(--gray-100);justify-content:center;gap:24px;margin-top:20px;padding-top:16px;display:flex}.legend-item{color:var(--gray-500);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.legend-dot{border-radius:var(--radius-sm);width:12px;height:12px}.legend-dot-today{background:var(--green-50);border:2px solid var(--green-400)}.legend-dot-pickup{background:var(--green-500);border-radius:50%;width:8px;height:8px}@media (width<=768px){.schedule-stats-strip{flex-wrap:wrap;justify-content:center;gap:16px}.schedule-stat-divider{display:none}.controls-bar{flex-direction:column;align-items:stretch}.export-route-btn{justify-content:center;width:100%}.schedule-item{flex-direction:column;gap:8px}.schedule-item:hover{margin:0;padding-left:0;padding-right:0}.schedule-item.newly-added{padding-left:16px}.schedule-time-col{flex-direction:row;min-width:auto}.schedule-info-details{flex-direction:column;gap:6px}.calendar-cell{aspect-ratio:auto;padding:8px 4px}.calendar-header{flex-direction:column;gap:12px}.calendar-nav{justify-content:space-between;width:100%}}.certificates-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.page-header{margin-bottom:8px}.subtitle{color:var(--gray-500);margin-top:4px;font-size:14px}.cert-controls{justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.cert-tabs{min-width:250px}.cert-list{flex-direction:column;gap:16px;display:flex}.cert-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;gap:16px;padding:24px;display:flex}.cert-card:hover{box-shadow:var(--shadow-md);border-color:var(--green-200);transform:translateY(-2px)}.cert-card-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.cert-title-group{align-items:center;gap:12px;display:flex}.cert-icon{background:var(--green-50);width:40px;height:40px;color:var(--green-600);border-radius:10px;justify-content:center;align-items:center;display:flex}.cert-title-group h3{color:var(--gray-900);margin:0 0 2px;font-size:16px}.req-id{color:var(--gray-400);font-size:12px}.cert-date{color:var(--gray-500);font-size:13px;font-weight:500}.cert-card-body{gap:32px;padding:8px 0;display:flex}.cert-stat{flex-direction:column;gap:4px;display:flex}.stat-label{text-transform:uppercase;color:var(--gray-400);letter-spacing:.05em;font-size:11px;font-weight:600}.stat-value{color:var(--gray-800);font-size:14px;font-weight:600}.text-green{color:var(--green-600)}.cert-card-actions{border-top:1px solid var(--gray-100);justify-content:flex-end;padding-top:16px;display:flex}.issue-btn{align-items:center;gap:8px;display:flex}.issued-status{color:var(--gray-500);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}@media (width<=768px){.cert-controls{flex-direction:column;align-items:stretch}.search-box{width:100%}.cert-card-header{flex-direction:column;gap:12px}.cert-card-body{flex-direction:column;gap:16px}}.company-profile-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.save-main-btn{transition:all var(--transition-fast);align-items:center;gap:8px;display:flex}.profile-layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.profile-form-grid{flex-direction:column;gap:24px;display:flex}.form-section{padding:24px}.form-section-header{border-bottom:1px solid var(--gray-100);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.form-section-header h3{color:var(--gray-900);margin:0;font-size:16px}.form-group-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--gray-700);font-size:13px;font-weight:600}.basic-input{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);width:100%;color:var(--gray-900);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.basic-input:focus{background:var(--white);border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}textarea.basic-input{resize:vertical}.input-with-icon{width:100%;position:relative}.input-with-icon svg{color:var(--gray-400);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon .basic-input{padding-left:40px}.license-info-note{color:var(--gray-500);margin-top:-12px;font-size:12px;font-style:italic}.status-card{text-align:center;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.status-avatar-lg{background:var(--green-100);width:80px;height:80px;color:var(--green-700);border:4px solid var(--green-50);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:28px;font-weight:700;display:flex}.status-card h3{color:var(--gray-900);margin:0 0 12px;font-size:18px}.status-details{border-top:1px solid var(--gray-100);flex-direction:column;gap:12px;width:100%;margin-top:24px;padding-top:24px;display:flex}.status-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.status-row span{color:var(--gray-500)}.status-row strong{color:var(--gray-800)}@media (width<=1024px){.profile-layout{grid-template-columns:1fr}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;gap:16px}.save-main-btn{justify-content:center;width:100%}.form-group-row{grid-template-columns:1fr;gap:16px}}.earnings-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.page-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.export-btn{align-items:center;gap:8px;display:flex}.earnings-stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.earnings-stat{padding:24px}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.green-icon{background:var(--green-50);color:var(--green-600)}.orange-icon{color:#ea580c;background:#fff7ed}.blue-icon{color:#2563eb;background:#eff6ff}.text-gray{color:var(--gray-500)}.transactions-card{flex-direction:column;display:flex}.transactions-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:24px;display:flex}.transactions-header h3{color:var(--gray-900);margin:0;font-size:18px}.transactions-filters{align-items:center;gap:16px;display:flex}.search-box{width:250px;position:relative}.search-box svg{color:var(--gray-400);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{border:1px solid var(--gray-200);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);outline:none;padding:10px 14px 10px 36px;font-size:14px}.search-box input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.filter-dropdown{position:relative}.filter-icon{color:var(--gray-500);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.basic-select{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-800);cursor:pointer;appearance:none;transition:all var(--transition-fast);outline:none;padding:10px 36px;font-size:14px}.basic-select:focus{border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.table-responsive{width:100%;overflow-x:auto}.earnings-table{border-collapse:collapse;width:100%}.earnings-table th,.earnings-table td{text-align:left;border-bottom:1px solid var(--gray-100);padding:16px 24px}.earnings-table th{text-transform:uppercase;color:var(--gray-500);letter-spacing:.05em;background:var(--gray-50);font-size:12px;font-weight:600}.earnings-table td{color:var(--gray-800);font-size:14px}.earnings-table tr:last-child td{border-bottom:none}.earnings-table tr:hover td{background:#fcfcfc}.text-right{text-align:right!important}.font-mono{font-family:var(--font-heading);font-weight:600}.trx-id{color:var(--gray-500)!important;font-size:13px!important}.trx-date{color:var(--gray-600)!important}.trx-desc{font-weight:500}.empty-state-inline{text-align:center;color:var(--gray-500);padding:40px;font-size:14px}.mobile-history-list{flex-direction:column;gap:12px;padding:16px;display:none}.mobile-history-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.mhc-header{justify-content:space-between;align-items:center;display:flex}.mhc-id{color:var(--gray-500);font-size:12px}.mhc-desc{color:var(--gray-900);font-size:14px;font-weight:600}.mhc-footer{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.mhc-date{color:var(--gray-500);font-size:13px}.mhc-amount{color:var(--gray-900);font-size:15px;font-weight:700}@media (width<=1024px){.earnings-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;gap:16px}.export-btn{justify-content:center}.earnings-stats-grid{grid-template-columns:1fr}.transactions-header{flex-direction:column;align-items:flex-start;gap:16px}.transactions-filters{flex-direction:column;align-items:stretch;width:100%}.search-box{width:100%}.table-responsive{display:none}.mobile-history-list{display:flex}}.dashboard-sidebar .admin-avatar{background-color:var(--gray-800);color:var(--white)}.admin-dashboard{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.admin-stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.admin-section{flex-direction:column;gap:16px;display:flex}.section-header-flex{justify-content:space-between;align-items:center;display:flex}.section-header-flex h3{color:var(--gray-900);margin:0;font-size:18px}.view-all-link{color:var(--green-600);transition:color var(--transition-fast);align-items:center;gap:4px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.view-all-link:hover{color:var(--green-700)}.alerts-grid{flex-direction:column;gap:16px;display:flex}.alert-card{border-left:4px solid #f59e0b;align-items:flex-start;gap:16px;padding:20px;display:flex}.alert-icon{color:#f59e0b;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex}.alert-content{flex:1}.alert-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.alert-header h4{color:var(--gray-900);margin:0;font-size:16px}.alert-content p{color:var(--gray-600);margin:0 0 4px;font-size:14px}.alert-date{color:var(--gray-400)!important;margin-top:8px!important;font-size:12px!important}.alert-action{align-items:center;display:flex}@media (width<=1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-stats-grid{grid-template-columns:1fr}.alert-card{flex-direction:column;align-items:stretch}.alert-action{justify-content:flex-end;margin-top:12px}}.verification-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.verification-tabs{border-bottom:1px solid var(--gray-200);gap:12px;padding-bottom:12px;display:flex;overflow-x:auto}.tab-btn{color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500}.tab-btn:hover{background:var(--gray-100);color:var(--gray-800)}.tab-btn.active{background:var(--green-50);color:var(--green-700);font-weight:600}.companies-list{flex-direction:column;gap:16px;display:flex}.company-card{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.company-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.company-info{flex-direction:column;gap:8px;display:flex}.company-info h4{color:var(--gray-900);margin:0;font-size:16px}.company-meta{color:var(--gray-500);gap:16px;font-size:13px;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.company-actions{gap:12px;display:flex}.btn-approve{color:#fff;background:#10b981}.btn-approve:hover{background:#059669}.btn-reject{color:#fff;background:#ef4444}.btn-reject:hover{background:#dc2626}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.status-badge.approved{color:#16a34a;background:#dcfce7}.status-badge.rejected{color:#dc2626;background:#fee2e2}@media (width<=768px){.company-card{flex-direction:column;align-items:flex-start;gap:16px}.company-actions{justify-content:flex-end;width:100%}.company-meta{flex-direction:column;gap:4px}}.dispute-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.disputes-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.dispute-card{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.dispute-card:before{content:"";background:#f59e0b;width:4px;height:100%;position:absolute;top:0;left:0}.dispute-card.resolved:before{background:#10b981}.dispute-header{justify-content:space-between;align-items:flex-start;display:flex}.dispute-title{color:var(--gray-900);margin:0;font-size:16px}.dispute-subtitle{color:var(--gray-500);margin-top:4px;font-size:12px}.dispute-details{background:var(--gray-50);border-radius:8px;flex-direction:column;gap:8px;padding:12px;font-size:14px;display:flex}.dispute-details p{color:var(--gray-700);align-items:center;gap:8px;margin:0;display:flex}.dispute-details strong{color:var(--gray-900)}.dispute-issue{color:var(--gray-800);border-left:2px solid var(--gray-300);margin:8px 0;padding-left:12px;font-size:14px;line-height:1.5}.resolution-area{border-top:1px dashed var(--gray-200);flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.resolution-textarea{border:1px solid var(--gray-300);resize:vertical;border-radius:6px;width:100%;min-height:60px;padding:10px;font-family:inherit;font-size:14px}.resolution-notes{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:12px;font-size:14px}.resolution-date{color:var(--gray-500);margin-top:4px;font-size:12px}@media (width<=768px){.disputes-grid{grid-template-columns:1fr}}.analytics-page{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.chart-card{background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.chart-header{flex-direction:column;gap:4px;display:flex}.chart-header h3{color:var(--gray-900);margin:0;font-size:16px}.chart-header .chart-total{color:var(--green-600);font-size:24px;font-weight:700}.css-bar-chart{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:flex-end;gap:8px;height:200px;padding-top:20px;display:flex}.bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar{background:var(--green-500);border-radius:4px 4px 0 0;width:100%;max-width:40px;transition:height .5s ease-out,background .2s;position:relative}.bar:hover{background:var(--green-600)}.bar-label{color:var(--gray-500);font-size:12px}.bar-value-tooltip{background:var(--gray-900);color:var(--white);opacity:0;pointer-events:none;white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:12px;transition:opacity .2s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.bar:hover .bar-value-tooltip{opacity:1}.bar-secondary{background:#6366f1}.bar-secondary:hover{background:#4f46e5}.chart-secondary .chart-total{color:#4f46e5}.analytics-summary{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.analytics-grid{grid-template-columns:1fr}}@media (width<=768px){.analytics-summary{grid-template-columns:1fr}}