.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:240px}.sidebar .sidebar-header{background-color:#fff;border-bottom:none;overflow:visible;padding:16px 20px}.sidebar .sidebar-header,.sidebar-header .logo-container{align-items:center;display:flex;margin:0}.logo-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:40px;width:40px}.logo-container .brand-wordmark,.logo-container span{color:#111827}.business-info-section{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #d1fae5;border-radius:12px;display:flex;gap:.75rem;margin:0 .75rem .5rem;padding:1rem 1.25rem}.business-avatar{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:10px;box-shadow:0 2px 4px #05966933;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:42px;justify-content:center;width:42px}.business-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.business-name-text{color:#111827;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.6875rem;font-weight:600;letter-spacing:.025em;padding:.125rem .5rem;width:-webkit-fit-content;width:fit-content}.sidebar-content{flex-grow:1;overflow-y:auto}.menu-label{color:#9ca3af;font-size:.6875rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem .5rem}.sidebar-nav{padding:0 0 1rem}.nav-item{color:#6b7280;font-size:.9375rem;margin:.25rem 1rem;padding:.875rem 1.5rem;text-decoration:none}.nav-item:hover{color:#374151}.nav-item.active{background-color:#d1fae5;color:#047857;font-weight:600}.nav-icon{flex-shrink:0;font-size:1.25rem;margin-right:.75rem}.sidebar-footer{padding:1rem 1.5rem}.logout-btn{color:#dc2626!important;margin-top:.5rem}.logout-btn:hover{background-color:#fee2e2!important;color:#991b1b!important}@media (max-width:768px){.sidebar{border-bottom:1px solid #e5e7eb;border-right:none;height:auto;position:relative;width:100%;z-index:100}.sidebar .sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px}.logo-container{margin-bottom:0}.logo-icon{height:32px;width:32px}.logo-container span{font-size:1rem}.plan-badge{font-size:.6875rem;padding:.25rem .625rem}.sidebar-nav{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;overflow-x:auto;padding:.75rem .5rem;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{flex-shrink:0;font-size:.875rem;margin:0;padding:.625rem 1rem;white-space:nowrap}.nav-icon{font-size:1rem;margin-right:.5rem}.sidebar-footer{background-color:#f9fafb;border-top:none;display:flex;gap:.5rem;padding:.75rem .5rem}.sidebar-footer .nav-item{flex:1 1;font-size:.8125rem;justify-content:center;margin:0;padding:.625rem .75rem}}@media (max-width:480px){.sidebar .sidebar-header{padding:12px 16px}.logo-icon{height:28px;width:28px}.logo-container span{font-size:.875rem}.plan-badge{font-size:.625rem;padding:.25rem .5rem}.sidebar-nav{gap:.375rem;padding:.5rem .25rem}.nav-item{font-size:.8125rem;padding:.5rem .75rem}.nav-icon{font-size:.875rem;margin-right:.375rem}.sidebar-footer .nav-item{font-size:.75rem;padding:.5rem}}.auth-container{display:grid;grid-template-columns:1fr 1fr;width:100%}.auth-form-section{align-items:center;background-color:#f9fafb;display:flex;flex-direction:column;justify-content:flex-start;padding:2rem}.auth-logo-header{align-self:flex-start;margin-bottom:2rem;text-decoration:none}.auth-logo-header .brand-wordmark,.auth-logo-text{color:#111827}.auth-logo-header:hover .auth-logo-text,.auth-logo-header:hover .brand-wordmark{color:#10b981}.auth-form-container{max-width:400px;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header .logo{align-items:center;color:#10b981;display:flex;font-size:2rem;font-weight:700;justify-content:center;margin-bottom:1rem}.auth-header .logo-icon{margin-right:.5rem}.auth-header h1{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.auth-header p{color:#6b7280}.auth-tabs{border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;margin-bottom:1.5rem}.auth-tab{border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;margin-bottom:-1px;padding:.75rem 1rem}.auth-tab.active{border-bottom-color:#10b981;color:#10b981;font-weight:600}.auth-promo-section{background:linear-gradient(135deg,#065f46,#064e3b);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem}.promo-content{margin:0 auto;max-width:450px}.promo-content .trust-badge{align-items:center;background-color:#ffffff1a;border-radius:9999px;display:inline-flex;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.promo-content h2{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.promo-content p{color:#d1d5db;font-size:1.125rem;margin-bottom:2.5rem}.promo-stats{display:flex;gap:2rem}.promo-stat h3{font-size:2rem;font-weight:700}.promo-stat p{color:#9ca3af;font-size:1rem}.google-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:.75rem;transition:background-color .2s;width:100%}.google-btn:hover{background-color:#f9fafb}.google-btn img{height:20px;margin-right:.75rem;width:20px}@media (max-width:768px){.auth-container{grid-template-columns:1fr;min-height:100vh}.auth-promo-section{display:none}.auth-form-section{padding:1rem}.auth-form-container{max-width:100%}.auth-header h1{font-size:1.5rem}.google-btn{font-size:.875rem}}.landing-page{background:linear-gradient(180deg,#f0fdf4,#ecfdf5 50%,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 24px}.landing-logo .brand-wordmark,.landing-logo .logo-text{color:#111827!important}.landing-nav{align-items:center;display:flex;gap:32px}.landing-nav .nav-link{background:none;border:none;color:#374151;cursor:pointer;font-size:15px;font-weight:500;transition:color .2s}.landing-nav .nav-link:hover{color:#10b981}.login-btn{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.login-btn:hover{background:#1f2937;transform:translateY(-1px)}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px}.mobile-menu-btn span{background:#374151;border-radius:2px;display:block;height:2px;width:24px}.mobile-menu{background:#fff;border-top:1px solid #e5e7eb;display:none;flex-direction:column;gap:16px;padding:16px 24px 24px}.hero-section{padding:30px 24px 40px}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-content{max-width:500px}.version-badge{align-items:center;background:#10b9811a;border-radius:20px;color:#059669;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:24px;padding:6px 14px}.badge-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.hero-title{color:#111827;font-size:52px;font-weight:800;letter-spacing:-2px;line-height:1.1;margin:0 0 20px}.hero-description{color:#6b7280;font-size:17px;line-height:1.6;margin:0 0 32px}.hero-buttons{display:flex;gap:16px;margin-bottom:24px}.cta-primary{align-items:center;background:#10b981;border:none;border-radius:10px;box-shadow:0 4px 14px #10b98159;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:14px 28px;transition:all .2s}.cta-primary:hover{background:#059669;box-shadow:0 6px 20px #10b98173;transform:translateY(-2px)}.cta-primary .rocket{font-size:18px}.cta-secondary{background:#0000;border:none;color:#374151;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:color .2s}.cta-secondary:hover{color:#10b981}.hero-benefits{display:flex;flex-direction:column;gap:8px}.benefit{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.benefit svg{color:#10b981;height:18px;width:18px}.hero-visual{align-items:center;display:flex;justify-content:center;min-height:450px;position:relative}.phone-mockup{position:relative;width:280px}.phone-screen{background:#fff;border-radius:24px;box-shadow:0 25px 80px #00000026;overflow:hidden}.app-preview{padding:0}.whatsapp-chat{background:#e5ddd5;display:flex;flex-direction:column;height:520px}.chat-header{background:#075e54;color:#fff;gap:12px;padding:16px}.chat-avatar,.chat-header{align-items:center;display:flex}.chat-avatar{background:#128c7e;border-radius:50%;height:36px;justify-content:center;width:36px}.chat-info{display:flex;flex-direction:column}.chat-name{font-size:15px;font-weight:600}.chat-status{font-size:12px;opacity:.8}.chat-body{background-color:#e5ddd5;background-image:radial-gradient(#d4d0cd 15%,#0000 16%),radial-gradient(#d4d0cd 15%,#0000 16%);background-position:0 0,10px 10px;background-size:20px 20px;display:flex;flex:1 1;flex-direction:column;gap:12px;opacity:1;padding:20px 12px}.message{border-radius:8px;box-shadow:0 1px 1px #0000001a;color:#111827;font-size:13px;line-height:1.4;max-width:85%;padding:8px 10px;position:relative}.message.outgoing{align-self:flex-end;background:#e7ffdb;border-top-right-radius:0}.message .time{color:#9ca3af;float:right;font-size:10px;margin-left:8px;margin-top:4px}.msg-status{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:2px}.checks{color:#53bdeb;font-size:10px;letter-spacing:-3px}.link{color:#027eb5;text-decoration:underline;word-break:break-all}.file-message{gap:12px;padding:8px}.file-icon,.file-message{align-items:center;display:flex}.file-icon{background:#f87171;border-radius:4px;color:#fff;font-size:9px;font-weight:700;height:40px;justify-content:center;width:32px}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{color:#111827;font-weight:500}.file-pages{color:#6b7280;font-size:10px}.whatsapp-notification{align-items:center;animation:slideIn .5s ease-out;background:#fff;border-radius:14px;bottom:30px;box-shadow:0 10px 40px #0000001f;display:flex;gap:12px;left:-30px;padding:14px 18px;position:absolute}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.notification-icon{align-items:center;background:#e7f7ef;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.notification-icon svg{height:22px;width:22px}.notification-content{display:flex;flex-direction:column}.notification-title{color:#111827;font-size:14px;font-weight:600}.notification-subtitle{color:#6b7280;font-size:12px}.floating-phone{align-items:center;animation:float 4s ease-in-out infinite;background:#fff;border-left:4px solid #10b981;border-radius:12px;box-shadow:0 15px 50px #00000026;display:flex;gap:12px;min-width:200px;padding:12px 16px;position:absolute;right:-20px;top:60px;width:auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.payment-alert-icon{align-items:center;background:#dcfce7;border-radius:50%;color:#10b981;display:flex;font-size:16px;font-weight:800;height:32px;justify-content:center;width:32px}.payment-alert-content{display:flex;flex-direction:column}.payment-alert-title{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.payment-alert-amount{color:#111827;font-size:16px;font-weight:700}.mini-header,.mini-line,.mini-lines{display:none}.features-section{background:#fff;padding:50px 24px}.features-container{margin:0 auto;max-width:1100px;text-align:center}.section-title{color:#111827;font-size:36px;font-weight:700;margin:0 0 12px}.section-subtitle{color:#6b7280;font-size:17px;margin:0 0 40px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.feature-card{padding:24px;text-align:left}.feature-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.feature-icon svg{height:24px;width:24px}.feature-icon.lightning{background:#fef3c7;color:#d97706}.feature-icon.trust{background:#dbeafe;color:#2563eb}.feature-icon.whatsapp{background:#d1fae5;color:#059669}.feature-card h3{color:#111827;font-size:20px;font-weight:700;margin:0 0 12px}.feature-card p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.pricing-section{background:#fafafa;box-sizing:border-box;overflow-x:hidden;padding:50px 24px;width:100%}.pricing-container{max-width:100%;padding:0;text-align:center}.pricing-container,.pricing-grid{box-sizing:border-box;margin:0 auto}.pricing-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);max-width:1100px;padding:0 20px}.pricing-card{border:1px solid #e5e7eb;border-radius:16px;box-sizing:border-box;min-width:0;text-align:left;transition:box-shadow .2s,transform .2s}.pricing-card:hover{box-shadow:0 10px 40px #00000014}.pricing-card.popular{box-shadow:0 15px 50px #10b98126;z-index:1}.pricing-card.business{background:linear-gradient(180deg,#faf5ff,#fff);border:2px solid #7c3aed}.popular-badge{border-radius:6px;padding:6px 14px;right:24px}.plan-header{margin-bottom:24px}.plan-name{font-size:22px;margin:0 0 6px}.plan-desc{color:#6b7280;font-size:14px;margin:0 0 16px}.plan-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.price{color:#111827;font-size:clamp(28px,6vw,48px);font-weight:800;min-width:0;overflow-wrap:anywhere}.period{color:#6b7280;font-size:16px}.plan-features{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0 0 28px;padding:0}.plan-features li{align-items:center;display:flex;font-size:14px;gap:10px}.plan-features li svg{flex-shrink:0;height:18px;width:18px}.plan-features li.included{color:#374151}.plan-features li.included svg{color:#10b981}.plan-features li.not-included{color:#9ca3af}.plan-features li.not-included svg{color:#d1d5db}.plan-btn{border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s;width:100%}.plan-btn.outline{background:#fff;border:1px solid #e5e7eb;color:#374151}.plan-btn.outline:hover{background:#f9fafb;border-color:#d1d5db}.plan-btn.primary{background:#10b981;border:none;color:#fff}.plan-btn.primary:hover{background:#059669}.testimonial-section{background:linear-gradient(180deg,#f0fdf4,#ecfdf5);padding:50px 24px}.testimonial-container{margin:0 auto;max-width:700px;text-align:center}.testimonial-avatars{margin-bottom:32px}.avatar-stack{align-items:center;display:inline-flex}.avatar{border:3px solid #fff;border-radius:50%;height:44px;margin-left:-12px;object-fit:cover;width:44px}.avatar:first-child{margin-left:0}.avatar-count{align-items:center;background:#10b981;border:3px solid #fff;border-radius:50%;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:44px;justify-content:center;margin-left:-12px;width:44px}.testimonial-quote{color:#111827;font-size:24px;font-style:italic;font-weight:500;line-height:1.5;margin:0 0 24px}.testimonial-author{display:flex;flex-direction:column;gap:4px}.author-name{color:#111827;font-size:16px;font-weight:700}.author-role{color:#6b7280;font-size:14px}.landing-footer{background:#fff;border-top:1px solid #e5e7eb;padding:32px 24px}.footer-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-brand .brand-wordmark,.footer-brand .logo-text{color:#111827}.copyright{color:#6b7280;font-size:14px}.legal-links{display:flex;gap:24px}.legal-links a{color:#6b7280;font-size:14px;text-decoration:none;transition:color .2s}.legal-links a:hover{color:#374151}@media (max-width:1300px){.pricing-grid{gap:20px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:700px}}@media (max-width:1024px){.hero-container{gap:60px;grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%;order:1}.hero-visual{min-height:350px;order:0}.hero-title{font-size:42px}.hero-buttons{justify-content:center}.hero-benefits{align-items:center}.features-grid{gap:32px;grid-template-columns:1fr}.feature-card{text-align:center}.feature-icon{margin:0 auto 20px}.pricing-grid{grid-template-columns:1fr;margin:0 auto;max-width:400px}.pricing-card.popular{order:-1;transform:none}.pricing-card.business{order:-1}.footer-container{flex-direction:column;gap:24px;text-align:center}.footer-links{flex-direction:column;gap:16px}}@media (max-width:768px){.landing-nav{display:none}.mobile-menu,.mobile-menu-btn{display:flex}.hero-section{padding:40px 20px 60px}.hero-title{font-size:36px}.hero-description{font-size:15px}.hero-buttons{align-items:center;flex-direction:column}.cta-primary{justify-content:center;width:100%}.phone-mockup{width:240px}.floating-phone{right:-10px;top:10px;width:100px}.whatsapp-notification{bottom:10px;left:-10px;padding:10px 14px}.section-title{font-size:28px}.testimonial-quote{font-size:20px}}@media (max-width:480px){.hero-visual{min-height:300px}.phone-mockup{width:200px}.floating-phone{display:none}.whatsapp-notification{bottom:auto;left:auto;margin-top:20px;position:relative}.hero-title{font-size:32px}}.onboarding-invoice-page{background:linear-gradient(135deg,#f5f7fa,#e0f2fe);min-height:100vh;padding:20px 40px}.onboarding-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:1400px}.onboarding-header .brand-lockup .app-name,.onboarding-header .brand-lockup .brand-wordmark{color:#111827}.header-nav{align-items:center;display:flex;gap:24px}.nav-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:#111827}.user-avatar{background:#10b981;height:36px;width:36px}.onboarding-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:-20px auto 0;max-width:1400px}.onboarding-left{max-width:550px}.onboarding-title{color:#111827;font-size:48px;font-weight:800;line-height:1.1;margin:0 0 16px}.onboarding-description{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:24px}.btn-create-invoice{box-shadow:0 4px 6px -1px #10b9814d;font-size:15px;margin-bottom:32px;padding:14px 28px;transition:all .2s;width:100%}.btn-create-invoice:hover{box-shadow:0 6px 12px -1px #10b98166;transform:translateY(-2px)}.feature-badges{display:flex;gap:12px;margin-bottom:32px}.feature-badge{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:1 1;padding:12px 8px;text-align:center}.badge-icon{font-size:24px;margin-bottom:6px}.badge-text{color:#374151;font-size:12px;font-weight:600}.onboarding-links{display:flex;gap:20px;justify-content:center}.link-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .2s}.link-btn:hover{color:#111827;text-decoration:underline}.onboarding-right{align-items:center;display:flex;justify-content:center}.invoice-preview-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;overflow:hidden;position:relative;width:100%}.invoice-preview-content{padding:24px 20px}.invoice-preview-header{margin-bottom:20px}.business-logo-placeholder{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.invoice-badge{font-size:32px}.invoice-table{margin-bottom:16px;margin-top:6px}.table-header,.table-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr;padding:12px 0}.table-header{border-bottom:2px solid #e5e7eb;color:#9ca3af;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.table-row{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px}.col-desc{grid-column:1}.col-qty{grid-column:2;text-align:center}.col-price{font-weight:600;grid-column:3;text-align:right}.add-item-btn{color:#10b981;display:inline-block;font-size:14px;margin-bottom:20px;padding:8px 16px;transition:background .2s}.add-item-btn:hover{background:#f0fdf4}.invoice-footer{align-items:center;border-top:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:6px;padding-top:16px}.whatsapp-share-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:background .2s}.whatsapp-share-btn:hover{background:#059669}.total-section{text-align:right}.total-label{color:#6b7280;font-size:12px;margin-bottom:4px}.ready-badge{background:#10b981;border-radius:20px;box-shadow:0 4px 6px #10b9814d;color:#fff;font-size:11px;font-weight:600;padding:6px 12px;position:absolute;right:16px;top:16px}@media (max-width:1024px){.onboarding-content{gap:60px;grid-template-columns:1fr}.onboarding-left{max-width:100%}.onboarding-title{font-size:44px}}@media (max-width:768px){.onboarding-invoice-page{padding:16px}.onboarding-header{margin-bottom:40px}.header-nav{gap:16px}.nav-link{font-size:13px}.onboarding-title{font-size:36px}.onboarding-description{font-size:16px}.feature-badges{flex-direction:column}.invoice-preview-card{max-width:100%}.invoice-preview-content{padding:32px 24px}}.pricing-page{background:linear-gradient(135deg,#faf5ff,#f5f3ff);min-height:100vh;padding:12px}.pricing-header{margin:0 auto;max-width:1200px}.pricing-header .brand-lockup .app-name,.pricing-header .brand-lockup .brand-wordmark{color:#111827}.logo-icon-triangle{align-items:center;background:#10b981;border-radius:8px;color:#fff;display:flex;font-size:18px;height:36px;justify-content:center;margin-bottom:0;width:36px}.pricing-content{margin:0 auto;max-width:1200px;text-align:center}.pricing-title{color:#111827;font-size:32px;font-weight:800;line-height:1.2;margin:0 0 12px}.pricing-subtitle{color:#6b7280;font-size:15px;margin-bottom:20px}.alert{text-align:left}.pricing-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.pricing-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px 20px;position:relative;transition:all .3s}.pricing-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.pricing-card.popular{border:2px solid #10b981;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{background:#10b981;border-radius:20px;color:#fff;font-size:11px;font-weight:700;left:50%;letter-spacing:.5px;padding:6px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.card-header{margin-bottom:12px}.plan-name{color:#111827;font-size:18px;font-weight:700;margin:0 0 4px}.plan-description{color:#6b7280;font-size:13px;margin:0}.price-amount{color:#111827;font-size:32px;font-weight:800}.price-period{color:#6b7280;font-size:14px;margin-left:4px}.plan-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:12px;padding:10px 18px;transition:all .2s;width:100%}.plan-button.secondary{background:#f9fafb;border:1px solid #e5e7eb;color:#374151}.plan-button.secondary:hover{background:#f3f4f6}.plan-button.primary{background:#10b981;color:#fff}.plan-button.primary:hover{background:#059669}.plan-button.dark{background:#111827;color:#fff}.plan-button.dark:hover{background:#000}.features-list{display:flex;flex-direction:column;gap:10px;text-align:left}.feature-item{align-items:flex-start;color:#374151;display:flex;font-size:13px;gap:8px}.check-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.check-icon.green{background:#d1fae5;color:#10b981}.check-icon.gray{background:#f3f4f6;color:#9ca3af}.feature-text-gray{color:#9ca3af}.pricing-footer{margin:40px 0}.skip-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .2s}.skip-link:hover{color:#111827;text-decoration:underline}.trust-badges{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;display:flex;gap:48px;justify-content:center;margin:40px 0;padding:24px 0}.trust-item{align-items:center;display:flex;gap:8px}.trust-icon{font-size:20px}.trust-text{color:#6b7280;font-size:14px;font-weight:500}.footer-links{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:32px;justify-content:center;margin-top:40px}.footer-links a{color:#6b7280;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#111827}.copyright{color:#9ca3af}@media (max-width:1024px){.pricing-cards{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:500px}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-4px)}.pricing-title{font-size:40px}}@media (max-width:768px){.pricing-page{padding:16px}.pricing-header{margin-bottom:40px}.pricing-title{font-size:32px}.pricing-subtitle{font-size:16px;margin-bottom:40px}.price-amount{font-size:40px}.footer-links,.trust-badges{flex-direction:column;gap:16px}.payment-method-selector{flex-direction:column}.method-btn{width:100%}.billing-toggle{flex-direction:column;width:100%}.toggle-btn{flex:1 1}}.payment-method-selector{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.method-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:100px;padding:12px 24px;transition:all .2s ease}.method-btn:hover{background:#f9fafb;border-color:#d1d5db}.method-btn.active{background:linear-gradient(135deg,#10b9810d,#10b9811a);border-color:#10b981}.method-icon{font-size:24px}.method-label{color:#111827;font-size:14px;font-weight:600}.method-currency{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:11px;padding:2px 8px}.method-btn.active .method-currency{background:#10b98126;color:#047857}.billing-toggle{background:#f3f4f6;border-radius:10px;display:flex;gap:8px;justify-content:center;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:300px;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.toggle-btn:hover{color:#111827}.toggle-btn.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#111827}.save-badge{background:#10b981;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.price-section{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:12px}.price-conversion{color:#6b7280;font-size:12px;margin-top:4px;width:100%}.dashboard-page{background:#f9fafb;max-width:100%;min-height:100vh;overflow-x:hidden;padding:24px 32px}@media (max-width:768px){.dashboard-page{padding:16px}}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.dashboard-title{color:#111827;font-size:32px;font-weight:700;margin:0 0 4px}.dashboard-subtitle{color:#10b981;font-size:14px;margin:0}.btn-secondary-outline{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-secondary-outline:hover{background:#f9fafb;border-color:#d1d5db}.btn-create{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.btn-create:hover{background:#059669}.date-range-filter{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:8px 0}.date-range-buttons{background:#f3f4f6;border-radius:8px;display:flex;flex-wrap:wrap;gap:0;padding:4px}.date-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.date-btn:hover{color:#374151}.date-btn.active{background:#10b981;color:#fff}.custom-range-section{align-items:center;display:flex;gap:8px;margin-left:auto}.custom-range-label{color:#6b7280;font-size:13px;font-weight:500}.custom-range-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.custom-range-btn:hover{background:#f9fafb;border-color:#d1d5db}.custom-range-btn.active{border-color:#10b981;color:#10b981}.custom-date-picker{gap:8px;padding-top:8px;width:100%}.custom-date-picker input[type=date]{border:1px solid #e5e7eb;color:#374151;font-size:13px;padding:8px 12px}.custom-date-picker span{color:#6b7280;font-size:13px}.custom-date-picker .apply-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.custom-date-picker .apply-btn:hover{background:#059669}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:flex-start;border-radius:16px;justify-content:space-between;position:relative;transition:transform .2s,box-shadow .2s}.stat-card:hover{border-color:#d1d5db;box-shadow:0 12px 24px -10px #00000014;transform:translateY(-4px)}.stat-main{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;z-index:1}.stat-label,.stat-value{white-space:nowrap}.stat-value{font-size:28px;letter-spacing:-.5px;margin:4px 0;overflow:hidden;text-overflow:ellipsis}.stat-trend{align-items:center;color:#10b981;display:flex;gap:4px}.stat-trend.negative{color:#ef4444}.stat-meta{line-height:1.4}.cash-section{margin:0 0 24px}.cash-section-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.cash-section-header h2{color:#111827;font-size:18px;margin:0 0 4px}.cash-section-header p{color:#6b7280;font-size:13px;margin:0}.cash-link{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#059669;cursor:pointer;font-weight:600;padding:8px 12px}.cash-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.cash-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px}.cash-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cash-card strong{color:#111827;font-size:20px}.cash-card.positive strong{color:#059669}.cash-card.negative strong{color:#dc2626}.cash-count{color:#6b7280;font-size:12px}.aging-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 24px}.aging-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px}.aging-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.aging-card strong{color:#111827;font-size:20px}.aging-count{color:#6b7280;font-size:12px}@media (max-width:768px){.aging-grid,.cash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-grid{grid-template-columns:1fr}}.stat-badge{border-radius:9999px;font-weight:600;width:-webkit-fit-content;width:fit-content}.stat-badge.active{background:#d1fae5;color:#059669}.stat-icon{border-radius:12px;font-size:24px;height:48px;margin-left:16px;width:48px}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}@media (max-width:480px){.charts-grid,.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}}.chart-card{border:1px solid #e5e7eb;padding:24px}.chart-header{align-items:center;margin-bottom:20px}.chart-card h3{color:#111827;font-size:16px;font-weight:600;margin:0}.chart-period{background:#d1fae5;border-radius:6px;color:#10b981;font-size:12px;font-weight:500;padding:4px 12px}.bar-chart{gap:12px;height:140px;margin-bottom:12px}.bar{background:#d1fae5;flex:1 1;min-height:20px;transition:all .3s}.bar.active{background:#10b981}.bar:hover{background:#059669;transform:scaleY(1.05)}.chart-labels{color:#9ca3af;font-size:12px;justify-content:space-around;margin-top:8px}.donut-container{flex-direction:column;gap:16px;justify-content:center;padding:10px 0}.donut-chart{flex-shrink:0;height:220px;width:220px}.circular-chart{display:block;max-height:100%;max-width:100%}.circle-bg{fill:none;stroke:#f3f4f6;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}.circle.paid{stroke:#10b981}.circle.pending{stroke:#f59e0b}@keyframes progress{0%{stroke-dasharray:0 100}}.donut-center{max-width:140px;width:65%}.donut-label{color:#9ca3af;font-size:9px;font-weight:600;letter-spacing:.5px}.donut-value{font-size:22px;margin-top:4px;overflow-wrap:break-word;word-break:break-word}.donut-legend{flex-direction:row;gap:24px;justify-content:center}.legend-item{color:#6b7280;font-size:12px;gap:8px;white-space:nowrap}.legend-dot{height:12px;width:12px}.legend-dot.paid{background:#10b981}.legend-dot.pending{background:#f59e0b}.line-chart{height:120px;position:relative}.avg-value-display{color:#10b981;font-size:1.25rem;font-weight:700}.line-svg{height:100%;width:100%}.bottom-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.5fr 1fr}.table-card,.tasks-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.table-header,.tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.table-card h3,.tasks-card h3{color:#111827;font-size:16px;font-weight:600;margin:0}.view-all-btn{color:#10b981;font-size:14px;font-weight:500;transition:color .2s}.view-all-btn:hover{color:#059669;text-decoration:underline}.alert-badge{background:#fee2e2;border-radius:6px;color:#991b1b;font-size:12px;font-weight:600;padding:4px 12px}.invoices-table{border-collapse:collapse;width:100%}.invoices-table thead{border-bottom:1px solid #f3f4f6}.invoices-table th{color:#9ca3af;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.invoices-table tbody tr{border-bottom:1px solid #f9fafb;transition:background .2s}.invoices-table tbody tr:hover{background:#f9fafb}.invoices-table td{color:#374151;font-size:14px;padding:16px}.status-badge-small{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.status-badge-small.status-paid{background:#d1fae5;color:#065f46}.status-badge-small.status-pending{background:#fef3c7;color:#92400e}.status-badge-small.status-overdue{background:#fee2e2;color:#991b1b}.action-btn-small{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;padding:4px 8px;transition:color .2s}.action-btn-small:hover{color:#10b981}.tasks-list{display:flex;flex-direction:column;gap:16px}.task-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;display:flex;gap:12px;padding:16px}.task-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.task-icon.warning{background:#fef3c7;color:#92400e}.task-icon.info{background:#dbeafe;color:#1e40af}.task-icon.success{background:#d1fae5;color:#065f46}.task-content{flex:1 1}.task-content h4{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.task-content p{color:#6b7280;font-size:13px;margin:0 0 8px}.task-action{background:none;border:none;color:#10b981;cursor:pointer;font-size:13px;font-weight:500;padding:0;transition:color .2s}.task-action:hover{color:#059669;text-decoration:underline}.empty-state-small{color:#9ca3af;padding:40px 20px;text-align:center}.empty-state-small p{font-size:14px;margin:0 0 16px}.btn-create-small{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s}.btn-create-small:hover{background:#059669}.loading-container{min-height:400px}.empty-tasks{color:#6b7280;padding:3rem 1.5rem;text-align:center}.empty-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.empty-tasks p{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-tasks span{color:#9ca3af;font-size:.875rem}@media (max-width:1280px){.bottom-grid{grid-template-columns:1fr}}@media (max-width:1024px){.charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.dashboard-page{padding:20px}.dashboard-header{align-items:flex-start;flex-direction:column}.header-actions{flex-direction:column;width:100%}.btn-create,.btn-secondary-outline{width:100%}.bottom-grid,.charts-grid,.stats-grid{grid-template-columns:1fr}.invoices-table{display:block;overflow-x:auto;white-space:nowrap}}.phone-input-container{display:flex;gap:.5rem;width:100%}.country-code-select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9375rem;font-weight:500;min-width:100px;padding:.75rem;transition:border-color .2s}.country-code-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.phone-number-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.9375rem;padding:.75rem;transition:border-color .2s}.phone-number-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.phone-number-input::placeholder{color:#9ca3af}@media (max-width:480px){.phone-input-container{gap:.375rem}.country-code-select{min-width:90px}.country-code-select,.phone-number-input{font-size:.875rem;padding:.625rem}}.create-invoice-page{background:#f9fafb;max-width:100%;min-height:100vh;overflow-x:hidden;padding:28px 32px}.invoice-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:32px}.invoice-header,.invoice-title-section{align-items:center;display:flex;gap:16px}.invoice-title-section h1{color:#111827;font-size:32px;font-weight:700;margin:0}.invoice-number{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:14px;padding:6px 16px}.invoice-actions{gap:12px}.btn-save-draft{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-save-draft:hover{background:#f9fafb;border-color:#d1d5db}.btn-save-quote{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#3730a3;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-save-quote:hover{background:#e0e7ff}.btn-generate{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s}.btn-generate:hover{background:#059669}.btn-generate:disabled{cursor:not-allowed;opacity:.6}.invoice-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 380px;max-width:100%}.invoice-main{display:flex;flex-direction:column;gap:24px;min-width:0}.bill-to-section,.due-date-section,.items-section,.notes-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px 32px}.section-header{align-items:center;gap:12px;justify-content:flex-start;margin-bottom:20px}.section-header>div{align-items:center;display:flex;gap:12px}.section-icon{align-items:center;background:#dbeafe;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.section-icon.green{background:#d1fae5}.section-header h2{font-size:18px;font-weight:600;margin:0}.currency-label{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:13px;padding:6px 12px}.form-row{grid-gap:16px;gap:16px}.form-group{margin-bottom:0}.form-group.flex-1{flex:1 1}.whatsapp-hint{color:#10b981;font-size:12px;margin-left:4px}.form-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:14px;padding:10px 14px;transition:border-color .2s}.form-input::placeholder{color:#9ca3af}.customer-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.dropdown-section-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.025em;padding:8px 14px;text-transform:uppercase}.dropdown-section-info{padding:16px 14px;text-align:center}.new-customer-indicator{color:#10b981;font-size:14px;font-weight:600;margin-bottom:4px}.new-customer-hint{color:#6b7280;font-size:12px}.customer-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 14px;transition:all .2s}.customer-dropdown-item:last-child{border-bottom:none}.customer-dropdown-item:hover{background:#f0fdf4;border-left:3px solid #10b981;padding-left:11px}.customer-item-content{display:flex;flex-direction:column;gap:4px}.customer-name{color:#111827;font-size:14px;font-weight:600}.customer-details{display:flex;flex-wrap:wrap;gap:12px}.customer-email,.customer-phone{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.customer-stats{color:#9ca3af;font-size:11px;margin-top:2px}.customer-input-container{position:relative}.item-input-container{position:relative;width:100%}.item-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:4px;max-height:none;position:absolute;right:0;top:100%;z-index:100}.item-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:10px 12px;transition:all .2s}.item-dropdown-item:last-child{border-bottom:none}.item-dropdown-item:hover{background:#f0fdf4;border-left:3px solid #10b981;padding-left:9px}.item-info{justify-content:space-between}.item-info,.item-name-row{align-items:center;display:flex}.item-name-row{flex:1 1;gap:8px}.item-name{color:#111827;font-size:13px;font-weight:600}.item-category{background:#e0f2fe;color:#0369a1;font-size:11px;padding:2px 8px}.item-price,.new-item-indicator{color:#10b981;font-size:13px;font-weight:600}.new-item-indicator{margin-bottom:8px;text-align:center}.add-item-btn-inline{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s;width:100%}.add-item-btn-inline:hover{box-shadow:0 4px 6px #10b9814d;transform:translateY(-1px)}.items-table{margin-bottom:16px}.items-table-header{grid-gap:10px;border-bottom:1px solid #f3f4f6;display:grid;gap:10px;grid-template-columns:2.5fr 70px 1.3fr 1.3fr 40px;margin-bottom:8px;padding:12px 0}.items-table-header div{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.items-table-header .col-description{text-align:left}.items-table-header .col-qty{text-align:center}.items-table-header .col-price,.items-table-header .col-total{padding-right:12px;text-align:right}.item-row{grid-gap:10px;align-items:center;border-bottom:1px solid #f9fafb;display:grid;gap:10px;grid-template-columns:2.5fr 70px 1.3fr 1.3fr 40px;padding:12px 0}.item-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;color:#111827;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.item-input:focus{border-color:#10b981;outline:none}.item-input.description{grid-column:span 1;min-width:0}.item-input.qty{font-weight:600;padding:10px 8px;text-align:center}.price-input-wrapper{align-items:center;display:flex;position:relative}.currency-prefix{color:#6b7280;font-size:14px;font-weight:500;left:12px;pointer-events:none;position:absolute}.item-input.price{padding-left:28px;text-align:right}.item-total{color:#111827;font-size:14px;font-weight:600;padding-right:12px;text-align:right}.btn-remove-item{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:16px;padding:4px;transition:background .2s}.btn-remove-item:hover{background:#fee2e2}.btn-add-item{align-items:center;background:none;border-radius:6px;color:#10b981;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s}.btn-add-item:hover{background:#f0fdf4}.due-date-section label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:10px}.due-date-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.due-date-preset{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px}.due-date-preset.active{background:#ecfdf5;border-color:#10b981;color:#047857}.due-date-input{max-width:220px}.due-date-hint{color:#6b7280;font-size:12px;margin:8px 0 0}.notes-section label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.notes-textarea{border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-family:inherit;font-size:14px;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.notes-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.notes-textarea::placeholder{color:#9ca3af}.invoice-sidebar{display:flex;flex-direction:column;gap:20px}.pro-tip-card,.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;padding:24px}.summary-card h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px;width:100%}.summary-row{align-items:center;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:14px;gap:12px;padding:12px 0;width:100%}.summary-row>span:first-child{flex-shrink:0}.summary-row:last-of-type{border-bottom:none}.summary-value{font-weight:600}.vat-helper-hint{color:#047857;font-size:12px;margin:0 0 8px}.fee-input-wrapper{align-items:center;display:flex;flex-shrink:0;position:relative;width:120px}.fee-input-wrapper .currency-prefix{color:#6b7280;font-size:14px;left:10px;pointer-events:none;position:absolute}.fee-input{border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:14px;padding:6px 10px 6px 24px;text-align:right;width:100%}.fee-input:focus{background:#fff;border-color:#10b981;outline:none}.payment-instructions-row{align-items:flex-start;flex-wrap:wrap;gap:8px}.payment-instructions-row>span:first-child{flex-basis:100%;padding-top:8px}@media (min-width:768px){.payment-instructions-row>span:first-child{flex-basis:auto}}.payment-instructions-controls{align-items:flex-end;display:flex;flex-direction:column;flex-grow:1;gap:8px;max-width:220px;width:100%}.payment-instructions-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 12px;width:100%}.btn-manage-payment{align-self:flex-end;background:none;border:none;color:#10b981;cursor:pointer;font-size:12px;font-weight:600;padding:4px 0}.payment-instructions-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:8px 0 16px;padding:12px}.payment-instructions-preview .preview-header{align-items:center;display:flex;margin-bottom:8px}.payment-instructions-preview .preview-label{color:#166534;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.payment-instructions-preview .preview-content{color:#374151;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.summary-total{align-items:center;border-top:2px solid #e5e7eb;color:#111827;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-top:12px;padding:16px 0}.total-amount{font-size:24px}.summary-note{color:#6b7280;font-size:12px;line-height:1.5;margin:12px 0 0}.pro-tip-card{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-color:#bfdbfe}.pro-tip-icon{font-size:24px;margin-bottom:8px}.pro-tip-card h4{color:#1e40af;font-size:14px;font-weight:600;margin:0 0 8px}.pro-tip-card p{color:#3b82f6;font-size:13px;line-height:1.5;margin:0}.alert-error{background:#fee2e2;border:1px solid #fecaca}@media (max-width:1200px){.invoice-content{grid-template-columns:1fr}.invoice-sidebar{order:2}}@media (max-width:768px){.create-invoice-page{padding:16px}.invoice-header{align-items:flex-start;flex-direction:column;gap:16px}.invoice-title-section h1{font-size:24px}.invoice-actions{flex-direction:column;width:100%}.btn-generate,.btn-save-draft{width:100%}.form-row{grid-template-columns:1fr}.items-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.item-row,.items-table-header{gap:8px;grid-template-columns:2fr 60px 1fr 1fr 30px}.item-input{font-size:13px;padding:8px 10px}.item-input.price{padding-left:24px}}.invoice-history-page{background:#f9fafb;min-height:100vh;padding:32px}.invoice-history-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.invoice-history-title{color:#111827;font-size:32px;font-weight:700;margin:0 0 8px}.invoice-history-subtitle{color:#6b7280;font-size:14px;margin:0}.btn-create-invoice{align-self:flex-start;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;max-width:-webkit-max-content;max-width:max-content;padding:12px 24px;transition:background .2s;white-space:nowrap;width:auto}.btn-create-invoice:hover{background:#059669}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{padding:24px}.stat-header{margin-bottom:12px}.stat-label{font-size:14px}.stat-trend{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px}.stat-trend.positive{background:#d1fae5;color:#10b981}.stat-meta{color:#6b7280;font-size:12px;font-weight:500}.stat-value{color:#111827;font-size:20px}.filters-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{align-items:center;display:flex;flex:1 1;min-width:280px}.search-icon{color:#9ca3af;font-size:16px;left:16px}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px 12px 44px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#10b981;outline:none}.filter-dropdowns{display:flex;gap:12px}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;min-width:140px;padding:12px 16px;transition:border-color .2s}.filter-select:focus{border-color:#10b981;outline:none}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-tab{background:#fff;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-tab:hover{background:#f3f4f6}.filter-tab.active{background:#d1fae5;color:#10b981}.invoice-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden}.invoice-table{border-collapse:collapse;width:100%}.invoice-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.invoice-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.invoice-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.invoice-table tbody tr:hover{background:#f9fafb}.invoice-table tbody tr:last-child{border-bottom:none}.invoice-table td{color:#374151;font-size:14px;padding:20px}.invoice-id{color:#111827;font-weight:600}.invoice-date{color:#6b7280}.customer-info{align-items:center;display:flex;gap:12px}.customer-avatar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:36px;justify-content:center;width:36px}.status-badge{border-radius:6px;padding:6px 12px}.status-paid{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7}.status-overdue{background:#fee2e2;color:#991b1b}.status-draft{background:#e5e7eb;color:#374151}.status-quote{background:#e0e7ff;color:#3730a3}.status-partial{background:#dbeafe;color:#1e40af}.history-header-actions{align-items:flex-start;display:flex;gap:12px}.btn-download-csv{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px}.btn-download-csv:hover{background:#f9fafb}.recurring-table .recurring-actions{display:flex;gap:8px}.invoice-amount{color:#111827;font-weight:600}.invoice-actions{gap:8px}.action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.action-btn:hover{background:#f9fafb;border-color:#10b981;transform:translateY(-2px)}.pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:0 4px}.pagination-btn{color:#374151;height:36px;min-width:36px;padding:0 12px}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#10b981}.pagination-btn.active{background:#10b981}.pagination-btn:disabled{opacity:.4}.pagination-ellipsis{color:#9ca3af;padding:0 8px}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:80px 20px}.empty-state-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state-subtitle{color:#6b7280;font-size:14px;margin:0}.loading-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:80px 20px}.spinner{border:4px solid #e5e7eb}@media (max-width:1024px){.invoice-table-container{overflow-x:auto}.invoice-table{min-width:800px}}@media (max-width:768px){.invoice-history-page{padding:20px}.invoice-history-header{flex-direction:column;gap:16px}.btn-create-invoice{width:100%}.stats-container{grid-template-columns:1fr}.filters-container{flex-direction:column}.search-box{min-width:100%}.filter-dropdowns{flex-direction:column;width:100%}.filter-select{width:100%}.pagination-container{align-items:flex-start;flex-direction:column}}.invoice-detail-page{background:#f9fafb;margin:0 auto;max-width:1400px;min-height:100vh;overflow-x:hidden;padding:2rem 2.5rem;width:100%}.invoice-breadcrumb{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem}.breadcrumb-link{background:none;border:none;color:#10b981;cursor:pointer;font-size:.875rem;padding:0;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.invoice-header-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.invoice-main-title{color:#111827;font-size:2rem;font-weight:700;margin:0 0 .5rem}.payment-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;letter-spacing:.025em;padding:.5rem 1rem}.payment-status-badge.paid{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.payment-status-badge.pending{border:1px solid #fcd34d}.payment-status-badge.overdue{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.invoice-subtitle{color:#6b7280;font-size:1rem;margin:0}.invoice-header-actions{display:flex;gap:.75rem}.btn-download-header,.btn-edit{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-download-header:hover,.btn-edit:hover{background:#f9fafb;border-color:#10b981}.invoice-detail-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px}.invoice-preview-section{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:2.5rem}.invoice-preview-card{margin:0 auto;max-width:800px;padding:2rem}.invoice-preview-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem}.business-logo-preview{height:60px;margin-bottom:1rem;width:60px}.business-logo-preview img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.logo-placeholder{background:#10b981;border-radius:.5rem;color:#fff;font-size:1.5rem;height:100%;justify-content:center;width:100%}.business-info-preview h3{color:#111827;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.business-info-preview p{color:#6b7280;font-size:.875rem;margin:0}.invoice-label{color:#10b981;font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.invoice-details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.section-label{color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin:0 0 .75rem}.customer-name-bold{color:#111827;font-size:1rem;font-weight:600;margin:0 0 .25rem}.billed-to-section p,.invoice-meta-section p{color:#6b7280;font-size:.875rem;margin:.25rem 0}.invoice-items-table{border-collapse:collapse;margin-bottom:2rem;margin-top:1.5rem;width:100%}.invoice-items-table tbody tr{border-bottom:1px solid #e5e7eb}.invoice-items-table tbody tr:last-child{border-bottom:2px solid #e5e7eb}.invoice-items-table td{font-size:.875rem;padding:1rem .5rem}.invoice-items-table td:first-child{padding-left:0}.invoice-items-table td:last-child{padding-right:0}.item-name-col{color:#374151;font-weight:500}.item-price-col{color:#111827;font-weight:600;text-align:right}.invoice-totals-section{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:2rem;padding-top:1rem}.totals-row{color:#6b7280;display:flex;font-size:.875rem;gap:3rem;justify-content:space-between;max-width:300px;padding:.75rem 0;width:100%}.totals-row.delivery-row,.totals-row.subtotal-row{font-size:.875rem;font-weight:500;padding:.5rem 0}.totals-row:last-child{border-top:2px solid #e5e7eb;color:#111827;font-size:1.125rem;font-weight:600;padding-top:1rem}.total-amount{color:#10b981;font-size:1.5rem;font-weight:700}.payment-instructions-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:2rem;padding:1.5rem}.payment-instructions-section h4{color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem}.payment-instructions-section pre{word-wrap:break-word;color:#374151;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.invoice-footer-note{border-top:1px solid #e5e7eb;padding-top:2rem;text-align:center}.invoice-footer-note p{color:#6b7280;font-size:.875rem;margin:.25rem 0}.share-sidebar{display:flex;flex-direction:column;gap:1.5rem}.success-alert{background:#d1fae5;border:1px solid #10b981;border-radius:.5rem;color:#047857;font-size:.875rem;font-weight:500;gap:.75rem;padding:1rem}.success-alert,.success-check{align-items:center;display:flex}.success-check{background:#10b981;border-radius:50%;color:#fff;flex-shrink:0;font-weight:700;height:24px;justify-content:center;width:24px}.whatsapp-share-section{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.whatsapp-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.whatsapp-icon{font-size:1.5rem}.whatsapp-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.recipient-selector{margin-bottom:1.5rem}.recipient-selector label{color:#6b7280;display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem}.recipient-input{display:flex;gap:.5rem}.recipient-input input{background:#f9fafb;color:#374151;flex:1 1;font-size:.875rem}.add-contact-btn,.recipient-input input{border:1px solid #d1d5db;border-radius:.5rem;padding:.625rem .875rem}.add-contact-btn{background:#fff;cursor:pointer;font-size:1rem;transition:all .2s}.add-contact-btn:hover{background:#f9fafb;border-color:#10b981}.message-editor{margin-bottom:1.5rem}.message-editor label{color:#6b7280;display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem}.message-editor textarea{border:1px solid #d1d5db;border-radius:.5rem;color:#374151;font-family:inherit;font-size:.875rem;min-height:120px;padding:.75rem;resize:vertical;width:100%}.message-editor textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.reset-message-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.75rem;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;transition:all .2s}.reset-message-btn:hover{background:#f9fafb;border-color:#10b981}.edit-hint{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;margin:.75rem 0 0}.btn-continue-whatsapp{background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.5rem;padding:.875rem 1.5rem;transition:all .2s;width:100%}.btn-continue-whatsapp:hover{background:#059669;box-shadow:0 4px 6px #10b98133;transform:translateY(-1px)}.whatsapp-hint{color:#9ca3af;font-size:.75rem;margin:0;text-align:center}.other-actions-section{display:flex;flex-direction:column;gap:.75rem}.action-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s}.action-link:hover{background:#f9fafb;border-color:#10b981;color:#10b981}.invoice-detail-loading{align-items:center;color:#6b7280;display:flex;font-size:1.125rem;justify-content:center;min-height:400px}@media (max-width:1200px){.invoice-detail-container{grid-template-columns:1fr 350px}}@media (max-width:968px){.invoice-detail-container{grid-template-columns:1fr}.share-sidebar{order:-1}}@media (max-width:768px){.invoice-detail-page{padding:1rem}.invoice-header-section{flex-direction:column}.invoice-header-actions{width:100%}.btn-download-header,.btn-edit{flex:1 1;justify-content:center}.invoice-main-title{font-size:1.5rem}.invoice-label{font-size:1.75rem}.invoice-details-grid{gap:1.5rem;grid-template-columns:1fr}.invoice-preview-section{padding:1.5rem}}@media (max-width:480px){.invoice-breadcrumb{font-size:.75rem}.invoice-main-title{font-size:1.25rem}.invoice-subtitle{font-size:.875rem}.btn-download-header,.btn-edit{font-size:.8125rem;padding:.5rem 1rem}.invoice-preview-section,.whatsapp-share-section{padding:1rem}}.payment-modal{animation:modalSlideIn .3s ease-out;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2rem;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:#9ca3af;padding:.25rem;position:absolute;right:1rem;top:1rem}.modal-close:hover{color:#6b7280}.modal-icon{margin-bottom:1.5rem}.check-circle,.modal-icon{display:flex;justify-content:center}.check-circle{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;font-size:3rem;font-weight:700;height:80px;width:80px}.modal-title{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .5rem;text-align:center}.modal-invoice-number{font-weight:500}.modal-description,.modal-invoice-number{color:#6b7280;font-size:.95rem;margin:0 0 1.5rem;text-align:center}.modal-description{line-height:1.6}.payment-method-section{margin:1.5rem 0}.payment-method-label{color:#374151;display:block;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.payment-method-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.payment-method-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.payment-method-select option{padding:.5rem}.payment-reference-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#111827;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.payment-reference-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.payment-reference-input::placeholder{color:#9ca3af}.payment-hint{color:#6b7280;font-size:.8125rem;margin:.5rem 0 0}.modal-actions{margin-top:2rem}.btn-cancel{border:2px solid #e5e7eb;color:#6b7280;font-size:1rem;font-weight:600;padding:.75rem 1.5rem}.btn-cancel:hover{border-color:#d1d5db}.btn-confirm-payment{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #10b9814d;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-confirm-payment:hover{box-shadow:0 6px 8px -1px #10b98166;transform:translateY(-1px)}.btn-confirm-payment:active{transform:translateY(0)}.btn-chase-whatsapp{background:#25d366}.btn-chase-whatsapp,.btn-mark-paid{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem}.btn-mark-paid{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98133;transition:all .2s}.btn-mark-paid:hover{box-shadow:0 4px 6px #10b9814d;transform:translateY(-1px)}@media (max-width:480px){.payment-modal{padding:1.5rem}.check-circle{font-size:2.5rem;height:64px;width:64px}.modal-title{font-size:1.25rem}.modal-actions{flex-direction:column}}.collected-payments-section,.payment-claims-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-top:1.5rem;padding:1.5rem}.claims-section-title{border-bottom:1px solid #e5e7eb;color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.claims-list,.payments-list{display:flex;flex-direction:column;gap:1rem}.claim-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;transition:all .2s}.claim-card.pending{border-left:4px solid #f59e0b}.claim-card.approved{background:#f0fdf4;border-left:4px solid #10b981}.claim-card.rejected{background:#fef2f2;border-left:4px solid #ef4444}.claim-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.claim-customer-info{display:flex;flex-direction:column;gap:.25rem}.claim-customer-name{color:#111827;font-weight:600}.claim-date{color:#6b7280;font-size:.75rem}.claim-status-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.claim-status-pending{background:#fef3c7;color:#92400e}.claim-status-approved{background:#d1fae5;color:#065f46}.claim-status-rejected{background:#fee2e2;color:#991b1b}.claim-detail{color:#4b5563;font-size:.875rem;margin-bottom:.5rem}.claim-detail strong{color:#374151}.claim-notes{background:#f3f4f6;font-style:italic}.claim-notes,.review-notes{border-radius:6px;padding:.5rem}.review-notes{background:#ede9fe}.claim-proof{margin:.75rem 0}.view-proof-btn{background:#ede9fe;border:none;border-radius:6px;color:#7c3aed;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.view-proof-btn:hover{background:#ddd6fe}.claim-actions{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:.75rem}.btn-review-claim{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-review-claim:hover{box-shadow:0 4px 6px #7c3aed4d;transform:translateY(-1px)}.review-form{display:flex;flex-direction:column;gap:.75rem}.review-notes-input{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.875rem;padding:.75rem;resize:none;width:100%}.review-notes-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.review-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-approve:hover:not(:disabled){box-shadow:0 4px 6px #10b9814d;transform:translateY(-1px)}.btn-approve:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.6}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-reject:hover:not(:disabled){box-shadow:0 4px 6px #ef44444d;transform:translateY(-1px)}.btn-cancel-review{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-cancel-review:hover{background:#e5e7eb}.payment-card{background:#f9fafb;border:1px solid #e5e7eb;border-left:4px solid #10b981;border-radius:12px;padding:1rem}.payment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.payment-amount{color:#10b981;font-size:1.25rem;font-weight:700}.payment-status-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.payment-status-badge.completed{background:#d1fae5;color:#065f46}.payment-status-badge.settled{background:#dbeafe;color:#1e40af}.payment-status-badge.pending{background:#fef3c7;color:#92400e}.payment-details p{color:#4b5563;font-size:.8125rem;margin:.25rem 0}.payment-details strong{color:#374151}.proof-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:600px;overflow:auto;padding:1.5rem;position:relative;text-align:center;width:90%}.proof-modal h3{color:#111827;margin:0 0 1rem}.proof-container{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;justify-content:center;margin:1rem 0;min-height:200px;padding:1rem}.proof-image{border-radius:8px;max-height:60vh;max-width:100%;object-fit:contain}.pdf-proof{padding:2rem;text-align:center}.pdf-proof p{font-size:3rem;margin-bottom:1rem}.view-pdf-btn{background:#7c3aed;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.view-pdf-btn:hover{background:#6d28d9}.download-proof-btn{background:#f3f4f6;border-radius:8px;color:#374151;display:inline-block;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.download-proof-btn:hover{background:#e5e7eb}@media (max-width:768px){.collected-payments-section,.payment-claims-section{padding:1rem}.claim-header{align-items:flex-start}.claim-header,.review-buttons{flex-direction:column}.review-buttons button{width:100%}}.payment-instructions-section{animation:fadeIn .3s}.section-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#111827;font-size:2rem;font-weight:700;margin:0 0 8px}.section-description{color:#6b7280;margin:0}.btn-add-template{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background .2s;white-space:nowrap}.btn-add-template:hover{background:#059669}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:box-shadow .2s}.template-card:hover{box-shadow:0 4px 12px #00000014}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.template-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.badge-default{background:#d1fae5;border-radius:999px;color:#047857;font-size:12px;font-weight:600;padding:4px 12px}.template-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;max-height:200px;overflow-y:auto;padding:16px}.template-content pre{word-wrap:break-word;color:#374151;font-family:Courier New,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.template-actions{display:flex;gap:8px}.btn-delete,.btn-edit{border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-edit{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.btn-edit:hover{background:#e5e7eb;color:#111827}.btn-delete{background:#fff;border:1px solid #fca5a5;color:#dc2626}.btn-delete:hover{background:#fef2f2}.empty-icon{font-size:64px}.empty-state h3{font-size:20px}.empty-state p{margin:0 0 24px}.modal-content{max-width:600px}.modal-header{margin-bottom:24px}.modal-header h3{font-size:24px;font-weight:700}.modal-close{font-size:32px}.form-group{margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea{color:#111827;font-family:inherit;font-size:14px;padding:10px 12px}.form-group textarea{font-family:Courier New,monospace}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:6px}.form-group-checkbox{margin-bottom:24px}.form-group-checkbox label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.form-group-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.modal-actions{gap:12px;justify-content:flex-end}.btn-cancel,.btn-save{border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-save{background:#10b981}.btn-save:hover{background:#059669}.alert-error{background:#fef2f2}.loading{padding:40px}@media (max-width:768px){.templates-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column}.btn-add-template{width:100%}}.sub-page{background:#fff;margin:0 auto;max-width:900px;padding:2rem}.sub-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.sub-spinner{animation:sub-spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}@keyframes sub-spin{to{transform:rotate(1turn)}}.sub-header{margin-bottom:2rem}.sub-header h1{color:#111827;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.sub-header p{color:#6b7280;font-size:.95rem;margin:0}.sub-alert{border-radius:8px;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.sub-alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.sub-status-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.sub-status-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem}.sub-status-label{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.5rem}.sub-status-icon{font-size:.9rem}.sub-status-value{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem}.sub-status-dot{border-radius:50%;height:10px;width:10px}.sub-status-dot.active{background:#10b981}.sub-status-dot.inactive{background:#ef4444}.sub-billing-toggle{background:#f3f4f6;border-radius:25px;display:flex;gap:0;justify-content:center;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.sub-toggle-btn{align-items:center;background:#0000;border:none;border-radius:20px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s}.sub-toggle-btn.active{background:#10b981;color:#fff}.sub-save-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:.65rem;font-weight:600;padding:2px 6px}.sub-plans-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.sub-plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;position:relative}.sub-plan-card.highlighted{border:2px solid #10b981}.sub-current-badge,.sub-recommended-badge{border-radius:12px;font-size:.65rem;font-weight:600;left:50%;padding:4px 12px;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%)}.sub-current-badge,.sub-recommended-badge{background:#10b981;color:#fff}.sub-plan-header{margin-bottom:1rem;text-align:left}.sub-plan-header h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.sub-plan-price{align-items:baseline;display:flex;gap:2px;margin-bottom:.5rem}.sub-price-amount{color:#111827;font-size:2rem;font-weight:700}.sub-price-period{color:#6b7280;font-size:.875rem}.sub-plan-desc{color:#6b7280;font-size:.8rem;margin:0}.sub-plan-features{flex:1 1;list-style:none;margin:0 0 1.5rem;padding:0}.sub-plan-features li{align-items:center;color:#374151;display:flex;font-size:.85rem;gap:.5rem;padding:.4rem 0}.sub-check{color:#10b981;font-weight:600}.sub-plan-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s;width:100%}.sub-plan-btn.upgrade{background:#10b981;color:#fff}.sub-plan-btn.upgrade:hover{background:#059669}.sub-plan-btn.active-plan{background:#fff;border:2px solid #10b981;color:#10b981}.sub-plan-btn.downgrade{background:#fff;border:1px solid #d1d5db;color:#374151}.sub-plan-btn.downgrade:hover{background:#f3f4f6}.sub-plan-btn.current{background:#fff;border:1px solid #e5e7eb;color:#9ca3af;cursor:default}.sub-plan-btn:disabled{cursor:not-allowed;opacity:.7}.sub-billing-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.sub-billing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.sub-billing-header h2{color:#111827;font-size:1.1rem;font-weight:600;margin:0}.sub-download-all{background:none;border:none;color:#10b981;cursor:pointer;font-size:.875rem;font-weight:500}.sub-download-all:hover{text-decoration:underline}.sub-no-history{color:#6b7280;font-size:.9rem;padding:2rem;text-align:center}.sub-billing-table{border-collapse:collapse;width:100%}.sub-billing-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:500;padding:.75rem .5rem;text-align:left;text-transform:uppercase}.sub-billing-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem;padding:1rem .5rem}.sub-invoice-id{color:#111827;font-weight:500}.sub-date{color:#10b981}.sub-amount{color:#111827;font-weight:500}.sub-status-pill{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 10px}.sub-status-pill.completed,.sub-status-pill.paid{background:#d1fae5;color:#065f46}.sub-status-pill.pending{background:#fef3c7;color:#92400e}.sub-status-pill.failed{background:#fee2e2;color:#991b1b}.sub-download-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1rem;padding:4px 8px}.sub-download-btn:hover{color:#10b981}.sub-danger-zone{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.sub-danger-zone h3{color:#dc2626;font-size:1rem;font-weight:600;margin:0 0 .5rem}.sub-danger-zone p{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.sub-danger-actions{align-items:center;display:flex;justify-content:space-between}.sub-cancel-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.6rem 1.25rem;transition:all .2s}.sub-cancel-btn:hover{background:#b91c1c}.sub-pause-link{background:none;border:none;color:#10b981;cursor:pointer;font-size:.875rem;text-decoration:underline}.sub-footer{color:#9ca3af;font-size:.8rem;padding:1.5rem 0;text-align:center}@media (max-width:768px){.sub-page{padding:1rem}.sub-plans-grid,.sub-status-cards{grid-template-columns:1fr}.sub-billing-toggle{flex-direction:column;width:100%}.sub-toggle-btn{justify-content:center;width:100%}.sub-billing-table{font-size:.75rem}.sub-billing-table td,.sub-billing-table th{padding:.5rem .25rem}.sub-danger-actions{align-items:flex-start;flex-direction:column;gap:1rem}}.profile-page{background-color:#f9fafb;display:grid;grid-template-columns:240px 1fr;min-height:100vh}.profile-sidebar-menu{background-color:#fff;border-right:1px solid #e5e7eb;padding:2rem 1rem}.menu-title{color:#6b7280;font-size:.75rem;font-weight:600;margin-bottom:1rem;padding-left:1rem}.profile-nav{display:flex;flex-direction:column;gap:.25rem}.profile-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9375rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s}.profile-nav-item:hover{background-color:#f3f4f6}.profile-nav-item.active{background-color:#d1fae5;color:#047857;font-weight:500}.nav-icon{font-size:1.125rem}.profile-content{max-width:1200px;padding:2rem 3rem}.profile-section{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-heading{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.section-description{color:#10b981;line-height:1.5;margin-bottom:2rem}.profile-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:2rem}.logo-section{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:200px 1fr;padding-bottom:2rem}.logo-label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.25rem;padding-top:.5rem}.logo-hint{color:#6b7280;font-size:.875rem;margin-top:.25rem}.logo-preview-container,.logo-upload-area{align-items:center;display:flex;gap:1.5rem}.logo-preview-container{background-color:#10b981;border-radius:12px;padding:1.5rem}.logo-preview{border:3px solid #ffffff4d;border-radius:50%;height:80px;object-fit:cover;width:80px}.logo-placeholder{align-items:center;background-color:#10b981;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem}.placeholder-icon{align-items:center;background-color:#fff3;border-radius:50%;display:flex;font-size:2rem;height:80px;justify-content:center;width:80px}.logo-actions{align-items:center;display:flex;gap:1rem}.btn-text{background:none;border:none;color:#fff;cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.btn-text:hover{color:#fffc}.btn-upload{background-color:#fff;border:none;border-radius:6px;color:#10b981;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s}.btn-upload:hover{background-color:#ffffffe6;transform:translateY(-1px)}.card-header{margin-bottom:1.5rem}.card-header h3{color:#111827;font-size:1.25rem;font-weight:600}.visible-badge{background-color:#d1fae5;border-radius:9999px;color:#047857;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.form-group-full,.form-row-single{margin-bottom:1.5rem}.form-row-single{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:200px 1fr}.form-row-single label{color:#374151;font-size:.875rem;font-weight:500;padding-top:.75rem}.form-row-single input{border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;padding:.75rem;transition:border-color .2s}.form-row-single input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group label,.form-group-full label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.whatsapp-badge{margin-left:.25rem}.form-group input,.form-group select,.form-group-full input,.form-group-full textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;padding:.75rem;transition:border-color .2s}.form-group select{background-color:#fff;cursor:pointer}.form-group input:focus,.form-group select:focus,.form-group-full input:focus,.form-group-full textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.phone-input{align-items:center;display:flex;gap:.5rem}.country-code{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-weight:500;padding:.75rem}.phone-input input{flex:1 1}.instagram-input{align-items:center;border:1px solid #d1d5db;border-radius:6px;display:flex;overflow:hidden}.at-symbol{background-color:#f9fafb;border-right:1px solid #d1d5db;color:#6b7280;padding:.75rem}.instagram-input input{border:none;flex:1 1;padding:.75rem}.instagram-input input:focus{outline:none}.field-hint{color:#10b981;font-size:.75rem;margin-top:.25rem}.checkbox-label{align-items:flex-start;color:#374151;display:flex;font-size:.875rem;gap:.5rem}.checkbox-label input{margin-top:.2rem}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}.btn-save{background-color:#10b981;border-radius:6px;font-size:.9375rem;padding:.75rem 2rem;transition:background-color .2s}.btn-save:hover{background-color:#059669}.btn-save:disabled{opacity:.6}.subscription-card{border:1px solid #e5e7eb}.subscription-header{align-items:flex-start;display:flex;justify-content:space-between}.subscription-header h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.tier-badge{background-color:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.subscription-header p{color:#6b7280;font-size:.875rem}.subscription-actions{display:flex;gap:.75rem}.btn-secondary{border-radius:6px}.btn-secondary,.btn-upgrade{cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:background-color .2s}.btn-upgrade{background-color:#111827;border:none;border-radius:6px;color:#fff}.btn-upgrade:hover{background-color:#000}.account-info,.info-row,.subscription-details{padding:1rem 0}.info-row{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between}.info-row label{color:#6b7280;font-weight:500}.info-row span{color:#111827}.alert{padding:1rem}.alert-error{border:1px solid #fca5a5;color:#dc2626}.alert-success{border:1px solid #6ee7b7;color:#047857}.loading{min-height:400px}@media (max-width:1024px){.profile-page{grid-template-columns:1fr}.profile-sidebar-menu{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e7eb;border-right:none;overflow-x:auto;padding:1rem .75rem}.menu-title{display:none}.profile-nav{-webkit-overflow-scrolling:touch;flex-direction:row;gap:.5rem;min-width:-webkit-min-content;min-width:min-content;overflow-x:auto;padding:.25rem 0 .75rem;scrollbar-width:none}.profile-nav::-webkit-scrollbar{display:none}.profile-nav-item{border:1px solid #e5e7eb;flex-shrink:0;font-size:.8125rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.625rem 1rem;white-space:nowrap}.profile-nav-item .nav-icon{flex-shrink:0;font-size:1rem}.profile-nav-item.active{border-color:#10b981}.profile-content{padding:1.5rem}}@media (max-width:768px){.profile-sidebar-menu{padding:.75rem .5rem}.profile-nav{gap:.375rem;padding:.25rem 0 .5rem}.profile-nav-item{font-size:.75rem;gap:.5rem;padding:.5rem .75rem;white-space:nowrap}.nav-icon{flex-shrink:0;font-size:.875rem}.profile-content{padding:1rem}.section-heading{font-size:1.5rem}.section-description{font-size:.9375rem}.profile-card{padding:1.5rem}.form-row{grid-template-columns:1fr}.subscription-header{flex-direction:column;gap:1rem}.subscription-actions{flex-direction:column;width:100%}.subscription-actions button{width:100%}.logo-upload-area{align-items:flex-start;flex-direction:column}.logo-preview,.placeholder-icon{height:64px;width:64px}.placeholder-icon{font-size:1.5rem}}@media (max-width:480px){.profile-sidebar-menu{padding:.5rem .25rem}.profile-nav{gap:.25rem}.profile-nav-item{font-size:.6875rem;gap:.375rem;padding:.5rem .625rem}.nav-icon{font-size:.75rem}.profile-content{padding:.75rem}.section-heading{font-size:1.25rem}.profile-card{padding:1rem}}.card-title{color:#111827;font-size:1.25rem;margin:0 0 .25rem}.card-subtitle{color:#10b981;font-size:.875rem;margin:0 0 1.5rem}.account-form-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:180px 1fr}.avatar-upload-section{text-align:center}.avatar-circle{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 1rem;overflow:hidden;position:relative;width:120px}.avatar-circle img{height:100%;object-fit:cover;width:100%}.avatar-initials{color:#059669;font-size:2.5rem;font-weight:600}.avatar-camera-btn{align-items:center;background:#10b981;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:4px;width:32px}.avatar-hint{color:#9ca3af;font-size:.75rem;line-height:1.4}.account-form-fields{flex:1 1}.form-row.two-col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.input-with-icon{position:relative}.input-with-icon .input-icon{font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{padding-left:40px}.security-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.security-section-title{color:#10b981;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem}.twofa-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.twofa-icon{background:#dbeafe;border-radius:8px;font-size:1.25rem;padding:.5rem}.twofa-info{flex:1 1}.twofa-label{color:#111827;display:block;font-weight:500;margin-bottom:.125rem}.twofa-desc{color:#6b7280;font-size:.8125rem}.toggle-slider{background-color:#e5e7eb}.toggle-slider:before{box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.security-recommendation{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.recommendation-icon{color:#059669;font-size:1rem}.security-recommendation strong{color:#065f46;display:block;font-size:.875rem;margin-bottom:.25rem}.security-recommendation p{color:#047857;font-size:.8125rem;line-height:1.4;margin:0}@media (max-width:768px){.account-form-layout{grid-template-columns:1fr;text-align:center}.avatar-upload-section{margin-bottom:1rem}.form-row.two-col,.security-grid{grid-template-columns:1fr}}.twofa-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.modal-close{line-height:1;transition:color .2s}.modal-close:hover{color:#111827}.modal-body{padding:1.5rem}.twofa-setup-steps{margin-bottom:1.5rem}.setup-step{display:flex;gap:1rem;margin-bottom:1rem}.step-number{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.step-content h4{color:#111827;font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.step-content p{color:#6b7280;font-size:.8125rem;margin:0}.qr-code-container{background:#f9fafb;border-radius:12px;display:flex;justify-content:center;margin-bottom:1rem;padding:1.5rem}.qr-code-image{border-radius:8px;height:200px;width:200px}.manual-entry{background:#fef3c7;border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:center}.manual-entry-label{color:#92400e;font-size:.8125rem;margin:0 0 .5rem}.secret-code{background:#fde68a;border-radius:4px;color:#92400e;display:block;font-family:Courier New,monospace;font-size:.9375rem;font-weight:600;padding:.5rem 1rem;word-break:break-all}.verification-input-container{margin-bottom:1rem}.verification-code-input{border:2px solid #e5e7eb;border-radius:12px;font-size:1.5rem;font-weight:600;letter-spacing:.5rem;outline:none;padding:1rem;text-align:center;transition:border-color .2s;width:100%}.verification-code-input:focus{border-color:#059669}.verification-code-input::placeholder{color:#d1d5db;letter-spacing:.5rem}.twofa-error{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.modal-actions{gap:1rem;margin-top:1.5rem}.btn-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:.9375rem;font-weight:500;padding:.875rem 1.5rem;transition:all .2s}.btn-cancel:hover{background:#f9fafb}.btn-verify{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9375rem;font-weight:500;padding:.875rem 1.5rem;transition:all .2s}.btn-verify:hover:not(:disabled){box-shadow:0 4px 12px #0596694d;transform:translateY(-1px)}.btn-verify:disabled{cursor:not-allowed;opacity:.5}.cm-page{margin:0 auto;max-width:1400px;padding:24px}.cm-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.cm-header h1{color:#1a1a2e;font-size:28px;font-weight:700;margin:0 0 4px}.cm-header p{color:#64748b;font-size:14px;margin:0}.cm-btn-add{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.cm-btn-add:hover{background:#059669;transform:translateY(-1px)}.cm-alert{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px}.cm-alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.cm-alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.cm-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.cm-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;gap:16px;padding:20px}.cm-stat-card,.cm-stat-icon{align-items:center;display:flex}.cm-stat-icon{border-radius:12px;font-size:20px;height:48px;justify-content:center;width:48px}.cm-stat-icon.blue{background:#dbeafe;color:#2563eb}.cm-stat-icon.green{background:#d1fae5;color:#10b981}.cm-stat-icon.orange{background:#ffedd5;color:#f97316}.cm-stat-content{display:flex;flex-direction:column}.cm-stat-label{color:#64748b;font-size:13px;margin-bottom:4px}.cm-stat-value{color:#1a1a2e;font-size:24px;font-weight:700}.cm-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.cm-search{flex:1 1;max-width:400px;position:relative}.cm-search-icon{color:#94a3b8;font-size:14px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.cm-search input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;transition:all .2s;width:100%}.cm-search input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.cm-control-buttons{display:flex;gap:12px}.cm-btn-export,.cm-btn-filter{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.cm-btn-filter{background:#fff;border:1px solid #e2e8f0;color:#475569}.cm-btn-filter:hover{background:#f8fafc;border-color:#cbd5e1}.cm-btn-export{background:#1a1a2e;border:none;color:#fff}.cm-btn-export:hover{background:#2d2d44}.cm-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.cm-empty{padding:60px 20px;text-align:center}.cm-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.cm-empty h3{color:#1a1a2e;font-size:18px;font-weight:600;margin:0 0 8px}.cm-empty p{color:#64748b;margin:0 0 20px}.cm-table{border-collapse:collapse;width:100%}.cm-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.cm-table th{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.cm-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s}.cm-table tbody tr:last-child{border-bottom:none}.cm-table tbody tr:hover{background:#f8fafc}.cm-table td{padding:16px;vertical-align:middle}.cm-customer-cell{gap:12px}.cm-avatar,.cm-customer-cell{align-items:center;display:flex}.cm-avatar{border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.cm-avatar.active{background:linear-gradient(135deg,#10b981,#059669)}.cm-avatar.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.cm-avatar.inactive{background:linear-gradient(135deg,#ef4444,#dc2626)}.cm-customer-info{display:flex;flex-direction:column}.cm-customer-name{color:#1a1a2e;font-size:14px;font-weight:600}.cm-customer-id{color:#94a3b8;font-size:12px}.cm-contact-cell{display:flex;flex-direction:column;gap:4px}.cm-email,.cm-phone{color:#475569;font-size:13px}.cm-email{color:#64748b}.cm-spent{color:#10b981;font-size:14px;font-weight:600}.cm-history-badge{background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.cm-history-badge:hover{background:#e2e8f0;color:#1a1a2e}.cm-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.cm-status-badge.active{background:#d1fae5;color:#065f46}.cm-status-badge.pending{background:#fef3c7;color:#92400e}.cm-status-badge.inactive{background:#fee2e2;color:#991b1b}.cm-status-dot{border-radius:50%;height:6px;width:6px}.cm-status-badge.active .cm-status-dot{background:#10b981}.cm-status-badge.pending .cm-status-dot{background:#f59e0b}.cm-status-badge.inactive .cm-status-dot{background:#ef4444}.cm-actions{display:flex;gap:8px}.cm-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.cm-action-btn.edit{background:#dbeafe;color:#2563eb}.cm-action-btn.edit:hover{background:#bfdbfe}.cm-action-btn.delete{background:#fee2e2;color:#dc2626}.cm-action-btn.delete:hover{background:#fecaca}.cm-pagination{align-items:center;background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:-1px;padding:16px}.cm-pagination-info{color:#64748b;font-size:13px}.cm-pagination-info strong{color:#1a1a2e}.cm-pagination-controls{display:flex;gap:8px}.cm-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s}.cm-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.cm-page-btn.active{background:#10b981;border-color:#10b981;color:#fff}.cm-page-btn:disabled{cursor:not-allowed;opacity:.5}.cm-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cm-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.cm-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.cm-modal-header h2{color:#1a1a2e;font-size:18px;font-weight:600;margin:0}.cm-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.cm-modal-close:hover{background:#e2e8f0;color:#1a1a2e}.cm-modal form{padding:24px}.cm-form-group{margin-bottom:20px}.cm-form-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.cm-form-group input,.cm-form-group textarea{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:all .2s;width:100%}.cm-form-group input:focus,.cm-form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.cm-form-group textarea{min-height:60px;resize:vertical}.cm-modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.cm-btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cm-btn-cancel:hover{background:#f8fafc}.cm-btn-submit{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.cm-btn-submit:hover{background:#059669}.cm-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.cm-spinner{animation:cm-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}@keyframes cm-spin{to{transform:rotate(1turn)}}.cm-loading p{color:#64748b;font-size:14px}@media (max-width:1024px){.cm-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cm-page{padding:16px}.cm-header{flex-direction:column;gap:16px}.cm-btn-add{justify-content:center;width:100%}.cm-stats{grid-template-columns:1fr}.cm-controls{align-items:stretch;flex-direction:column}.cm-search{max-width:none}.cm-table{font-size:13px}.cm-table td,.cm-table th{padding:12px 8px}.cm-pagination{flex-direction:column;gap:12px;text-align:center}}.customer-invoices-page{margin:0 auto;max-width:1200px;padding:2rem}.btn-back{background:none;border:none;color:#10b981;cursor:pointer;font-size:.9375rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 0;transition:color .2s}.btn-back:hover{color:#059669}.customer-header-card{grid-gap:2rem;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:2rem;grid-template-columns:auto 1fr auto auto;margin-bottom:2rem;padding:2rem}.customer-avatar-large{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.customer-details h1{color:#111827;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.customer-contact{color:#6b7280;font-size:.9375rem;margin-bottom:.25rem}.customer-summary{background-color:#f9fafb;border-radius:8px;display:flex;gap:2rem;padding:1rem 2rem}.summary-item{align-items:center;display:flex;flex-direction:column}.summary-label{color:#6b7280;font-size:.75rem;margin-bottom:.25rem}.summary-value{color:#111827;font-size:1.5rem;font-weight:700}.btn-new-invoice{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:background-color .2s;white-space:nowrap}.btn-new-invoice:hover{background-color:#059669}.invoices-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem}.invoices-section h2{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.invoices-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-header{background-color:#f9fafb;color:#6b7280;font-size:.875rem;font-weight:600}.table-header,.table-row{grid-gap:1rem;border-bottom:1px solid #e5e7eb;display:grid;gap:1rem;grid-template-columns:2fr 1.5fr 1fr 1.5fr 1fr 1fr;padding:1rem 1.5rem}.table-row{align-items:center;transition:background-color .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f9fafb}.invoice-number{color:#111827;font-weight:600}.amount{color:#10b981}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-paid{background-color:#d1fae5;color:#047857}.status-pending{background-color:#fef3c7;color:#92400e}.actions{display:flex;gap:.5rem}.btn-view{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-view:hover{background-color:#f9fafb}.empty-state{padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem}.empty-state p{margin-bottom:1.5rem}.btn-primary{font-size:.9375rem;padding:.75rem 1.5rem;transition:background-color .2s}.loading{font-size:1.125rem;padding:4rem 2rem}@media (max-width:1024px){.customer-header-card{gap:1.5rem;grid-template-columns:auto 1fr}.btn-new-invoice,.customer-summary{grid-column:1/-1}}@media (max-width:768px){.customer-invoices-page{padding:1rem}.customer-header-card{grid-template-columns:1fr;padding:1.5rem;text-align:center}.customer-avatar-large{margin:0 auto 1rem}.customer-summary{justify-content:center}.invoices-table{overflow-x:auto}.table-header,.table-row{font-size:.8125rem;grid-template-columns:1.5fr 1fr .8fr 1fr .8fr .8fr;padding:.75rem 1rem}}.items-page{margin:0 auto;max-width:1400px;overflow-x:hidden;padding:2rem;width:100%}.items-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.btn-add-item{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:background-color .2s}.btn-add-item:hover{background-color:#059669}.items-controls{margin-bottom:20px}.search-icon{font-size:14px}.search-box input{background:#fff;transition:all .2s}.search-box input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.items-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.item-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:box-shadow .2s}.item-card:hover{box-shadow:0 4px 6px #0000001a}.item-header{display:flex;gap:1rem;margin-bottom:1rem}.item-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.item-main-info{flex:1 1;min-width:0}.item-main-info h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.375rem;word-break:break-word}.item-category{background:#dbeafe;border-radius:12px;color:#1e40af;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.item-details{border-top:1px solid #f3f4f6;margin:1rem 0 1.5rem;padding-top:1rem}.item-price{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.price-label{color:#6b7280;font-size:.875rem}.price-value{color:#10b981;font-size:1.125rem;font-weight:700}.item-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0;word-break:break-word}.item-actions{display:flex;gap:.75rem}.btn-delete-item,.btn-edit-item{border-radius:6px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.625rem 1rem;text-align:center;transition:all .2s}.btn-edit-item{background-color:#3b82f6;border:none;color:#fff}.btn-edit-item:hover{background-color:#2563eb}.btn-delete-item{background-color:#fff;border:1px solid #dc2626;color:#dc2626}.btn-delete-item:hover{background-color:#fee2e2}.loading{font-size:1rem}.alert{font-size:.9375rem}.alert-success{border:1px solid #10b981}.alert-error{border:1px solid #dc2626}.modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header h2{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;border-radius:6px;color:#6b7280;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.modal-close:hover{background-color:#f3f4f6}.form-group label{color:#374151;font-size:.9375rem}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-group textarea{font-family:inherit}.btn-primary,.btn-secondary{font-size:.9375rem;transition:all .2s}.btn-secondary:hover{background-color:#f9fafb}.btn-primary:hover{background-color:#059669}@media (max-width:768px){.items-page{padding:1rem}.items-grid{grid-template-columns:1fr}.items-header{flex-direction:column}.btn-add-item{width:100%}}.expenses-page{margin:0 auto;max-width:1400px;overflow-x:hidden;padding:2rem;width:100%}.expenses-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-title{color:#111827;font-size:1.75rem;font-weight:700;margin:0 0 .375rem}.page-subtitle{color:#6b7280;margin:0;max-width:42rem}.btn-add-expense{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem}.btn-add-expense:hover{background-color:#059669}.expenses-month-total{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#374151;margin-bottom:1.25rem;padding:1rem 1.25rem}.expenses-controls{margin-bottom:20px}.search-box{max-width:400px;position:relative}.search-icon{color:#94a3b8;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 12px 12px 40px;width:100%}.expenses-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.expense-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.expense-main{display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.expense-main h3{font-size:1.125rem;margin:0 0 .25rem}.expense-date,.expense-notes{color:#6b7280;font-size:.875rem}.expense-amount{color:#111827;font-weight:700;white-space:nowrap}.expense-receipt{color:#059669;display:inline-block;font-size:.875rem;margin-bottom:.75rem}.expense-actions{display:flex;gap:.75rem}.btn-delete-expense,.btn-edit-expense{border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:.625rem 1rem}.btn-edit-expense{background-color:#3b82f6;border:none;color:#fff}.btn-delete-expense{background-color:#fff;border:1px solid #dc2626;color:#dc2626}.empty-state{color:#6b7280;grid-column:1/-1;padding:3rem 1rem}.empty-icon{font-size:2rem;margin-bottom:.5rem}.loading{color:#6b7280;padding:3rem;text-align:center}.alert{border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem}.modal-overlay{inset:0;padding:1rem}.modal-content{background:#fff;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{padding:1.5rem}.modal-close{background:none;border:none;cursor:pointer;font-size:1.5rem}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.9375rem;padding:.75rem;width:100%}.modal-actions{display:flex;gap:.75rem;padding-top:1rem}.btn-primary,.btn-secondary{border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1.5rem}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-primary{background-color:#10b981}@media (max-width:768px){.expenses-page{padding:1rem}.expenses-list{grid-template-columns:1fr}.btn-add-expense{width:100%}}.payment-callback-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.callback-container{max-width:500px;width:100%}.callback-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:48px 32px;text-align:center}.spinner{height:60px;margin:0 auto 24px;width:60px}.success-icon{background:#10b981;font-size:48px}.error-icon,.success-icon{align-items:center;animation:scaleIn .5s ease-out;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.error-icon{background:#ef4444}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.callback-card h2{color:#111827;font-size:28px;font-weight:700;margin-bottom:12px}.callback-card p{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:12px}.plan-info{background:#f9fafb;border-radius:8px;margin:24px 0;padding:16px;text-align:left}.plan-info p{color:#374151;margin:8px 0}.redirect-text{color:#10b981;font-size:14px;font-weight:500;margin-top:16px}.retry-info{color:#9ca3af;font-size:13px;font-style:italic;margin-top:8px}.callback-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.callback-actions .btn-primary,.callback-actions .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.callback-actions .btn-primary{background:#10b981;color:#fff}.callback-actions .btn-primary:hover{background:#059669}.callback-actions .btn-secondary{background:#f3f4f6;color:#374151}.callback-actions .btn-secondary:hover{background:#e5e7eb}@media (max-width:640px){.callback-card{padding:32px 24px}.callback-card h2{font-size:24px}.callback-actions{flex-direction:column}.callback-actions .btn-primary,.callback-actions .btn-secondary{width:100%}}.crypto-info{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;margin-top:16px;padding:16px}.crypto-note{color:#92400e!important;font-size:13px!important;line-height:1.6!important;margin:0!important}.callback-card.pending-crypto .spinner{border-top-color:#f59e0b}.callback-card.pending-crypto h2{color:#92400e}.pinv-page{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;min-height:100vh;padding:40px 20px}.pinv-wrapper{margin:0 auto;max-width:800px}.pinv-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px}.pinv-header-table{border-bottom:2px solid #e5e7eb;border-collapse:collapse;margin-bottom:30px;padding-bottom:20px;width:100%}.pinv-business-cell{padding:0;vertical-align:top}.pinv-business-cell .pinv-logo{border-radius:50%;height:60px;margin-bottom:10px;object-fit:cover;width:60px}.pinv-business-details h1{color:#111827;font-size:22px;font-weight:700;margin:0 0 8px}.pinv-business-details p{color:#6b7280;font-size:13px;margin:4px 0}.pinv-invoice-cell{padding:0;text-align:right;vertical-align:top;width:200px}.pinv-invoice-cell h2{color:#111827;font-size:28px;font-weight:700;letter-spacing:1px;margin:0 0 12px}.pinv-invoice-cell p{color:#6b7280;font-size:13px;margin:4px 0}.pinv-billto{background:#f9fafb;border-radius:8px;margin-bottom:30px;padding:16px 20px}.pinv-billto h3{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.pinv-customer-name{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.pinv-billto p{color:#374151;font-size:14px;margin:2px 0}.pinv-items{border-collapse:collapse;margin-bottom:30px;width:100%}.pinv-items thead{background:#f9fafb}.pinv-items th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;padding:12px 10px;text-transform:uppercase}.pinv-items td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:14px 10px}.pinv-items tbody tr:hover{background:#f9fafb}.pinv-totals{margin-bottom:30px;margin-left:auto;width:280px}.pinv-totals-row{color:#374151;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.pinv-totals-final{border-top:2px solid #e5e7eb;color:#111827;font-size:16px;font-weight:700;margin-top:8px;padding-top:12px}.pinv-total-amount{color:#10b981;font-size:20px;font-weight:700}.pinv-payment{background:#f0fdf4;border:2px solid #10b981;border-radius:8px;margin-bottom:24px;padding:20px}.pinv-payment h3{color:#047857;font-size:16px;font-weight:700;margin:0 0 12px}.pinv-payment pre{word-wrap:break-word;color:#065f46;flex:1 1;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.pinv-copy-row{align-items:flex-start;display:flex;gap:12px}.pinv-copy-btn{background:#fff;border:1px solid #10b981;border-radius:6px;color:#047857;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 10px}.pinv-reference{align-items:center;border-top:1px dashed #86efac;color:#065f46;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-top:16px;padding-top:12px}.pinv-reference-hint{color:#047857;font-size:12px;margin:8px 0 0}.pinv-payment-empty{background:#fffbeb;border:1px dashed #f59e0b;border-radius:6px;color:#92400e;font-size:13px;padding:12px}.pinv-status{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;margin-bottom:24px;padding:8px 16px}.pinv-status-paid{background:#d1fae5;color:#047857}.pinv-status-pending{background:#fef3c7;color:#92400e}.pinv-status-overdue{background:#fee2e2;color:#991b1b}.pinv-footer{border-top:1px solid #e5e7eb;padding-top:20px;text-align:center}.pinv-footer p{color:#9ca3af;font-size:14px;margin:0}.pinv-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.pinv-spinner{animation:pinv-spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:16px;width:40px}@keyframes pinv-spin{to{transform:rotate(1turn)}}.pinv-error{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.pinv-error-icon{font-size:50px;margin-bottom:16px}@media (max-width:600px){.pinv-card{padding:20px}.pinv-header-table td{display:block;text-align:left!important;width:100%}.pinv-invoice-cell{margin-top:20px}.pinv-totals{width:100%}}@media print{.pinv-page{background:#fff;padding:0}.pinv-card{box-shadow:none}}.pinv-success-banner{align-items:center;background:#dcfce7;border-radius:8px;color:#166534;display:flex;font-weight:500;gap:12px;margin-bottom:20px;padding:16px 20px}.pinv-success-icon-small{align-items:center;background:#16a34a;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.pinv-success-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:60px 40px;text-align:center}.pinv-success-icon-large{align-items:center;background:#dcfce7;border-radius:50%;color:#16a34a;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.pinv-success-card h2{color:#16a34a;margin-bottom:16px}.pinv-success-card p{color:#6b7280;margin-bottom:8px}.pinv-payment-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:24px}.pinv-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;text-align:center;transition:all .2s ease}.pinv-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pinv-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.pinv-btn-secondary{background:#f3f4f6;color:#374151}.pinv-btn-secondary:hover:not(:disabled){background:#e5e7eb}.pinv-btn:disabled{cursor:not-allowed;opacity:.6}.pinv-btn-pay-online{background:linear-gradient(135deg,#16a34a,#059669)}.pinv-btn-pay-online:hover:not(:disabled){box-shadow:0 4px 12px #16a34a66}.pinv-claim-notice{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:10px;margin-top:16px;padding:12px 16px}.pinv-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.pinv-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.pinv-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.pinv-modal-header h3{color:#111827;font-size:18px;margin:0}.pinv-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:0}.pinv-modal-close:hover{color:#111827}.pinv-modal-body{padding:24px}.pinv-modal-subtitle{color:#6b7280;margin-bottom:20px}.pinv-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.pinv-form-group{margin-bottom:20px}.pinv-form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.pinv-form-group input,.pinv-form-group select,.pinv-form-group textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.pinv-form-group input:focus,.pinv-form-group select:focus,.pinv-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pinv-form-group small{color:#6b7280;display:block;font-size:12px;margin-top:6px}.pinv-form-error{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px}.pinv-file-upload{position:relative}.pinv-file-upload input[type=file]{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pinv-file-label{border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:block;padding:14px;text-align:center;transition:all .2s}.pinv-file-label:hover{border-color:#667eea;color:#667eea}.pinv-payment-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-bottom:24px;padding:24px;text-align:center}.pinv-payment-summary-amount{font-size:36px;font-weight:700;margin-bottom:4px}.pinv-payment-summary-label{font-size:14px;opacity:.8}.pinv-payment-methods-info{background:#f9fafb;border-radius:8px;padding:16px;text-align:center}.pinv-payment-methods-info p{color:#374151;font-weight:500;margin:0 0 10px}.pinv-payment-icons{display:flex;gap:12px;justify-content:center}.pinv-payment-icons span{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;font-size:12px;padding:6px 12px}@media (max-width:600px){.pinv-modal{border-radius:12px 12px 0 0;bottom:0;left:0;margin:0;max-width:100%;position:fixed;right:0}.pinv-modal-overlay{align-items:flex-end;padding:0}.pinv-payment-actions{flex-direction:column}.pinv-modal-footer{flex-direction:column-reverse}.pinv-modal-footer .pinv-btn{width:100%}}.nf-page{margin:0 auto;max-width:1000px;padding:24px}.nf-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.nf-header h1{color:#1a1a2e;font-size:28px;font-weight:700;margin:0 0 4px}.nf-header p{color:#64748b;font-size:14px;margin:0;max-width:500px}.nf-header-actions{display:flex;gap:12px}.nf-btn-settings{align-items:center;background:#fff;border:1px solid #d1fae5;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.nf-btn-settings:hover{background:#f0fdf4;border-color:#10b981}.nf-btn-mark-all{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;line-height:1.3;padding:8px 16px;text-align:center;transition:all .2s}.nf-btn-mark-all:hover{background:#f8fafc;border-color:#cbd5e1}.nf-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.nf-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;gap:16px;padding:20px}.nf-stat-card,.nf-stat-icon{align-items:center;display:flex}.nf-stat-icon{border-radius:12px;font-size:20px;height:48px;justify-content:center;width:48px}.nf-stat-icon.green{background:#d1fae5;color:#10b981}.nf-stat-icon.orange{background:#ffedd5;color:#f97316}.nf-stat-icon.blue{background:#dbeafe;color:#3b82f6}.nf-stat-content{display:flex;flex-direction:column}.nf-stat-label{color:#64748b;font-size:13px;margin-bottom:4px}.nf-stat-value{color:#1a1a2e;font-size:24px;font-weight:700}.nf-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.nf-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.nf-tab{background:#fff;border:none;border-right:1px solid #e2e8f0;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.nf-tab:last-child{border-right:none}.nf-tab:hover{background:#f8fafc;color:#374151}.nf-tab.active{background:#f0fdf4;color:#10b981;font-weight:600}.nf-search{position:relative;width:280px}.nf-search-icon{color:#94a3b8;font-size:14px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.nf-search input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;transition:all .2s;width:100%}.nf-search input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.nf-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.nf-empty{padding:60px 20px;text-align:center}.nf-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.nf-empty h3{color:#1a1a2e;font-size:18px;font-weight:600;margin:0 0 8px}.nf-empty p{color:#64748b;margin:0}.nf-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;padding:20px;position:relative;transition:background .2s}.nf-item:last-child{border-bottom:none}.nf-item:hover{background:#f8fafc}.nf-item-indicator{background:#0000;bottom:0;left:0;position:absolute;top:0;transition:background .2s;width:3px}.nf-item.unread .nf-item-indicator{background:#10b981}.nf-item-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;margin-left:8px;margin-right:16px;width:40px}.nf-item-content{flex:1 1;min-width:0}.nf-item-header{align-items:center;display:flex;gap:10px;margin-bottom:4px}.nf-item-title{color:#1a1a2e;font-size:15px;font-weight:600}.nf-new-badge{background:#d1fae5;border-radius:4px;color:#065f46;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.nf-item-message{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 8px}.nf-item-message strong{color:#374151}.nf-item-footer{align-items:center;display:flex;gap:16px}.nf-item-time{color:#10b981;font-size:13px}.nf-item-link{background:none;border:none;color:#1a1a2e;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:underline;transition:color .2s}.nf-item-link:hover{color:#10b981}.nf-item-actions{display:flex;flex-shrink:0;gap:8px;margin-left:16px}.nf-action-btn{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.nf-action-btn.check{color:#10b981}.nf-action-btn.check:hover{background:#d1fae5}.nf-action-btn.delete:hover{background:#fee2e2;color:#ef4444}.nf-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.nf-spinner{animation:nf-spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}@keyframes nf-spin{to{transform:rotate(1turn)}}.nf-loading p{color:#64748b;font-size:14px}@media (max-width:768px){.nf-page{padding:16px}.nf-header{flex-direction:column;gap:16px}.nf-header-actions{width:100%}.nf-btn-mark-all,.nf-btn-settings{flex:1 1}.nf-stats{grid-template-columns:1fr}.nf-controls{align-items:stretch;flex-direction:column}.nf-tabs{width:100%}.nf-tab{flex:1 1;text-align:center}.nf-search{width:100%}.nf-item{padding:16px}.nf-item-actions{flex-direction:column;gap:4px}}.mkyc-container{margin:0 auto;max-width:640px;padding:24px}.mkyc-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px}.mkyc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.mkyc-header h2{color:#111827;font-size:24px;margin:0}.mkyc-intro{color:#6b7280;line-height:1.6;margin-bottom:24px}.mkyc-badge{border-radius:20px;font-size:13px;font-weight:600;padding:6px 12px}.mkyc-badge-success{background:#dcfce7;color:#16a34a}.mkyc-badge-pending{background:#fef3c7;color:#92400e}.mkyc-status-card{border-radius:8px;margin-bottom:24px;padding:24px;text-align:center}.mkyc-status-success{background:#f0fdf4}.mkyc-status-error{background:#fef2f2}.mkyc-status-icon{font-size:40px;margin-bottom:12px}.mkyc-status-card h3{color:#111827;margin:0 0 8px}.mkyc-status-card p{color:#6b7280;margin:0}.mkyc-details{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:20px}.mkyc-details h4{color:#6b7280;font-size:14px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.mkyc-detail-row{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 0}.mkyc-detail-row:last-child{border-bottom:none}.mkyc-detail-label{color:#6b7280;font-size:14px}.mkyc-detail-value{color:#111827;font-size:14px;font-weight:500}.mkyc-info-box{background:#eff6ff;border-radius:8px;color:#1e40af;font-size:14px;padding:16px 20px}.mkyc-info-box strong{display:block;margin-bottom:8px}.mkyc-info-box ul{margin:0;padding-left:20px}.mkyc-info-box li{margin-bottom:4px}.mkyc-form{display:flex;flex-direction:column;gap:24px}.mkyc-form-group{margin-bottom:16px}.mkyc-form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.mkyc-form-group input,.mkyc-form-group select{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.mkyc-form-group input:focus,.mkyc-form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.mkyc-form-group input:disabled,.mkyc-form-group select:disabled{background:#f3f4f6;cursor:not-allowed}.mkyc-input-with-button{display:flex;gap:8px}.mkyc-input-with-button input{flex:1 1}.mkyc-input-with-button button{white-space:nowrap}.mkyc-verified-name{align-items:center;background:#f0fdf4;border-radius:8px;color:#16a34a;display:flex;font-weight:500;gap:8px;padding:12px}.mkyc-verified-icon{align-items:center;background:#16a34a;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.mkyc-step{background:#f9fafb;border-radius:8px;padding:20px}.mkyc-step-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.mkyc-step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.mkyc-step-title{color:#111827;font-weight:600}.mkyc-confirm-box{background:#fff;border-radius:8px;margin-bottom:16px;padding:16px}.mkyc-confirm-box p{color:#6b7280;font-size:14px;margin:0 0 8px}.mkyc-confirm-details{color:#111827;display:flex;flex-direction:column;font-weight:500;gap:4px}.mkyc-terms{color:#6b7280;font-size:13px;margin-bottom:16px}.mkyc-terms p{margin:0 0 8px}.mkyc-terms ul{margin:0;padding-left:20px}.mkyc-terms li{margin-bottom:4px}.mkyc-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 20px;transition:all .2s ease}.mkyc-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mkyc-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.mkyc-btn-secondary{background:#f3f4f6;color:#374151}.mkyc-btn-secondary:hover:not(:disabled){background:#e5e7eb}.mkyc-btn:disabled{cursor:not-allowed;opacity:.6}.mkyc-btn-full{width:100%}.mkyc-error{background:#fef2f2;color:#dc2626}.mkyc-error,.mkyc-success{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px}.mkyc-success{background:#f0fdf4;color:#16a34a}.mkyc-upgrade-card{padding:48px 32px;text-align:center}.mkyc-icon{font-size:48px;margin-bottom:16px}.mkyc-upgrade-card h2{color:#111827;margin:0 0 12px}.mkyc-upgrade-card p{color:#6b7280;margin-bottom:24px}.mkyc-feature-list{list-style:none;margin:0 auto 32px;max-width:320px;padding:0;text-align:left}.mkyc-feature-list li{color:#374151;font-size:14px;padding:8px 0}.mkyc-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:300px}.mkyc-spinner{animation:mkyc-spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@keyframes mkyc-spin{to{transform:rotate(1turn)}}@media (max-width:600px){.mkyc-container{padding:16px}.mkyc-card{padding:20px}.mkyc-input-with-button{flex-direction:column}.mkyc-input-with-button button{width:100%}}.settlements-page{background:#f9fafb;min-height:100vh;padding:24px}.settlements-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.settlements-header h1{color:#111827;font-size:28px;font-weight:700;margin:0 0 4px}.settlements-header .subtitle{color:#6b7280;font-size:14px;margin:0}.btn-sync{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-sync:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-sync.syncing{cursor:not-allowed;opacity:.7}.settlement-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.summary-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:20px}.summary-card .card-icon{font-size:32px;line-height:1}.summary-card .card-content{display:flex;flex-direction:column;gap:4px}.summary-card .card-label{color:#6b7280;font-size:13px;font-weight:500}.summary-card .card-value{color:#111827;font-size:24px;font-weight:700}.summary-card.pending .card-value{color:#f59e0b}.summary-card.today .card-value{color:#3b82f6}.summary-card.settled .card-value{color:#10b981}.summary-card.total .card-value{color:#8b5cf6}.summary-card .card-subtext{color:#9ca3af;font-size:12px}.settlement-timeline-info{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.settlement-timeline-info .timeline-icon{font-size:18px}.settlements-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:0;margin-bottom:20px}.tab-btn{background:#0000;transition:all .2s}.tab-btn:hover{color:#374151}.tab-btn.active{border-bottom-color:#10b981;color:#10b981}.tab-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.info-card{background:#f9fafb;border-radius:8px;margin-bottom:20px;padding:20px}.info-card:last-child{margin-bottom:0}.info-card h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.settlement-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{align-items:flex-start;display:flex;gap:12px}.info-item .info-number{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.info-item strong{color:#111827;display:block;font-size:14px;margin-bottom:4px}.info-item p{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{text-align:center}.stat-value{color:#10b981;display:block;font-size:24px;margin-bottom:4px}.settlements-table{border-collapse:collapse;width:100%}.settlements-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.settlements-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:14px 16px}.settlements-table tbody tr{cursor:pointer;transition:background .15s}.settlements-table tbody tr:hover{background:#f9fafb}.settlements-table .invoice-number,.settlements-table .merchant-amount{color:#10b981;font-weight:600}.settlements-table .merchant-amount.settled{color:#059669}.settlements-table .fees{color:#ef4444}.settlement-date{background:#f3f4f6;border-radius:4px;display:inline-block;font-size:13px;padding:4px 10px}.settlement-date.today{background:#dbeafe;color:#1e40af;font-weight:500}.status-badge{text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.settled{background:#d1fae5;color:#065f46}.history-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.date-filter{gap:8px}.date-filter label{color:#6b7280;font-size:13px}.date-filter input{padding:8px 12px}.btn-clear,.date-filter input{border:1px solid #e5e7eb;border-radius:6px;font-size:13px}.btn-clear{background:#0000;color:#6b7280;cursor:pointer;padding:8px 16px}.btn-clear:hover{background:#f3f4f6}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;margin-top:20px;padding-top:20px}.pagination button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.pagination button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#6b7280;font-size:13px}.empty-state{padding:60px 20px;text-align:center}.empty-icon{display:block;font-size:48px;margin-bottom:16px}.empty-state h3{color:#111827;font-size:18px;margin:0 0 8px}.empty-state p{color:#6b7280;margin:0}.modal-overlay{background:#00000080;padding:20px}.payment-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.close-btn:hover{background:#e5e7eb}.modal-content{padding:20px}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6b7280;font-size:13px}.detail-row .value{color:#111827;font-size:14px;font-weight:500}.detail-row .value.fees{color:#ef4444}.detail-row .value.mono{font-family:monospace;font-size:12px}.detail-row.highlight{background:#f0fdf4;border-radius:8px;margin:10px -20px;padding:14px 20px}.detail-row.highlight .value{color:#10b981;font-size:18px}.modal-content hr{border:none;border-top:1px solid #e5e7eb;margin:16px 0}.timeline-info{align-items:center;background:#eff6ff;border-radius:8px;color:#1e40af;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:12px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:40px;margin-bottom:16px;width:40px}.error-icon{font-size:48px;margin-bottom:16px}.error-container h2{color:#111827;margin:0 0 8px}.error-container p{color:#6b7280;margin:0 0 20px}.btn-primary{background:#10b981;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.btn-primary:hover{background:#059669}@media (max-width:768px){.settlements-page{padding:16px}.settlements-header{flex-direction:column}.settlement-summary{grid-template-columns:repeat(2,1fr)}.summary-card{flex-direction:column;text-align:center}.settlements-table{display:block;overflow-x:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.settlement-summary{grid-template-columns:1fr}.settlements-tabs{overflow-x:auto}.tab-btn{font-size:13px;padding:10px 14px;white-space:nowrap}.history-filters{align-items:stretch;flex-direction:column}}.admin-auth-container{align-items:center;background:linear-gradient(135deg,#0a1628,#0d1f3c 50%,#0a1628);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.admin-auth-container:before{background:radial-gradient(ellipse at 20% 20%,#3b82f61a 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#3b82f60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.admin-auth-content{align-items:center;display:flex;flex-direction:column;max-width:420px;position:relative;width:100%;z-index:1}.admin-auth-header{margin-bottom:2rem;text-align:center}.admin-logo{margin-bottom:1rem}.admin-logo,.admin-logo-icon{display:flex;justify-content:center}.admin-logo-icon{align-items:center;background:#3b82f6;border-radius:12px;box-shadow:0 8px 32px #3b82f64d;height:56px;width:56px}.admin-logo-icon,.admin-logo-icon.with-badge{position:relative}.verified-badge{align-items:center;background:#10b981;border:2px solid #0a1628;border-radius:50%;bottom:-4px;display:flex;height:18px;justify-content:center;position:absolute;right:-4px;width:18px}.admin-auth-header h1{color:#fff;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.admin-auth-header p{color:#64748b;font-size:.9rem;margin:0}.admin-auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid #3b82f633;border-radius:16px;box-shadow:0 4px 6px -1px #0003,0 20px 40px -8px #0006,inset 0 1px 0 #ffffff0d;padding:2rem;width:100%}.admin-card-header{margin-bottom:1.5rem;text-align:center}.admin-card-label{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.admin-alert{border-radius:8px;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.admin-alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.admin-form-group{margin-bottom:1.25rem}.admin-form-label{color:#94a3b8;display:block;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.admin-input-wrapper{align-items:center;display:flex;position:relative}.admin-input-icon{align-items:center;color:#64748b;display:flex;left:1rem;pointer-events:none;position:absolute}.admin-form-input{background:#0f172a99;border:1px solid #47556966;border-radius:10px;color:#e2e8f0;font-size:.95rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .2s ease;width:100%}.admin-form-input::placeholder{color:#475569}.admin-form-input:focus{background:#0f172acc;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.admin-password-toggle{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;padding:0;position:absolute;right:1rem;transition:color .2s ease}.admin-password-toggle:hover{color:#94a3b8}.admin-form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-checkbox-wrapper{align-items:center;cursor:pointer;display:flex}.admin-checkbox-wrapper input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;margin-right:.5rem;width:16px}.admin-checkbox-label{color:#94a3b8;font-size:.85rem}.admin-forgot-link{color:#3b82f6;font-size:.85rem;text-decoration:none;transition:color .2s ease}.admin-forgot-link:hover{color:#60a5fa}.admin-submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.admin-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-1px)}.admin-submit-btn:disabled{cursor:not-allowed;opacity:.6}.admin-btn-loading{align-items:center;display:flex;gap:.5rem}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}.admin-system-status{align-items:center;background:#1e293b99;border:1px solid #4755694d;border-radius:20px;display:inline-flex;gap:.5rem;margin-top:1.5rem;padding:.5rem 1rem}.status-indicator{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-indicator.operational{background:#10b981;box-shadow:0 0 8px #10b98180}.status-indicator.maintenance{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.status-text{color:#94a3b8;font-size:.8rem}.admin-auth-footer{margin-top:1.5rem;text-align:center}.admin-auth-footer p{color:#64748b;font-size:.8rem;margin:.25rem 0}.admin-vendor-link{color:#3b82f6;text-decoration:underline;transition:color .2s ease}.admin-vendor-link:hover{color:#60a5fa}.admin-version{color:#475569;font-size:.7rem;letter-spacing:.05em;margin-top:1rem}.admin-2fa-header{margin-bottom:1.5rem;text-align:center}.admin-2fa-icon{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;display:flex;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.admin-2fa-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.admin-2fa-header p{color:#64748b;font-size:.85rem;margin:0 0 .25rem}.admin-masked-phone{color:#94a3b8;font-size:.9rem;font-weight:500}.admin-code-input-container{align-items:center;background:#0f172a99;border:1px solid #47556966;border-radius:10px;display:flex;margin-bottom:.75rem;padding:.75rem 1rem}.admin-code-icon{align-items:center;color:#64748b;display:flex;margin-right:.75rem}.admin-code-inputs{display:flex;flex:1 1;gap:.5rem;justify-content:center}.admin-code-input{background:#1e293b99;border:1px solid #47556966;border-radius:8px;color:#e2e8f0;font-size:1.25rem;font-weight:600;height:40px;text-align:center;transition:all .2s ease;width:36px}.admin-code-input::placeholder{color:#475569}.admin-code-input:focus{background:#1e293bcc;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}.admin-code-timer{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 .25rem}.timer-icon{font-size:.85rem}.timer-text{color:#64748b;flex:1 1;font-size:.8rem;margin-left:.25rem}.admin-resend-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.8rem;transition:color .2s ease}.admin-resend-link:hover:not(:disabled){color:#60a5fa}.admin-resend-link:disabled{color:#475569;cursor:not-allowed}.admin-alt-methods{margin-top:1.5rem}.admin-alt-divider{margin-bottom:1rem;position:relative;text-align:center}.admin-alt-divider:before{background:#47556966;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.admin-alt-divider span{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);color:#64748b;font-size:.7rem;letter-spacing:.05em;padding:0 1rem;position:relative}.admin-alt-buttons{display:flex;gap:.75rem}.admin-alt-btn{align-items:center;background:#0f172a66;border:1px solid #4755694d;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.8rem;gap:.5rem;padding:1rem;transition:all .2s ease}.admin-alt-btn:hover{background:#0f172a99;border-color:#47556980;color:#e2e8f0}.admin-alt-btn.active{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.admin-back-btn{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:.75rem;transition:color .2s ease;width:100%}.admin-back-btn:hover{color:#94a3b8}@media (max-width:480px){.admin-auth-container{padding:1rem}.admin-auth-card{padding:1.5rem}.admin-code-input{font-size:1rem;height:36px;width:32px}.admin-alt-buttons{flex-direction:column}}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);border-right:1px solid #4755694d;display:flex;flex-direction:column;left:0;min-height:100vh;position:fixed;top:0;width:260px;z-index:100}.admin-sidebar-logo{align-items:center;border-bottom:1px solid #4755694d;display:flex;margin:0;overflow:visible;padding:16px 20px}.logo-icon{color:#16a34a;height:36px;width:36px}.admin-sidebar-logo .brand-wordmark,.admin-sidebar-logo .logo-text{color:#fff}.admin-user-info{align-items:center;background:#3b82f60d;border-bottom:1px solid #4755694d;display:flex;gap:.75rem;padding:1rem 1.25rem}.admin-user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.admin-user-details{display:flex;flex-direction:column;min-width:0}.admin-user-name{color:#fff;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-role{color:#64748b;font-size:.75rem;text-transform:capitalize}.admin-sidebar.light-theme .admin-user-info{background:#3b82f60d;border-color:#e2e8f0}.admin-sidebar.light-theme .admin-user-name{color:#1e293b}.admin-sidebar.light-theme .admin-user-role{color:#64748b}.admin-sidebar-header{align-items:center;border-bottom:1px solid #4755694d;display:flex;gap:.75rem;padding:1.25rem 1rem}.admin-avatar{align-items:center;background:#3b82f6;border-radius:10px;color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:center}.admin-info h3{color:#fff;font-size:.95rem;font-weight:600;margin:0}.admin-info p{color:#64748b;font-size:.75rem;margin:.125rem 0 0}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:1rem .75rem}.admin-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.admin-nav-item:hover{background:#3b82f61a;color:#e2e8f0}.admin-nav-item.active{background:#3b82f6;color:#fff}.admin-nav-item.active svg{color:#fff}.admin-nav-item svg{flex-shrink:0}.admin-nav-section{margin-top:1rem;padding:0 .75rem}.section-label{font-size:.65rem;letter-spacing:.1em;margin-bottom:.5rem;padding:0 1rem}.admin-sidebar-footer{border-top:1px solid #4755694d;margin-top:auto;padding:1rem .75rem}.admin-signout-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.admin-signout-btn:hover{background:#ef44441a;color:#fca5a5}@media (max-width:768px){.admin-sidebar{flex-direction:row;flex-wrap:wrap;height:auto;min-height:auto;padding:.5rem;position:relative;width:100%}.admin-sidebar-logo{padding:16px 20px}.admin-sidebar-header{border-bottom:none;padding:16px 20px;width:100%}.admin-nav{flex-direction:row;gap:.5rem;overflow-x:auto;padding:.5rem;width:100%}.admin-nav-item{padding:.5rem .75rem;white-space:nowrap}.admin-nav-item span,.admin-nav-section,.admin-sidebar-footer{display:none}}.theme-toggle-btn{font-size:.875rem;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem}.admin-sidebar.light-theme{background:#fff;border-right:1px solid #e2e8f0}.admin-sidebar.light-theme .admin-sidebar-logo{border-bottom:1px solid #e2e8f0}.admin-sidebar.light-theme .brand-wordmark,.admin-sidebar.light-theme .logo-text{color:#0f172a}.admin-sidebar.light-theme .admin-nav-item{color:#64748b}.admin-sidebar.light-theme .admin-nav-item:hover{background:#f1f5f9;color:#0f172a}.admin-sidebar.light-theme .admin-nav-item.active{background:#dcfce7;color:#16a34a}.admin-sidebar.light-theme .admin-nav-item.active svg{color:#16a34a}.admin-sidebar.light-theme .admin-sidebar-footer{border-top:1px solid #e2e8f0}.admin-sidebar.light-theme .admin-signout-btn{color:#64748b}.admin-sidebar.light-theme .admin-signout-btn:hover{background:#fee2e2;color:#dc2626}.admin-sidebar.light-theme .theme-toggle-btn{color:#64748b}.admin-sidebar.light-theme .theme-toggle-btn:hover{background:#f1f5f9;color:#0f172a}.admin-layout,.admin-main{background:#f8fafc}.admin-main{box-sizing:border-box;flex:1 1;margin-left:260px;max-width:calc(100vw - 260px);min-height:100vh;overflow-x:hidden;padding:1.5rem 2rem}.admin-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.admin-header-left h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.admin-header-left p{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:.75rem;margin:0}.live-badge{align-items:center;background:#10b98126;border:1px solid #10b9814d;border-radius:12px;color:#10b981;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .625rem}.live-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.date-filter{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;gap:.5rem;padding:.5rem .75rem}.date-filter select{background:#0000;border:none;color:#1e293b;cursor:pointer;font-size:.875rem;outline:none}.date-filter select option{background:#fff;color:#1e293b}.custom-date-picker{align-items:center;display:flex;gap:.5rem;margin-left:.5rem}.custom-date-picker input[type=date]{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;font-size:.8rem;outline:none;padding:.375rem .5rem}.custom-date-picker input[type=date]:focus{border-color:#3b82f6}.custom-date-picker span{color:#64748b;font-size:.8rem}.stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;width:100%}.stat-card{background:#fff;border:1px solid #e2e8f0;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:1.25rem 1.5rem}.stat-header{align-items:flex-start;margin-bottom:1rem;width:100%}.stat-label{color:#64748b;flex:1 1;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-align:left}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-left:auto;min-width:40px;width:40px}.stat-icon.blue{background:#3b82f633;color:#3b82f6}.stat-icon.cyan{background:#06b6d433;color:#06b6d4}.stat-icon.purple{background:#8b5cf633;color:#8b5cf6}.stat-icon.green{background:#10b98133;color:#10b981}.stat-icon.orange{background:#f9731633;color:#f97316}.stat-value{align-items:center;color:#1e293b;display:flex;font-size:2rem;gap:.75rem;line-height:1.2;margin-bottom:.5rem}.stat-change{border-radius:4px;font-size:.8rem;padding:.125rem .5rem;white-space:nowrap}.stat-change.positive{background:#10b98126;color:#10b981}.stat-change.negative{background:#ef444426;color:#ef4444}.stat-change.stable{background:#10b98126;color:#10b981}.stat-subtitle{color:#64748b;font-size:.8rem;margin-top:auto}.dashboard-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 320px;width:100%}.dashboard-left{gap:1.5rem}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;min-width:0}.dashboard-right{gap:1rem}.chart-card{box-shadow:0 1px 3px #0000000d;padding:1.5rem}.chart-header h3{margin:0}.chart-header p{margin:.25rem 0 0}.chart-toggle{background:#f1f5f9;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.chart-toggle button{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:all .2s ease}.chart-toggle button:hover{color:#1e293b}.chart-toggle button.active{background:#3b82f6;color:#fff}.chart-container{position:relative}.revenue-chart{height:180px;width:100%}.chart-labels{color:#64748b;display:flex;font-size:.75rem;justify-content:space-between;padding:.75rem 2rem 0}.activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:1.5rem}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.activity-header h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.view-all-btn{background:none;color:#3b82f6}.view-all-btn:hover{color:#60a5fa}.activity-table{border-collapse:collapse;width:100%}.activity-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.65rem;font-weight:600;letter-spacing:.05em;padding:.75rem .5rem;text-align:left}.activity-table td{border-bottom:1px solid #f1f5f9;color:#475569;font-size:.85rem;padding:.875rem .5rem}.activity-table tr:last-child td{border-bottom:none}.vendor-info{gap:.75rem}.vendor-avatar{border-radius:8px;font-size:.7rem;height:32px;width:32px}.vendor-name{color:#1e293b;font-weight:500}.status-badge{border-radius:4px;font-size:.7rem;padding:.25rem .5rem}.status-verified{background:#10b98126;color:#10b981}.status-completed{background:#3b82f626;color:#3b82f6}.status-pending{background:#f59e0b26;color:#f59e0b}.status-failed{background:#ef444426;color:#ef4444}.time-cell{color:#64748b;font-size:.8rem}.quick-actions-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:1.25rem}.quick-actions-card h3{color:#1e293b;font-size:.95rem;font-weight:600;margin:0 0 1rem}.quick-actions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.quick-action-btn{align-items:center;background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.quick-action-btn:hover{background:#2563eb;transform:translateY(-1px)}.quick-action-btn span{font-size:.75rem;font-weight:500}.system-health-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:1.25rem}.health-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.health-header h3{color:#1e293b;font-size:.95rem;font-weight:600;margin:0}.health-status-icon{align-items:center;display:flex}.health-metrics{gap:1rem}.health-metric,.health-metrics{display:flex;flex-direction:column}.health-metric{gap:.5rem}.metric-info{align-items:center;display:flex;justify-content:space-between}.metric-label{color:#94a3b8;font-size:.8rem}.metric-value{color:#1e293b;font-size:.8rem;font-weight:600}.metric-bar{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden}.metric-fill{border-radius:2px;height:100%;transition:width .5s ease}.metric-fill.green{background:#10b981}.metric-fill.blue{background:#3b82f6}.metric-fill.yellow{background:#f59e0b}.metric-fill.red{background:#ef4444}.health-alert{align-items:flex-start;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:.875rem}.alert-icon{color:#ef4444;flex-shrink:0}.alert-content{display:flex;flex-direction:column;gap:.125rem}.alert-label{color:#ef4444;font-size:.7rem;font-weight:600}.alert-message{color:#fca5a5;font-size:.75rem}.help-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:1.25rem}.help-card h3{color:#1e293b;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.help-card p{color:#64748b;font-size:.8rem;margin:0 0 .75rem}.help-link{color:#3b82f6;font-size:.8rem;text-decoration:none}.help-link:hover{color:#60a5fa}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content{grid-template-columns:1fr 280px}}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content{grid-template-columns:1fr}.dashboard-right{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.dashboard-right{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-main{margin-left:0;max-width:100vw;padding:1rem}.admin-header{flex-direction:column}.admin-header-right{flex-wrap:wrap;justify-content:flex-start}.date-filter{flex-wrap:wrap}.custom-date-picker{margin-left:0;margin-top:.5rem;width:100%}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-right{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.quick-action-btn{padding:.75rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.custom-date-picker{align-items:flex-start;flex-direction:column}}.admin-layout.dark,.admin-layout.dark .admin-main{background:#0f172a}.admin-layout.dark .admin-header-left h1{color:#fff}.admin-layout.dark .date-filter{background:#1e293b;border-color:#47556966}.admin-layout.dark .date-filter select{color:#e2e8f0}.admin-layout.dark .date-filter select option{background:#1e293b;color:#e2e8f0}.admin-layout.dark .custom-date-picker input[type=date]{background:#1e293b;border-color:#47556966;color:#e2e8f0}.admin-layout.dark .custom-date-picker input[type=date]:focus{border-color:#3b82f6}.admin-layout.dark .custom-date-picker span{color:#94a3b8}.admin-layout.dark .stat-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border-color:#4755694d;box-shadow:none}.admin-layout.dark .stat-value{color:#fff}.admin-layout.dark .chart-card{box-shadow:none}.admin-layout.dark .chart-header h3{color:#fff}.admin-layout.dark .chart-toggle{background:#0f172a99}.admin-layout.dark .chart-toggle button:hover{color:#e2e8f0}.admin-layout.dark .activity-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border-color:#4755694d;box-shadow:none}.admin-layout.dark .activity-header h3{color:#fff}.admin-layout.dark .activity-table th{border-bottom-color:#4755694d}.admin-layout.dark .activity-table td{border-bottom-color:#47556933;color:#94a3b8}.admin-layout.dark .vendor-name{color:#e2e8f0}.admin-layout.dark .quick-actions-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border-color:#4755694d;box-shadow:none}.admin-layout.dark .quick-actions-card h3{color:#fff}.admin-layout.dark .system-health-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border-color:#4755694d;box-shadow:none}.admin-layout.dark .health-header h3{color:#fff}.admin-layout.dark .metric-value{color:#e2e8f0}.admin-layout.dark .metric-bar{background:#4755694d}.admin-layout.dark .help-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border-color:#4755694d;box-shadow:none}.admin-layout.dark .help-card h3{color:#fff}.admin-layout.light-theme{background-color:#f8fafc;min-height:100vh}.admin-layout.light .admin-main,.admin-layout.light-theme .admin-main{margin-left:260px;padding:24px 32px}.breadcrumb{font-size:14px}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-active{color:#0f172a;font-weight:500}.page-header{margin-bottom:28px}.page-header-left h1{margin:0 0 6px}.add-subscription-btn{align-items:center;background-color:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.add-subscription-btn:hover{background-color:#15803d}.subscription-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.sub-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px}.sub-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sub-stat-label{color:#64748b;font-size:13px;font-weight:500}.sub-stat-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.sub-stat-icon.green{background-color:#dcfce7;color:#16a34a}.sub-stat-icon.blue{background-color:#dbeafe;color:#3b82f6}.sub-stat-icon.orange{background-color:#fef3c7;color:#f59e0b}.sub-stat-icon.purple{background-color:#ede9fe;color:#8b5cf6}.sub-stat-value{align-items:baseline;color:#0f172a;display:flex;flex-wrap:wrap;font-size:28px;font-weight:700;gap:10px}.sub-stat-value .mrr-amount{font-size:24px;word-break:break-word}.sub-stat-change{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.sub-stat-change.positive{background-color:#dcfce7;color:#16a34a}.sub-stat-change.negative{background-color:#fee2e2;color:#dc2626}.sub-stat-card.mrr-card{grid-column:span 1}.mrr-breakdown{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px}.mrr-currency-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.mrr-currency-item .currency-code{background:#f1f5f9;border-radius:4px;color:#64748b;font-weight:500;padding:2px 8px}.mrr-currency-item .currency-amount{color:#0f172a;font-weight:600}.sub-stat-note{color:#94a3b8;font-size:12px;font-style:italic;margin-top:8px}.subscription-filters{align-items:center;display:flex!important;flex-direction:row!important;gap:20px;justify-content:space-between;margin-bottom:20px}.subscription-filters .search-box{align-items:center;display:flex;flex:1 1;max-width:400px;min-width:200px;position:relative}.subscription-filters .search-box svg{color:#94a3b8;left:14px;position:absolute}.subscription-filters .search-box input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:14px;padding:10px 14px 10px 44px;transition:all .2s;width:100%}.subscription-filters .search-box input::placeholder{color:#94a3b8}.subscription-filters .search-box input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a;outline:none}.subscription-filters .filter-group{align-items:center;display:flex!important;flex-direction:row!important;gap:12px}.subscription-filters .filter-select{align-items:center;display:inline-flex;position:relative}.subscription-filters .filter-select select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;font-size:14px;min-width:100px;padding:10px 36px 10px 14px}.subscription-filters .filter-select svg{color:#94a3b8;pointer-events:none;position:absolute;right:12px}.subscription-filters .filter-select select:hover{border-color:#cbd5e1}.subscription-filters .filter-select select:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a;outline:none}.subscription-filters .btn-export{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.subscription-filters .btn-export:hover{background:#f9fafb;border-color:#d1d5db}.subscriptions-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.subscriptions-table{border-collapse:collapse;width:100%}.subscriptions-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.subscriptions-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px 20px}.subscriptions-table tr:last-child td{border-bottom:none}.subscriptions-table tr:hover td{background-color:#f8fafc}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:#0f172a;font-weight:600}.user-email{color:#64748b;font-size:13px}.plan-info{align-items:center;display:flex;gap:8px}.plan-name{color:#0f172a}.plan-cycle{background-color:#f1f5f9;border-radius:4px;color:#64748b;font-size:12px;padding:2px 8px}.plan-cycle.yearly{background-color:#dbeafe;color:#2563eb}.status-badge{font-size:13px;padding:5px 12px}.status-active{background-color:#dcfce7;color:#16a34a}.status-active .status-dot{background-color:#16a34a}.status-trialing{background-color:#dbeafe;color:#3b82f6}.status-trialing .status-dot{background-color:#3b82f6}.status-past-due{background-color:#fef3c7;color:#d97706}.status-past-due .status-dot{background-color:#d97706}.status-cancelled{background-color:#fee2e2;color:#dc2626}.status-cancelled .status-dot{background-color:#dc2626}.status-expired{background-color:#f1f5f9;color:#64748b}.status-expired .status-dot{background-color:#64748b}.billing-date{color:#64748b}.amount{color:#0f172a;font-weight:600}.action-menu-btn{color:#64748b;transition:all .2s}.action-menu-btn:hover{background-color:#f1f5f9;color:#0f172a}.empty-cell,.loading-cell{color:#64748b;padding:40px 20px!important}.table-pagination{background-color:#f8fafc;border-top:1px solid #e2e8f0}.pagination-info{font-size:14px}.pagination-info strong{color:#0f172a}.pagination-btn{background:#fff;border:1px solid #e2e8f0;color:#334155;font-size:14px;padding:8px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#16a34a;color:#16a34a}.pagination-btn.active{background-color:#16a34a;border-color:#16a34a}.pagination-btn.nav{font-weight:500}.pagination-dots{color:#94a3b8;padding:8px 6px}@media (max-width:1280px){.subscription-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.admin-layout.light-theme .admin-main{margin-left:0;padding:20px}.subscription-filters{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-group{flex-wrap:wrap}}@media (max-width:768px){.subscription-stats{grid-template-columns:1fr}.page-header{flex-direction:column;gap:16px}.add-subscription-btn{justify-content:center;width:100%}.subscriptions-table-container{overflow-x:auto}.subscriptions-table{min-width:800px}.table-pagination{flex-direction:column;gap:16px}}.admin-layout.dark{min-height:100vh}.admin-layout.dark .add-subscription-btn{background-color:#238636}.admin-layout.dark .add-subscription-btn:hover{background-color:#2ea043}.admin-layout.dark .sub-stat-card{background:#161b22;border-color:#30363d;box-shadow:none}.admin-layout.dark .sub-stat-label{color:#8b949e}.admin-layout.dark .sub-stat-value{color:#f0f6fc}.admin-layout.dark .sub-stat-change.positive{color:#3fb950}.admin-layout.dark .sub-stat-change.negative{color:#f85149}.admin-layout.dark .sub-stat-icon{background-color:#6366f126}.admin-layout.dark .sub-stat-icon.green{background-color:#3fb95026;color:#3fb950}.admin-layout.dark .sub-stat-icon.blue{background-color:#6366f126;color:#818cf8}.admin-layout.dark .sub-stat-icon.red{background-color:#f8514926;color:#f85149}.admin-layout.dark .sub-stat-icon.purple{background-color:#a371f726;color:#a371f7}.admin-layout.dark .subscriptions-card{background:#161b22;border-color:#30363d;box-shadow:none}.admin-layout.dark .card-header h2{color:#f0f6fc}.admin-layout.dark .search-box{background-color:#0d1117;border-color:#30363d}.admin-layout.dark .search-box input{background-color:initial;color:#f0f6fc}.admin-layout.dark .search-box input::placeholder{color:#8b949e}.admin-layout.dark .filter-select{background-color:#0d1117;border-color:#30363d;color:#f0f6fc}.admin-layout.dark .subscriptions-table th{background-color:#0d1117;border-bottom-color:#30363d;color:#8b949e}.admin-layout.dark .subscriptions-table td{border-bottom-color:#21262d;color:#c9d1d9}.admin-layout.dark .subscriptions-table tbody tr:hover{background-color:#6366f10d}.admin-layout.dark .status-badge.active{background-color:#3fb95026;color:#3fb950}.admin-layout.dark .status-badge.trialing{background-color:#6366f126;color:#818cf8}.admin-layout.dark .status-badge.canceled,.admin-layout.dark .status-badge.cancelled{background-color:#f8514926;color:#f85149}.admin-layout.dark .status-badge.past_due{background-color:#d2992226;color:#d29922}.admin-layout.dark .status-badge.inactive{background-color:#8b949e26;color:#8b949e}.admin-layout.dark .form-group input,.admin-layout.dark .form-group select{background-color:#0d1117;border-color:#30363d;color:#f0f6fc}.admin-layout.dark .form-group input::placeholder{color:#8b949e}.admin-settings-layout{background-color:#f8fafc;display:flex;min-height:100vh}.settings-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:260px;z-index:100}.sidebar-logo{border-bottom:1px solid #4755694d;gap:10px;padding:20px}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{height:32px;justify-content:center;width:32px}.logo-text{color:#111827;font-size:14px;font-weight:600;white-space:nowrap}.sidebar-section{padding:20px 16px 10px}.section-label{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding-left:12px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{color:#94a3b8;padding:10px 12px;text-align:left;transition:all .2s}.nav-item:hover{background:#3b82f61a;color:#e2e8f0}.nav-item.active{background:#3b82f6;color:#fff}.sidebar-footer{border-top:1px solid #4755694d;display:flex;flex-direction:column;gap:8px;padding:16px 20px}.theme-toggle-btn{color:#94a3b8;padding:10px 12px}.theme-toggle-btn:hover{background:#3b82f61a;color:#e2e8f0}.system-health{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:8px}.health-indicator{background-color:#ef4444;border-radius:50%;height:8px;width:8px}.health-indicator.healthy{background-color:#22c55e}.version{color:#64748b;display:block;font-size:11px;margin-top:4px}.settings-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px}.settings-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-search{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;gap:10px;min-width:280px;padding:8px 16px}.header-search svg{color:#94a3b8}.header-search input{background:#0000;border:none;color:#334155;font-size:14px;outline:none;width:100%}.header-search input::placeholder{color:#94a3b8}.header-actions{align-items:center;display:flex;gap:12px}.header-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.header-icon-btn:hover{background:#f1f5f9;color:#334155}.header-avatar{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.settings-content{flex:1 1;overflow-y:auto;padding:24px}.breadcrumb{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;margin-bottom:16px}.breadcrumb .separator{color:#cbd5e1}.breadcrumb .current{color:#334155;font-weight:500}.page-header-left h1{color:#0f172a;font-size:28px;margin:0 0 8px}.page-header-left p{color:#64748b;max-width:500px}.page-header-actions{display:flex;gap:12px}.btn-discard{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-discard:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-discard:disabled{cursor:not-allowed;opacity:.5}.btn-save{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-save:hover:not(:disabled){background:#2563eb}.btn-save:disabled{cursor:not-allowed;opacity:.5}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 340px}.settings-left,.settings-right{display:flex;flex-direction:column;gap:24px}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:16px 20px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#0f172a;font-size:16px;gap:10px}.card-title.warning svg{color:#f59e0b}.btn-link{background:#0000;border:none;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500}.btn-link:hover{color:#2563eb;text-decoration:underline}.btn-add{align-items:center;background:#0000;border:none;color:#3b82f6;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px}.btn-add:hover{color:#2563eb}.invoice-config-content{display:flex;gap:24px;padding:20px}.template-preview{align-items:center;display:flex;flex-direction:column;gap:12px}.template-thumbnail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;height:180px;overflow:hidden;position:relative;width:140px}.template-mock{flex:1 1;padding:12px}.mock-header{color:#64748b;font-size:8px;font-weight:700;margin-bottom:8px}.mock-lines{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.mock-line{background:#e2e8f0;border-radius:2px;height:4px}.mock-line.short{width:60%}.mock-table{display:flex;flex-direction:column;gap:4px}.mock-row{background:#e2e8f0;border-radius:2px;height:8px}.change-template-btn{align-items:center;background:#3b82f6e6;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;justify-content:center;left:0;padding:8px;position:absolute;right:0;transition:background .2s}.change-template-btn:hover{background:#3b82f6}.template-version{color:#64748b;font-size:12px}.config-fields{flex:1 1;gap:16px}.config-fields,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#334155;font-size:13px;font-weight:500}.form-group input[type=date],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:14px;padding:10px 12px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-hint{color:#94a3b8;font-size:12px;font-style:italic}.form-toggle{align-items:center;display:flex;gap:12px}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.toggle-switch.small{height:20px;width:36px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch.small .toggle-slider:before{height:14px;width:14px}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch.small input:checked+.toggle-slider:before{transform:translateX(16px)}.toggle-label{color:#334155;font-size:14px}.plans-table{border-collapse:collapse;width:100%}.plans-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-align:left;text-transform:uppercase}.plans-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:12px 20px}.plans-table tr:last-child td{border-bottom:none}.plan-name{font-weight:500}.price-input{align-items:center;display:flex;gap:4px}.price-input .currency{color:#64748b}.price-input input{border:1px solid #e2e8f0;border-radius:6px;color:#334155;font-size:14px;padding:6px 8px;width:80px}.price-input input:focus{border-color:#3b82f6;outline:none}.status-badge{border-radius:12px;display:inline-block;padding:4px 10px}.status-badge.status-active{background:#dcfce7;color:#16a34a}.status-badge.status-legacy{background:#fef3c7;color:#d97706}.status-badge.status-inactive{background:#f1f5f9;color:#64748b}.btn-action{background:#0000;border:none;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500}.btn-action:hover{color:#2563eb;text-decoration:underline}.beta-features{padding:16px 20px}.beta-feature{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.beta-feature:last-of-type{border-bottom:none}.beta-feature.rollout{margin-bottom:0}.feature-info{display:flex;flex-direction:column;gap:2px}.feature-name{color:#334155;font-size:14px;font-weight:500}.feature-desc{color:#94a3b8;font-size:12px}.rollout-value{color:#334155;font-size:14px;font-weight:600}.rollout-slider{background:#e2e8f0;border-radius:4px;height:8px;margin-top:8px;overflow:hidden;position:relative}.rollout-slider input[type=range]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.rollout-progress{background:#3b82f6;border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .2s}.alerts-card .card-header{background:#fffbeb;border-bottom:1px solid #fef3c7}.alerts-content{padding:16px 20px}.alerts-content .form-group label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px}.form-row{display:flex;gap:12px}.form-group.half{flex:1 1}.btn-post-alert{background:#f1f5f9;border:none;border-radius:8px;color:#334155;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:12px;transition:all .2s;width:100%}.btn-post-alert:hover{background:#e2e8f0}@media (max-width:1200px){.settings-grid{grid-template-columns:1fr}.settings-right{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.settings-sidebar{width:220px}.settings-main{margin-left:220px}}@media (max-width:768px){.settings-sidebar{display:none}.settings-main{margin-left:0}.settings-right{grid-template-columns:1fr}.page-header{gap:16px}.invoice-config-content,.page-header{flex-direction:column}.template-preview{align-items:flex-start}}.admin-settings-layout.dark,.settings-main.dark{background-color:#0d1117}.settings-main.dark .settings-header{background:#161b22;border-bottom-color:#30363d}.settings-main.dark .header-search{background:#0d1117;border:1px solid #30363d}.settings-main.dark .header-search input{color:#f0f6fc}.settings-main.dark .header-icon-btn,.settings-main.dark .header-search input::placeholder,.settings-main.dark .header-search svg{color:#8b949e}.settings-main.dark .header-icon-btn:hover{background:#21262d;color:#f0f6fc}.settings-main.dark .settings-content{background-color:#0d1117}.settings-main.dark .breadcrumb span{color:#8b949e}.settings-main.dark .breadcrumb .current{color:#f0f6fc}.settings-main.dark .breadcrumb .separator{color:#484f58}.settings-main.dark .page-header h1{color:#f0f6fc}.settings-main.dark .page-header p{color:#8b949e}.settings-main.dark .btn-discard{background:#21262d;border-color:#30363d;color:#8b949e}.settings-main.dark .btn-discard:hover:not(:disabled){background:#30363d;color:#f0f6fc}.settings-main.dark .settings-card{background:#161b22;border-color:#30363d}.settings-main.dark .card-header{border-bottom-color:#21262d}.settings-main.dark .card-title span{color:#f0f6fc}.settings-main.dark .card-title svg{color:#8b949e}.settings-main.dark .btn-link{color:#818cf8}.settings-main.dark .form-group label{color:#8b949e}.settings-main.dark .form-group input,.settings-main.dark .form-group select,.settings-main.dark .form-group textarea{background:#0d1117;border-color:#30363d;color:#f0f6fc}.settings-main.dark .form-group input::placeholder,.settings-main.dark .form-group textarea::placeholder,.settings-main.dark .form-hint{color:#484f58}.settings-main.dark .template-version,.settings-main.dark .toggle-label{color:#8b949e}.settings-main.dark .plans-table th{background:#0d1117;border-bottom-color:#30363d;color:#8b949e}.settings-main.dark .plans-table td{border-bottom-color:#21262d;color:#c9d1d9}.settings-main.dark .plan-name{color:#f0f6fc}.settings-main.dark .price-input{background:#0d1117;border-color:#30363d}.settings-main.dark .price-input input{color:#f0f6fc}.settings-main.dark .price-input .currency{color:#8b949e}.settings-main.dark .status-badge.status-active{background:#3fb95026;color:#3fb950}.settings-main.dark .status-badge.status-legacy{background:#8b949e26;color:#8b949e}.settings-main.dark .feature-name{color:#f0f6fc}.settings-main.dark .feature-desc{color:#8b949e}.settings-main.dark .rollout-value{color:#818cf8}.settings-main.dark .rollout-slider input{background:#21262d}.settings-main.dark .alerts-content{background:#161b22}.settings-main.dark .btn-post-alert{background:#21262d;border-color:#30363d;color:#8b949e}.settings-main.dark .btn-post-alert:hover{background:#30363d;color:#f0f6fc}.settings-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:all .2s ease}.tab-btn:hover{color:#111827}.tab-btn.active{border-bottom-color:#6366f1;color:#6366f1}.settings-tab-content{max-width:800px}.gateways-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.gateways-content{padding:20px}.gateways-description{border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:14px;margin-bottom:20px;padding-bottom:16px}.gateway-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden;transition:all .2s ease}.gateway-item.enabled{border-color:#6366f1;box-shadow:0 0 0 1px #6366f11a}.gateway-header{align-items:center;background:#f9fafb;display:flex;justify-content:space-between;padding:16px}.gateway-item.enabled .gateway-header{background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.gateway-info{align-items:center;display:flex;gap:12px}.gateway-icon{font-size:24px}.gateway-info>div{display:flex;flex-direction:column;gap:2px}.gateway-name{color:#111827;font-size:14px;font-weight:600}.gateway-currency{color:#6b7280;font-size:12px}.gateway-config{grid-gap:16px;background:#fff;display:grid;gap:16px;padding:16px}.gateway-config .form-group{display:flex;flex-direction:column;gap:6px}.gateway-config label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.gateway-config input,.gateway-config select{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease}.gateway-config input:focus,.gateway-config select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.webhook-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:24px;padding:16px}.webhook-info h4{color:#0369a1;font-size:14px;font-weight:600;margin-bottom:8px}.webhook-info p{color:#0c4a6e;font-size:13px;margin-bottom:12px}.webhook-info ul{list-style:none;margin:0;padding:0}.webhook-info li{border-bottom:1px dashed #bae6fd;color:#0c4a6e;font-family:Monaco,Menlo,monospace;font-size:12px;padding:6px 0}.webhook-info li:last-child{border-bottom:none}.webhook-info strong{color:#0369a1;display:inline-block;min-width:110px}.card-badge.info{background:#dbeafe;border-radius:4px;color:#1d4ed8;font-size:11px;font-weight:500;padding:4px 8px}.admin-layout.dark .settings-tabs{border-bottom-color:#30363d}.admin-layout.dark .tab-btn{color:#8b949e}.admin-layout.dark .tab-btn:hover{color:#f0f6fc}.admin-layout.dark .tab-btn.active{border-bottom-color:#818cf8;color:#818cf8}.admin-layout.dark .gateways-card{background:#161b22;border-color:#30363d}.admin-layout.dark .gateways-description{border-bottom-color:#21262d;color:#8b949e}.admin-layout.dark .gateway-item{border-color:#30363d}.admin-layout.dark .gateway-item.enabled{border-color:#818cf8}.admin-layout.dark .gateway-header{background:#21262d}.admin-layout.dark .gateway-item.enabled .gateway-header{background:linear-gradient(135deg,#818cf81a,#a78bfa1a)}.admin-layout.dark .gateway-name{color:#f0f6fc}.admin-layout.dark .gateway-currency{color:#8b949e}.admin-layout.dark .gateway-config{background:#0d1117}.admin-layout.dark .gateway-config label{color:#8b949e}.admin-layout.dark .gateway-config input,.admin-layout.dark .gateway-config select{background:#21262d;border-color:#30363d;color:#f0f6fc}.admin-layout.dark .gateway-config input:focus,.admin-layout.dark .gateway-config select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.admin-layout.dark .webhook-info{background:#388bfd1a;border-color:#388bfd4d}.admin-layout.dark .webhook-info h4,.admin-layout.dark .webhook-info strong{color:#58a6ff}.admin-layout.dark .webhook-info li,.admin-layout.dark .webhook-info p{color:#8b949e}.admin-layout.dark .webhook-info li{border-bottom-color:#388bfd33}.admin-layout.dark .card-badge.info{background:#388bfd26;color:#58a6ff}.admin-layout .admin-main{overflow-y:auto;padding:32px}.admin-vendors-layout{background-color:#f5f7fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.admin-vendors-layout,.vendors-sidebar{display:flex;height:100vh;overflow:hidden}.vendors-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;min-width:260px;padding:24px 0;width:260px}.vendors-sidebar .sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;margin-bottom:16px;padding:16px 20px}.admin-avatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;overflow:hidden;width:40px}.admin-avatar img{height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.admin-info{display:flex;flex-direction:column;overflow:hidden}.admin-title{color:#1f2937;font-size:14px;font-weight:600}.admin-email{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex:1 1;overflow:hidden;padding:8px 12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#f3f4f6;color:#1f2937}.nav-item.active{background-color:#ecfdf5;color:#059669}.nav-item.active svg{color:#059669}.nav-item svg{flex-shrink:0}.sidebar-footer{border-top:1px solid #e5e7eb;margin-top:auto;padding:16px 12px}.theme-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s ease;width:100%}.theme-toggle-btn:hover{background-color:#f3f4f6;color:#1f2937}.signout-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.signout-btn:hover{background-color:#fef2f2}.vendors-main{flex:1 1;height:100vh;overflow-y:auto;padding:32px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-header-left h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.page-header-left p{color:#6b7280;font-size:14px;margin:0}.btn-add-vendor{align-items:center;background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-add-vendor:hover{background-color:#059669}.vendor-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px 24px}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.stat-label{color:#6b7280;font-size:13px;font-weight:500}.stat-change{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.stat-change.positive{background-color:#ecfdf5;color:#059669}.stat-change.negative{background-color:#fef2f2;color:#dc2626}.stat-badge{background-color:#f3f4f6;border-radius:12px;color:#6b7280;font-size:11px;font-weight:500;padding:2px 8px}.stat-value{color:#1f2937;font-size:32px;font-weight:700}.vendors-filters{align-items:center;display:flex!important;flex-direction:row!important;gap:16px;justify-content:space-between;margin-bottom:20px}.vendors-filters .search-box{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex:1 1;gap:12px;max-width:500px;min-width:250px;padding:10px 16px}.vendors-filters .search-box svg{color:#9ca3af;flex-shrink:0}.vendors-filters .search-box input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:14px;outline:none}.vendors-filters .search-box input::placeholder{color:#9ca3af}.vendors-filters .filter-group{align-items:center;display:flex!important;flex-direction:row!important;gap:12px}.vendors-filters .filter-select{align-items:center;display:inline-flex;position:relative}.vendors-filters .filter-select select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;padding:10px 36px 10px 14px}.vendors-filters .filter-select svg{color:#9ca3af;pointer-events:none;position:absolute;right:12px}.vendors-filters .btn-export{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.vendors-filters .btn-export:hover{background-color:#f9fafb;border-color:#d1d5db}.vendors-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.vendors-table{border-collapse:collapse;width:100%}.vendors-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.vendors-table th{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.vendors-table td{border-bottom:1px solid #f3f4f6;padding:16px;vertical-align:middle}.vendors-table tbody tr:hover{background-color:#f9fafb}.vendors-table tbody tr.clickable-row{cursor:pointer}.vendors-table tbody tr.clickable-row:hover{background-color:#f0f9ff}.vendors-table tbody tr:last-child td{border-bottom:none}.checkbox-col{text-align:center;width:48px}.checkbox-col input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:16px;width:16px}.vendor-info{gap:12px}.vendor-avatar,.vendor-info{align-items:center;display:flex}.vendor-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.vendor-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}.vendor-name{color:#1f2937;font-size:14px;font-weight:600}.vendor-email,.vendor-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-email{color:#6b7280;font-size:13px}.phone-cell{color:#4b5563;font-size:14px}.plan-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px}.plan-free{background-color:#f3f4f6;color:#6b7280}.plan-starter{background-color:#e0f2fe;color:#0369a1}.plan-pro{background-color:#f0fdf4;color:#15803d}.plan-enterprise{background-color:#fef3c7;color:#b45309}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 12px}.status-dot{border-radius:50%;height:6px;width:6px}.status-active{background-color:#ecfdf5;color:#059669}.status-active .status-dot{background-color:#10b981}.status-inactive{background-color:#f3f4f6;color:#6b7280}.status-inactive .status-dot{background-color:#9ca3af}.status-suspended{background-color:#fef2f2;color:#dc2626}.status-suspended .status-dot{background-color:#ef4444}.status-pending{background-color:#fef9c3;color:#ca8a04}.status-pending .status-dot{background-color:#facc15}.activity-cell{color:#6b7280;font-size:13px}.action-menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-menu-btn:hover{background-color:#f3f4f6;color:#4b5563}.empty-cell,.loading-cell{color:#9ca3af;font-size:14px;padding:48px 16px!important;text-align:center}.table-pagination{align-items:center;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.pagination-info{color:#6b7280;font-size:13px}.pagination-controls{align-items:center;display:flex;gap:4px}.pagination-btn{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:500;height:32px;min-width:32px;padding:0 8px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#d1d5db}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background-color:#10b981;border-color:#10b981;color:#fff}.pagination-btn.nav{font-size:16px;font-weight:400}.pagination-dots{color:#9ca3af;font-size:13px;padding:0 8px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;max-width:400px;padding:32px;text-align:center;width:90%}.modal-content h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.modal-content p{color:#6b7280;font-size:14px;margin:0 0 24px}.btn-close-modal{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-close-modal:hover{background-color:#f3f4f6}@media (max-width:1200px){.vendor-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.vendors-sidebar{width:220px}.vendors-main{margin-left:220px;padding:24px}}@media (max-width:768px){.vendors-sidebar{display:none}.vendors-main{margin-left:0;padding:16px}.vendor-stats{grid-template-columns:1fr}.vendors-filters{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-group{flex-wrap:wrap}.page-header{flex-direction:column;gap:16px}.table-pagination{flex-direction:column;gap:12px}}.admin-vendors-layout.dark{background-color:#0d1117}.admin-vendors-layout.dark .vendors-sidebar{background-color:#161b22;border-right:1px solid #30363d}.admin-vendors-layout.dark .sidebar-header{background-color:#161b22;border-bottom:1px solid #30363d}.admin-vendors-layout.dark .admin-avatar{background-color:#21262d}.admin-vendors-layout.dark .avatar-fallback{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.admin-vendors-layout.dark .admin-title{color:#f0f6fc}.admin-vendors-layout.dark .admin-email,.admin-vendors-layout.dark .nav-item{color:#8b949e}.admin-vendors-layout.dark .nav-item:hover{background-color:#6366f11a;color:#f0f6fc}.admin-vendors-layout.dark .nav-item.active{background-color:#6366f126;color:#818cf8}.admin-vendors-layout.dark .nav-item.active svg{color:#818cf8}.admin-vendors-layout.dark .sidebar-footer{border-top:1px solid #30363d}.admin-vendors-layout.dark .theme-toggle-btn{color:#8b949e}.admin-vendors-layout.dark .theme-toggle-btn:hover{background-color:#6366f11a;color:#f0f6fc}.admin-vendors-layout.dark .signout-btn{color:#f85149}.admin-vendors-layout.dark .signout-btn:hover{background-color:#f851491a}.admin-vendors-layout.dark .vendors-main{background-color:#0d1117}.admin-vendors-layout.dark .page-header-left h1{color:#f0f6fc}.admin-vendors-layout.dark .page-header-left p{color:#8b949e}.admin-vendors-layout.dark .stat-card{background-color:#161b22;border-color:#30363d}.admin-vendors-layout.dark .stat-label{color:#8b949e}.admin-vendors-layout.dark .stat-value{color:#f0f6fc}.admin-vendors-layout.dark .vendors-card{background-color:#161b22;border-color:#30363d}.admin-vendors-layout.dark .search-box{background-color:#0d1117;border-color:#30363d}.admin-vendors-layout.dark .search-box input{background-color:initial;color:#f0f6fc}.admin-vendors-layout.dark .search-box input::placeholder{color:#8b949e}.admin-vendors-layout.dark .filter-select{background-color:#0d1117;border-color:#30363d;color:#f0f6fc}.admin-vendors-layout.dark .vendors-table th{background-color:#0d1117;border-bottom-color:#30363d;color:#8b949e}.admin-vendors-layout.dark .vendors-table td{border-bottom-color:#21262d;color:#c9d1d9}.admin-vendors-layout.dark .vendor-row:hover{background-color:#6366f10d}.admin-vendors-layout.dark .vendor-name{color:#f0f6fc}.admin-vendors-layout.dark .vendor-email{color:#8b949e}.admin-vendors-layout.dark .pagination-btn{background-color:#21262d;border-color:#30363d;color:#8b949e}.admin-vendors-layout.dark .pagination-btn:hover{background-color:#30363d;color:#f0f6fc}.admin-vendors-layout.dark .pagination-btn.active{background-color:#6366f1;border-color:#6366f1;color:#fff}.admin-vendors-layout.dark .btn-add-vendor{background-color:#238636;color:#fff}.admin-vendors-layout.dark .btn-add-vendor:hover{background-color:#2ea043}.admin-vendors-layout.dark .stat-change.positive{color:#3fb950}.admin-vendors-layout.dark .stat-change.negative{color:#f85149}.admin-vendors-layout.dark .stat-badge{background-color:#6366f126;color:#818cf8}.admin-vendors-layout.dark .vendors-filters{background-color:initial}.admin-vendors-layout.dark .card-header{border-bottom-color:#30363d}.admin-vendors-layout.dark .card-header h2{color:#f0f6fc}.admin-vendors-layout.dark .results-count{color:#8b949e}.admin-vendors-layout.dark .status-badge.status-active{background-color:#3fb95026;color:#3fb950}.admin-vendors-layout.dark .status-badge.status-suspended{background-color:#f8514926;color:#f85149}.admin-vendors-layout.dark .status-badge.status-inactive,.admin-vendors-layout.dark .subscription-badge.free{background-color:#8b949e26;color:#8b949e}.admin-vendors-layout.dark .subscription-badge.pro{background-color:#6366f126;color:#818cf8}.admin-vendors-layout.dark .subscription-badge.enterprise{background-color:#d2992226;color:#d29922}.admin-vendors-layout.dark .btn-view{border-color:#30363d;color:#8b949e}.admin-vendors-layout.dark .btn-view:hover{background-color:#21262d;border-color:#484f58;color:#f0f6fc}.admin-vendors-layout.dark .empty-state,.admin-vendors-layout.dark .pagination-info{color:#8b949e}.admin-vendors-layout.dark .modal-overlay{background-color:#000000b3}.admin-vendors-layout.dark .modal-content{background-color:#161b22;border-color:#30363d}.admin-vendors-layout.dark .modal-header h2{color:#f0f6fc}.admin-vendors-layout.dark .btn-close-modal{color:#8b949e}.admin-vendors-layout.dark .btn-close-modal:hover{background-color:#21262d;color:#f0f6fc}.admin-vendors-layout.dark .form-group label{color:#c9d1d9}.admin-vendors-layout.dark .form-group input,.admin-vendors-layout.dark .form-group select{background-color:#0d1117;border-color:#30363d;color:#f0f6fc}.admin-vendors-layout.dark .form-group input::placeholder{color:#8b949e}.admin-layout{background:#f5f6f8;height:100vh;overflow:hidden}.admin-layout .vendors-sidebar{background:#fff;border-right:1px solid #e1e4e8;display:flex;flex-direction:column;height:100vh;left:0;min-width:260px;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;width:260px}.admin-layout .sidebar-header{align-items:center;border-bottom:1px solid #e1e4e8;display:flex;gap:12px;padding:20px}.admin-layout .admin-avatar{height:40px;position:relative;width:40px}.admin-layout .admin-avatar img{border-radius:8px;height:100%;object-fit:cover;width:100%}.admin-layout .avatar-fallback{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.admin-layout .admin-info{flex-direction:column;overflow:hidden}.admin-layout .admin-title{color:#1f2937;font-size:14px;font-weight:600}.admin-layout .admin-email{font-size:12px}.admin-layout .sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:20px 12px}.admin-layout .nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.admin-layout .nav-item:hover{background:#6366f114;color:#1f2937}.admin-layout .nav-item.active{background:#6366f11f;color:#6366f1}.admin-layout .nav-item svg{flex-shrink:0}.admin-layout .sidebar-footer{border-top:1px solid #e1e4e8;display:flex;flex-direction:column;gap:8px;padding:20px 12px}.admin-layout .theme-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.admin-layout .theme-toggle-btn:hover{background:#6366f114;color:#6366f1}.admin-layout .signout-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.admin-layout .signout-btn:hover{background:#dc262614}.admin-layout .detail-main{background:#f5f6f8;flex:1 1;height:100vh;overflow-x:hidden;overflow-y:auto;padding:24px 32px}.admin-layout .detail-main::-webkit-scrollbar{background:#0000;width:0}.admin-layout .detail-main{-ms-overflow-style:none;scrollbar-width:none}.loading-container{align-items:center;color:#6b7280;display:flex;font-size:16px;height:100%;justify-content:center}.admin-layout .breadcrumb{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:24px}.admin-layout .breadcrumb span{color:#6b7280;cursor:pointer;transition:color .2s ease}.admin-layout .breadcrumb span:hover:not(.separator):not(.current){color:#6366f1}.admin-layout .breadcrumb .separator{color:#9ca3af;cursor:default}.admin-layout .breadcrumb .current{color:#1f2937;cursor:default}.admin-layout .vendor-header-section{margin-bottom:24px}.admin-layout .vendor-title-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.admin-layout .title-left{align-items:center;display:flex;gap:12px}.admin-layout .vendor-title-row h1{color:#1f2937;font-size:28px;font-weight:600;margin:0}.admin-layout .status-badge{border-radius:20px;padding:4px 12px;text-transform:capitalize}.admin-layout .status-badge.status-active{background:#22c55e1f;color:#16a34a}.admin-layout .status-badge.status-suspended{background:#ef44441f;color:#dc2626}.admin-layout .status-badge.status-inactive{background:#6b72801f;color:#6b7280}.admin-layout .vendor-meta{color:#6b7280;font-size:14px;margin:0 0 16px}.admin-layout .header-actions{display:flex;flex-shrink:0;gap:8px}.admin-layout .btn-suspend{background:#ef44441a;border:1px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.admin-layout .btn-suspend:hover{background:#ef444433}.admin-layout .btn-suspend.btn-activate{background:#22c55e1a;border:1px solid #22c55e;color:#22c55e}.admin-layout .btn-suspend.btn-activate:hover{background:#22c55e33}.admin-layout .btn-edit{background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.admin-layout .btn-edit:hover{background:#5558e3}.admin-layout .stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.admin-layout .stat-card{background:#fff;border:1px solid #e1e4e8;border-radius:12px;display:flex;gap:16px;padding:20px}.admin-layout .stat-icon{align-items:center;background:#6366f11a;border-radius:12px;color:#6366f1;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.admin-layout .stat-content{display:flex;flex-direction:column;min-width:0}.admin-layout .stat-label{color:#6b7280;font-size:13px;margin-bottom:4px}.admin-layout .stat-value{color:#1f2937;font-size:24px;font-weight:600;line-height:1.2}.admin-layout .stat-change{font-size:12px;margin-top:4px}.admin-layout .stat-change.positive{color:#16a34a}.admin-layout .stat-change.negative{color:#dc2626}.admin-layout .stat-subtext{color:#6b7280;font-size:12px;margin-top:4px}.admin-layout .content-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:280px 1fr}.admin-layout .profile-card{align-items:center;background:#fff;border:1px solid #e1e4e8;border-radius:12px;display:flex;flex-direction:column;padding:24px}.admin-layout .profile-avatar{height:80px;margin-bottom:16px;position:relative;width:80px}.admin-layout .profile-avatar img{background:#f3f4f6;border-radius:50%;height:100%;object-fit:cover;width:100%}.admin-layout .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:none;height:80px;justify-content:center;width:80px}.admin-layout .profile-name{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 4px;text-align:center}.admin-layout .profile-role{color:#6b7280;font-size:13px;margin:0 0 20px;text-align:center}.admin-layout .profile-info{border-top:1px solid #e1e4e8;display:flex;flex-direction:column;gap:12px;padding-top:20px;width:100%}.admin-layout .info-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:12px}.admin-layout .info-item svg{color:#6b7280;flex-shrink:0}.admin-layout .profile-actions{border-top:1px solid #e1e4e8;display:flex;flex-direction:column;gap:8px;margin-top:20px;padding-top:20px;width:100%}.admin-layout .btn-profile-action{align-items:center;background:#0000;border:1px solid #e1e4e8;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.admin-layout .btn-profile-action:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937}.admin-layout .right-column{display:flex;flex-direction:column;gap:20px;min-width:0}.admin-layout .tabs-container{background:#fff;border:1px solid #e1e4e8;border-radius:10px;display:flex;gap:8px;padding:4px}.admin-layout .tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.admin-layout .tab:hover{color:#1f2937}.admin-layout .tab.active{background:#6366f1;color:#fff}.admin-layout .invoices-card{background:#fff;border:1px solid #e1e4e8;border-radius:12px;overflow:hidden}.admin-layout .card-header{align-items:center;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;padding:16px 20px}.admin-layout .card-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.admin-layout .download-all-btn{background:#f3f4f6;border:1px solid #e1e4e8;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.admin-layout .download-all-btn:hover{background:#e5e7eb;color:#1f2937}.admin-layout .invoices-table{border-collapse:collapse;width:100%}.admin-layout .invoices-table th{background:#f9fafb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.05em;padding:12px 20px;text-align:left;text-transform:uppercase}.admin-layout .invoices-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:13px;padding:14px 20px}.admin-layout .invoices-table tr:last-child td{border-bottom:none}.admin-layout .invoices-table .invoice-id{color:#6366f1;font-weight:500}.admin-layout .invoices-table .amount{font-weight:600}.admin-layout .invoice-status{border-radius:20px;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px;text-transform:capitalize}.admin-layout .invoice-status.status-paid{background:#22c55e1f;color:#16a34a}.admin-layout .invoice-status.status-pending{background:#f59e0b1f;color:#d97706}.admin-layout .invoice-status.status-refunded{background:#6b72801f;color:#6b7280}.admin-layout .invoice-status.status-failed{background:#ef44441f;color:#dc2626}.admin-layout .download-btn{align-items:center;background:#0000;border:1px solid #e1e4e8;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.admin-layout .download-btn:hover{background:#f3f4f6;border-color:#6366f1;color:#6366f1}.admin-layout .view-older-btn{align-items:center;background:#0000;border:none;border-top:1px solid #f3f4f6;color:#6366f1;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.admin-layout .view-older-btn:hover{background:#6366f114}.admin-layout .subscription-card{background:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:20px}.admin-layout .subscription-card h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.admin-layout .subscription-details p{color:#6b7280;font-size:14px;margin:8px 0}.admin-layout .subscription-details strong{color:#1f2937}.admin-layout .usage-card{background:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:20px}.admin-layout .usage-card h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.admin-layout .usage-item{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.admin-layout .usage-item span:first-child{color:#6b7280}.admin-layout .usage-item span:last-child{color:#1f2937;font-weight:500}.admin-layout .usage-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.admin-layout .usage-fill{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:4px;height:100%;transition:width .3s ease}.admin-layout .activity-card{background:#fff;border:1px solid #e1e4e8;border-radius:12px;overflow:hidden}.admin-layout .view-all-btn{background:#0000;border:1px solid #e1e4e8;border-radius:6px;color:#6b7280;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.admin-layout .view-all-btn:hover{background:#f3f4f6;color:#1f2937}.admin-layout .activity-list{padding:8px 0}.admin-layout .activity-item{align-items:center;display:flex;gap:12px;padding:12px 20px;transition:background .2s ease}.admin-layout .activity-item:hover{background:#f9fafb}.admin-layout .activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.admin-layout .activity-icon.login{background:#6366f11f;color:#6366f1}.admin-layout .activity-icon.invoice{background:#22c55e1f;color:#16a34a}.admin-layout .activity-icon.upgrade{background:#f59e0b1f;color:#d97706}.admin-layout .activity-icon.default{background:#6b72801f;color:#6b7280}.admin-layout .activity-content{flex:1 1;min-width:0}.admin-layout .activity-text{color:#6b7280;font-size:13px}.admin-layout .activity-text strong{color:#1f2937}.admin-layout .activity-time{color:#9ca3af;flex-shrink:0;font-size:12px}@media (max-width:1200px){.admin-layout .content-grid{gap:20px;grid-template-columns:260px 1fr}.admin-layout .stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.admin-layout .stats-row{gap:16px}.admin-layout .content-grid,.admin-layout .stats-row{grid-template-columns:1fr}}@media (max-width:768px){.admin-layout .vendors-sidebar{display:none}.admin-layout .detail-main{padding:16px}.admin-layout .vendor-title-row{align-items:flex-start;flex-direction:column;gap:8px}.admin-layout .header-actions{flex-direction:column}.admin-layout .header-actions button{width:100%}}.admin-layout.dark{background:#0d1117}.admin-layout.dark .usage-fill{background:linear-gradient(90deg,#6366f1,#818cf8)}.admin-layout.dark .activity-item,.admin-layout.dark .activity-list{background:#0000}.admin-layout.dark .activity-item:hover{background:#161b22}.admin-layout.dark .activity-icon.invoice{background:#22c55e26}.admin-layout.dark .activity-icon.upgrade{background:#f59e0b26}.admin-layout.dark .vendors-sidebar{background:#161b22;border-right-color:#30363d}.admin-layout.dark .sidebar-header{border-bottom-color:#30363d}.admin-layout.dark .admin-title{color:#f0f6fc}.admin-layout.dark .admin-email,.admin-layout.dark .nav-item{color:#8b949e}.admin-layout.dark .nav-item:hover{background:#6366f11a;color:#f0f6fc}.admin-layout.dark .nav-item.active{background:#6366f126;color:#818cf8}.admin-layout.dark .sidebar-footer{border-top-color:#30363d}.admin-layout.dark .theme-toggle-btn{color:#8b949e}.admin-layout.dark .theme-toggle-btn:hover{background:#6366f11a;color:#818cf8}.admin-layout.dark .signout-btn{color:#f85149}.admin-layout.dark .signout-btn:hover{background:#f851491a}.admin-layout.dark .detail-main{background:#0d1117}.admin-layout.dark .breadcrumb span,.admin-layout.dark .loading-container{color:#8b949e}.admin-layout.dark .breadcrumb span:hover:not(.separator):not(.current){color:#818cf8}.admin-layout.dark .breadcrumb .separator{color:#484f58}.admin-layout.dark .breadcrumb .current,.admin-layout.dark .vendor-title-row h1{color:#f0f6fc}.admin-layout.dark .status-badge.status-active{background:#3fb95026;color:#3fb950}.admin-layout.dark .status-badge.status-suspended{background:#f8514926;color:#f85149}.admin-layout.dark .status-badge.status-inactive{background:#8b949e26;color:#8b949e}.admin-layout.dark .btn-suspend{background:#f8514926}.admin-layout.dark .btn-suspend:hover{background:#f8514940}.admin-layout.dark .stat-card{background:#161b22;border-color:#30363d}.admin-layout.dark .stat-icon{background:#6366f126;color:#818cf8}.admin-layout.dark .stat-label{color:#8b949e}.admin-layout.dark .stat-value{color:#f0f6fc}.admin-layout.dark .stat-change.positive{color:#3fb950}.admin-layout.dark .stat-change.negative{color:#f85149}.admin-layout.dark .profile-card{background:#161b22;border-color:#30363d}.admin-layout.dark .profile-avatar img{background:#21262d}.admin-layout.dark .profile-info{border-top-color:#30363d}.admin-layout.dark .info-item,.admin-layout.dark .info-item svg{color:#8b949e}.admin-layout.dark .profile-actions{border-top-color:#30363d}.admin-layout.dark .btn-profile-action{border-color:#30363d;color:#8b949e}.admin-layout.dark .btn-profile-action:hover{background:#21262d;border-color:#484f58;color:#f0f6fc}.admin-layout.dark .tabs-container{background:#161b22;border-color:#30363d}.admin-layout.dark .tab{color:#8b949e}.admin-layout.dark .tab:hover{color:#f0f6fc}.admin-layout.dark .invoices-card{background:#161b22;border-color:#30363d}.admin-layout.dark .card-header h3{color:#f0f6fc}.admin-layout.dark .download-all-btn{background:#21262d;color:#8b949e}.admin-layout.dark .download-all-btn:hover{background:#30363d;color:#f0f6fc}.admin-layout.dark .invoices-table th{background:#0d1117}.admin-layout.dark .invoices-table .invoice-id{color:#818cf8}.admin-layout.dark .invoice-status.status-paid{background:#3fb95026;color:#3fb950}.admin-layout.dark .invoice-status.status-pending{background:#d2992226;color:#d29922}.admin-layout.dark .invoice-status.status-refunded{background:#8b949e26;color:#8b949e}.admin-layout.dark .invoice-status.status-failed{background:#f8514926;color:#f85149}.admin-layout.dark .download-btn{border-color:#30363d;color:#8b949e}.admin-layout.dark .download-btn:hover{background:#21262d;border-color:#818cf8;color:#818cf8}.admin-layout.dark .view-older-btn{border-top-color:#21262d;color:#818cf8}.admin-layout.dark .view-older-btn:hover{background:#6366f11a}.admin-layout.dark .subscription-card{background:#161b22;border-color:#30363d}.admin-layout.dark .subscription-card h3{color:#f0f6fc}.admin-layout.dark .subscription-details p{color:#8b949e}.admin-layout.dark .subscription-details strong{color:#f0f6fc}.admin-layout.dark .usage-card{background:#161b22;border-color:#30363d}.admin-layout.dark .usage-card h3{color:#f0f6fc}.admin-layout.dark .usage-bar{background:#21262d}.admin-layout.dark .activity-card{background:#161b22;border-color:#30363d}.admin-layout.dark .view-all-btn{border-color:#30363d;color:#8b949e}.admin-layout.dark .view-all-btn:hover{background:#21262d;color:#f0f6fc}.admin-layout.dark .activity-item:hover{background:#0d1117}.admin-layout.dark .activity-icon.login{background:#6366f126;color:#818cf8}.admin-layout.dark .activity-icon.invoice{background:#3fb95026;color:#3fb950}.admin-layout.dark .activity-icon.upgrade{background:#d2992226;color:#d29922}.admin-layout.dark .activity-icon.default{background:#8b949e26;color:#8b949e}.admin-layout.dark .activity-text{color:#8b949e}.admin-layout.dark .activity-text strong{color:#f0f6fc}.admin-layout.dark .activity-time{color:#484f58}.admin-layout.dark .btn-suspend.btn-activate{background:#22c55e26;border-color:#22c55e;color:#22c55e}.admin-layout.dark .btn-suspend.btn-activate:hover{background:#22c55e40}.admin-layout .no-activity,.admin-layout .no-invoices{color:#6b7280;padding:40px 20px;text-align:center}.admin-layout .no-activity p,.admin-layout .no-invoices p{font-size:14px;margin:0}.admin-layout .pagination-controls{align-items:center;border-top:1px solid #e1e4e8;display:flex;gap:16px;justify-content:center;padding:16px}.admin-layout.dark .pagination-controls{border-top-color:#30363d}.admin-layout .pagination-btn{align-items:center;background:#f3f4f6;border:1px solid #e1e4e8;display:flex;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.admin-layout .pagination-btn:hover:not(:disabled){background:#e5e7eb}.admin-layout.dark .pagination-btn{background:#21262d;color:#c9d1d9}.admin-layout.dark .pagination-btn:hover:not(:disabled){background:#30363d;border-color:#484f58}.admin-layout .pagination-info{color:#6b7280;font-size:13px}.admin-layout .activity-pagination{border-top:none;padding-top:12px}.admin-layout .subscription-row{align-items:center;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;padding:12px 0}.admin-layout .subscription-row:last-child{border-bottom:none}.admin-layout.dark .subscription-row{border-bottom-color:#30363d}.admin-layout .sub-label{color:#6b7280;font-size:14px}.admin-layout .sub-value{color:#1f2937;font-size:14px;font-weight:600}.admin-layout .status-pill{border-radius:12px;font-size:12px;padding:4px 10px}.admin-layout .status-pill.status-active{background:#22c55e1a;color:#22c55e}.admin-layout .status-pill.status-suspended{background:#ef44441a;color:#dc2626}.admin-layout .usage-section{margin-bottom:16px}.admin-layout .usage-section:last-child{margin-bottom:0}.admin-layout .page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.admin-layout .page-header-left h1{color:#111827;font-size:24px;font-weight:600;margin:0 0 4px}.admin-layout .page-header-left p{color:#6b7280;font-size:14px;margin:0}.admin-layout .btn-add-admin{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background .2s}.admin-layout .btn-add-admin:hover{background:#1d4ed8}.admin-layout .users-filters{align-items:center;display:flex!important;flex-direction:row!important;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-layout .users-filters .search-box{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex:1 1;gap:10px;max-width:400px;min-width:200px;padding:10px 14px}.admin-layout .users-filters .search-box svg{color:#9ca3af;flex-shrink:0}.admin-layout .users-filters .search-box input{background:#0000;border:none;color:#374151;font-size:14px;outline:none;width:100%}.admin-layout .users-filters .search-box input::placeholder{color:#9ca3af}.admin-layout .users-filters .filter-group{display:flex!important;flex-direction:row!important}.admin-layout .search-box svg{color:#9ca3af;flex-shrink:0}.admin-layout .search-box input{background:#0000;border:none;color:#374151;font-size:14px;outline:none;width:100%}.admin-layout .search-box input::placeholder{color:#9ca3af}.admin-layout .users-filters .filter-group{align-items:center;display:flex;gap:12px}.admin-layout .users-filters .filter-select{align-items:center;display:inline-flex;position:relative}.admin-layout .users-filters .filter-select select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;min-width:120px;padding:10px 36px 10px 14px}.admin-layout .users-filters .filter-select svg{color:#9ca3af;pointer-events:none;position:absolute;right:12px}.admin-layout .users-filters .filter-select select:hover{border-color:#d1d5db}.admin-layout .users-filters .filter-select select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.admin-layout .users-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.admin-layout .loading-state{color:#6b7280;font-size:14px;padding:60px 20px;text-align:center}.admin-layout .users-table{border-collapse:collapse;width:100%}.admin-layout .users-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.admin-layout .users-table th{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.admin-layout .users-table td.checkbox-col,.admin-layout .users-table th.checkbox-col{padding-left:16px;width:40px}.admin-layout .users-table td.actions-col,.admin-layout .users-table th.actions-col{text-align:center;width:50px}.admin-layout .users-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .15s}.admin-layout .users-table tbody tr:last-child{border-bottom:none}.admin-layout .users-table tbody tr:hover{background:#f9fafb}.admin-layout .users-table td{color:#374151;font-size:14px;padding:10px 16px;vertical-align:middle}.admin-layout .users-table td.no-data{color:#9ca3af;padding:40px;text-align:center}.admin-layout .users-table input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;width:16px}.admin-layout .admin-info{align-items:center;display:flex;flex-direction:row;gap:10px}.admin-layout .admin-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:36px;width:36px}.admin-layout .admin-details{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-layout .admin-name{color:#111827;font-weight:500}.admin-layout .admin-email,.admin-layout .admin-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-layout .admin-email{color:#6b7280;font-size:13px}.admin-layout .role-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.admin-layout .role-badge.role-super{background:#dbeafe;color:#1e40af}.admin-layout .role-badge.role-support{background:#d1fae5;color:#065f46}.admin-layout .role-badge.role-billing{background:#f3f4f6;color:#374151}.admin-layout .role-badge.role-default{background:#f3f4f6;color:#6b7280}.admin-layout .status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.admin-layout .status-dot{border-radius:50%;height:6px;width:6px}.admin-layout .status-badge.status-active{background:#d1fae5;color:#065f46}.admin-layout .status-badge.status-active .status-dot{background:#10b981}.admin-layout .status-badge.status-away{background:#fef3c7;color:#92400e}.admin-layout .status-badge.status-away .status-dot{background:#f59e0b}.admin-layout .status-badge.status-inactive{background:#fee2e2;color:#991b1b}.admin-layout .status-badge.status-inactive .status-dot{background:#ef4444}.admin-layout .last-login{color:#6b7280;font-size:13px;white-space:nowrap}.admin-layout .action-menu-container{position:relative}.admin-layout .action-menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.admin-layout .action-menu-btn:hover{background:#f3f4f6;color:#374151}.admin-layout .action-menu-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:4px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:50}.admin-layout .action-menu-dropdown button{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.admin-layout .action-menu-dropdown button:hover{background:#f9fafb}.admin-layout .action-menu-dropdown button.delete-btn{color:#dc2626}.admin-layout .action-menu-dropdown button.delete-btn:hover{background:#fef2f2}.admin-layout .table-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.admin-layout .results-info{color:#6b7280;font-size:13px}.admin-layout .pagination{display:flex;gap:8px}.admin-layout .pagination-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.admin-layout .pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.admin-layout .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.admin-layout .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-layout .modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.admin-layout .modal-header{align-items:flex-start;border-bottom:none;display:flex;justify-content:space-between;padding:24px 24px 20px}.admin-layout .modal-header-text{flex:1 1}.admin-layout .modal-header-text h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.admin-layout .modal-header-text p{color:#6b7280;font-size:14px;margin:0}.admin-layout .modal-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.admin-layout .modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.admin-layout .modal-close:hover{background:#f3f4f6;color:#374151}.admin-layout .modal-content form{padding:0 24px 24px}.admin-layout .form-group{margin-bottom:18px}.admin-layout .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.admin-layout .form-group input,.admin-layout .form-group select{border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.admin-layout .form-group input:focus,.admin-layout .form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.admin-layout .form-group input::placeholder{color:#9ca3af}.admin-layout .input-with-icon{position:relative}.admin-layout .input-with-icon input{padding-right:42px}.admin-layout .input-with-icon .input-icon{color:#9ca3af;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.admin-layout .field-hint{color:#6b7280;display:block;font-size:12px;margin-top:6px}.admin-layout .role-permissions-info{background:#eff6ff;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:14px 16px}.admin-layout .role-permissions-info svg{color:#2563eb;flex-shrink:0;margin-top:2px}.admin-layout .role-permissions-info div{display:flex;flex-direction:column;gap:2px}.admin-layout .role-permissions-info strong{color:#1d4ed8;font-size:13px;font-weight:600}.admin-layout .role-permissions-info span{color:#2563eb;font-size:13px;line-height:1.4}.admin-layout .modal-actions{background:#0000;border-top:none;display:flex;gap:12px;justify-content:flex-end;padding:0}.admin-layout .btn-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .15s}.admin-layout .btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.admin-layout .btn-submit{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .15s}.admin-layout .btn-submit:hover{background:#1d4ed8}.admin-layout .btn-delete{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .15s}.admin-layout .btn-delete:hover{background:#b91c1c}.admin-layout .delete-modal{max-width:400px}.admin-layout .delete-message{padding:24px}.admin-layout .delete-message p{color:#374151;font-size:14px;margin:0 0 8px}.admin-layout .delete-message .warning{color:#dc2626;font-size:13px}.admin-layout.dark .page-header-left h1{color:#f9fafb}.admin-layout.dark .page-header-left p{color:#9ca3af}.admin-layout.dark .search-box{background:#374151;border-color:#4b5563}.admin-layout.dark .search-box input{color:#f9fafb}.admin-layout.dark .search-box input::placeholder{color:#9ca3af}.admin-layout.dark .filter-group select{background:#374151;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#4b5563;color:#f9fafb}.admin-layout.dark .filter-group select:hover{border-color:#6b7280}.admin-layout.dark .filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.admin-layout.dark .users-table-container{background:#1f2937;border-color:#374151}.admin-layout.dark .loading-state{color:#9ca3af}.admin-layout.dark .users-table thead{background:#111827;border-bottom-color:#374151}.admin-layout.dark .users-table th{color:#9ca3af}.admin-layout.dark .users-table tbody tr{border-bottom-color:#374151}.admin-layout.dark .users-table tbody tr:hover{background:#111827}.admin-layout.dark .users-table td{color:#d1d5db}.admin-layout.dark .users-table td.no-data{color:#6b7280}.admin-layout.dark .admin-name{color:#f9fafb}.admin-layout.dark .admin-email{color:#9ca3af}.admin-layout.dark .role-badge.role-super{background:#3b82f633;color:#93c5fd}.admin-layout.dark .role-badge.role-support{background:#10b98133;color:#6ee7b7}.admin-layout.dark .role-badge.role-billing{background:#6b728033;color:#d1d5db}.admin-layout.dark .role-badge.role-default{background:#6b728033;color:#9ca3af}.admin-layout.dark .status-badge.status-active{background:#10b98133;color:#6ee7b7}.admin-layout.dark .status-badge.status-away{background:#f59e0b33;color:#fcd34d}.admin-layout.dark .status-badge.status-inactive{background:#ef444433;color:#fca5a5}.admin-layout.dark .action-menu-btn,.admin-layout.dark .last-login{color:#9ca3af}.admin-layout.dark .action-menu-btn:hover{background:#374151;color:#d1d5db}.admin-layout.dark .action-menu-dropdown{background:#1f2937;border-color:#374151;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.admin-layout.dark .action-menu-dropdown button{color:#d1d5db}.admin-layout.dark .action-menu-dropdown button:hover{background:#374151}.admin-layout.dark .action-menu-dropdown button.delete-btn{color:#f87171}.admin-layout.dark .action-menu-dropdown button.delete-btn:hover{background:#ef44441a}.admin-layout.dark .table-footer{background:#111827;border-top-color:#374151}.admin-layout.dark .results-info{color:#9ca3af}.admin-layout.dark .pagination-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.admin-layout.dark .pagination-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.admin-layout.dark .modal-overlay{background:#000000b3}.admin-layout.dark .modal-content{background:#1f2937}.admin-layout.dark .modal-header{border-bottom-color:#374151}.admin-layout.dark .modal-header h2,.admin-layout.dark .modal-header-text h2{color:#f9fafb}.admin-layout.dark .modal-close,.admin-layout.dark .modal-header-text p{color:#9ca3af}.admin-layout.dark .modal-close:hover{background:#374151;color:#d1d5db}.admin-layout.dark .form-group label{color:#d1d5db}.admin-layout.dark .form-group input,.admin-layout.dark .form-group select{background:#374151;border-color:#4b5563;color:#f9fafb}.admin-layout.dark .form-group input:focus,.admin-layout.dark .form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.admin-layout.dark .form-group input::placeholder,.admin-layout.dark .input-with-icon .input-icon{color:#6b7280}.admin-layout.dark .field-hint{color:#9ca3af}.admin-layout.dark .role-permissions-info{background:#2563eb26}.admin-layout.dark .role-permissions-info svg{color:#60a5fa}.admin-layout.dark .role-permissions-info strong{color:#93c5fd}.admin-layout.dark .role-permissions-info span{color:#60a5fa}.admin-layout.dark .modal-actions{background:#0000;border-top-color:#374151}.admin-layout.dark .btn-cancel{background:#374151;border-color:#4b5563;color:#d1d5db}.admin-layout.dark .btn-cancel:hover{background:#4b5563;border-color:#6b7280}.admin-layout.dark .delete-message p{color:#d1d5db}.admin-layout.dark .delete-message .warning{color:#f87171}@media (max-width:768px){.admin-layout .page-header{align-items:stretch;flex-direction:column}.admin-layout .btn-add-admin{justify-content:center;width:100%}.admin-layout .users-filters{align-items:stretch;flex-direction:column}.admin-layout .search-box{max-width:none}.admin-layout .filter-group{width:100%}.admin-layout .filter-group select{flex:1 1}.admin-layout .users-table-container{overflow-x:auto}.admin-layout .users-table{min-width:600px}.admin-layout .table-footer{flex-direction:column;gap:12px}.admin-layout .modal-content{margin:16px}}.admin-layout{display:flex}.admin-layout,.admin-layout .admin-main{background-color:#f8fafc;min-height:100vh}.admin-layout .admin-main{flex:1 1;margin-left:260px;padding:24px 32px}.admin-layout.light,.admin-layout.light .admin-main,.admin-layout.light-theme,.admin-layout.light-theme .admin-main{background-color:#f8fafc}.admin-layout.dark,.admin-layout.dark .admin-main{background-color:#0d1117}.admin-layout.dark h1,.admin-layout.dark h2,.admin-layout.dark h3,.admin-layout.dark h4,.admin-layout.dark h5,.admin-layout.dark h6{color:#f0f6fc}.admin-layout.dark p{color:#8b949e}.admin-layout.dark .admin-header-left h1{color:#f0f6fc}.admin-layout.dark .admin-header-left p,.admin-layout.dark .breadcrumb{color:#8b949e}.admin-layout.dark .breadcrumb-separator{color:#484f58}.admin-layout.dark .breadcrumb-active,.admin-layout.dark .page-header-left h1{color:#f0f6fc}.admin-layout.dark .page-header-left p{color:#8b949e}.admin-layout.dark .activity-card,.admin-layout.dark .alerts-card,.admin-layout.dark .card,.admin-layout.dark .dashboard-card,.admin-layout.dark .health-card,.admin-layout.dark .stat-card,.admin-layout.dark .sub-stat-card{background-color:#161b22;border-color:#30363d;box-shadow:none}.admin-layout.dark .stat-label,.admin-layout.dark .sub-stat-label{color:#8b949e}.admin-layout.dark .stat-value,.admin-layout.dark .sub-stat-value{color:#f0f6fc}.admin-layout.dark .stat-subtitle{color:#8b949e}.admin-layout.dark .stat-change.positive,.admin-layout.dark .sub-stat-change.positive{background-color:#3fb95026;color:#3fb950}.admin-layout.dark .stat-change.negative,.admin-layout.dark .sub-stat-change.negative{background-color:#f8514926;color:#f85149}.admin-layout.dark .stat-icon{background-color:#6366f126}.admin-layout.dark .stat-icon.blue,.admin-layout.dark .sub-stat-icon.blue{background-color:#3b82f626;color:#58a6ff}.admin-layout.dark .stat-icon.green,.admin-layout.dark .sub-stat-icon.green{background-color:#3fb95026;color:#3fb950}.admin-layout.dark .stat-icon.cyan{background-color:#06b6d426;color:#22d3ee}.admin-layout.dark .stat-icon.orange,.admin-layout.dark .sub-stat-icon.orange{background-color:#f59e0b26;color:#f59e0b}.admin-layout.dark .stat-icon.red,.admin-layout.dark .sub-stat-icon.red{background-color:#f8514926;color:#f85149}.admin-layout.dark .stat-icon.purple,.admin-layout.dark .sub-stat-icon.purple{background-color:#a371f726;color:#a371f7}.admin-layout.dark table th{background-color:#0d1117;border-bottom-color:#30363d;color:#8b949e}.admin-layout.dark table td{border-bottom-color:#21262d;color:#c9d1d9}.admin-layout.dark table tbody tr:hover{background-color:#6366f10d}.admin-layout.dark .search-box,.admin-layout.dark .search-input{background-color:#0d1117;border-color:#30363d}.admin-layout.dark .search-box input,.admin-layout.dark .search-input input{background-color:initial;color:#f0f6fc}.admin-layout.dark .search-box input::placeholder,.admin-layout.dark .search-input input::placeholder{color:#8b949e}.admin-layout.dark .filter-select,.admin-layout.dark select{background-color:#0d1117;border-color:#30363d;color:#f0f6fc}.admin-layout.dark .date-filter select{background-color:#161b22;border-color:#30363d;color:#f0f6fc}.admin-layout.dark .add-subscription-btn,.admin-layout.dark .btn-primary{background-color:#238636;color:#fff}.admin-layout.dark .add-subscription-btn:hover,.admin-layout.dark .btn-primary:hover{background-color:#2ea043}.admin-layout.dark .btn-secondary,.admin-layout.dark .export-btn{background-color:#21262d;border-color:#30363d;color:#c9d1d9}.admin-layout.dark .btn-secondary:hover,.admin-layout.dark .export-btn:hover{background-color:#30363d;color:#f0f6fc}.admin-layout.dark .btn-action{border-color:#30363d;color:#8b949e}.admin-layout.dark .btn-action:hover{background-color:#21262d;border-color:#484f58;color:#f0f6fc}.admin-layout.dark .status-badge.active,.admin-layout.dark .status-badge.status-active,.admin-layout.dark .status-verified{background-color:#3fb95026;color:#3fb950}.admin-layout.dark .status-badge.status-trialing,.admin-layout.dark .status-badge.trialing{background-color:#6366f126;color:#818cf8}.admin-layout.dark .status-badge.canceled,.admin-layout.dark .status-badge.cancelled,.admin-layout.dark .status-badge.status-cancelled{background-color:#f8514926;color:#f85149}.admin-layout.dark .status-badge.past_due,.admin-layout.dark .status-badge.status-past-due,.admin-layout.dark .status-pending{background-color:#d2992226;color:#d29922}.admin-layout.dark .status-badge.inactive,.admin-layout.dark .status-badge.status-inactive{background-color:#8b949e26;color:#8b949e}.admin-layout.dark .live-badge,.admin-layout.dark .status-completed{background-color:#3fb95026;color:#3fb950}.admin-layout.dark .pagination-info{color:#8b949e}.admin-layout.dark .pagination-btn{background-color:#21262d;border-color:#30363d;color:#8b949e}.admin-layout.dark .pagination-btn:hover{background-color:#30363d;color:#f0f6fc}.admin-layout.dark .pagination-btn.active{background-color:#238636;border-color:#238636;color:#fff}.admin-layout.dark .pagination-dots{color:#8b949e}.admin-layout.dark .modal-overlay{background-color:#000000b3}.admin-layout.dark .modal-content{background-color:#161b22;border-color:#30363d}.admin-layout.dark .modal-header h2{color:#f0f6fc}.admin-layout.dark .btn-close-modal{color:#8b949e}.admin-layout.dark .btn-close-modal:hover{background-color:#21262d;color:#f0f6fc}.admin-layout.dark .form-group label{color:#c9d1d9}.admin-layout.dark .form-group input,.admin-layout.dark .form-group select,.admin-layout.dark .form-group textarea{background-color:#0d1117;border-color:#30363d;color:#f0f6fc}.admin-layout.dark .empty-state,.admin-layout.dark .form-group input::placeholder,.admin-layout.dark .form-group textarea::placeholder{color:#8b949e}.admin-layout.dark .chart-card{background-color:#161b22;border-color:#30363d}.admin-layout.dark .chart-header h3{color:#f0f6fc}.admin-layout.dark .chart-toggle button{background-color:initial;border-color:#30363d;color:#8b949e}.admin-layout.dark .chart-toggle button.active{background-color:#21262d;color:#f0f6fc}.admin-layout.dark .activity-card h3,.admin-layout.dark .card-header h3{color:#f0f6fc}.admin-layout.dark .activity-item:hover{background-color:#6366f10d}.admin-layout.dark .activity-icon{background-color:#6366f126;color:#818cf8}.admin-layout.dark .activity-content span{color:#8b949e}.admin-layout.dark .alerts-card h3{color:#f0f6fc}.admin-layout.dark .alert-item{background-color:#21262d;border-color:#30363d}.admin-layout.dark .alert-item.warning{border-left-color:#d29922}.admin-layout.dark .alert-item.info{border-left-color:#58a6ff}.admin-layout.dark .alert-item.error{border-left-color:#f85149}.admin-layout.dark .alert-message{color:#c9d1d9}.admin-layout.dark .alert-time{color:#8b949e}.admin-layout.dark .health-card h3{color:#f0f6fc}.admin-layout.dark .health-item{border-bottom-color:#21262d}.admin-layout.dark .health-label{color:#8b949e}.admin-layout.dark .health-value{color:#f0f6fc}.admin-layout.dark .health-bar{background-color:#21262d}.admin-layout.dark .mrr-breakdown{border-top-color:#30363d}.admin-layout.dark .mrr-currency-item .currency-code{background:#21262d;color:#8b949e}.admin-layout.dark .mrr-currency-item .currency-amount{color:#f0f6fc}.admin-layout.dark .sub-stat-note{color:#8b949e}.admin-layout.dark .vendor-name{color:#f0f6fc}.admin-layout.dark .vendor-email{color:#8b949e}.admin-layout.dark .invoices-card,.admin-layout.dark .profile-card,.admin-layout.dark .subscription-card,.admin-layout.dark .usage-card{background-color:#161b22;border-color:#30363d;box-shadow:none}.admin-layout.dark .invoices-card h3,.admin-layout.dark .profile-card h3,.admin-layout.dark .profile-name,.admin-layout.dark .subscription-card h3,.admin-layout.dark .usage-card h3{color:#f0f6fc}.admin-layout.dark .profile-field .field-label,.admin-layout.dark .profile-role{color:#8b949e}.admin-layout.dark .profile-field .field-value,.admin-layout.dark .vendor-header-section h1{color:#f0f6fc}.admin-layout.dark .vendor-meta{color:#8b949e}.admin-layout.dark .subscription-row{border-bottom-color:#21262d}.admin-layout.dark .sub-label{color:#8b949e}.admin-layout.dark .sub-value{color:#f0f6fc}.admin-layout.dark .usage-item span:first-child{color:#8b949e}.admin-layout.dark .usage-item span:last-child{color:#f0f6fc}.admin-layout.dark .usage-bar{background-color:#21262d}.admin-layout.dark .usage-fill{background-color:#238636}.admin-layout.dark .content-tabs button{border-bottom-color:#0000;color:#8b949e}.admin-layout.dark .content-tabs button:hover{color:#f0f6fc}.admin-layout.dark .content-tabs button.active{border-bottom-color:#238636;color:#f0f6fc}.admin-layout.dark .invoices-table thead{background-color:#0d1117}.admin-layout.dark .invoices-table th{color:#8b949e}.admin-layout.dark .invoices-table td{border-bottom-color:#21262d;color:#c9d1d9}.admin-layout.dark .invoices-table tbody tr:hover{background-color:#6366f10d}.admin-layout.dark .activity-item{border-bottom-color:#21262d}.admin-layout.dark .activity-content strong{color:#f0f6fc}.admin-layout.dark .activity-content p,.admin-layout.dark .activity-time,.admin-layout.dark .no-activity,.admin-layout.dark .no-invoices{color:#8b949e}.admin-layout.dark .btn-suspend{background-color:#f8514926;border-color:#f85149;color:#f85149}.admin-layout.dark .btn-suspend:hover{background-color:#f8514940}.admin-layout.dark .btn-suspend.btn-activate{background-color:#3fb95026;border-color:#3fb950;color:#3fb950}.admin-layout.dark .btn-suspend.btn-activate:hover{background-color:#3fb95040}.admin-layout.dark .btn-edit{background-color:#21262d;border-color:#30363d;color:#c9d1d9}.admin-layout.dark .btn-edit:hover{background-color:#30363d;color:#f0f6fc}.admin-layout.dark .download-all-btn{background-color:#21262d;border-color:#30363d;color:#c9d1d9}.admin-layout.dark .download-all-btn:hover:not(:disabled){background-color:#30363d;color:#f0f6fc}.admin-layout.dark .download-all-btn:disabled{cursor:not-allowed;opacity:.5}.admin-layout.dark .stat-subtext{color:#8b949e}.admin-layout.dark .plan-name{color:#f0f6fc}.admin-layout.dark .plan-cycle{background-color:#8b949e26;color:#8b949e}.admin-layout.dark .plan-cycle.yearly{background-color:#6366f126;color:#818cf8}.admin-layout.dark .results-count{color:#8b949e}.admin-layout.dark .card-header{border-bottom-color:#30363d}.admin-layout.dark .card-header h2,.admin-layout.dark .card-header h3{color:#f0f6fc}.admin-layout.dark .settings-header{background-color:#161b22;border-bottom-color:#30363d}.admin-layout.dark .settings-header input{background-color:#0d1117;border-color:#30363d;color:#f0f6fc}.admin-layout.dark .settings-header input::placeholder{color:#8b949e}.admin-layout.dark .settings-content{background-color:#0d1117}.admin-layout.dark .settings-card{background-color:#161b22;border-color:#30363d}.admin-layout.dark .settings-card .card-title span{color:#f0f6fc}.admin-layout.dark .settings-card .card-description{color:#8b949e}.admin-layout.dark .form-row label{color:#c9d1d9}.admin-layout.dark .form-row input,.admin-layout.dark .form-row select,.admin-layout.dark .form-row textarea{background-color:#0d1117;border-color:#30363d;color:#f0f6fc}.admin-layout.dark .btn-save{background-color:#238636;color:#fff}.admin-layout.dark .btn-save:hover:not(:disabled){background-color:#2ea043}.admin-layout.dark .btn-discard{background-color:initial;border-color:#30363d;color:#8b949e}.admin-layout.dark .btn-discard:hover:not(:disabled){background-color:#21262d;color:#f0f6fc}.admin-layout.dark .toggle-label{color:#c9d1d9}.admin-layout.dark .quick-actions-panel{background-color:#161b22;border-color:#30363d}.admin-layout.dark .action-item{color:#c9d1d9}.admin-layout.dark .action-item:hover{background-color:#21262d;color:#f0f6fc}@media (max-width:1024px){.admin-layout .admin-main{margin-left:0;padding:20px}}@media (max-width:768px){.admin-layout .admin-main{padding:16px}}.admin-header-right{align-items:center;display:flex;gap:.75rem}.refresh-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-btn:hover{background:#e2e8f0}.export-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.export-btn:hover{background:#059669}.logs-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem}.filter-group{display:flex;flex-direction:column;gap:.375rem}.filter-group label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filter-group input,.filter-group select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.875rem;min-width:150px;outline:none;padding:.5rem .75rem}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6}.search-group{flex:1 1;min-width:200px}.search-group input{width:100%}.logs-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.empty-state,.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.empty-state svg{color:#94a3b8;margin-bottom:1rem}.empty-state h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.logs-table{border-collapse:collapse;width:100%}.logs-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.logs-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;padding:.875rem 1rem;vertical-align:middle}.logs-table tr:hover{background:#f8fafc}.timestamp-cell{color:#64748b;font-family:SF Mono,Monaco,monospace;font-size:.8rem;white-space:nowrap}.type-cell{align-items:center;display:flex;gap:.5rem;text-transform:capitalize}.type-cell svg{color:#64748b}.level-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.badge-info{background:#3b82f626;color:#3b82f6}.badge-warning{background:#f59e0b26;color:#f59e0b}.badge-error{background:#ef444426;color:#ef4444}.badge-success{background:#10b98126;color:#10b981}.message-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-cell{max-width:250px}.details-cell code{background:#f1f5f9;border-radius:4px;color:#475569;display:inline-block;font-family:SF Mono,Monaco,monospace;font-size:.75rem;max-width:100%;overflow:hidden;padding:.25rem .5rem;text-overflow:ellipsis;white-space:nowrap}.no-details{color:#94a3b8}.logs-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem}.logs-pagination .pagination-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.logs-pagination .pagination-btn:hover:not(:disabled){background:#e2e8f0}.logs-pagination .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:.25rem}.page-number{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.page-number:hover{background:#e2e8f0}.page-number.active{background:#10b981;border-color:#10b981;color:#fff}.pagination-info{color:#64748b;font-size:.875rem;margin-left:.5rem}.admin-layout.dark .refresh-btn{background:#1e293b;border-color:#47556966;color:#94a3b8}.admin-layout.dark .refresh-btn:hover{background:#334155}.admin-layout.dark .logs-filters{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border-color:#4755694d}.admin-layout.dark .filter-group label{color:#94a3b8}.admin-layout.dark .filter-group input,.admin-layout.dark .filter-group select{background:#0f172a99;border-color:#47556966;color:#e2e8f0}.admin-layout.dark .filter-group select option{background:#1e293b;color:#e2e8f0}.admin-layout.dark .logs-container{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border-color:#4755694d}.admin-layout.dark .empty-state,.admin-layout.dark .loading-state{color:#94a3b8}.admin-layout.dark .loading-state .spinner{border-color:#3b82f6 #47556966 #47556966}.admin-layout.dark .empty-state h3{color:#fff}.admin-layout.dark .logs-table th{background:#0f172a99;border-bottom-color:#4755694d;color:#94a3b8}.admin-layout.dark .logs-table td{border-bottom-color:#47556933;color:#e2e8f0}.admin-layout.dark .logs-table tr:hover{background:#1e293b80}.admin-layout.dark .timestamp-cell,.admin-layout.dark .type-cell svg{color:#94a3b8}.admin-layout.dark .details-cell code{background:#0f172a99;color:#94a3b8}.admin-layout.dark .no-details{color:#64748b}.admin-layout.dark .logs-pagination .pagination-btn{background:#1e293b;border-color:#47556966;color:#94a3b8}.admin-layout.dark .logs-pagination .pagination-btn:hover:not(:disabled){background:#334155}.admin-layout.dark .page-number{background:#1e293b;border-color:#47556966;color:#94a3b8}.admin-layout.dark .page-number:hover{background:#334155}.admin-layout.dark .page-number.active{background:#10b981;border-color:#10b981;color:#fff}.admin-layout.dark .pagination-info{color:#94a3b8}@media (max-width:1200px){.logs-filters{flex-wrap:wrap}.filter-group{min-width:calc(50% - .5rem)}.search-group{min-width:100%}}@media (max-width:768px){.admin-header{flex-direction:column;gap:1rem}.admin-header-right{justify-content:flex-start;width:100%}.filter-group{min-width:100%}.logs-table{display:block;overflow-x:auto}.logs-table td,.logs-table th{white-space:nowrap}}.date-filter-tabs{background:#f1f5f9;border-radius:8px;display:flex;gap:0;padding:4px}.date-filter-tabs button{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease}.date-filter-tabs button:hover{color:#1e293b}.date-filter-tabs button.active{background:#10b981;color:#fff}.custom-date-inputs{align-items:center;display:flex;gap:.5rem;margin-left:1rem}.custom-date-inputs input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:.875rem;padding:.5rem .75rem}.custom-date-inputs span{color:#64748b;font-size:.875rem}.invoice-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.invoice-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;position:relative}.invoice-stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.invoice-stat-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.invoice-stat-icon{align-items:center;background:#10b98126;border-radius:8px;color:#10b981;display:flex;height:36px;justify-content:center;width:36px}.invoice-stat-icon.volume{background:#8b5cf626;color:#8b5cf6}.invoice-stat-icon.avg{background:#3b82f626;color:#3b82f6}.invoice-stat-icon.sessions{background:#10b98126;color:#10b981}.invoice-stat-value{color:#1e293b;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.375rem}.invoice-stat-change{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:.25rem}.invoice-stat-change.positive{color:#10b981}.invoice-stat-change.negative{color:#ef4444}.invoice-stat-change span{color:#94a3b8;font-weight:400}.currency-selector{bottom:.75rem;position:absolute;right:.75rem}.currency-selector select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:.7rem;padding:.25rem .5rem}.invoice-charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 320px;margin-bottom:1.5rem}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.chart-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.chart-header h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.chart-header p{color:#64748b;font-size:.8rem;margin:0}.export-chart-btn{align-items:center;background:#0000;border:none;color:#10b981;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.375rem;padding:.5rem .75rem;transition:all .2s ease}.export-chart-btn:hover{color:#059669}.bar-chart{align-items:flex-end;display:flex;height:200px;justify-content:space-around;padding:0 .5rem}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.bar-wrapper{align-items:flex-end;display:flex;height:180px;justify-content:center;width:100%}.bar{background:linear-gradient(180deg,#10b981,#059669);border-radius:6px 6px 0 0;cursor:pointer;min-height:8px;position:relative;transition:all .2s ease;width:40px}.bar:hover{opacity:.9;transform:scaleY(1.02)}.bar-tooltip{background:#1e293b;border-radius:4px;bottom:100%;color:#fff;font-size:.7rem;left:50%;opacity:0;padding:.375rem .5rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.bar:hover .bar-tooltip{opacity:1}.bar-label{color:#64748b;font-size:.75rem;font-weight:500}.charts-right{display:flex;flex-direction:column;gap:1rem}.status-chart h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.donut-container{align-items:center;display:flex;gap:1.5rem}.donut-chart{height:100%;position:relative;width:100%}.donut-chart svg{transform:rotate(-90deg)}.donut-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.donut-value{color:#10b981;display:block;font-size:1.25rem;font-weight:700}.donut-label{color:#64748b;display:block;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase}.donut-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:.5rem}.legend-item strong{color:#1e293b;margin-left:auto}.legend-dot{border-radius:50%;height:8px;width:8px}.legend-dot.sent{background:#10b981}.legend-dot.paid{background:#3b82f6}.legend-dot.draft{background:#64748b}.peak-chart{padding:1rem}.peak-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.peak-header h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.peak-time{background:#10b9811a;border-radius:4px;color:#10b981;font-size:.75rem;padding:.25rem .5rem}.heatmap{flex-direction:column}.heatmap,.heatmap-row{display:flex;gap:2px}.heatmap-cell{border-radius:2px;flex:1 1;height:16px;width:100%}.heatmap-cell.none{background:#1e293b}.heatmap-cell.low{background:#10b9814d}.heatmap-cell.medium{background:#10b98199}.heatmap-cell.high{background:#10b981}.heatmap-labels{color:#64748b;display:flex;font-size:.65rem;justify-content:space-between;margin-top:.5rem}.recent-logs-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.logs-header h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.view-all-btn{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:.8rem;transition:color .2s ease}.view-all-btn:hover{color:#10b981}.logs-table-container{overflow-x:auto}.logs-mini-table{border-collapse:collapse;width:100%}.logs-mini-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.75rem;text-align:left;text-transform:uppercase}.logs-mini-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.85rem;padding:.75rem}.logs-mini-table .empty-cell,.logs-mini-table .loading-cell{color:#64748b;padding:2rem;text-align:center}.log-status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:.5rem;width:8px}.ref-id{color:#64748b;font-family:monospace;font-size:.8rem}.logs-mini-pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding-top:1rem}.logs-mini-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.8rem;padding:.375rem .75rem;transition:all .2s ease}.logs-mini-pagination button:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.logs-mini-pagination button:disabled{cursor:not-allowed;opacity:.5}.logs-mini-pagination span{color:#64748b;font-size:.8rem}.admin-layout.dark .date-filter-tabs{background:#1e293b}.admin-layout.dark .date-filter-tabs button{color:#94a3b8}.admin-layout.dark .date-filter-tabs button:hover{color:#e2e8f0}.admin-layout.dark .date-filter-tabs button.active{background:#10b981;color:#fff}.admin-layout.dark .custom-date-inputs input{background:#1e293b;border-color:#47556966;color:#e2e8f0}.admin-layout.dark .custom-date-inputs span{color:#94a3b8}.admin-layout.dark .invoice-stat-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border-color:#4755694d}.admin-layout.dark .invoice-stat-label{color:#94a3b8}.admin-layout.dark .invoice-stat-value{color:#fff}.admin-layout.dark .invoice-stat-change span{color:#64748b}.admin-layout.dark .currency-selector select{background:#0f172a;border-color:#47556966;color:#94a3b8}.admin-layout.dark .chart-card{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border-color:#4755694d}.admin-layout.dark .chart-header h3,.admin-layout.dark .peak-header h3,.admin-layout.dark .status-chart h3{color:#fff}.admin-layout.dark .bar-label,.admin-layout.dark .chart-header p,.admin-layout.dark .donut-center .donut-label,.admin-layout.dark .legend-item{color:#94a3b8}.admin-layout.dark .legend-item strong{color:#e2e8f0}.admin-layout.dark .heatmap-cell.none{background:#1e293bcc}.admin-layout.dark .heatmap-labels{color:#64748b}.admin-layout.dark .recent-logs-section{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border-color:#4755694d}.admin-layout.dark .logs-header h3{color:#fff}.admin-layout.dark .view-all-btn{color:#94a3b8}.admin-layout.dark .view-all-btn:hover{color:#10b981}.admin-layout.dark .logs-mini-table th{border-bottom-color:#4755694d;color:#94a3b8}.admin-layout.dark .logs-mini-table td{border-bottom-color:#47556933;color:#e2e8f0}.admin-layout.dark .ref-id{color:#94a3b8}.admin-layout.dark .logs-mini-pagination{border-top-color:#4755694d}.admin-layout.dark .logs-mini-pagination button{background:#1e293b;border-color:#47556966;color:#94a3b8}.admin-layout.dark .logs-mini-pagination button:hover:not(:disabled){background:#4755694d;color:#e2e8f0}@media (max-width:1200px){.invoice-stats-grid{grid-template-columns:repeat(2,1fr)}.invoice-charts-grid{grid-template-columns:1fr}.charts-right{flex-direction:row}.charts-right .chart-card{flex:1 1}}@media (max-width:768px){.admin-header-right{align-items:flex-start;flex-direction:column;gap:.75rem}.date-filter-tabs{flex-wrap:wrap}.custom-date-inputs{margin-left:0;margin-top:.5rem}.invoice-stats-grid{grid-template-columns:1fr}.charts-right,.donut-container{flex-direction:column}.donut-container{align-items:flex-start}.bar-chart{height:150px}.bar{width:30px}}.install-banner{display:none}@media (max-width:768px){.install-banner{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:16px;box-shadow:0 8px 24px #1118271f;display:flex;gap:12px;justify-content:space-between;left:12px;padding:12px 14px;position:fixed;right:12px;z-index:1200}.install-banner-copy{color:#374151;font-size:.8125rem;line-height:1.4;margin:0}.install-banner-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.install-banner-dismiss,.install-banner-install{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-size:.8125rem;font-weight:600;padding:6px 4px}.install-banner-install{color:#059669}.install-banner-dismiss{color:#6b7280}}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{max-width:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:600px;padding:12px}.page{background-color:#f8f9fa;min-height:100vh}.navbar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98126;color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.navbar-brand{font-size:18px;font-weight:600;letter-spacing:-.5px}.brand-lockup{--lockup-size:32px;--lockup-gap:8px;--wordmark-nudge:0.04em;align-items:center;display:flex;flex-direction:row;gap:var(--lockup-gap)}.brand-lockup--compact{--lockup-size:24px}.app-logo{display:block;flex-shrink:0}.brand-lockup>.app-logo,.brand-lockup>svg{display:block;flex:0 0 var(--lockup-size);height:var(--lockup-size);width:var(--lockup-size)}.brand-lockup>.app-name,.brand-lockup>.brand-wordmark,.brand-lockup>h1,.brand-lockup>span{align-items:center;display:flex;font-size:18px;font-weight:700;height:var(--lockup-size);letter-spacing:-.025em;line-height:1;margin:0;padding:0;transform:translateY(var(--wordmark-nudge))}.brand-lockup--compact>.brand-wordmark,.brand-lockup--compact>span{font-size:16px}.navbar-menu{display:flex;gap:15px}.navbar-link{border-radius:4px;color:#fff;font-size:14px;font-weight:500;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}.navbar-link:hover{background-color:#ffffff26}.navbar-link.active{background-color:#ffffff40}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;letter-spacing:.3px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-block{display:block;width:100%}.btn-small{font-size:14px;padding:8px 16px}.form-group{margin-bottom:16px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;letter-spacing:.2px;margin-bottom:6px}.form-input{background-color:#fff;border:1.5px solid #e5e7eb;border-radius:6px;font-size:15px;padding:10px 12px;transition:all .3s ease;width:100%}.form-input:focus{background-color:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-error{color:#ef4444;font-size:13px;font-weight:500;margin-top:5px}.card{background-color:#fff;border:1px solid #f3f4f6;border-radius:10px;box-shadow:0 1px 3px #00000014;padding:20px}.card,.card-title{margin-bottom:16px}.card-title{color:#1f2937;font-size:22px;font-weight:600;letter-spacing:-.5px}.auth-container{align-items:center;background:linear-gradient(135deg,#10b981,#059669);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:#fff;border-radius:10px;box-shadow:0 10px 40px #0000001a;max-width:420px;padding:40px;width:100%}.auth-title{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:28px;text-align:center}.auth-subtitle{margin-bottom:28px}.auth-link,.auth-subtitle{color:#6b7280;font-size:14px;text-align:center}.auth-link{margin-top:20px}.auth-link a{color:#10b981;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-link a:hover{color:#059669}.invoice-items{margin-top:20px}.invoice-item{grid-gap:10px;align-items:end;border-bottom:1px solid #e5e7eb;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr auto;margin-bottom:15px;padding-bottom:15px}.invoice-item:last-child{border-bottom:none}.remove-item-btn{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;transition:all .3s ease}.remove-item-btn:hover{background-color:#dc2626;box-shadow:0 2px 8px #ef44444d;transform:translateY(-2px)}.add-item-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:10px 20px;transition:all .3s ease;width:100%}.add-item-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.invoice-summary{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;margin-top:20px;padding:20px}.summary-row{color:#374151;display:flex;font-size:16px;justify-content:space-between;margin-bottom:12px}.summary-row.total{border-top:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin-top:12px;padding-top:12px}.invoice-list{margin-top:20px}.invoice-card{align-items:center;background-color:#fff;border:1px solid #f3f4f6;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .3s ease}.invoice-card:hover{box-shadow:0 2px 6px #00000014}.invoice-info h3{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:5px}.invoice-info p{color:#6b7280;font-size:14px;margin-bottom:3px}.invoice-actions{display:flex;gap:10px}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#10b981;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alert{border:1px solid #0000;border-radius:6px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.alert-success{background-color:#d1fae5;border-color:#10b981;color:#065f46}.alert-error{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}.alert-warning{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.logo-upload{background-color:#fafbfc;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.logo-upload:hover{background-color:#f0fdf4;border-color:#10b981}.logo-preview{display:block;margin:10px auto;max-height:150px;max-width:150px}@media (max-width:768px){.invoice-item{grid-template-columns:1fr}.navbar-menu{flex-direction:column;gap:5px}.auth-card{padding:28px}.container{padding:16px}*{-webkit-tap-highlight-color:transparent}body{font-size:14px}.page{padding:0}.container{max-width:100%;padding:1rem}.card{margin-bottom:1rem;padding:1rem}.card-title{font-size:1.25rem}.btn{font-size:.875rem;padding:.625rem 1rem}.btn-block{width:100%}.form-group{margin-bottom:1rem}.form-input,.form-label{font-size:.875rem}.form-input{padding:.625rem}.alert{font-size:.875rem;padding:.75rem}.invoice-items{display:flex;flex-direction:column;gap:1rem}.invoice-item{grid-gap:.5rem;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:.5rem;grid-template-columns:1fr;padding:1rem}.invoice-item input{width:100%!important}.invoice-summary{margin-top:1.5rem;padding:1rem}.summary-row{font-size:.875rem}.invoice-list{display:flex;flex-direction:column;gap:1rem}.invoice-card{padding:1rem!important}.invoice-info h3{font-size:1rem}.invoice-info p{font-size:.875rem}.invoice-actions{display:flex;gap:.5rem;margin-top:.75rem}.invoice-actions button{flex:1 1}table{font-size:.875rem}td,th{padding:.5rem .25rem}}@media (max-width:480px){body{font-size:13px}.card-title{font-size:1.125rem}.btn{font-size:.8125rem;padding:.5rem .75rem}.form-input{padding:.5rem}}@media (hover:none) and (pointer:coarse){a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}
/*# sourceMappingURL=main.483e162c.css.map*/