@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);position:relative}.theme-toggle:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.theme-icon{position:absolute;transition:all var(--transition-base);transform:rotate(-90deg) scale(0);opacity:0}.theme-icon.visible{transform:rotate(0) scale(1);opacity:1}.navbar{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);height:64px}.navbar-container{max-width:1280px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none}.navbar-logo.serif-logo{font-family:Georgia,Cambria,Times New Roman,Times,serif;color:var(--color-brand);letter-spacing:.1em;font-weight:800}.btn-cta{background-color:var(--color-warning);color:#fff!important;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-cta:hover{background-color:#c97e06;transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-logo img{width:28px;height:28px}.navbar-links{display:flex;align-items:center;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.nav-link.active{color:var(--color-brand)}.nav-link.active:after{content:"";display:block;height:2px;background-color:var(--color-brand);margin-top:2px;border-radius:1px}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.navbar-toggle{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md)}.navbar-toggle:hover{background-color:var(--color-bg-tertiary)}.mobile-theme-toggle{display:none}.desktop-toggle{display:flex}.hide-mobile{display:block}@media (max-width: 768px){.desktop-toggle{display:none}.mobile-theme-toggle{display:flex;justify-content:center;padding-top:var(--space-6);margin-top:var(--space-4);border-top:1px solid var(--color-border);width:100%}.hide-mobile{display:none!important}.navbar-toggle{display:flex;align-items:center;justify-content:center}.navbar-links{position:fixed;top:64px;left:0;right:0;bottom:0;background-color:var(--color-bg);flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-8) var(--space-6);display:none;z-index:var(--z-overlay);animation:fadeIn var(--transition-base) ease}.navbar-links.open{display:flex}.nav-link{font-size:var(--text-lg);padding:var(--space-4) var(--space-6);width:100%;text-align:center}.navbar-actions{flex-direction:column;width:100%;gap:var(--space-3);margin-top:var(--space-4)}.navbar-actions .btn{width:100%;justify-content:center}}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:auto}.footer.islamic-pattern{position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z' fill='none' stroke='%231B7F64' stroke-width='0.5' opacity='0.05'/%3E%3Cpath d='M0 0 L80 80 M80 0 L0 80' fill='none' stroke='%231B7F64' stroke-width='0.5' opacity='0.03'/%3E%3Ccircle cx='40' cy='40' r='10' fill='none' stroke='%231B7F64' stroke-width='0.5' opacity='0.05'/%3E%3Cpolygon points='40,25 45,35 55,40 45,45 40,55 35,45 25,40 35,35' fill='none' stroke='%231B7F64' stroke-width='0.5' opacity='0.05'/%3E%3C/svg%3E");background-repeat:repeat}.footer-container{max-width:1280px;margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-8);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-8)}.serif-logo-footer{font-family:Georgia,Cambria,Times New Roman,Times,serif;color:var(--color-brand);font-size:var(--text-2xl);font-weight:800;letter-spacing:.1em;margin-bottom:var(--space-3)}.footer-tagline{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:280px;line-height:1.6;margin-bottom:var(--space-4)}.footer-cac{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand-text);background-color:var(--color-brand-subtle);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-brand)}.footer-col h4{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.footer-col a{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);text-decoration:none;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-text-primary)}.footer-bottom{max-width:1280px;margin:0 auto;padding:var(--space-6) var(--space-6);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:var(--text-sm);color:var(--color-text-tertiary)}.footer-bottom-links{display:flex;gap:var(--space-6)}.footer-bottom-links a{font-size:var(--text-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--color-text-primary)}@media (max-width: 768px){.footer-container{grid-template-columns:1fr 1fr;gap:var(--space-8);padding:var(--space-12) var(--space-5) var(--space-6)}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;gap:var(--space-3);text-align:center}}@media (max-width: 640px){.footer-container{grid-template-columns:1fr;gap:var(--space-6)}.footer-col{text-align:center}.footer-brand p{max-width:100%}}.layout-root{display:flex;min-height:100vh;background-color:var(--color-bg)}.app-sidebar{display:none;flex-direction:column;width:240px;min-width:240px;height:100vh;position:sticky;top:0;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:var(--z-sticky)}@media (min-width: 768px){.app-sidebar{display:flex}}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border);min-height:64px}.sidebar-header .logo-img{width:28px;height:28px}.sidebar-header .brand-name{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);border-left:3px solid transparent;transition:all var(--transition-fast);font-size:var(--text-base);font-weight:var(--font-weight-medium)}.nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-brand-subtle);color:var(--color-brand-text);border-left-color:var(--color-brand)}.nav-icon{display:flex;align-items:center;flex-shrink:0}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-border)}.footer-actions{display:flex;flex-direction:column;gap:var(--space-2)}.logout-btn,.role-switch-btn,.mobile-role-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);background:none;border:none;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-base);font-weight:var(--font-weight-medium);font-family:inherit;width:100%}.logout-btn:hover,.role-switch-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.logout-btn{color:var(--color-danger)}.logout-btn:hover{background-color:var(--color-danger-subtle)}.role-switch-btn{color:var(--color-brand)}.role-switch-btn:hover{background-color:var(--color-brand-subtle)}.active-zap{color:var(--color-brand)}.layout-root .main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:100vh;overscroll-behavior-y:contain}.page-container{flex:1;padding:var(--space-10) var(--space-8)}@media (max-width: 768px){.page-container{padding:var(--space-3) var(--space-4);padding-bottom:160px}}.mobile-header{display:none}@media (max-width: 767px){.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.mobile-brand{display:flex;align-items:center;gap:var(--space-2)}.mobile-brand .brand-name{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mobile-header-actions{display:flex;align-items:center;gap:var(--space-2)}}.mobile-nav{display:none}@media (max-width: 767px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background-color:var(--color-bg);border-top:1px solid var(--color-border);z-index:var(--z-sticky);padding:0 var(--space-3);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-tertiary);text-decoration:none;gap:2px;background:none;border:none;cursor:pointer;font-family:inherit;position:relative;padding:var(--space-2) 0}.mobile-nav-item.active{color:var(--color-brand)}.mobile-nav-item.logout{color:var(--color-text-tertiary)}.mobile-nav-item.logout:active{color:var(--color-danger)}.active-dot{width:4px;height:4px;border-radius:50%;background-color:var(--color-brand);opacity:0;transition:opacity var(--transition-fast)}.active-dot.visible{opacity:1}}.loading-overlay{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{width:32px;height:32px;border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:3px solid var(--color-text-tertiary);min-width:300px;max-width:420px;animation:toastSlideIn var(--transition-base) ease}.toast.success{border-left-color:var(--color-success)}.toast.error{border-left-color:var(--color-danger)}.toast.info{border-left-color:var(--color-info)}.toast.success .toast-icon{color:var(--color-success)}.toast.error .toast-icon{color:var(--color-danger)}.toast.info .toast-icon{color:var(--color-info)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (max-width: 640px){.toast-container{top:var(--space-4);right:var(--space-4);left:var(--space-4)}.toast{min-width:unset;max-width:unset;width:100%}}.landing-new{background-color:var(--color-bg);color:var(--color-text-primary);font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}.section-container{max-width:900px;margin:0 auto;padding:var(--space-16) var(--space-6)}.hero-section{min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding:var(--space-12) var(--space-6)}.hero-section.islamic-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z' fill='none' stroke='%231B7F64' stroke-width='0.5' opacity='0.05'/%3E%3Cpath d='M0 0 L80 80 M80 0 L0 80' fill='none' stroke='%231B7F64' stroke-width='0.5' opacity='0.03'/%3E%3Ccircle cx='40' cy='40' r='10' fill='none' stroke='%231B7F64' stroke-width='0.5' opacity='0.05'/%3E%3Cpolygon points='40,25 45,35 55,40 45,45 40,55 35,45 25,40 35,35' fill='none' stroke='%231B7F64' stroke-width='0.5' opacity='0.05'/%3E%3C/svg%3E");background-repeat:repeat;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.hero-content{position:relative;z-index:1;max-width:750px}.hero-headline{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.25rem,6vw,3.5rem);line-height:1.15;margin-bottom:var(--space-6);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.hero-subheadline{font-size:clamp(1.1rem,3.5vw,1.35rem);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.5;max-width:650px;margin-left:auto;margin-right:auto}.hero-visual{margin-top:var(--space-8);margin-left:auto;margin-right:auto;max-width:600px;width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid var(--color-surface)}.hero-visual img{width:100%;height:auto;display:block;object-fit:cover}.btn-cta-lg{background-color:var(--color-warning);color:#fff!important;font-size:var(--text-md);font-weight:600;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.btn-cta-lg:hover{background-color:#c97e06;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-cta-secondary{background-color:transparent;color:var(--color-brand-text)!important;border:2px solid var(--color-brand);font-size:var(--text-md);font-weight:600;padding:calc(var(--space-4) - 2px) var(--space-8);border-radius:var(--radius-lg);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast)}.btn-cta-secondary:hover{background-color:var(--color-brand-subtle);transform:translateY(-2px)}.link-secondary{color:var(--color-brand);font-weight:600;text-decoration:none;font-size:var(--text-base);display:inline-flex;align-items:center;gap:var(--space-1);transition:color var(--transition-fast)}.link-secondary:hover{color:var(--color-brand-hover);text-decoration:underline}.cta-group{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.fade-in-section{opacity:0;transform:translateY(15px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.fade-in-section.visible{opacity:1;transform:translateY(0)}.section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-brand);font-weight:700;margin-bottom:var(--space-3);display:block}.section-headline{font-family:Playfair Display,Georgia,serif;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2;margin-bottom:var(--space-5);font-weight:700;color:var(--color-text-primary)}.plain-body{font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.callout-box{background-color:var(--color-bg-secondary);border-left:4px solid var(--color-brand);padding:var(--space-6);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin-top:var(--space-6);box-shadow:var(--shadow-sm)}.callout-box p{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.5}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.step-card{background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative}.step-card:hover{transform:translateY(-4px);border-color:var(--color-brand);box-shadow:var(--shadow-md)}.step-badge{background-color:var(--color-brand-subtle);color:var(--color-brand);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-md);margin-bottom:var(--space-4)}.step-card h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text-primary)}.step-card p{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary)}.compliance-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.compliance-card{background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-xs)}.compliance-icon{color:var(--color-brand)}.compliance-card h4{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);margin:0}.compliance-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.faq-grid{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-8)}.faq-item{background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.faq-question{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.faq-answer{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.final-cta{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:center}.final-cta .section-container{padding:var(--space-20) var(--space-6)}.landing-new .app-promo{background-color:var(--color-bg);border-top:1px solid var(--color-border)}.landing-new .app-promo-container{max-width:900px}.landing-new .app-feature-item{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.landing-new .mock-balance-card{background-color:var(--color-brand)}@media (max-width: 768px){.hero-section{padding-top:var(--space-16);padding-bottom:var(--space-12)}.section-container{padding-top:var(--space-12);padding-bottom:var(--space-12)}.steps-container,.compliance-points{grid-template-columns:1fr;gap:var(--space-4)}.cta-group{flex-direction:column;width:100%;gap:var(--space-4)}.btn-cta-lg,.btn-cta-secondary{width:100%;justify-content:center}}.phone-frame{width:280px;height:580px;margin:0 auto;position:relative;pointer-events:none}.phone-bezel{width:100%;height:100%;background-color:#1a1a1a;border-radius:40px;padding:8px;box-shadow:0 25px 50px -10px #00000080,inset 0 1px #ffffff1a,0 0 0 1px #ffffff0d;position:relative;overflow:hidden}.phone-screen{width:100%;height:100%;background-color:var(--color-bg);border-radius:32px;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:80px;height:22px;background-color:#000;border-radius:12px;z-index:30;display:flex;justify-content:center;align-items:center;gap:6px}.notch-camera{width:6px;height:6px;background-color:#222;border-radius:50%}.screen-content{flex:1;overflow-y:auto;scrollbar-width:none;padding-top:36px}.screen-content::-webkit-scrollbar{display:none}.home-indicator{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:100px;height:4px;background-color:#00000026;border-radius:var(--radius-full);z-index:30}@media (max-width: 768px){.phone-frame{width:250px;height:520px}.phone-bezel{border-radius:36px}.phone-screen{border-radius:28px}.phone-notch{width:70px;height:20px}}.app-promo{padding:var(--space-16) 0;background-color:var(--color-bg-secondary)}.app-promo-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;gap:var(--space-16)}.app-promo-visual{flex:1;display:flex;justify-content:flex-end}.app-promo-content{flex:1.2}.app-promo-content h2{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--space-5);color:var(--color-text-primary)}.app-promo-content h2 .text-brand{color:var(--color-brand-text)}.app-promo-content p{font-size:var(--text-md);color:var(--color-text-secondary);max-width:500px;margin-bottom:var(--space-6);line-height:1.6}.app-features-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-6)}.app-feature-item{display:flex;align-items:center;gap:var(--space-3);background-color:var(--color-bg-tertiary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.app-feature-item span{font-weight:var(--font-weight-medium);font-size:var(--text-sm);color:var(--color-text-primary)}.feature-icon{color:var(--color-brand-text);flex-shrink:0}.app-download-actions{display:flex;flex-direction:column;align-items:flex-start}.download-hint{font-size:var(--text-xs)!important;margin-top:var(--space-3);color:var(--color-text-tertiary)!important}.badge-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:var(--color-brand-subtle);border:1px solid var(--color-brand-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand-text);margin-bottom:var(--space-4)}.mock-app-screen{background-color:var(--color-bg);height:100%;width:100%;padding:var(--space-4);color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--space-3);font-family:var(--font-family)}.mock-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.mock-user-info{display:flex;align-items:center;gap:var(--space-2)}.mock-avatar{width:28px;height:28px;border-radius:var(--radius-full);background-color:var(--color-brand-subtle);color:var(--color-brand-text);font-weight:700;font-size:var(--text-xs);display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-brand)}.mock-user-name{font-weight:700;font-size:.75rem;color:var(--color-text-primary);line-height:1.2}.mock-user-role{font-size:.6rem;color:var(--color-text-tertiary)}.mock-notification-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);width:26px;height:26px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.mock-balance-card{background:linear-gradient(135deg,var(--color-brand) 0%,#14624b 100%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;gap:var(--space-2);box-shadow:0 4px 15px #1b7f6433}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top small{font-size:.65rem;opacity:.9;text-transform:uppercase;letter-spacing:.05em;color:#fff}.card-icon{opacity:.8;color:#fff}.mock-balance-card h2{font-size:var(--text-xl);font-weight:800;margin:0;color:#fff!important;letter-spacing:-.02em;line-height:1.1}.mock-progress-container{height:5px;background-color:#fff3;border-radius:var(--radius-full);overflow:hidden;margin-top:1px}.mock-progress-bar{height:100%;background-color:#fff;border-radius:var(--radius-full)}.card-bottom{font-size:.65rem;opacity:.85;display:flex;justify-content:space-between;color:#fff}.mock-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.mock-action-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:2px}.action-num{font-size:var(--text-sm);font-weight:800;color:var(--color-text-primary)}.action-num.text-success{color:var(--color-brand)}.action-label{font-size:.6rem;color:var(--color-text-tertiary);line-height:1.2}.mock-section-title{font-size:.65rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.mock-list{display:flex;flex-direction:column;gap:var(--space-1)}.mock-list-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light)}.mock-list-item:last-child{border-bottom:none}.mock-item-icon{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-success-subtle,.bg-brand-subtle{background-color:var(--color-brand-subtle)}.bg-warning-subtle{background-color:var(--color-warning-subtle)}.mock-item-details{flex:1;min-width:0}.mock-item-name{font-size:.7rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-item-time{font-size:.6rem;color:var(--color-text-tertiary)}.mock-item-status{font-size:.55rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);text-transform:uppercase}.status-pending{background-color:var(--color-info-subtle);color:var(--color-info)}.status-paid{background-color:var(--color-brand-subtle);color:var(--color-brand-text)}.status-awaiting{background-color:var(--color-warning-subtle);color:var(--color-warning)}@media (max-width: 992px){.app-promo-container{flex-direction:column;text-align:center;gap:var(--space-8)}.app-promo-visual{justify-content:center;order:2}.app-promo-content{display:flex;flex-direction:column;align-items:center}.app-promo-content p{max-width:100%}.app-features-list{width:100%}.app-download-actions{align-items:center}}@media (max-width: 640px){.app-features-list{grid-template-columns:1fr}}.retailer-dashboard{padding:var(--space-4);height:100%;display:flex;flex-direction:column;gap:var(--space-4);color:var(--color-text-primary);background-color:var(--color-bg)}.dashboard-header{padding-bottom:var(--space-1)}.dashboard-header h2{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:2px;color:var(--color-text-primary)}.stall-info{color:var(--color-text-secondary);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-2)}.stall-info:before{content:"";width:6px;height:6px;background-color:var(--color-brand);border-radius:50%}.credit-card-visual{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--color-text-primary);position:relative;overflow:hidden;border:1px solid var(--color-border);min-height:170px}.card-chip{width:36px;height:26px;background-color:var(--color-brand);border-radius:5px;margin-bottom:var(--space-4)}.card-logo{position:absolute;top:var(--space-5);right:var(--space-5);font-weight:var(--font-weight-bold);font-size:var(--text-xs);letter-spacing:.15em;color:var(--color-brand-text);text-transform:uppercase}.credit-info{margin-bottom:var(--space-3);position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.credit-info .label{display:block;font-size:.65rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-weight:var(--font-weight-medium)}.credit-info .value{display:inline-flex;align-items:baseline;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;white-space:nowrap}.card-footer{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;margin-top:auto}.score-badge{background-color:var(--color-brand-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-brand-subtle);display:flex;flex-direction:column;align-items:flex-start}.score-label{font-size:.6rem;display:block;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.score-value{font-weight:var(--font-weight-bold);font-size:var(--text-lg);color:var(--color-brand-text);line-height:1}.card-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.1em;display:flex;align-items:center}.action-area{margin-top:var(--space-1)}.action-area .btn-block{width:100%;padding:var(--space-4);font-size:var(--text-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-md);background-color:var(--color-brand);border:none;color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:background-color var(--transition-fast)}.action-area .btn-block:hover{background-color:var(--color-brand-hover)}.recent-activity{flex:1;display:flex;flex-direction:column;min-height:0}.recent-activity h3{font-size:.7rem;color:var(--color-text-tertiary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-semibold)}.recent-activity .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--space-4);color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);border:1px dashed var(--color-border);text-align:center}.recent-activity .empty-state svg{margin-bottom:var(--space-2);opacity:.4}@media (max-width: 480px){.credit-info .value{font-size:var(--text-xl)}.credit-card-visual{padding:var(--space-4);min-height:150px}.card-logo{top:var(--space-4);right:var(--space-4);font-size:.7rem}.dashboard-header h2{font-size:var(--text-lg)}.action-area .btn-block{padding:var(--space-3);font-size:var(--text-sm)}}.vendor-dashboard{max-width:1000px;margin:0 auto;padding:var(--space-6);color:var(--color-text-primary)}.vendor-dashboard.mobile-view{padding:var(--space-4);height:100%;display:flex;flex-direction:column;background-color:var(--color-bg)}.vendor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.mobile-view .vendor-header{justify-content:center}.vendor-profile{display:flex;align-items:center;gap:var(--space-3)}.avatar{width:40px;height:40px;background-color:var(--color-brand);color:var(--color-text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-md)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.balance-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);position:relative;overflow:hidden}.balance-amount{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.requests-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.request-item{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4);background-color:var(--color-bg-tertiary);position:relative;overflow:hidden}.request-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--color-brand);border-radius:3px 0 0 3px}.request-details{margin-bottom:var(--space-3);padding-left:var(--space-2)}.request-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.request-actions .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.request-actions .btn-primary{background-color:var(--color-brand);color:var(--color-text-inverse);border:none}.request-actions .btn-primary:hover{background-color:var(--color-brand-hover)}.request-actions .btn-danger{background-color:transparent;border:1px solid var(--color-danger-subtle);color:var(--color-danger)}.request-actions .btn-danger:hover{background-color:var(--color-danger-subtle)}.empty-state{text-align:center;padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.mobile-view .balance-card{margin-bottom:var(--space-3)}.mobile-view .requests-card{flex:1}.mobile-view .btn-outline{background-color:var(--color-brand-subtle);border:1px solid var(--color-brand-subtle);color:var(--color-brand-text);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm)}.mobile-view .btn-outline:hover{background-color:var(--color-brand);color:var(--color-text-inverse)}.mobile-view .btn-outline:disabled{opacity:.5;cursor:not-allowed}.demo-page{min-height:100vh;padding:var(--space-16) var(--space-6) var(--space-8);display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg)}.demo-header{text-align:center;max-width:700px;margin-bottom:var(--space-6)}.demo-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background-color:var(--color-brand-subtle);border:1px solid var(--color-brand-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand-text);margin-bottom:var(--space-5)}.demo-title{font-size:clamp(2rem,5vw,var(--text-3xl));font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--space-4);color:var(--color-text-primary)}.demo-title .text-gradient{color:var(--color-brand-text)}.demo-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.demo-features{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center}.feature-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary)}.feature-pill svg{color:var(--color-brand-text)}.demo-toggle-container{margin-bottom:var(--space-6)}.demo-toggle{display:flex;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px}.toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;background:transparent;color:var(--color-text-tertiary);transition:all var(--transition-fast);font-family:inherit}.toggle-btn:hover:not(.active){color:var(--color-text-primary)}.toggle-btn.active{color:var(--color-text-inverse);background-color:var(--color-brand)}.progress-container{margin-bottom:var(--space-6);width:100%;max-width:600px;overflow-x:auto}.progress-bar{display:flex;align-items:center;justify-content:center;min-width:max-content}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.step-dot{width:32px;height:32px;border-radius:50%;background-color:var(--color-bg-tertiary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.step-icon{font-size:.8rem;opacity:.5;transition:opacity var(--transition-fast)}.progress-step.active .step-dot{background-color:var(--color-brand-subtle);border-color:var(--color-brand)}.progress-step.active .step-icon{opacity:1}.progress-step.current .step-dot{background-color:var(--color-brand);border-color:var(--color-brand)}.step-label{font-size:.6rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.progress-step.current .step-label{color:var(--color-brand)}.progress-line{width:40px;height:2px;background-color:var(--color-border);margin:0 4px;margin-bottom:var(--space-6);transition:background-color var(--transition-fast)}.progress-line.filled{background-color:var(--color-brand)}.demo-phone-container{position:relative;margin-bottom:var(--space-6)}.state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--space-6);color:var(--color-text-primary)}.state-icon-wrapper{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);background-color:var(--color-brand-subtle);border-radius:50%;color:var(--color-brand-text)}.state-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-brand-text);margin-bottom:var(--space-2)}.state-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.tip-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-brand-subtle);border:1px solid var(--color-brand-subtle);border-radius:var(--radius-md);text-align:left}.tip-icon{width:28px;height:28px;background-color:var(--color-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);flex-shrink:0}.tip-text{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.tip-text strong{color:var(--color-brand-text)}.success-stats{display:flex;gap:var(--space-4);margin:var(--space-5) 0}.success-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-4);background-color:var(--color-brand-subtle);border:1px solid var(--color-brand-subtle);border-radius:var(--radius-md)}.success-stat .stat-value{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-brand-text)}.success-stat .stat-label{font-size:.6rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.reset-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.reset-button:hover{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.demo-guide{margin-top:var(--space-8);padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:700px;width:100%}.demo-guide h3{font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-5);text-align:center;text-transform:uppercase;letter-spacing:.1em}.guide-steps{display:flex;flex-direction:column;gap:var(--space-3)}.guide-step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.guide-number{width:28px;height:28px;background-color:var(--color-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-sm);color:var(--color-text-inverse);flex-shrink:0}.guide-content strong{display:block;font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1)}.guide-content p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}@media (max-width: 768px){.demo-page{padding:var(--space-12) var(--space-4) var(--space-6)}.demo-title{font-size:1.75rem}.toggle-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.toggle-btn span:not(.toggle-label){display:none}.progress-line{width:24px}.step-label{font-size:.55rem}.step-dot{width:28px;height:28px}.demo-guide{padding:var(--space-5)}}@media (max-width: 640px){.demo-page{padding-top:var(--space-10)}.demo-title{font-size:1.5rem}.success-stats{flex-wrap:wrap;justify-content:center}}.terms-page{background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;padding:var(--space-12) var(--space-4);font-family:var(--font-family)}.terms-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.terms-hero{text-align:left;border-bottom:2px solid var(--color-border);padding-bottom:var(--space-6)}.terms-hero h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.25rem,5vw,3rem);font-weight:700;color:var(--color-text-primary);margin-top:var(--space-4);margin-bottom:var(--space-3)}.terms-hero-description{font-size:var(--text-md);line-height:1.6;color:var(--color-text-secondary);max-width:700px}.terms-badge{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--color-brand-subtle);color:var(--color-brand-text);border:1px solid var(--color-brand);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);width:fit-content}.terms-badge-dot{width:6px;height:6px;background-color:var(--color-brand);border-radius:50%}.terms-meta{display:flex;gap:var(--space-6);flex-wrap:wrap;margin-top:var(--space-4)}.terms-meta-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.terms-meta-icon{font-size:var(--text-sm)}.terms-draft-notice{display:flex;gap:var(--space-4);background-color:var(--color-warning-subtle);border:1px solid var(--color-warning);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);color:var(--color-text-primary);align-items:flex-start}.terms-draft-notice-icon{font-size:var(--text-lg);flex-shrink:0}.terms-draft-notice-text{font-size:var(--text-sm);line-height:1.5}.terms-toc{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius-xl)}.terms-toc-title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.terms-toc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);list-style:none;padding:0;margin:0}.terms-toc-item{background:none;border:none;padding:0;margin:0;text-align:left;font-size:var(--text-sm);color:var(--color-brand-text);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;gap:var(--space-2);transition:color var(--transition-fast)}.terms-toc-item:hover{color:var(--color-brand-hover);text-decoration:underline}.terms-toc-number{color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.terms-sections{display:flex;flex-direction:column;gap:var(--space-6)}.terms-section-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);box-shadow:var(--shadow-sm)}.terms-section-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-3)}.terms-section-number{background-color:var(--color-brand-subtle);color:var(--color-brand-text);font-size:var(--text-sm);font-weight:var(--font-weight-bold);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.terms-section-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.terms-clauses{display:flex;flex-direction:column;gap:var(--space-4)}.terms-clause{display:flex;gap:var(--space-4);align-items:flex-start}.terms-clause-number{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-brand-text);flex-shrink:0;width:32px;text-align:left}.terms-clause-text{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.terms-definition .terms-clause-text{background-color:var(--color-bg-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);width:100%}.terms-clause-text strong{color:var(--color-text-primary)}.terms-acceptance-card{display:flex;align-items:center;gap:var(--space-5);background-color:var(--color-brand-subtle);border:1px dashed var(--color-brand);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl)}.terms-acceptance-icon{font-size:2rem;flex-shrink:0}.terms-acceptance-card p{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary);margin:0}.terms-acceptance-card strong{color:var(--color-brand-text)}.terms-back-to-top{display:flex;justify-content:center;margin-top:var(--space-6)}.terms-back-to-top button{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.terms-back-to-top button:hover{background-color:var(--color-brand-subtle);color:var(--color-brand-text);border-color:var(--color-brand)}@media (max-width: 768px){.terms-page{padding:var(--space-6) var(--space-3)}.terms-section-card{padding:var(--space-4) var(--space-5)}.terms-toc-list{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:var(--space-6)}.auth-card{width:100%;max-width:420px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);animation:fadeInUp var(--transition-slow) ease}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-logo{width:48px;height:48px;margin:0 auto var(--space-4);display:block}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--text-base)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);outline:none;transition:all var(--transition-fast);font-family:inherit}.form-input:hover{border-color:var(--color-text-tertiary)}.form-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.form-actions{margin-top:var(--space-6)}.btn-auth{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--text-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-auth:hover{background-color:var(--color-brand-hover)}.btn-auth:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.link-primary{color:var(--color-brand);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer}.link-primary:hover{color:var(--color-brand-hover);text-decoration:underline}.role-switcher{display:flex;background-color:var(--color-bg-tertiary);padding:var(--space-1);border-radius:var(--radius-md);margin-bottom:var(--space-6);border:1px solid var(--color-border)}.role-btn{flex:1;padding:var(--space-2) var(--space-4);text-align:center;border-radius:calc(var(--radius-md) - 2px);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:transparent;border:none;font-family:inherit}.role-btn:hover{color:var(--color-text-primary)}.role-btn.active{background-color:var(--color-surface);color:var(--color-brand);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.grid-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.error-message{background-color:var(--color-danger-subtle);border:1px solid var(--color-danger-subtle);color:var(--color-danger);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-5)}.form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.forgot-password-link{font-size:var(--text-sm);color:var(--color-brand);text-decoration:none;font-weight:var(--font-weight-medium)}.forgot-password-link:hover{color:var(--color-brand-hover);text-decoration:underline}.success-message{background-color:var(--color-success-subtle);border:1px solid var(--color-success-subtle);padding:var(--space-5);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);align-items:flex-start;text-align:left;margin-bottom:var(--space-5)}.success-icon{color:var(--color-brand);margin-top:2px}.success-title{font-weight:var(--font-weight-semibold);color:var(--color-brand-text);margin-bottom:var(--space-2);display:block}.success-text{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.5}.banned-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:var(--space-6)}.banned-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:420px;width:100%;text-align:center;border-left:4px solid var(--color-danger);box-shadow:var(--shadow-lg)}.banned-icon-container{display:flex;justify-content:center;margin-bottom:var(--space-5)}.banned-icon-box{width:72px;height:72px;border-radius:50%;background-color:var(--color-danger-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-danger)}.banned-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.banned-text{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.contact-card{background-color:var(--color-bg-tertiary);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);text-align:left}.contact-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);margin-bottom:var(--space-4);display:block}.contact-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--color-text-primary)}.contact-row:last-child{margin-bottom:0}.contact-icon{color:var(--color-brand)}.contact-value{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--font-weight-semibold)}.spin{animation:spin 1s linear infinite;display:inline-block}@media (max-width: 640px){.login-page{padding:var(--space-4)}.auth-card{padding:var(--space-6);border-radius:var(--radius-lg)}.auth-title{font-size:var(--text-xl)}.grid-cols-2{grid-template-columns:1fr}}.loading-overlay{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-text{font-size:var(--text-lg);color:var(--color-text-secondary)}.error-container{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-danger);font-size:var(--text-lg)}.onboarding-wrapper{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-6)}.onboarding-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;max-width:480px;width:100%}.onboarding-bar{width:48px;height:4px;background-color:var(--color-brand);border-radius:var(--radius-full);margin:0 auto var(--space-6)}.onboarding-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.onboarding-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-6);line-height:var(--text-base-lh)}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast)}.onboarding-btn:hover{background-color:var(--color-brand-hover)}.dashboard-container{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8);padding-bottom:var(--space-10)}.dashboard-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}@media (min-width: 768px){.dashboard-header{flex-direction:row;align-items:center}}.welcome-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.welcome-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.marketplace-btn{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast);overflow:hidden}.marketplace-btn:hover{background-color:var(--color-brand-hover)}.btn-glow{display:none}.hud-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.hud-grid{grid-template-columns:repeat(3,1fr)}}.stat-card-note{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.stat-card-progress{margin-top:var(--space-2)}.progress-track{width:100%;height:6px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.tier-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.tier-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.tier-badge.gold{background-color:var(--color-warning-subtle);color:var(--color-warning)}.tier-badge.silver{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.tier-badge.bronze{background-color:var(--color-danger-subtle);color:var(--color-danger)}.fee-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background-color:var(--color-brand-subtle);color:var(--color-brand-text);white-space:nowrap}.section-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.section-header-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.see-all-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.see-all-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-brand-text);border-color:var(--color-brand)}.orders-section{padding-top:var(--space-4)}.orders-table-container{overflow:hidden}.empty-icon-box{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.empty-icon{color:var(--color-text-tertiary);opacity:.5}.empty-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.empty-text{font-size:var(--text-base);color:var(--color-text-tertiary);max-width:360px;margin:0 auto var(--space-6)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-weight-semibold);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);background-color:transparent;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.btn-outline:hover{border-color:var(--color-brand);color:var(--color-brand-text);background-color:var(--color-brand-subtle)}.aap-retailer-section{padding-top:var(--space-4)}.aap-retailer-grid{display:grid;gap:var(--space-4)}@media (min-width: 768px){.aap-retailer-grid{grid-template-columns:repeat(2,1fr)}}.aap-retailer-card{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.aap-header{display:flex;align-items:flex-start;gap:var(--space-3)}.aap-title-group{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.aap-product-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.aap-body{display:flex;flex-direction:column;gap:var(--space-3)}.aap-breakdown-mini{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.breakdown-item .label{color:var(--color-text-secondary)}.breakdown-item .value{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breakdown-item.total{border-top:1px solid var(--color-border-light);padding-top:var(--space-2);margin-top:var(--space-1)}.breakdown-item.total .label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.aap-meta-footer{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary)}.aap-meta-row{display:flex;align-items:center;gap:var(--space-2)}.aap-instruction{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--text-sm-lh)}.aap-instruction.success{color:var(--color-success)}.aap-instruction.muted{color:var(--color-text-tertiary)}.aap-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-approve{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-brand);color:var(--color-text-inverse);border:1px solid var(--color-brand);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast)}.btn-approve:hover{background-color:var(--color-brand-hover)}.btn-decline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.btn-decline:hover{background-color:var(--color-bg-tertiary);color:var(--color-danger);border-color:var(--color-danger)}.status-pill-small{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap;text-transform:uppercase}.status-pill-small.pending,.status-pill-small.pending-vendor,.status-pill-small.pending_vendor,.status-pill-small.awaiting-retailer-confirm,.status-pill-small.awaiting_retailer_confirm,.status-pill-small.pending-admin-approval,.status-pill-small.pending_admin_approval{background-color:var(--color-warning-subtle);color:var(--color-warning)}.status-pill-small.goods-received,.status-pill-small.goods_received,.status-pill-small.ready-for-pickup,.status-pill-small.ready_for_pickup,.status-pill-small.fund-disbursed,.status-pill-small.fund_disbursed,.status-pill-small.pending-murabaha-acceptance,.status-pill-small.pending_murabaha_acceptance{background-color:var(--color-info-subtle);color:var(--color-info)}.status-pill-small.completed,.status-pill-small.delivered,.status-pill-small.murabaha-accepted,.status-pill-small.murabaha_accepted,.status-pill-small.success{background-color:var(--color-success-subtle);color:var(--color-success)}.status-pill-small.cancelled,.status-pill-small.failed,.status-pill-small.defaulted{background-color:var(--color-danger-subtle);color:var(--color-danger)}.status-pill-small.vendor-settled,.status-pill-small.vendor_settled{background-color:var(--color-brand-subtle);color:var(--color-brand-text)}.credit-utilization-section{padding-top:var(--space-2)}.utilization-header{display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.util-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.utilization-track{width:100%}.utilization-bg{width:100%;height:8px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.utilization-fill{height:100%;background-color:var(--color-brand);border-radius:var(--radius-full);transition:width var(--transition-base)}.due-card{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.due-header{display:flex;justify-content:space-between;align-items:flex-start}.due-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.due-amount{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--space-1) 0 0}.due-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-brand-subtle);border-radius:var(--radius-full);color:var(--color-brand-text);flex-shrink:0}.due-status{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.next-payment-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.payment-row{display:flex;justify-content:space-between;align-items:center}.mb-1{margin-bottom:var(--space-1)}.payment-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.payment-status{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full)}.payment-status.ok{background-color:var(--color-success-subtle);color:var(--color-success)}.payment-status.overdue{background-color:var(--color-danger-subtle);color:var(--color-danger)}.payment-amount{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.payment-id{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.pay-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast)}.pay-btn:hover{background-color:var(--color-brand-hover)}.compact-transaction-list{display:flex;flex-direction:column}.premium-tx-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);cursor:pointer;transition:background-color var(--transition-fast);border-radius:0;border:none;border-bottom:1px solid var(--color-border-light)}.premium-tx-card:hover{background-color:var(--color-bg-secondary)}.premium-tx-card:last-child{border-bottom:none}.tx-date-col{display:flex;flex-direction:column;align-items:center;min-width:48px}.tx-day{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.tx-month{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);letter-spacing:.05em}.tx-main-info{flex:1;min-width:0}.tx-row-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.tx-id{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-items-preview{display:flex;align-items:center;gap:var(--space-2)}.items-text{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.tx-amount-col{text-align:right;flex-shrink:0}.tx-amount{display:block;font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.tx-type{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:capitalize}.tx-arrow{color:var(--color-text-tertiary);flex-shrink:0}.order-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.order-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.order-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.order-modal-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.order-modal-body{padding:var(--space-6)}.order-status-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-bold);margin-bottom:var(--space-5)}.order-status-banner.status-pending-vendor,.order-status-banner.status-pending_vendor,.order-status-banner.status-pending{background-color:var(--color-warning-subtle);color:var(--color-warning)}.order-status-banner.status-ready-for-pickup,.order-status-banner.status-ready_for_pickup,.order-status-banner.status-vendor-settled,.order-status-banner.status-vendor_settled{background-color:var(--color-info-subtle);color:var(--color-info)}.order-status-banner.status-goods-received,.order-status-banner.status-goods_received,.order-status-banner.status-delivered,.order-status-banner.status-completed{background-color:var(--color-success-subtle);color:var(--color-success)}.order-status-banner.status-cancelled,.order-status-banner.status-defaulted{background-color:var(--color-danger-subtle);color:var(--color-danger)}.order-info-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-5)}@media (min-width: 640px){.order-info-grid{grid-template-columns:repeat(3,1fr)}}.order-info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.info-value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.order-products-section{margin-bottom:var(--space-5)}.section-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3)}.order-product-card-enhanced{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.product-image-box{width:56px;height:56px;border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.product-img{width:100%;height:100%;object-fit:cover}.product-details-col{flex:1;min-width:0}.product-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.product-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary)}.meta-item,.meta-divider{color:var(--color-text-tertiary)}.product-line-total{text-align:right;flex-shrink:0}.line-total-label{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary)}.line-total-value{display:block;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.order-financial-breakdown{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.breakdown-line{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) 0}.breakdown-line.total{border-top:1px solid var(--color-border-light);margin-top:var(--space-2);padding-top:var(--space-3);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.text-green{color:var(--color-success)}.order-agent-info-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.agent-card-mini{display:flex;align-items:center;gap:var(--space-3)}.agent-avatar-mini{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.agent-avatar-mini img{width:100%;height:100%;object-fit:cover}.agent-details-mini{flex:1;min-width:0}.agent-name-mini{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.agent-phone-mini{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:var(--space-1) 0 0;display:flex;align-items:center;gap:var(--space-1)}.agent-status-tag{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.agent-status-tag.verified{background-color:var(--color-success-subtle);color:var(--color-success)}.agent-status-tag.pending{background-color:var(--color-warning-subtle);color:var(--color-warning)}.agent-instruction-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-3) 0 0;line-height:var(--text-sm-lh)}.agent-instruction-text.success{color:var(--color-success)}.order-actions-section{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.confirm-pickup-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast)}.confirm-pickup-btn:hover{background-color:var(--color-brand-hover)}.confirm-pickup-btn.disabled,.confirm-pickup-btn:disabled{opacity:.5;cursor:not-allowed}.pickup-instructions{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0;text-align:center}.cancel-order-btn-large{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);background-color:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.cancel-order-btn-large:hover{background-color:var(--color-danger-subtle)}.cancel-order-btn-large:disabled{opacity:.5;cursor:not-allowed}.pickup-code-box{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-4)}.pickup-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.pickup-code{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:.15em}.repayment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.repayment-modal-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.repayment-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.repayment-title-group h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.repayment-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.repayment-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.repayment-close-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.repayment-body{padding:var(--space-4) var(--space-6);overflow-y:auto;flex:1}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-bg-tertiary);border-radius:var(--radius-full)}.repayment-empty-state{text-align:center;padding:var(--space-8) 0;color:var(--color-text-tertiary)}.repayment-empty-state h3{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.repayment-empty-state p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.repayment-card{display:flex;padding:var(--space-3);margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.repayment-card:hover,.repayment-card.selected{border-color:var(--color-brand);background-color:var(--color-brand-subtle)}.selection-bar{width:3px;background-color:transparent;border-radius:var(--radius-full);flex-shrink:0}.repayment-card.selected .selection-bar{background-color:var(--color-brand)}.card-content{flex:1;padding-left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.card-row-top{display:flex;justify-content:space-between;align-items:flex-start}.card-id-badge{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono);color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary);padding:1px var(--space-2);border-radius:var(--radius-sm)}.premium-badge-aap{font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-brand-text);background-color:var(--color-brand-subtle);padding:1px var(--space-2);border-radius:var(--radius-sm)}.card-item-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:var(--space-1) 0 0}.check-indicator{flex-shrink:0;color:var(--color-brand)}.card-row-bottom{display:flex;justify-content:space-between;align-items:center}.due-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.due-date.overdue{color:var(--color-danger)}.amount-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0}.amount-value{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.repayment-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4)}.security-badges{display:flex;gap:var(--space-4);justify-content:center}.sec-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary)}.pay-secure-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast)}.pay-secure-btn:hover{background-color:var(--color-brand-hover)}.pay-secure-btn:disabled{opacity:.5;cursor:not-allowed}.paystack-brand{text-align:center;font-size:var(--text-xs);color:var(--color-text-tertiary)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.dashboard-container{gap:var(--space-4);padding-bottom:0}.welcome-title{font-size:var(--text-2xl)}.hud-grid{gap:var(--space-3)}.stat-card-value .value-main{font-size:var(--text-2xl)}.aap-retailer-grid{grid-template-columns:1fr}.orders-section,.aap-retailer-section,.credit-utilization-section{padding-top:0}.order-modal,.repayment-modal-container{max-width:100%;margin:var(--space-3);border-radius:var(--radius-lg)}.order-info-grid{grid-template-columns:1fr}.order-product-card-enhanced{flex-wrap:wrap}}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.confirm-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:400px;box-shadow:var(--shadow-xl);position:relative;animation:scaleIn var(--transition-base) ease}.confirm-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.confirm-modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.confirm-modal-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;margin-bottom:var(--space-4)}.confirm-icon-box{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-icon-box.primary{background-color:var(--color-brand-subtle);color:var(--color-brand-text)}.confirm-icon-box.destructive{background-color:var(--color-danger-subtle);color:var(--color-danger)}.confirm-modal-header h3{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.confirm-modal-body{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.5;font-size:var(--text-base)}.confirm-modal-footer{display:flex;gap:var(--space-3)}.confirm-modal-footer button{flex:1;padding:var(--space-3);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-cancel{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-cancel:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-confirm.primary{background-color:var(--color-brand);border:none;color:var(--color-text-inverse)}.btn-confirm.primary:hover{background-color:var(--color-brand-hover)}.btn-confirm.destructive{background-color:var(--color-danger);border:none;color:#fff}.btn-confirm.destructive:hover{background-color:#b82d3b}.transactions-page{display:flex;flex-direction:column;gap:var(--space-6)}.filters-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.filters-bar .form-input,.filters-bar .form-select{width:auto;min-width:180px}.transactions-table{width:100%;border-collapse:collapse;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.transactions-table th{padding:var(--space-3) var(--space-5);background-color:var(--color-bg-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);text-align:left;border-bottom:1px solid var(--color-border)}.transactions-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--text-base)}.transactions-table tr:last-child td{border-bottom:none}.transactions-table tr:hover td{background-color:var(--color-bg-secondary)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}@media (max-width: 640px){.filters-bar{flex-direction:column;align-items:stretch}.filters-bar .form-input,.filters-bar .form-select{width:100%;min-width:unset}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}.dashboard-error{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-danger);font-size:var(--text-lg)}.vendor-dashboard-container{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-10)}.vendor-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}@media (min-width: 768px){.vendor-header{flex-direction:row;align-items:center}}.business-name{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.vendor-badges{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.verified-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background-color:var(--color-success-subtle);color:var(--color-success);white-space:nowrap}.portal-access{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);white-space:nowrap}.segmented-tabs-container{display:inline-flex;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:2px;position:relative}.tabs-slider{display:none}.segmented-tab-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.segmented-tab-btn:hover{color:var(--color-text-primary)}.segmented-tab-btn.active{background-color:var(--color-surface);color:var(--color-brand-text);box-shadow:var(--shadow-sm)}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card-header{display:flex;align-items:center;gap:var(--space-3)}.stat-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-brand-subtle);border-radius:var(--radius-md);color:var(--color-brand-text);flex-shrink:0}.stat-card-title h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.stat-card-title span{font-size:var(--text-xs);color:var(--color-text-tertiary)}.stat-card-body{display:flex;flex-direction:column;gap:var(--space-2)}.stat-card-value{display:flex;align-items:baseline;gap:var(--space-1)}.value-main{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.value-suffix{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.currency .currency-sign{font-size:var(--text-xl);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.payout-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-brand-subtle);color:var(--color-brand-text);border:1px solid var(--color-brand);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.payout-btn:hover{background-color:var(--color-brand);color:var(--color-text-inverse)}.payout-btn.disabled{opacity:.5;cursor:not-allowed}.add-product-main-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast)}.add-product-main-btn:hover{background-color:var(--color-brand-hover)}.dashboard-guidance-section{display:flex;flex-direction:column;gap:var(--space-4)}.onboarding-card-wrapper{position:relative;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.onboarding-card-glow{display:none}.onboarding-card-content{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);flex-wrap:wrap}.onboarding-icon-box{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:var(--color-brand-subtle);border-radius:var(--radius-full);color:var(--color-brand-text);flex-shrink:0}.onboarding-text{flex:1;min-width:200px}.onboarding-text h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.onboarding-text p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--text-sm-lh)}.onboarding-action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast);white-space:nowrap}.onboarding-action-btn:hover{background-color:var(--color-brand-hover)}.verification-pending-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-warning-subtle);border:1px solid var(--color-warning);border-radius:var(--radius-lg)}.verification-rejected-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-danger-subtle);border:1px solid var(--color-danger);border-radius:var(--radius-lg)}.verification-text{flex:1;min-width:200px}.verification-text h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.verification-text p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--text-sm-lh)}.rejection-reason-text{font-style:italic;color:var(--color-danger)}.re-verify-btn{display:inline-block;margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast)}.re-verify-btn:hover{opacity:.9}.inventory-panel{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.inventory-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.inventory-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.inventory-actions{display:flex;align-items:center;gap:var(--space-3)}.search-wrapper{position:relative}.search-icon-sm{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.search-input-sm{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;transition:all var(--transition-fast)}.search-input-sm:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.search-input-sm::placeholder{color:var(--color-text-tertiary)}.compact-product-list{display:flex;flex-direction:column}.premium-product-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast)}.premium-product-row:hover{background-color:var(--color-bg-secondary)}.premium-product-row:last-child{border-bottom:none}.pp-thumb{width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.pp-thumb img{width:100%;height:100%;object-fit:cover}.pp-no-img{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.pp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.pp-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pp-category{font-size:var(--text-xs);color:var(--color-text-tertiary)}.pp-stats{display:flex;gap:var(--space-4)}.pp-stat{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.pp-val{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.pp-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.pp-val.low-stock{color:var(--color-danger)}.pp-action-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;transition:all var(--transition-fast);white-space:nowrap}.pp-action-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-brand-text);border-color:var(--color-brand)}.pp-action-btn.disabled{opacity:.5;cursor:not-allowed}.pp-actions{display:flex;align-items:center;gap:var(--space-2)}.view-all-link{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3);background:none;border:none;color:var(--color-brand-text);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.view-all-link:hover{color:var(--color-brand-hover)}.status-badge-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);white-space:nowrap}.status-badge-pill.pending{background-color:var(--color-warning-subtle);color:var(--color-warning)}.status-badge-pill.pickup{background-color:var(--color-info-subtle);color:var(--color-info)}.status-badge-pill.completed{background-color:var(--color-success-subtle);color:var(--color-success)}.restricted-overlay-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-tertiary)}.disabled{opacity:.5;cursor:not-allowed}.spin-slow{animation:spin 2s linear infinite}.modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.modal-form{width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.close-modal-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.close-modal-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-actions{display:flex;gap:var(--space-3)}.cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.cancel-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.save-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:background-color var(--transition-fast)}.save-btn:hover{background-color:var(--color-brand-hover)}.save-btn:disabled{opacity:.5;cursor:not-allowed}.textarea-resize-none{resize:none}.image-counter{font-size:var(--text-xs);color:var(--color-text-tertiary)}.upload-area-glass{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);border:1px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.upload-area-glass:hover{border-color:var(--color-brand);background-color:var(--color-brand-subtle)}.upload-instruction{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.preview-grid-glass{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-top:var(--space-3)}.preview-item{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-tertiary)}.preview-img-glass{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:var(--space-1);right:var(--space-1);width:22px;height:22px;display:flex;align-items:center;justify-content:center;background-color:#0009;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:background-color var(--transition-fast)}.remove-btn:hover{background-color:#000c}.balance-display-card{background-color:var(--color-brand-subtle);border:1px solid var(--color-brand);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;margin-bottom:var(--space-6)}.balance-display-card span{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-semibold)}.balance-display-card h3{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:var(--space-1) 0 0;font-family:var(--font-mono)}.input-group{position:relative}.preset-amounts{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.preset-amounts button{flex:1;padding:var(--space-2);border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-weight:var(--font-weight-medium)}.preset-amounts button:hover{background-color:var(--color-surface-hover);border-color:var(--color-brand)}.bank-confirm-box{padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.alert-box{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.alert-box.warning{background-color:var(--color-warning-subtle);border:1px solid var(--color-warning);color:var(--color-warning)}.animate-zoom-in{animation:scaleIn var(--transition-base) ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.vendor-dashboard-container{gap:var(--space-4)}.business-name{font-size:var(--text-xl)}.vendor-header{flex-direction:column;align-items:stretch}.stats-grid{gap:var(--space-3)}.inventory-header{flex-direction:column;align-items:stretch}.search-wrapper{width:100%}.premium-product-row{flex-wrap:wrap}.pp-stats{flex:1}.form-grid-2{grid-template-columns:1fr}.onboarding-card-content{flex-direction:column;text-align:center}.preview-grid-glass{grid-template-columns:repeat(3,1fr)}.modal-content{max-width:100%;margin:var(--space-3);border-radius:var(--radius-lg)}}.admin-dashboard-container{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-10)}.admin-max-width{max-width:1280px;margin:0 auto;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-up{animation:slideUp .3s ease forwards}.dashboard-page-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2)}@media (min-width: 768px){.dashboard-page-header{flex-direction:row;align-items:center}}.admin-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.admin-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.header-status{display:flex;align-items:center;gap:var(--space-3)}.operational-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-success-subtle);color:var(--color-brand-text);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.urgent-notification-banner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background-color:var(--color-warning-subtle);border:1px solid var(--color-warning);border-radius:var(--radius-lg)}@media (min-width: 640px){.urgent-notification-banner{flex-direction:row;align-items:center;justify-content:space-between}}.urgent-content{display:flex;align-items:flex-start;gap:var(--space-4)}.urgent-icon-box{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-warning);color:#fff;flex-shrink:0}.urgent-text h3{font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.urgent-text p{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.urgent-action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:var(--color-warning);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-fast);font-family:inherit;white-space:nowrap;flex-shrink:0}.urgent-action-btn:hover{opacity:.9}.admin-stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.admin-stats-grid{grid-template-columns:repeat(5,1fr)}}.stat-card-wrapper{border-radius:var(--radius-lg);padding:1px}.stat-card-wrapper.gradient-purple,.stat-card-wrapper.gradient-teal,.stat-card-wrapper.gradient-blue,.stat-card-wrapper.gradient-orange{background-color:transparent}.admin-stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast)}.admin-stat-card:hover{box-shadow:var(--shadow-md)}.group{position:relative}.group-hover-scale{transition:transform var(--transition-fast)}.group:hover .group-hover-scale{transform:scale(1.08)}.admin-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.admin-stat-icon.purple{background-color:var(--color-info-subtle);color:var(--color-info)}.admin-stat-icon.accent{background-color:var(--color-brand-subtle);color:var(--color-brand-text)}.admin-stat-icon.blue{background-color:var(--color-info-subtle);color:var(--color-info)}.admin-stat-icon.orange{background-color:var(--color-warning-subtle);color:var(--color-warning)}.admin-stat-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.2}.admin-stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.admin-panel{overflow:hidden}.admin-tabs-header{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}@media (min-width: 768px){.admin-tabs-header{flex-direction:row;align-items:center;justify-content:space-between}}.admin-tabs-list{display:flex;gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-search-wrapper{position:relative;flex:1;max-width:320px}.admin-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.admin-search-input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-8);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--transition-fast)}.admin-search-input::placeholder{color:var(--color-text-tertiary)}.admin-search-input:focus{outline:none;border-color:var(--color-brand)}.admin-content-area{padding:var(--space-4) var(--space-6)}@media (max-width: 640px){.admin-content-area{padding:var(--space-3)}}.payouts-table{width:100%;border-collapse:collapse}.payouts-head-row th{padding:var(--space-3) var(--space-5);background-color:var(--color-bg-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);text-align:left;border-bottom:1px solid var(--color-border)}.payouts-body tr{transition:background-color var(--transition-fast)}.payouts-body tr:hover{background-color:var(--color-bg-secondary)}.payouts-body td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--text-base);vertical-align:middle}.payouts-body tr:last-child td{border-bottom:none}.th-cell{text-align:left}.td-cell{vertical-align:middle}.pl{padding-left:var(--space-5)}.pr{padding-right:var(--space-5)}.vendor-name-text{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.vendor-id-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.amount-text{font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.bank-details-box{display:flex;flex-direction:column;gap:2px}.bank-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.account-number{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-mono);margin:0}.account-name{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.status-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.status-pill.pending{background-color:var(--color-warning-subtle);color:var(--color-warning)}.status-pill.verified,.status-pill.approved{background-color:var(--color-success-subtle);color:var(--color-brand-text)}.status-pill.rejected{background-color:var(--color-danger-subtle);color:var(--color-danger)}.confirm-transfer-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-brand);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit}.confirm-transfer-btn:hover{background-color:var(--color-brand-hover)}.confirm-transfer-btn:disabled{opacity:.5;cursor:not-allowed}.review-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-brand-subtle);color:var(--color-brand-text);border:1px solid var(--color-brand);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.review-btn:hover{background-color:var(--color-brand);color:#fff}.flex-align-center{display:flex;align-items:center}.linked-badge{display:inline-flex;align-items:center;padding:1px var(--space-2);background-color:var(--color-info-subtle);color:var(--color-info);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);white-space:nowrap}.mt-6{margin-top:var(--space-6)}.mt-10{margin-top:var(--space-10)}.agent-search-section{margin-bottom:var(--space-6)}.section-header-inline{margin-bottom:var(--space-4)}.sub-panel-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1)}.sub-panel-desc{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.agent-search-form{display:flex;flex-direction:column;gap:var(--space-4)}.search-input-group{position:relative;display:flex;align-items:center;gap:0;width:100%;max-width:560px}.search-icon-abs{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.agent-search-input-field{flex:1;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit;transition:border-color var(--transition-fast)}.agent-search-input-field::placeholder{color:var(--color-text-tertiary)}.agent-search-input-field:focus{outline:none;border-color:var(--color-brand)}.agent-search-submit{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:var(--color-brand);color:#fff;border:1px solid var(--color-brand);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit;white-space:nowrap}.agent-search-submit:hover{background-color:var(--color-brand-hover)}.search-results-mini{padding-top:var(--space-4)}.results-label{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3)}.results-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 640px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.results-grid{grid-template-columns:repeat(3,1fr)}}.search-result-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.res-info{display:flex;align-items:center;gap:var(--space-3)}.res-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);overflow:hidden;flex-shrink:0}.res-avatar img{width:100%;height:100%;object-fit:cover}.res-name{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.res-sub{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.agent-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;width:100%}.agent-toggle-btn.add{background-color:var(--color-brand);color:#fff}.agent-toggle-btn.add:hover{background-color:var(--color-brand-hover)}.agent-toggle-btn.remove{background-color:var(--color-danger-subtle);color:var(--color-danger);border:1px solid var(--color-danger)}.agent-toggle-btn.remove:hover{background-color:var(--color-danger);color:#fff}.active-agents-section{margin-bottom:var(--space-6)}.agent-info-cell{display:flex;align-items:center;gap:var(--space-3)}.mini-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);overflow:hidden;flex-shrink:0}.mini-avatar img{width:100%;height:100%;object-fit:cover}.remove-agent-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.remove-agent-btn:hover{background-color:var(--color-danger);color:#fff}.loading-container{display:flex;align-items:center;justify-content:center;min-height:320px}.loading-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin .7s linear infinite}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal);padding:var(--space-6);overflow-y:auto}.admin-modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:960px;margin-top:var(--space-10);margin-bottom:var(--space-10);overflow:hidden}.admin-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.admin-modal-body{padding:var(--space-6);max-height:70vh;overflow-y:auto}.review-comprehensive-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.review-comprehensive-grid{grid-template-columns:1.2fr .8fr}}.info-column{display:flex;flex-direction:column;gap:var(--space-6)}.modal-section{display:flex;flex-direction:column;gap:var(--space-3)}.section-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.info-card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 480px){.info-card-grid{grid-template-columns:1fr 1fr}}.info-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.info-item label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em}.info-item p{font-size:var(--text-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:0;word-break:break-word}.info-item.full-width{grid-column:1 / -1}.highlight-score{color:var(--color-brand-text)!important;font-weight:var(--font-weight-bold)!important}.docs-column,.docs-scroll-grid{display:flex;flex-direction:column;gap:var(--space-4)}.doc-review-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.doc-review-card label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.doc-viewer-link{display:block;position:relative;border-radius:var(--radius-md);overflow:hidden;text-decoration:none}.doc-preview{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);display:block}.viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0006;color:#fff;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);opacity:0;transition:opacity var(--transition-fast);border-radius:var(--radius-md)}.doc-viewer-link:hover .viewer-overlay{opacity:1}.pdf-doc-viewer{display:block;text-decoration:none}.pdf-icon-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);background-color:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.pdf-icon-box:hover{border-color:var(--color-brand);color:var(--color-brand-text);background-color:var(--color-brand-subtle)}.pdf-icon{color:var(--color-danger)}.no-doc-fallback{display:flex;align-items:center;justify-content:center;padding:var(--space-6);background-color:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-tertiary)}.rejection-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.rejection-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.admin-decision-input{width:100%;min-height:80px;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit;resize:vertical;transition:border-color var(--transition-fast)}.admin-decision-input::placeholder{color:var(--color-text-tertiary)}.admin-decision-input:focus{outline:none;border-color:var(--color-brand)}.admin-modal-footer{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}@media (min-width: 480px){.admin-modal-footer{flex-direction:row;align-items:center;justify-content:space-between}}.cancel-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.cancel-pill:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.action-pills{display:flex;gap:var(--space-3)}.reject-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.reject-pill:hover:not(:disabled){background-color:var(--color-danger);color:#fff}.reject-pill:disabled{opacity:.5;cursor:not-allowed}.approve-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:var(--color-brand);color:#fff;border:1px solid var(--color-brand);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit}.approve-pill:hover:not(:disabled){background-color:var(--color-brand-hover)}.approve-pill:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.payouts-table,.payouts-head-row,.payouts-body{display:block}.payouts-head-row{display:none}.payouts-body tr{display:flex;flex-direction:column;padding:var(--space-4);margin-bottom:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.payouts-body td{display:flex;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light);gap:var(--space-2)}.payouts-body td:last-child{border-bottom:none}.payouts-body td:before{content:attr(data-label);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);flex-shrink:0;min-width:70px}.payouts-body td[data-label=Action]{flex-direction:column;align-items:stretch;padding-top:var(--space-3)}.payouts-body td[data-label=Action]:before{display:none}.pl,.pr{padding-left:0;padding-right:0}.admin-modal-overlay{padding:var(--space-3);align-items:center}.admin-modal-content{margin-top:0;margin-bottom:0}.admin-modal-body{max-height:60vh;padding:var(--space-4)}.admin-search-wrapper{max-width:100%}.admin-tabs-header{padding:var(--space-3)}.admin-tabs-list{width:100%}.admin-panel{border-radius:var(--radius-lg)}.admin-dashboard-container{gap:var(--space-4)}.admin-max-width{padding:0}.search-input-group{max-width:100%}.stat-card-wrapper{border-radius:var(--radius-md)}.admin-stat-card{padding:var(--space-4)}.confirm-transfer-btn,.review-btn,.remove-agent-btn{width:100%;justify-content:center}.action-pills{width:100%;flex-direction:column}.action-pills button,.cancel-pill{width:100%;justify-content:center}}.empty-icon{color:var(--color-text-tertiary);opacity:.5;margin-bottom:var(--space-4)}.user-profile-container{min-height:100vh;display:flex;flex-direction:column;align-items:center}.user-profile-content{width:100%;max-width:800px;padding:var(--space-8) var(--space-6);animation:fadeIn var(--transition-base) ease}.loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.error-message{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-secondary);font-size:var(--text-lg)}.profile-header-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-6)}.profile-avatar-section{display:flex;align-items:center;gap:var(--space-4)}.profile-avatar{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-white{color:#fff}.profile-name{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.profile-tier{font-size:var(--text-sm);color:var(--color-brand-text);font-weight:var(--font-weight-medium);margin:var(--space-1) 0 0 0}.profile-stats{display:flex;gap:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.stat-item{display:flex;flex-direction:column;gap:var(--space-1)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.profile-section{padding:var(--space-5) var(--space-6)}.section-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.details-list{display:flex;flex-direction:column;gap:var(--space-4)}.detail-row{display:flex;flex-direction:column;gap:var(--space-1)}.detail-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.detail-value{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text-primary);margin:0}.highlight{color:var(--color-brand-text);font-weight:var(--font-weight-medium)}.verification-status-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.verification-title{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.verification-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.status-verified{background-color:var(--color-success-subtle);color:var(--color-brand-text)}.status-pending{background-color:var(--color-warning-subtle);color:var(--color-warning)}.full-width{grid-column:1 / -1}.locked-message{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-3) 0 0 0;padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}@media (max-width: 640px){.user-profile-content{padding:var(--space-4)}.profile-grid{grid-template-columns:1fr}.profile-stats{flex-direction:column;gap:var(--space-4)}.profile-avatar{width:56px;height:56px}.profile-name{font-size:var(--text-lg)}}.transactions-container{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-10)}.transactions-container .filter-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.transactions-container .filter-controls .form-input{flex:1;min-width:200px}.transactions-container .filter-controls .form-select{width:auto;min-width:140px}.transactions-container .table-wrapper{overflow-x:auto}.transactions-container .data-table .tx-amount{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.transactions-container .data-table .tx-amount.positive{color:var(--color-success)}.transactions-container .data-table .tx-amount.negative{color:var(--color-danger)}.transactions-container .pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}@media (max-width: 640px){.transactions-container .filter-controls{flex-direction:column;align-items:stretch}.transactions-container .filter-controls .form-input,.transactions-container .filter-controls .form-select{width:100%;min-width:unset}}.complete-profile-page{min-height:100vh;background-color:var(--color-bg)}.complete-profile-container{width:100%;max-width:640px;margin:0 auto;padding:var(--space-8) var(--space-6)}@media (max-width: 640px){.complete-profile-container{padding:var(--space-6) var(--space-4)}}.form-header{text-align:center;margin-bottom:var(--space-8)}.header-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.header-subtitle{font-size:var(--text-base);color:var(--color-text-secondary)}.step-indicator-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-6)}.step-dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);border:2px solid var(--color-border);transition:all var(--transition-fast)}.step-dot.active{background-color:var(--color-brand);border-color:var(--color-brand)}.form-content{display:flex;flex-direction:column;gap:var(--space-6)}.section-wrapper{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}@media (max-width: 640px){.section-wrapper{padding:var(--space-4)}}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.section-note{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6);line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.upload-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.upload-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.upload-info{display:flex;align-items:center;gap:var(--space-3)}.upload-text-main{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.upload-text-sub{font-size:var(--text-sm);color:var(--color-text-tertiary)}.upload-btn-label{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-brand-text);background-color:var(--color-brand-subtle);border:1px solid var(--color-brand);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.upload-btn-label:hover{background-color:var(--color-brand);color:var(--color-text-inverse)}.upload-preview-img{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover}.preview-container{position:relative;display:flex;align-items:center;gap:var(--space-2)}.preview-overlay{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.btn-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.btn-dashboard{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background-color:var(--color-brand);border:1px solid var(--color-brand);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;margin-top:var(--space-6)}.btn-dashboard:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.flex-center{display:flex;align-items:center;justify-content:center}.locked-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:var(--space-6);position:relative;overflow:hidden}.locked-bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-success-subtle);opacity:.3}.locked-content{position:relative;text-align:center;max-width:480px}.locked-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--space-6);background-color:var(--color-success-subtle);border-radius:var(--radius-full);color:var(--color-success)}.locked-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.locked-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.loading-container{display:flex;align-items:center;justify-content:center;min-height:60vh}.text-\[var\(--color-brand\)\]{color:var(--color-brand)}.quiz-root{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.quiz-bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.quiz-bg-solid{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-secondary)}.quiz-blob{position:absolute;border-radius:50%;width:400px;height:400px;opacity:.3}.purple-blob{background-color:var(--color-info-subtle);top:-120px;right:-120px}.teal-blob{background-color:var(--color-brand-subtle);bottom:-120px;left:-120px}.quiz-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);max-width:560px;width:100%;margin:0 auto}.quiz-header{position:relative;z-index:1;padding:var(--space-4) var(--space-6)}.header-content{display:flex;align-items:center;gap:var(--space-4);max-width:560px;margin:0 auto}.step-intro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.intro-icon-box{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--color-brand-subtle);border-radius:var(--radius-2xl)}.intro-icon{color:var(--color-brand)}.intro-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.intro-text{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--text-lg-lh)}.start-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast);position:relative}.start-btn:hover{background-color:var(--color-brand-hover)}.btn-content{display:inline-flex;align-items:center;gap:var(--space-2)}.btn-glow{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.step-question{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.question-emoji-box{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:var(--radius-2xl)}.gradient-1,.gradient-2,.gradient-3,.gradient-4,.gradient-5{background-color:var(--color-brand-subtle)}.question-text{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center}.options-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);width:100%}.option-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-family:inherit;font-size:var(--text-base)}.option-card:hover,.option-card.selected{border-color:var(--color-brand);background-color:var(--color-brand-subtle)}.option-label{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.check-icon{color:var(--color-brand);flex-shrink:0}.progress-track{flex:1;height:6px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-brand);border-radius:var(--radius-full);transition:width var(--transition-base)}.step-final{width:100%;padding:var(--space-8)}.final-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.final-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.final-form{display:flex;flex-direction:column;gap:var(--space-5)}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.back-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.submit-btn{width:100%;padding:var(--space-4) var(--space-6);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit}.submit-btn:hover:not(:disabled){background-color:var(--color-brand-hover)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.input-wrapper{position:relative;display:flex;align-items:center}.nin-input,.custom-input{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-10);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit;transition:all var(--transition-fast)}.nin-input:focus,.custom-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.nin-input::placeholder,.custom-input::placeholder{color:var(--color-text-tertiary)}.input-icon-right{position:absolute;right:var(--space-3);color:var(--color-success);display:flex;align-items:center;pointer-events:none}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;background-color:var(--color-bg-secondary)}.upload-zone:hover{border-color:var(--color-brand);background-color:var(--color-brand-subtle)}.file-input-hidden{display:none}.file-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary)}.file-placeholder svg{color:var(--color-text-tertiary)}.file-name{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-brand-text)}.file-sub{font-size:var(--text-sm);color:var(--color-text-tertiary)}.file-msg{font-size:var(--text-base);color:var(--color-text-secondary)}.file-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-brand)}.file-success svg{color:var(--color-brand)}.file-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.highlight{color:var(--color-brand-text);font-weight:var(--font-weight-semibold)}.highlight-teal{color:var(--color-brand-text);font-size:var(--text-sm)}@media (max-width: 640px){.quiz-content{padding:var(--space-4)}.quiz-header{padding:var(--space-3) var(--space-4)}.step-intro{gap:var(--space-4)}.intro-title{font-size:var(--text-2xl)}.intro-text{font-size:var(--text-base)}.start-btn{width:100%}.step-final{padding:var(--space-5)}.question-emoji-box{width:60px;height:60px;font-size:1.5rem}.question-text{font-size:var(--text-lg)}.option-card{padding:var(--space-3) var(--space-4)}.final-title{font-size:var(--text-xl)}.upload-zone{padding:var(--space-6)}}.marketplace-container{min-height:100vh;background-color:var(--color-bg)}.marketplace-content{max-width:1280px;margin:0 auto;padding:var(--space-6)}.mp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-6)}.mp-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.mp-subtitle{font-size:var(--text-base);color:var(--color-text-tertiary)}.search-bar-wrapper{display:flex;align-items:center;gap:var(--space-3);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);min-width:280px;transition:border-color var(--transition-fast)}.search-bar-wrapper:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.search-input{flex:1;border:none;background:transparent;color:var(--color-text-primary);font-size:var(--text-base);outline:none}.mp-layout{display:flex;gap:var(--space-6);align-items:flex-start}.filter-sidebar{width:240px;flex-shrink:0}.filter-panel{padding:var(--space-5)}.filter-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.filter-group{margin-bottom:var(--space-5)}.filter-group-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.category-list{display:flex;flex-direction:column;gap:var(--space-1)}.category-btn{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:none;background:none;border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.category-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.category-btn.active{background-color:var(--color-brand-subtle);color:var(--color-brand-text);font-weight:var(--font-weight-semibold)}.clear-filter-btn{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background:none;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-brand-text);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.clear-filter-btn:hover{background-color:var(--color-brand-subtle);border-color:var(--color-brand)}.product-main{flex:1;min-width:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.product-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.product-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-md)}.product-image-box{position:relative;width:100%;aspect-ratio:1 / 1;background-color:var(--color-bg-secondary);overflow:hidden}.product-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.product-card:hover .product-img{transform:scale(1.05)}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary)}.product-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.product-card:hover .product-overlay{opacity:1}.product-info{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.product-header{display:flex;flex-direction:column;gap:var(--space-1)}.product-category{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-brand-text);text-transform:uppercase;letter-spacing:.05em}.product-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.product-price{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.add-cart-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:none;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.add-cart-btn:hover{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse)}.no-products{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.no-results-text{font-size:var(--text-lg);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.p-6{padding:var(--space-6)}.product-details-page{width:100%}.details-page-header{margin-bottom:var(--space-5)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:none;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.back-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.product-details-container{overflow:hidden}.details-header-section{margin-bottom:var(--space-6)}.product-category-tag{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand-text);background-color:var(--color-brand-subtle);border-radius:var(--radius-full);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.details-product-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.details-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.details-left{display:flex;flex-direction:column;gap:var(--space-4)}.detail-image-box{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-bg-secondary);border:1px solid var(--color-border)}.main-gallery-image{position:relative}.detail-main-img{width:100%;height:100%;object-fit:cover}.detail-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);color:var(--color-text-tertiary)}.thumbnail-strip{display:flex;gap:var(--space-2);flex-wrap:wrap}.thumb-btn{width:64px;height:64px;border-radius:var(--radius-md);border:2px solid transparent;overflow:hidden;cursor:pointer;padding:0;background:none;transition:border-color var(--transition-fast)}.thumb-btn:hover,.thumb-btn.active{border-color:var(--color-brand)}.thumb-img{width:100%;height:100%;object-fit:cover}.vendor-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.vendor-avatar{width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-brand);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-weight-bold);flex-shrink:0}.vendor-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.vendor-name-large{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.details-right{display:flex;flex-direction:column;gap:var(--space-6)}.info-panel{padding:var(--space-6)}.price-tag-large{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-5)}.specs-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.spec-item{display:flex;justify-content:space-between;align-items:center}.spec-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.spec-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.buy-now-main-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit}.buy-now-main-btn:hover{background-color:var(--color-brand-hover)}.finance-note{color:var(--color-text-tertiary)}.description-section{padding:var(--space-5);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.section-heading{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.description-content{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.checkout-view{max-width:720px;margin:0 auto}.checkout-header-section{margin-bottom:var(--space-6);text-align:center}.checkout-header-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.checkout-header-subtitle{font-size:var(--text-base);color:var(--color-text-tertiary)}.financing-offer-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.offer-header{margin-bottom:var(--space-6)}.modal-product-img-box{width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);flex-shrink:0}.modal-product-img{width:100%;height:100%;object-fit:cover}.modal-product-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.finance-badge{display:inline-block;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand-text);background-color:var(--color-brand-subtle);border-radius:var(--radius-full);margin-top:var(--space-1)}.credit-health-row{display:flex;gap:var(--space-6);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.health-stat{display:flex;flex-direction:column;gap:var(--space-1)}.term-selector-container{margin-bottom:var(--space-6)}.term-selector-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.term-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.term-option-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:none;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.term-option-btn:hover,.term-option-btn.active{border-color:var(--color-brand);background-color:var(--color-brand-subtle)}.term-days{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.term-discount{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-success)}.term-standard{font-size:var(--text-xs);color:var(--color-text-tertiary)}.contract-breakdown{padding:var(--space-5);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.contract-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.contract-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.contract-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.markup-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-warning)}.contract-divider{height:1px;background-color:var(--color-border);margin:var(--space-3) 0}.contract-total-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.total-label{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.total-mono{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-mono)}.credit-warning-box{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-warning-subtle);border:1px solid var(--color-warning);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.5}.self-dealing-warning{background-color:var(--color-danger-subtle);border-color:var(--color-danger)}.agreement-section{margin-bottom:var(--space-5);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.agreement-checkbox-wrapper{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.agreement-checkbox{width:18px;height:18px;margin-top:2px;accent-color:var(--color-brand);flex-shrink:0;cursor:pointer}.agreement-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.agreement-text strong{color:var(--color-text-primary)}.confirm-purchase-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-4) var(--space-6);background-color:var(--color-brand);color:var(--color-text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit}.confirm-purchase-btn:hover:not(:disabled){background-color:var(--color-brand-hover)}.confirm-purchase-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.marketplace-content{padding:var(--space-4)}.mp-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.search-bar-wrapper{width:100%;min-width:0}.mp-layout{flex-direction:column}.filter-sidebar{width:100%}.filter-panel{padding:var(--space-4)}.category-list{flex-direction:row;flex-wrap:wrap}.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.details-main-grid{grid-template-columns:1fr;gap:var(--space-6)}.details-product-title{font-size:var(--text-xl)}.term-options-grid{gap:var(--space-2)}.term-option-btn{padding:var(--space-3) var(--space-2)}}@media (max-width: 640px){.marketplace-content{padding:var(--space-3)}.mp-layout{flex-direction:column}.filter-sidebar{width:100%;order:-1}.filter-panel{padding:var(--space-3)}.filter-header{font-size:var(--text-sm);padding-bottom:var(--space-2);margin-bottom:var(--space-2)}.filter-group{margin-bottom:var(--space-2)}.filter-group-title{font-size:var(--text-xs);margin-bottom:var(--space-2)}.category-list{display:flex;flex-direction:row;gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-1)}.category-btn{flex-shrink:0;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-full);white-space:nowrap;width:auto;text-align:center}.category-btn.active{border-color:var(--color-brand)}.product-grid{grid-template-columns:1fr;gap:var(--space-3)}.product-image-box{aspect-ratio:16 / 9}.product-info{padding:var(--space-3)}.product-name{font-size:var(--text-sm)}.product-price{font-size:var(--text-base)}.details-main-grid{gap:var(--space-4)}.details-product-title{font-size:var(--text-lg)}.thumbnail-strip{gap:var(--space-1)}.thumb-btn{width:48px;height:48px}.vendor-card{padding:var(--space-3)}.vendor-avatar{width:40px;height:40px;font-size:var(--text-base)}.info-panel{padding:var(--space-4)}.price-tag-large{font-size:var(--text-2xl)}.buy-now-main-btn{padding:var(--space-3) var(--space-5)}.checkout-view{max-width:100%}.financing-offer-card{padding:var(--space-4);border-radius:var(--radius-lg)}.credit-health-row{flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.term-options-grid{grid-template-columns:1fr;gap:var(--space-2)}.term-option-btn{flex-direction:row;justify-content:space-between;padding:var(--space-3) var(--space-4)}.contract-breakdown{padding:var(--space-4)}.total-mono{font-size:var(--text-base)}.confirm-purchase-btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.product-details-container{padding:var(--space-4)!important}}.agent-dashboard-container{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8);padding-bottom:var(--space-10)}.agent-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}@media (min-width: 768px){.agent-header{flex-direction:row;align-items:center}}.header-text-group{display:flex;flex-direction:column;gap:var(--space-1)}.agent-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.agent-subtitle{font-size:var(--text-md);color:var(--color-text-tertiary);margin:0}.agent-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.new-aap-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:var(--color-brand);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit;line-height:1}.new-aap-btn:hover{background-color:var(--color-brand-hover)}.agent-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-brand-subtle);color:var(--color-brand-text);font-size:var(--text-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.agent-role-card{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-6);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.role-icon-box{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-brand-subtle);border-radius:var(--radius-md);font-size:1.25rem}.role-text{flex:1}.role-text h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.role-text p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0}.tasks-section{display:flex;flex-direction:column;gap:var(--space-5)}.tasks-header-row{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 640px){.tasks-header-row{flex-direction:row;align-items:center;justify-content:space-between}}.tab-pill-container{display:flex;gap:var(--space-2);background-color:var(--color-bg-secondary);padding:var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.tab-pill{padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;display:flex;align-items:center;gap:var(--space-2)}.tab-pill:hover{color:var(--color-text-primary)}.tab-pill.active{background-color:var(--color-surface);color:var(--color-brand-text);box-shadow:var(--shadow-xs)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-1);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-full)}.tab-pill.active .tab-count{background-color:var(--color-brand-subtle);color:var(--color-brand-text)}.empty-tasks{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-6)}.empty-icon-box{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background-color:var(--color-bg-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border)}.tasks-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 768px){.tasks-grid{grid-template-columns:repeat(2,1fr)}}.agent-task-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.agent-task-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.task-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);gap:var(--space-3)}.task-id-tag{display:flex;flex-direction:column;gap:2px}.tag-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);letter-spacing:.05em}.tag-value{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-mono)}.status-pill{display:inline-flex;align-items:center;padding:3px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap;border:1px solid transparent}.status-pill.pending,.status-pill.pending_vendor{background-color:var(--color-warning-subtle);color:var(--color-warning);border-color:var(--color-warning)}.status-pill.active,.status-pill.ready_for_pickup,.status-pill.murabaha_accepted,.status-pill.fund_disbursed,.status-pill.pending_murabaha_acceptance{background-color:var(--color-info-subtle);color:var(--color-info);border-color:var(--color-info)}.status-pill.completed,.status-pill.settled,.status-pill.goods_received,.status-pill.vendor_settled,.status-pill.repaid{background-color:var(--color-success-subtle);color:var(--color-brand-text);border-color:var(--color-success)}.status-pill.cancelled,.status-pill.expired,.status-pill.declined{background-color:var(--color-danger-subtle);color:var(--color-danger);border-color:var(--color-danger)}.status-pill.cancellation_requested{background-color:var(--color-warning-subtle);color:var(--color-warning);border-color:var(--color-warning)}.status-pill.delivered,.status-pill.received{background-color:var(--color-success-subtle);color:var(--color-brand-text);border-color:var(--color-success)}.task-card-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.info-block-premium{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.block-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);letter-spacing:.04em;border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg)}.block-content{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.mini-item-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.item-name-text{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.item-qty-pill{display:inline-flex;align-items:center;justify-content:center;padding:1px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-full)}.price-summary{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.price-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.price-value{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-brand-text)}.entity-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.entity-detail{font-size:var(--text-xs);color:var(--color-text-secondary)}.contact-btn-premium{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-brand-text);background-color:var(--color-brand-subtle);border:1px solid transparent;border-radius:var(--radius-sm);text-decoration:none;transition:all var(--transition-fast);width:fit-content}.contact-btn-premium:hover{background-color:var(--color-brand);color:var(--color-text-inverse)}.task-card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.settle-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background-color:var(--color-brand);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit;line-height:1}.settle-action-btn:hover{background-color:var(--color-brand-hover)}.instruction-pill{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.instruction-pill.success{color:var(--color-brand-text);background-color:var(--color-brand-subtle);border-color:var(--color-success)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:slideUp var(--transition-slow) ease forwards}.animate-scale-up{animation:scaleUp var(--transition-base) ease forwards}.rounded-full{border-radius:50%}@media (max-width: 640px){.agent-dashboard-container{padding-bottom:0;gap:var(--space-4)}.agent-title{font-size:var(--text-2xl)}.agent-subtitle{font-size:var(--text-sm)}.agent-header-actions{width:100%}.new-aap-btn,.agent-badge{width:100%;justify-content:center}.agent-role-card{flex-direction:column;align-items:center;text-align:center}.tasks-section{gap:var(--space-4)}.tasks-grid{grid-template-columns:1fr}.task-card-header{flex-direction:column;align-items:flex-start}.empty-tasks{padding:var(--space-10) var(--space-4)}}.aap-create-container{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8)}.aap-create-header{display:flex;align-items:center;gap:var(--space-4)}.aap-create-header h1{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.aap-create-header p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.step-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.step-progress .step{display:flex;align-items:center;gap:var(--space-2);opacity:.4;transition:opacity var(--transition-fast)}.step-progress .step.active{opacity:1}.step-progress .step-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.step-progress .step.active .step-num{background-color:var(--color-brand);color:var(--color-text-inverse)}.step-progress .step-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.step-progress .step-line{width:40px;height:2px;background-color:var(--color-border)}.step-content{display:flex;flex-direction:column;gap:var(--space-6)}.form-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.section-header{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);margin-bottom:var(--space-2)}.section-header h3{font-size:var(--text-md);font-weight:var(--font-weight-semibold);margin:0}.section-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0 0 var(--space-4)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.photo-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border)}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-skeleton{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.remove-photo{position:absolute;top:var(--space-1);right:var(--space-1);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0}.remove-photo:hover{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse)}.photo-upload-btn{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.photo-upload-btn:hover{border-color:var(--color-brand);color:var(--color-brand);background-color:var(--color-brand-subtle)}.form-control{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit;transition:all var(--transition-fast);box-sizing:border-box}.form-control::placeholder{color:var(--color-text-tertiary)}.form-control.with-icon{padding-left:var(--space-10)}textarea.form-control{resize:vertical;min-height:80px}.input-icon-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none}.input-icon-right{position:absolute;right:var(--space-3);pointer-events:none}.input-loader{position:absolute;right:var(--space-3);width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:var(--radius-full);animation:spin .6s linear infinite}.text-error{color:var(--color-danger)}.lookup-error-box{padding:var(--space-3) var(--space-4);background-color:var(--color-danger-subtle);border:1px solid var(--color-danger);border-radius:var(--radius-md)}.lookup-error-box p{margin:0;font-size:var(--text-sm);color:var(--color-danger)}.retailer-preview{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-brand-subtle);border:1px solid var(--color-brand);border-radius:var(--radius-md)}.retailer-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-brand);color:var(--color-text-inverse);font-size:var(--text-lg);font-weight:var(--font-weight-bold);flex-shrink:0}.retailer-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.retailer-info h4{margin:0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.retailer-stats-mini{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.retailer-stats-mini .score,.retailer-stats-mini .credit{font-size:var(--text-xs);color:var(--color-text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.btn-row{display:flex;gap:var(--space-3);justify-content:flex-end}.term-options,.duration-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.term-btn,.duration-btn{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.term-btn:hover,.duration-btn:hover{border-color:var(--color-brand);background-color:var(--color-brand-subtle);color:var(--color-brand)}.term-btn.active,.duration-btn.active{border-color:var(--color-brand);background-color:var(--color-brand);color:var(--color-text-inverse)}.term-days,.duration-days{font-size:var(--text-lg);font-weight:var(--font-weight-bold)}.term-label,.duration-label{font-size:var(--text-xs);opacity:.8}.cost-breakdown-section{transition:all var(--transition-base)}.breakdown-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.breakdown-line{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);color:var(--color-text-primary)}.breakdown-line.total{font-weight:var(--font-weight-bold);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-md)}.credit-check-status{margin-top:var(--space-3)}.credit-ok{margin:0;font-size:var(--text-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.credit-error{margin:0;font-size:var(--text-sm);color:var(--color-danger);font-weight:var(--font-weight-medium)}.animate-scale-in{animation:scaleIn var(--transition-base) ease}@media (max-width: 640px){.aap-create-container{padding:0 var(--space-4)}.step-progress .step-label{display:none}.form-row{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(3,1fr)}.term-btn,.duration-btn{min-width:60px;padding:var(--space-3) var(--space-2)}.btn-row{flex-direction:column}.btn-row .btn{width:100%}}.aap-link-container{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8)}.animate-fade-in{animation:fadeIn var(--transition-base) ease}.animate-slide-up{animation:slideUp var(--transition-base) ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.aap-link-header{display:flex;align-items:center;gap:var(--space-4)}.aap-link-header h1{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.aap-link-header p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.back-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.aap-link-content{display:flex;flex-direction:column;gap:var(--space-6)}.loading-state{text-align:center;padding:var(--space-16) var(--space-6);font-size:var(--text-base);color:var(--color-text-tertiary)}.lookup-section{display:flex;flex-direction:column;gap:var(--space-5)}.step-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.step-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.search-box-premium{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.search-icon{color:var(--color-text-tertiary);flex-shrink:0}.search-input{flex:1;border:none;background:none;color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit;outline:none}.spinner-small{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-brand);border-radius:var(--radius-full);animation:spin .6s linear infinite;flex-shrink:0}.retailer-preview-card{padding:var(--space-5)}.retailer-main{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.retailer-avatar{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-brand);color:var(--color-text-inverse);font-size:var(--text-xl);font-weight:var(--font-weight-bold);flex-shrink:0;overflow:hidden}.retailer-avatar img{width:100%;height:100%;object-fit:cover}.retailer-info h3{margin:0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.retailer-info p{margin:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.score-badge-small{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand);background-color:var(--color-brand-subtle);border-radius:var(--radius-full)}.retailer-stats{margin-bottom:var(--space-4)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.stat-item label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.stat-item span{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.btn-next{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-weight-semibold);background-color:var(--color-brand);color:var(--color-text-inverse);border:1px solid var(--color-brand);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-next:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn-next:disabled{opacity:.5;cursor:not-allowed}.rotate-180{transform:rotate(180deg)}.not-found-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--color-text-tertiary)}.not-found-state p{margin:0;font-size:var(--text-base);color:var(--color-text-secondary)}.helper-text{font-size:var(--text-sm);color:var(--color-text-tertiary)}.review-section{display:flex;flex-direction:column;gap:var(--space-5)}.review-header{display:flex;align-items:center;justify-content:space-between}.btn-edit-retailer{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-edit-retailer:hover{border-color:var(--color-brand);color:var(--color-brand);background-color:var(--color-brand-subtle)}.breakdown-card-premium{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);color:var(--color-text-primary)}.breakdown-row .label{color:var(--color-text-secondary)}.breakdown-row .value{font-weight:var(--font-weight-semibold)}.breakdown-row.total{font-weight:var(--font-weight-bold);font-size:var(--text-md);padding-top:var(--space-3)}.term-selector-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.term-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.term-pill{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.term-pill:hover{border-color:var(--color-brand);color:var(--color-brand);background-color:var(--color-brand-subtle)}.term-pill.active{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse)}.markup-highlight{padding:var(--space-4);background-color:var(--color-brand-subtle);border:1px solid var(--color-brand);border-radius:var(--radius-md)}.markup-highlight .breakdown-row{margin-bottom:var(--space-2)}.markup-note{margin:0;font-size:var(--text-xs);color:var(--color-text-tertiary)}.breakdown-divider{height:1px;background-color:var(--color-border)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.btn-confirm-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-md);font-weight:var(--font-weight-semibold);background-color:var(--color-brand);color:var(--color-text-inverse);border:1px solid var(--color-brand);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-confirm-link:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn-confirm-link:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.aap-link-container{padding:0 var(--space-4)}.retailer-main{flex-direction:column;text-align:center}.term-pills{gap:var(--space-1)}.term-pill{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.review-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.repay-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.repay-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-xl);overflow:hidden;animation:scaleIn var(--transition-base) ease}.repay-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.repay-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.repay-body{padding:var(--space-6);display:flex;flex-direction:column}.amount-display{text-align:center;margin-bottom:var(--space-6);background-color:var(--color-bg-tertiary);padding:var(--space-6);border-radius:var(--radius-lg)}.amount-display label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--space-2)}.amount-display .amount-value{font-size:36px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.amount-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text-primary);text-align:center;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-top:var(--space-4);transition:border-color var(--transition-fast)}.amount-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.proxy-notice{display:flex;align-items:flex-start;gap:var(--space-3);background-color:var(--color-brand-subtle);color:var(--color-brand-text);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-5);line-height:1.5}.btn-pay,.btn-verify,.btn-print{background-color:var(--color-brand);color:var(--color-text-inverse);border:none;padding:var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;font-size:var(--text-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;font-family:inherit}.btn-pay:hover,.btn-verify:hover,.btn-print:hover{background-color:var(--color-brand-hover)}.btn-pay:disabled,.btn-verify:disabled{opacity:.6;cursor:not-allowed}.secure-tag{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.verify-step,.success-step{text-align:center;padding:var(--space-4) 0}.verify-step h4,.success-step h4{margin:0 0 var(--space-3);color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-weight-bold)}.verify-step p,.success-step p{color:var(--color-text-secondary);font-size:var(--text-base);margin:0 0 var(--space-6);line-height:1.5}.spinner-large{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-6)}.text-success{color:var(--color-success);margin-bottom:var(--space-5)}.btn-secondary{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);width:100%;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:var(--text-base);margin-top:var(--space-3)}.btn-secondary:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.aap-detail-container{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8);animation:fadeIn var(--transition-base) ease}.aap-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16) var(--space-6);color:var(--color-text-tertiary)}.spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:var(--radius-full);animation:spin .6s linear infinite}.aap-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16) var(--space-6);text-align:center;color:var(--color-text-tertiary)}.aap-detail-error h2{color:var(--color-text-primary);margin:0;font-size:var(--text-xl)}.aap-detail-header{display:flex;align-items:center;gap:var(--space-4)}.back-btn-ghost{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.back-btn-ghost:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.header-info{flex:1}.header-info h1{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.ref-tag{font-size:var(--text-sm);color:var(--color-text-tertiary);font-family:var(--font-mono);margin:var(--space-1) 0 0}.header-status{flex-shrink:0}.status-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:1px solid;white-space:nowrap}.aap-detail-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);align-items:start}.main-info{display:flex;flex-direction:column;gap:var(--space-6)}.detail-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.photo-section{padding:var(--space-4)}.photo-stagger{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.photo-frame{flex-shrink:0;width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);cursor:pointer}.photo-frame img{width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-fast)}.photo-frame img:hover{opacity:.85}.product-card .card-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.product-card .card-header h3{margin:0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.product-info-box{padding:var(--space-5)}.product-info-box h2{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-2) 0 var(--space-4)}.info-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.info-cell{display:flex;flex-direction:column;gap:var(--space-1)}.info-cell .label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.info-cell .value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.cost-breakdown-web{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.cost-breakdown-web .breakdown-line{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);color:var(--color-text-primary)}.cost-breakdown-web .breakdown-line.markup{color:var(--color-brand)}.cost-breakdown-web .breakdown-line.total{font-weight:var(--font-weight-bold);padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--text-md)}.text-primary{color:var(--color-brand)}.text-secondary{color:var(--color-text-secondary)}.actions-card .card-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.actions-card .card-header h3{margin:0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.actions-card{padding:0}.action-box{padding:var(--space-5);margin:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-secondary)}.action-box p{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.action-box.warning-box{border-color:var(--color-warning);background-color:var(--color-warning-subtle)}.action-box.success-box{border-color:var(--color-success);background-color:var(--color-success-subtle)}.action-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-primary-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-brand);color:var(--color-text-inverse);border:1px solid var(--color-brand);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.btn-primary-action:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn-primary-action:disabled{opacity:.5;cursor:not-allowed}.btn-outline-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.btn-outline-action:hover:not(:disabled){border-color:var(--color-brand);background-color:var(--color-brand-subtle);color:var(--color-brand)}.btn-outline-action:disabled{opacity:.5;cursor:not-allowed}.btn-warning-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-warning);color:var(--color-text-inverse);border:1px solid var(--color-warning);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.btn-warning-action:hover:not(:disabled){opacity:.9}.btn-warning-action:disabled{opacity:.5;cursor:not-allowed}.btn-success-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-success);color:var(--color-text-inverse);border:1px solid var(--color-success);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.btn-success-action:hover:not(:disabled){opacity:.9}.btn-success-action:disabled{opacity:.5;cursor:not-allowed}.btn-inverse-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background-color:transparent;color:var(--color-brand);border:1px solid var(--color-brand);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.btn-inverse-action:hover:not(:disabled){background-color:var(--color-brand);color:var(--color-text-inverse)}.btn-inverse-action:disabled{opacity:.5;cursor:not-allowed}.otp-display-card{padding:var(--space-5);margin:var(--space-4);border:2px dashed var(--color-warning);border-radius:var(--radius-md);background-color:var(--color-warning-subtle);text-align:center}.otp-label{display:block;font-size:var(--text-xs);color:var(--color-warning);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.otp-value{display:block;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-mono);letter-spacing:.15em;margin-bottom:var(--space-2)}.otp-display-card p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.otp-divider{height:1px;background-color:var(--color-border);margin:var(--space-3) 0}.waiting-box{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);margin:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-tertiary)}.waiting-box p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.proof-card .card-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.proof-card .card-header h3{margin:0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.proxy-proof-display{padding:var(--space-5)}.proxy-proof-display img{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:opacity var(--transition-fast)}.proxy-proof-display img:hover{opacity:.85}.side-info{display:flex;flex-direction:column;gap:var(--space-4)}.entity-card .card-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.entity-card .card-header h3{margin:0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.entity-content{padding:var(--space-5)}.entity-content h4{margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.contact-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.contact-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-brand);text-decoration:none;margin-bottom:var(--space-2);transition:color var(--transition-fast)}.contact-link:hover{text-decoration:underline}.unlinked-box{padding:var(--space-5);text-align:center}.unlinked-box p{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0 0 var(--space-3)}.btn-link-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-brand);color:var(--color-text-inverse);border:1px solid var(--color-brand);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-link-action:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.agent-tag{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:var(--space-6);animation:scaleIn var(--transition-base) ease}@media (max-width: 768px){.aap-detail-grid{grid-template-columns:1fr}.photo-frame{width:90px;height:90px}.info-row-grid{grid-template-columns:1fr}.action-row{flex-direction:column}.action-row .btn-primary-action,.action-row .btn-outline-action{width:100%;justify-content:center}}@media (max-width: 640px){.aap-detail-container{padding:0 var(--space-4)}.aap-detail-header{flex-wrap:wrap}.header-status{width:100%}.side-info{gap:var(--space-4)}}.admin-layout{display:flex;height:100vh;background-color:var(--color-bg);color:var(--color-text-primary);overflow:hidden}.admin-sidebar{width:260px;min-width:260px;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:var(--z-sticky)}.admin-sidebar .sidebar-header{height:64px;display:flex;align-items:center;padding:0 var(--space-5);border-bottom:1px solid var(--color-border)}.admin-sidebar .brand-text{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.admin-sidebar .sidebar-nav{flex:1;padding:var(--space-3) var(--space-3);overflow-y:auto}.nav-section-label{padding:var(--space-3) var(--space-3) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-top:var(--space-2)}.nav-section-label:first-child{margin-top:0}.admin-sidebar .nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--font-weight-medium);text-decoration:none;border-left:3px solid transparent;border-radius:0;transition:all var(--transition-fast);margin-bottom:1px}.admin-sidebar .nav-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-sidebar .nav-item.active{background-color:var(--color-brand-subtle);color:var(--color-brand-text);border-left-color:var(--color-brand)}.admin-sidebar .sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.user-profile-mini{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.avatar-circle{width:36px;height:36px;border-radius:50%;background-color:var(--color-brand-subtle);color:var(--color-brand-text);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-base);flex-shrink:0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-header{height:64px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg)}.admin-header-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap}.search-container{position:relative;flex:1;max-width:400px}.search-input{width:100%;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-8);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;transition:all var(--transition-fast)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.search-icon{position:absolute;left:var(--space-2);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-content{flex:1;overflow-y:auto;padding:var(--space-6)}.page-header{margin-bottom:var(--space-6);display:flex;justify-content:space-between;align-items:flex-end}.page-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-base)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.metric-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.icon-box{padding:var(--space-2);border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);color:var(--color-brand-text)}.metric-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.metric-sub{font-size:var(--text-sm);color:var(--color-text-tertiary)}.table-container{overflow:hidden}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.data-table th{text-align:left;padding:var(--space-3) var(--space-5);background-color:var(--color-bg-secondary);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--text-base)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.form-control{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.form-section-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.danger-zone{border:1px solid var(--color-danger-subtle);background-color:var(--color-danger-subtle);border-radius:var(--radius-lg);position:relative;padding:var(--space-6)}.danger-zone:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-danger);border-radius:2px 0 0 2px}.profile-header{margin-bottom:var(--space-6);padding:var(--space-5)}.profile-container{display:flex;justify-content:space-between;align-items:flex-start}.profile-identity{display:flex;gap:var(--space-5);align-items:center}.profile-avatar{width:80px;height:80px;border-radius:50%;background-color:var(--color-brand-subtle);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-brand-text)}.profile-name{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.profile-meta{display:flex;gap:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-base);align-items:center}.profile-badges{margin-top:var(--space-3);display:flex;gap:var(--space-2);align-items:center}.profile-actions{display:flex;gap:var(--space-3)}.tab-btn{padding:var(--space-3) var(--space-5);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;font-size:var(--text-base);transition:all var(--transition-fast)}.tab-btn.active{color:var(--color-brand);border-bottom-color:var(--color-brand);font-weight:var(--font-weight-semibold)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.info-card-row{display:flex;justify-content:space-between;padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.info-card-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-label{color:var(--color-text-secondary);font-size:var(--text-base)}.info-value{font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.log-item{padding:var(--space-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.log-content{font-size:var(--text-base);margin-bottom:var(--space-1)}.log-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.sidebar-toggle-btn{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md)}.sidebar-toggle-btn:hover{background-color:var(--color-bg-tertiary)}.sidebar-close-btn{display:none;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md)}.sidebar-close-btn:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.admin-sidebar-overlay{display:none}.ops-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.tooltip-container{display:inline-flex;align-items:center;position:relative;cursor:help;margin-left:var(--space-2);color:var(--color-text-tertiary)}.tooltip-icon{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-text-tertiary);font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.tooltip-text{visibility:hidden;width:220px;background-color:var(--color-surface);color:var(--color-text-primary);text-align:left;border-radius:var(--radius-md);padding:var(--space-3);position:absolute;z-index:var(--z-tooltip);bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity var(--transition-base);font-size:var(--text-xs);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);line-height:1.4;pointer-events:none}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-border) transparent transparent transparent}@media (max-width: 1024px){.ops-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-sidebar{position:fixed;top:0;left:-280px;bottom:0;width:280px;height:100dvh;z-index:var(--z-modal);transition:left var(--transition-base);box-shadow:var(--shadow-xl)}.admin-sidebar .sidebar-footer{padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,12px))}.admin-sidebar .user-profile-mini{margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2)}.admin-sidebar.open{left:0}.sidebar-close-btn{display:flex;margin-left:auto}.sidebar-toggle-btn{display:flex}.admin-sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:calc(var(--z-modal) - 1)}.admin-header{padding:0 var(--space-4)}.admin-header-title{display:none}.search-container{max-width:100%;width:100%}.admin-content{padding:var(--space-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.profile-container{flex-direction:column;align-items:stretch;gap:var(--space-5)}.profile-actions{width:100%;flex-direction:column}.profile-actions .btn{width:100%;justify-content:center}.info-grid{grid-template-columns:1fr}.tab-nav{gap:var(--space-1);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.aap-dashboard{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8)}.aap-stat-card{cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);border:2px solid transparent}.aap-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.aap-stat-card.active{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.aap-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}.aap-search-wrapper{position:relative;flex:1;max-width:480px;display:flex;align-items:center}.aap-search-wrapper .search-icon{position:absolute;left:var(--space-4);color:var(--color-text-tertiary);pointer-events:none}.aap-search-input{width:100%;padding-left:calc(var(--space-4) + 20px)!important;padding-right:calc(var(--space-4) + 16px)!important;height:42px;border-radius:var(--radius-lg);font-size:var(--text-sm);background-color:var(--color-bg-secondary);border-color:var(--color-border);transition:all var(--transition-fast) ease}.aap-search-input:focus{background-color:var(--color-surface);border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.clear-search-btn{position:absolute;right:var(--space-3);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--radius-full)}.clear-search-btn:hover{color:var(--color-text-secondary);background-color:var(--color-bg-tertiary)}.aap-filter-select-container{display:flex;align-items:center;gap:var(--space-3)}.filter-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap}.aap-filter-select{height:42px;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-weight-medium);border-color:var(--color-border);background-color:var(--color-surface);padding:0 var(--space-8) 0 var(--space-4);cursor:pointer;transition:border-color var(--transition-fast) ease;min-width:180px}.aap-filter-select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.aap-loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:var(--text-md);color:var(--color-text-secondary)}.aap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:220px;background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-tertiary);padding:var(--space-10)}.aap-empty p{font-size:var(--text-base);margin:0}.aap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.aap-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.aap-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.aap-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.aap-card-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.3}.aap-product-image{width:100%;height:140px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.aap-card-body{display:flex;flex-direction:column;gap:var(--space-2)}.aap-info-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.aap-info-row svg{flex-shrink:0;color:var(--color-text-tertiary)}.aap-info-row strong{color:var(--color-text-primary)}.aap-danger{color:var(--color-danger);background-color:var(--color-danger-subtle);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.aap-danger svg{color:var(--color-danger)}.aap-card-footer{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-3);border-top:1px solid var(--color-border-light);margin-top:auto}.aap-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn var(--transition-fast) ease}.aap-modal{width:100%;max-width:640px;max-height:90dvh;overflow-y:auto;overscroll-behavior-y:contain;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);animation:scaleIn var(--transition-base) ease}.aap-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.aap-modal-header h2{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.aap-modal-body{display:flex;flex-direction:column;gap:var(--space-4)}.aap-modal-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.aap-modal-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.aap-photo-gallery{display:flex;gap:var(--space-2);flex-wrap:wrap}.aap-gallery-img{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:opacity var(--transition-fast)}.aap-gallery-img:hover{opacity:.85}.aap-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.aap-detail-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.aap-detail-item label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.aap-detail-item span{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.aap-highlight{border-color:var(--color-brand);background-color:var(--color-brand-subtle)}.aap-highlight label{color:var(--color-brand-text)}.aap-highlight span{color:var(--color-brand-text);font-size:var(--text-lg)}.aap-section{padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.aap-section h4{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin:0 0 var(--space-2)}.aap-section p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-1)}.aap-section p:last-child{margin-bottom:0}.proxy-verification-box{padding:var(--space-4);background-color:var(--color-warning-subtle);border:1px solid var(--color-warning);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.proxy-header{display:flex;align-items:center;gap:var(--space-2)}.proxy-header h4{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin:0}.proxy-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.proxy-comparison{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.proxy-img-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;min-width:120px}.proxy-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.comparison-img{width:120px;height:120px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-fast)}.comparison-img:hover{border-color:var(--color-brand)}.placeholder-img{width:120px;height:120px;border-radius:var(--radius-md);border:2px dashed var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs)}.proxy-vs-badge{font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.proxy-tip{font-size:var(--text-xs);color:var(--color-text-tertiary);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.aap-approval-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.aap-approval-section h4{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.aap-approval-section .text-muted{font-size:var(--text-sm);color:var(--color-text-secondary);margin:calc(-1 * var(--space-2)) 0 0}.aap-btn-group{display:flex;gap:var(--space-3);flex-wrap:wrap}.aap-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.aap-filters .form-select{width:auto;min-width:160px}.aap-table{width:100%;border-collapse:collapse;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.aap-table th{padding:var(--space-3) var(--space-5);background-color:var(--color-bg-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);text-align:left;border-bottom:1px solid var(--color-border)}.aap-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--text-base)}.aap-table tr:last-child td{border-bottom:none}.aap-table tr:hover td{background-color:var(--color-bg-secondary)}@media (max-width: 768px){.aap-controls-bar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.aap-search-wrapper{max-width:100%}.aap-filter-select-container{width:100%;justify-content:space-between}.aap-filter-select{flex:1;min-width:unset}.aap-grid{grid-template-columns:1fr}.aap-modal{max-height:95dvh;padding:var(--space-4)}.aap-detail-grid{grid-template-columns:1fr 1fr}.proxy-comparison{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.aap-filters{flex-direction:column;align-items:stretch}.aap-filters .form-select{width:100%;min-width:unset}.aap-detail-grid{grid-template-columns:1fr}.aap-btn-group{flex-direction:column}.aap-btn-group .btn{width:100%;justify-content:center}}.admin-page{display:flex;flex-direction:column}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);gap:var(--space-4);color:var(--color-text-tertiary)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin .7s linear infinite}.icon-warning{color:var(--color-warning);flex-shrink:0}.icon-success{color:var(--color-success);flex-shrink:0}.cancel-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.cancel-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.cancel-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.cancel-card.expanded{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand)}.cancel-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.cancel-card-title-row{display:flex;align-items:center;gap:var(--space-3);min-width:0}.cancel-card-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cancel-card-id{font-family:monospace;font-size:var(--text-xs);color:var(--color-text-tertiary)}.cancel-card-body{display:flex;flex-direction:column;gap:var(--space-3)}.cancel-info-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.cancel-info-row strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.cancel-reason{padding:var(--space-3);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin-top:var(--space-1)}.cancel-card-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-light)}.cancel-proof-section{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-primary)}.cancel-proof-img{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg);cursor:pointer;transition:opacity var(--transition-fast)}.cancel-proof-img:hover{opacity:.85}.cancel-bank-info{padding:var(--space-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.7}.cancel-bank-info strong{display:block;margin-bottom:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.cancel-bank-info p{margin:0;color:var(--color-text-secondary)}.cancel-action-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-warning-subtle);border:1px solid var(--color-warning-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning)}.btn-outline{background-color:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}:root{--color-bg: #FFFFFF;--color-bg-secondary: #F7F8FA;--color-bg-tertiary: #EEF0F4;--color-surface: #FFFFFF;--color-surface-hover: #F7F8FA;--color-border: #E2E5EB;--color-border-light: #F0F1F4;--color-text-primary: #1A1D26;--color-text-secondary: #5A6070;--color-text-tertiary: #8B92A0;--color-text-inverse: #FFFFFF;--color-brand: #1B7F64;--color-brand-hover: #166B54;--color-brand-subtle: #E8F5F0;--color-brand-text: #1B7F64;--color-danger: #DC3545;--color-danger-subtle: #FDF0F0;--color-warning: #E5920A;--color-warning-subtle: #FFF8EB;--color-success: #1B7F64;--color-success-subtle: #E8F5F0;--color-info: #2563EB;--color-info-subtle: #EFF4FF;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-xs-lh: 1rem;--text-sm: .8125rem;--text-sm-lh: 1.25rem;--text-base: .875rem;--text-base-lh: 1.5rem;--text-md: 1rem;--text-md-lh: 1.5rem;--text-lg: 1.125rem;--text-lg-lh: 1.75rem;--text-xl: 1.25rem;--text-xl-lh: 1.75rem;--text-2xl: 1.5rem;--text-2xl-lh: 2rem;--text-3xl: 1.875rem;--text-3xl-lh: 2.25rem;--text-4xl: 2.25rem;--text-4xl-lh: 2.75rem;--text-display: 3rem;--text-display-lh: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}[data-theme=dark]{--color-bg: #111318;--color-bg-secondary: #1A1D24;--color-bg-tertiary: #24272F;--color-surface: #1A1D24;--color-surface-hover: #24272F;--color-border: #2E323B;--color-border-light: #24272F;--color-text-primary: #F0F1F4;--color-text-secondary: #A0A6B4;--color-text-tertiary: #6B7280;--color-text-inverse: #111318;--color-brand: #2ECC9B;--color-brand-hover: #3DD8A8;--color-brand-subtle: rgba(46, 204, 155, .12);--color-brand-text: #2ECC9B;--color-danger: #F87171;--color-danger-subtle: rgba(248, 113, 113, .12);--color-warning: #FBBF24;--color-warning-subtle: rgba(251, 191, 36, .12);--color-success: #2ECC9B;--color-success-subtle: rgba(46, 204, 155, .12);--color-info: #60A5FA;--color-info-subtle: rgba(96, 165, 250, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .35), 0 8px 10px -6px rgba(0, 0, 0, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--text-base-lh);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--color-text-secondary)}a{color:var(--color-brand);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-brand-hover)}small,.text-small{font-size:var(--text-sm);color:var(--color-text-tertiary)}code,pre{font-family:var(--font-mono)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}::selection{background-color:var(--color-brand-subtle);color:var(--color-brand-text)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%}.page-container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}@media (max-width: 640px){.page-container{padding:0 var(--space-4)}}.no-scroll{overflow:hidden!important;height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.text-center{text-align:center}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-primary{color:var(--color-brand-text)}.text-muted{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-tertiary{color:var(--color-text-tertiary)}.font-mono{font-family:var(--font-mono)}.border{border:1px solid var(--color-border)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.mb-xs{margin-bottom:var(--space-1)}.mb-sm{margin-bottom:var(--space-2)}.mb-md{margin-bottom:var(--space-4)}.mb-lg{margin-bottom:var(--space-6)}.mb-xl{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.p-sm{padding:var(--space-3)}.p-md{padding:var(--space-4)}.p-lg{padding:var(--space-6)}.p-xl{padding:var(--space-8)}.input-field{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit;transition:all var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.textarea-field{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit;resize:vertical;min-height:100px;transition:all var(--transition-fast)}.textarea-field:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.hidden{display:none!important}.shrink-0{flex-shrink:0}.h-12{height:3rem}.w-12{width:3rem}.min-h-screen{min-height:100vh}.rounded-full{border-radius:9999px}.border-t-2{border-top-width:2px;border-top-style:solid}.border-b-2{border-bottom-width:2px;border-bottom-style:solid}.border-l{border-left-width:1px;border-left-style:solid}.border-l-4{border-left-width:4px;border-left-style:solid}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pl-4{padding-left:var(--space-4)}.pt-4{padding-top:var(--space-4)}.mt-1{margin-top:var(--space-1)}.mt-3{margin-top:var(--space-3)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mr-2{margin-right:var(--space-2)}.ml-2{margin-left:var(--space-2)}.ml-auto{margin-left:auto}.tracking-wide{letter-spacing:.05em}.tracking-wider{letter-spacing:.1em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-3>*+*{margin-left:var(--space-3)}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.font-normal{font-weight:400}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-white{color:#fff}.text-gray-400{color:var(--color-text-tertiary)}.text-blue-400{color:var(--color-info)}.text-brand{color:var(--color-brand-text)}.bg-white{background-color:#fff}.bg-black{background-color:#00000080}.border-gray-700{border-color:var(--color-border)}.border-current{border-color:currentColor}.animate-zoom-in{animation:scaleIn var(--transition-base) ease forwards}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease forwards}.animate-slide-up{animation:fadeInUp var(--transition-base) ease forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-weight-semibold);border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;font-family:inherit;line-height:1;white-space:nowrap;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-brand);color:var(--color-text-inverse);border-color:var(--color-brand)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn-secondary{background-color:transparent;color:var(--color-brand-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-brand-subtle);border-color:var(--color-brand)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#b82d3b;border-color:#b82d3b}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-md)}.btn-icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn-block{width:100%}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.card:hover{box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary)}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238B92A0' d='M6 8.5L1.5 4h9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.form-textarea{min-height:100px;resize:vertical}.form-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.form-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base);color:var(--color-text-secondary)}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-brand);border-radius:var(--radius-sm);cursor:pointer}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.badge-success{background-color:var(--color-success-subtle);color:var(--color-brand-text)}.badge-danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.badge-warning{background-color:var(--color-warning-subtle);color:var(--color-warning)}.badge-info{background-color:var(--color-info-subtle);color:var(--color-info)}.badge-neutral{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-3) var(--space-5);background-color:var(--color-bg-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);text-align:left;border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--text-base)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--color-bg-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;overscroll-behavior-y:contain;animation:scaleIn var(--transition-base) ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.tab-nav{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.tab-btn{padding:var(--space-3) var(--space-5);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-tertiary);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-change{font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-tertiary)}.empty-state-icon{margin-bottom:var(--space-4);color:var(--color-text-tertiary);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-base);color:var(--color-text-tertiary);max-width:300px}.skeleton{background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:pulse 2s ease-in-out infinite}.skeleton-text{height:14px;margin-bottom:var(--space-2);width:100%}.skeleton-text:last-child{width:60%}.skeleton-circle{width:48px;height:48px;border-radius:50%}.skeleton-card{height:160px;border-radius:var(--radius-lg)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:3px solid var(--color-text-tertiary);min-width:300px;max-width:420px;animation:slideInRight var(--transition-base) ease}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-info{border-left-color:var(--color-info)}.toast-warning{border-left-color:var(--color-warning)}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-danger)}.toast-info .toast-icon{color:var(--color-info)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-content{flex:1;font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.toast-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}@media (max-width: 640px){.modal-container{max-width:100%;margin:var(--space-3);border-radius:var(--radius-lg)}.toast{min-width:unset;max-width:unset;width:calc(100% - var(--space-8))}.stat-card{padding:var(--space-4)}.data-table th,.data-table td{padding:var(--space-3)}.btn-lg{padding:var(--space-3) var(--space-5)}}.page-hero{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-left:4px solid var(--color-brand);margin-bottom:var(--space-6);flex-wrap:wrap}.page-hero-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--color-brand-subtle);color:var(--color-brand-text);flex-shrink:0}.page-hero-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.page-hero-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:1.3}.page-hero-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1);line-height:1.4}.page-hero-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap}@media (max-width: 768px){.page-hero{padding:var(--space-3) var(--space-4);gap:var(--space-3);border-left-width:3px;flex-direction:column;align-items:stretch}.page-hero-icon{width:36px;height:36px;align-self:flex-start}.page-hero-body{min-width:0}.page-hero-title{font-size:var(--text-base)}.page-hero-subtitle{font-size:var(--text-xs);margin-top:2px}.page-hero-actions{width:100%;justify-content:flex-start;padding-top:var(--space-2);margin-top:var(--space-1);border-top:1px solid var(--color-border-light)}}