@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-brand-badges{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-play-store{margin-top:var(--space-3)}.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-3);padding-bottom:calc(88px + env(safe-area-inset-bottom,16px));width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}}.mobile-header{display:none}@media (max-width: 767px){.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.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:500;padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.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, 99999);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)}.cta-group{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-8)}.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}}.google-play-badge{display:inline-flex;align-items:center;gap:.85rem;border-radius:12px;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #00000026;cursor:pointer;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.google-play-badge:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000003d}.google-play-badge:active{transform:translateY(0)}.google-play-badge-dark{background:#000;border:1.5px solid #27272a;color:#fff}.google-play-badge-dark:hover{border-color:#3f3f46;background:#09090b}.google-play-badge-primary{background:#064e3b;border:1.5px solid #059669;color:#fff}.google-play-badge-primary:hover{background:#047857;border-color:#34d399}.google-play-badge-light{background:#fff;border:1.5px solid #e2e8f0;color:#0f172a}.google-play-badge-light:hover{border-color:#cbd5e1;background:#f8fafc}.google-play-badge-sm{padding:.45rem .95rem;border-radius:9px}.google-play-badge-sm .google-play-svg-icon{width:22px;height:22px}.google-play-badge-sm .google-play-subtext{font-size:.58rem;letter-spacing:.08em}.google-play-badge-sm .google-play-maintext{font-size:.95rem}.google-play-badge-md{padding:.6rem 1.25rem;border-radius:12px}.google-play-badge-md .google-play-svg-icon{width:28px;height:28px}.google-play-badge-md .google-play-subtext{font-size:.65rem;letter-spacing:.1em}.google-play-badge-md .google-play-maintext{font-size:1.12rem}.google-play-badge-lg{padding:.75rem 1.6rem;border-radius:14px}.google-play-badge-lg .google-play-svg-icon{width:34px;height:34px}.google-play-badge-lg .google-play-subtext{font-size:.7rem;letter-spacing:.12em}.google-play-badge-lg .google-play-maintext{font-size:1.3rem}.google-play-svg-icon{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .2s ease}.google-play-badge:hover .google-play-svg-icon{transform:scale(1.06)}.google-play-copy{display:flex;flex-direction:column;line-height:1.12;text-align:left}.google-play-subtext{font-weight:700;text-transform:uppercase;opacity:.85}.google-play-maintext{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:800;letter-spacing:-.02em}.google-play-badge-light .google-play-subtext{color:#475569}.google-play-badge-light .google-play-maintext{color:#0f172a}.google-play-tag{background:#ffffff26;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:700;margin-left:.4rem;text-transform:uppercase}.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-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}}.privacy-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)}.privacy-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.privacy-hero{text-align:left;border-bottom:2px solid var(--color-border);padding-bottom:var(--space-6)}.privacy-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)}.privacy-hero-description{font-size:var(--text-md);line-height:1.6;color:var(--color-text-secondary);max-width:700px}.privacy-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}.privacy-badge-dot{width:6px;height:6px;background-color:var(--color-brand);border-radius:50%}.privacy-meta{display:flex;gap:var(--space-6);flex-wrap:wrap;margin-top:var(--space-4)}.privacy-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)}.privacy-meta-icon{font-size:var(--text-sm)}.privacy-toc{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius-xl)}.privacy-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}.privacy-toc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);list-style:none;padding:0;margin:0}.privacy-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)}.privacy-toc-item:hover{color:var(--color-brand-hover);text-decoration:underline}.privacy-toc-number{color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.privacy-sections{display:flex;flex-direction:column;gap:var(--space-6)}.privacy-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)}.privacy-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)}.privacy-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}.privacy-section-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.privacy-clauses{display:flex;flex-direction:column;gap:var(--space-4)}.privacy-clause{display:flex;gap:var(--space-4);align-items:flex-start}.privacy-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}.privacy-clause-text{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary)}.privacy-clause-text strong{color:var(--color-text-primary)}.privacy-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)}.privacy-acceptance-icon{font-size:2rem;flex-shrink:0}.privacy-acceptance-card p{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary);margin:0}.privacy-acceptance-card strong{color:var(--color-brand-text)}.privacy-back-to-top{display:flex;justify-content:center;margin-top:var(--space-6)}.privacy-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)}.privacy-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){.privacy-page{padding:var(--space-6) var(--space-3)}.privacy-section-card{padding:var(--space-4) var(--space-5)}.privacy-toc-list{grid-template-columns:1fr}}.delete-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)}.delete-container{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.delete-hero{text-align:left;border-bottom:2px solid var(--color-border);padding-bottom:var(--space-6)}.delete-hero h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;color:var(--color-text-primary);margin-top:var(--space-4);margin-bottom:var(--space-3)}.delete-hero-description{font-size:var(--text-md);line-height:1.6;color:var(--color-text-secondary);max-width:600px}.delete-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}.delete-badge-dot{width:6px;height:6px;background-color:var(--color-brand);border-radius:50%}.delete-notice{display:flex;gap:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);align-items:flex-start}.delete-notice-icon{font-size:var(--text-lg);flex-shrink:0}.delete-notice-text{font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary)}.delete-notice-text strong{color:var(--color-text-primary)}.delete-form-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.delete-form-card h2{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-6)}.delete-field{margin-bottom:var(--space-5)}.delete-field label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.delete-required{color:#dc2626}.delete-field input[type=text],.delete-field input[type=email],.delete-field textarea{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-primary);font-family:inherit;transition:border-color var(--transition-fast);box-sizing:border-box}.delete-field input:focus,.delete-field textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.delete-field textarea{resize:vertical;min-height:100px}.delete-field-hint{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.delete-radio-group{display:flex;flex-direction:column;gap:var(--space-3)}.delete-radio-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.delete-radio-card:hover{border-color:var(--color-brand)}.delete-radio-card.active{border-color:var(--color-brand);background-color:var(--color-brand-subtle)}.delete-radio-card input[type=radio]{margin-top:3px;accent-color:var(--color-brand);flex-shrink:0}.delete-radio-content{display:flex;flex-direction:column;gap:4px}.delete-radio-content strong{font-size:var(--text-sm);color:var(--color-text-primary)}.delete-radio-content span{font-size:var(--text-xs);color:var(--color-text-tertiary)}.delete-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.delete-submit-btn{width:100%;padding:var(--space-3) var(--space-6);background-color:#dc2626;color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast)}.delete-submit-btn:hover:not(:disabled){background-color:#b91c1c}.delete-submit-btn:disabled{opacity:.6;cursor:not-allowed}.delete-retention-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)}.delete-retention-card h3{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-5)}.delete-retention-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.delete-retention-col h4{font-size:var(--text-sm);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3)}.delete-retention-deleted{color:#dc2626}.delete-retention-kept{color:var(--color-brand-text)}.delete-retention-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.delete-retention-col li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-4);position:relative}.delete-retention-col li:before{content:"•";position:absolute;left:0;color:var(--color-text-tertiary)}.delete-contact{text-align:center}.delete-contact p{font-size:var(--text-sm);color:var(--color-text-tertiary)}.delete-contact a{color:var(--color-brand-text);font-weight:var(--font-weight-semibold);text-decoration:none}.delete-contact a:hover{text-decoration:underline}.delete-success-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;box-shadow:var(--shadow-sm)}.delete-success-icon{font-size:3rem;margin-bottom:var(--space-4)}.delete-success-card h1{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3)}.delete-success-card>p{font-size:var(--text-md);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-6)}.delete-info-box{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);text-align:left;margin-bottom:var(--space-6)}.delete-info-box h3{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-3)}.delete-info-box ul{margin:0;padding-left:var(--space-5)}.delete-info-box li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-2)}.delete-contact-note{font-size:var(--text-sm);color:var(--color-text-tertiary)}.delete-contact-note a{color:var(--color-brand-text);font-weight:var(--font-weight-semibold);text-decoration:none}@media (max-width: 768px){.delete-page{padding:var(--space-6) var(--space-3)}.delete-form-card,.delete-retention-card{padding:var(--space-5)}.delete-retention-grid{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}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:44px}.password-toggle-btn{position:absolute;right:0;top:0;bottom:0;width:44px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:18px;padding:0;font-family:inherit}.password-toggle-btn:hover{color:var(--color-text-secondary)}.password-strength{margin-top:8px}.strength-bars{display:flex;gap:4px;margin-bottom:4px}.strength-bar{height:4px;flex:1;border-radius:2px;background-color:var(--color-border);transition:background-color var(--transition-fast)}.strength-bar.active.weak{background-color:var(--color-danger)}.strength-bar.active.medium{background-color:#f59e0b}.strength-bar.active.strong{background-color:var(--color-brand)}.strength-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.strength-label.weak{color:var(--color-danger)}.strength-label.medium{color:#f59e0b}.strength-label.strong{color:var(--color-brand)}.uniqueness-message{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.uniqueness-message.taken{color:var(--color-danger)}.uniqueness-message.available{color:var(--color-brand)}.uniqueness-message.checking{color:var(--color-text-tertiary)}.uniqueness-message a{color:var(--color-brand);font-weight:var(--font-weight-semibold);text-decoration:underline;cursor:pointer}.uniqueness-message a:hover{color:var(--color-brand-hover)}@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}}.terms-checkbox-row{display:flex;align-items:center;gap:10px;margin:var(--space-4) 0}.terms-checkbox-row input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-brand)}.terms-checkbox-label{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.terms-link{color:var(--color-brand);font-weight:var(--font-weight-semibold);text-decoration:underline;cursor:pointer}.terms-link:hover{color:var(--color-brand-hover)}.web-terms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.web-terms-modal-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:650px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInUp .25s ease}.web-terms-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.web-terms-modal-header h3{margin:0;font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.web-terms-modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-tertiary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm)}.web-terms-modal-close:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.web-terms-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.web-terms-modal-section{margin-bottom:1.25rem;padding:1.25rem;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.web-terms-modal-section h4{margin:0 0 .5rem;color:var(--color-brand);font-size:1rem;font-weight:var(--font-weight-bold)}.web-terms-modal-section p{margin:0 0 .5rem;font-size:.875rem;line-height:1.5;color:var(--color-text-primary)}.web-terms-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 640px){.login-page{padding:var(--space-4) var(--space-3)}.auth-card{padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg)}.auth-title{font-size:var(--text-xl)}.web-terms-modal-overlay{padding:.75rem}.web-terms-modal-card{max-height:92vh;border-radius:var(--radius-lg)}.web-terms-modal-header,.web-terms-modal-body{padding:1rem}.web-terms-modal-footer{padding:1rem;flex-direction:column-reverse}.web-terms-modal-footer button{width:100%}}.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-undertaking{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:700;background-color:#d97706;color:#fff;border:1px solid #d97706;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:all var(--transition-fast);box-shadow:0 2px 6px #d9770640}.btn-undertaking:hover{background-color:#b45309;border-color:#b45309;transform:translateY(-1px);box-shadow:0 4px 12px #d9770659}.btn-murabaha{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:700;background-color:#059669;color:#fff;border:1px solid #059669;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:all var(--transition-fast);box-shadow:0 2px 6px #05966940}.btn-murabaha:hover{background-color:#047857;border-color:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #05966959}[data-theme=dark] .btn-murabaha{background-color:#1b7f64;border-color:#1b7f64}[data-theme=dark] .btn-murabaha:hover{background-color:#2ecc9b;border-color:#2ecc9b;color:#11141c}.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-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}}.request-goods-banner{background:linear-gradient(135deg,#10b98114,#064e3b0a);border:1.5px solid rgba(16,185,129,.25);border-radius:var(--radius-xl, 20px);padding:1.25rem 1.5rem;margin-top:.5rem;margin-bottom:1.25rem;box-shadow:0 4px 20px #0000000a;transition:all var(--transition-normal, .2s)}.request-goods-banner:hover{border-color:#10b98173;box-shadow:0 8px 25px #10b98114}.rgb-pill-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.rgb-super-pill{display:flex;align-items:center;gap:.35rem;background:var(--color-brand, #10b981);color:#000;font-size:.65rem;font-weight:900;letter-spacing:.05em;padding:.2rem .55rem;border-radius:6px}.rgb-credit-pill{display:flex;align-items:center;gap:.35rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.75rem;color:var(--color-text-secondary, #9ca3af);padding:.2rem .6rem;border-radius:6px}.rgb-credit-pill strong{color:var(--color-text-primary, #fff);font-weight:800}.rgb-main-row{display:flex;align-items:center;gap:1rem}.rgb-icon-glow{width:48px;height:48px;border-radius:14px;background:#10b98126;color:var(--color-brand, #10b981);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rgb-text-group{flex:1}.rgb-title{font-size:1.15rem;font-weight:800;color:var(--color-text-primary, #fff);margin:0 0 .2rem}.rgb-desc{font-size:.85rem;color:var(--color-text-secondary, #9ca3af);margin:0;line-height:1.4}.rgb-action-btn{display:flex;align-items:center;gap:.4rem;background:var(--color-brand, #10b981);color:#000;font-weight:800;font-size:.85rem;padding:.6rem 1.15rem;border-radius:10px;border:none;cursor:pointer;white-space:nowrap;transition:all .15s ease}.rgb-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.rgb-perks-row{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.rgb-perk-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary, #9ca3af)}.rgb-perk-item svg{color:var(--color-brand, #10b981)}.rgb-perk-divider{width:1px;height:10px;background:#ffffff1a}.request-goods-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000000bf!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1.5rem!important;box-sizing:border-box!important}.request-goods-modal{background:var(--color-bg-surface, #18181b);border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .1));border-radius:var(--radius-2xl, 24px);width:100%;max-width:520px;padding:1.75rem;box-shadow:0 25px 60px #00000080;position:relative;max-height:90vh;overflow-y:auto}.rgm-drag-handle{width:36px;height:4px;background:#ffffff26;border-radius:2px;margin:0 auto 1.25rem}.rgm-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.rgm-badge{display:inline-flex;align-items:center;gap:.35rem;background:#10b98126;color:var(--color-brand, #10b981);font-size:.65rem;font-weight:800;letter-spacing:.05em;padding:.2rem .5rem;border-radius:6px;margin-bottom:.35rem}.rgm-title{font-size:1.35rem;font-weight:900;color:var(--color-text-primary, #fff);margin:0 0 .25rem}.rgm-subtitle{font-size:.85rem;color:var(--color-text-secondary, #9ca3af);margin:0}.rgm-close-btn{background:var(--color-bg-tertiary, rgba(255, 255, 255, .05));border:none;color:var(--color-text-secondary, #9ca3af);width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.rgm-close-btn:hover{background:#ffffff1a;color:#fff}.rgm-credit-card{display:flex;align-items:center;background:var(--color-bg-secondary, rgba(255, 255, 255, .03));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:14px;padding:.85rem 1rem;margin-bottom:1rem}.rgm-credit-icon{width:36px;height:36px;border-radius:10px;background:#10b98126;color:var(--color-brand, #10b981);display:flex;align-items:center;justify-content:center;margin-right:.75rem}.rgm-credit-info{flex:1;display:flex;flex-direction:column}.rgm-credit-label{font-size:.7rem;color:var(--color-text-secondary, #9ca3af);text-transform:uppercase;font-weight:700;letter-spacing:.03em}.rgm-credit-amount{font-size:1.15rem;font-weight:900;color:var(--color-brand, #10b981)}.rgm-credit-pill{display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;color:var(--color-brand, #10b981);background:#10b9811a;padding:.25rem .55rem;border-radius:6px}.rgm-dot{width:6px;height:6px;border-radius:3px;background:var(--color-brand, #10b981)}.rgm-search-bar{display:flex;align-items:center;background:var(--color-bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .1));border-radius:12px;padding:0 .85rem;height:42px;gap:.6rem;margin-bottom:.85rem}.rgm-search-bar input{flex:1;background:transparent;border:none;outline:none;font-size:.875rem;color:var(--color-text-primary, #fff)}.rgm-clear-search{background:none;border:none;color:var(--color-text-secondary, #9ca3af);cursor:pointer;padding:0;display:flex;align-items:center}.rgm-list-header{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:800;text-transform:uppercase;color:var(--color-text-secondary, #9ca3af);letter-spacing:.05em;margin-bottom:.5rem}.rgm-agent-count{color:var(--color-brand, #10b981)}.rgm-agent-list{max-height:180px;overflow-y:auto;margin-bottom:1rem;display:flex;flex-direction:column;gap:.45rem;padding-right:.25rem}.rgm-agent-item{display:flex;align-items:center;padding:.65rem .85rem;background:var(--color-bg-secondary, rgba(255, 255, 255, .03));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .08));border-radius:12px;cursor:pointer;transition:all .15s}.rgm-agent-item:hover{background:#ffffff0f}.rgm-agent-item.selected{background:#10b98114;border-color:var(--color-brand, #10b981)}.rgm-agent-avatar{width:36px;height:36px;border-radius:10px;background:#ffffff1a;color:var(--color-text-primary, #fff);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;margin-right:.75rem;position:relative}.rgm-online-indicator{position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;border-radius:4px;background:#10b981;border:1.5px solid var(--color-bg-surface, #18181b)}.rgm-agent-details{flex:1}.rgm-agent-name-row{display:flex;align-items:center;gap:.35rem}.rgm-agent-name{font-size:.875rem;font-weight:800;color:var(--color-text-primary, #fff)}.rgm-agent-sub{font-size:.75rem;color:var(--color-text-secondary, #9ca3af);display:block}.rgm-radio{width:20px;height:20px;border-radius:10px;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#000}.rgm-radio.active{background:var(--color-brand, #10b981);border-color:var(--color-brand, #10b981)}.rgm-note-section{margin-bottom:1.25rem}.rgm-note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.rgm-note-header label{font-size:.8rem;font-weight:800;color:var(--color-text-primary, #fff)}.rgm-optional-badge{font-size:.7rem;color:var(--color-text-secondary, #9ca3af)}.rgm-textarea{width:100%;background:var(--color-bg-secondary, rgba(255, 255, 255, .04));border:1px solid var(--color-border-subtle, rgba(255, 255, 255, .1));border-radius:12px;padding:.65rem .85rem;font-size:.85rem;color:var(--color-text-primary, #fff);outline:none;resize:vertical;min-height:56px;box-sizing:border-box}.rgm-note-tip{font-size:.72rem;color:var(--color-text-secondary, #9ca3af);margin:.35rem 0 0;line-height:1.4}.rgm-submit-btn{width:100%;background:var(--color-brand, #10b981);color:#000;font-weight:800;font-size:.95rem;padding:.85rem 1rem;border-radius:12px;border:none;cursor:pointer;transition:all .15s}.rgm-submit-btn:disabled{opacity:.5;cursor:not-allowed}.rgm-submit-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 20px #10b9814d}.aap-trader-initiated-info{padding:.75rem 0}.aap-goods-note{font-size:.875rem;color:var(--color-text-primary, #fff);margin:0 0 .5rem}@media (max-width: 768px){.dashboard-container{gap:var(--space-4);padding-top:var(--space-3);padding-bottom:var(--space-6)}.dashboard-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.page-hero-actions{width:100%}.marketplace-btn{width:100%;justify-content:center;padding:var(--space-3) var(--space-4)}.welcome-title{font-size:var(--text-2xl)}.welcome-subtitle{font-size:var(--text-sm)}.hud-grid{grid-template-columns:1fr;gap:var(--space-3)}.stat-card{padding:var(--space-4)}.request-goods-banner{padding:1rem 1.1rem;margin-top:.25rem;margin-bottom:1rem;border-radius:16px}.rgb-pill-row{flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem}.rgb-main-row{flex-direction:column;align-items:stretch;gap:.85rem}.rgb-icon-glow{width:42px;height:42px;border-radius:12px}.rgb-title{font-size:1.05rem}.rgb-desc{font-size:.8rem;line-height:1.35}.rgb-action-btn{width:100%;justify-content:center;padding:.7rem 1rem;font-size:.9rem}.rgb-perks-row{flex-wrap:wrap;gap:.4rem .8rem;justify-content:flex-start;margin-top:.75rem;padding-top:.65rem}.rgb-perk-divider{display:none}.request-goods-overlay{padding:.75rem!important}.request-goods-modal{padding:1.25rem 1rem;border-radius:18px;max-width:100%;max-height:94vh}.rgm-title{font-size:1.15rem}.rgm-subtitle{font-size:.78rem}.rgm-agent-card{padding:.65rem .75rem;gap:.65rem}.rgm-agent-avatar{width:38px;height:38px;font-size:.85rem}.rgm-agent-name{font-size:.82rem}.rgm-agent-sub{font-size:.7rem}.retailer-dashboard{padding-bottom:calc(88px + env(safe-area-inset-bottom,16px))}.aap-retailer-grid{grid-template-columns:1fr;gap:var(--space-3)}.aap-retailer-card{padding:var(--space-4)}.orders-table-wrapper,.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.order-card-enhanced{padding:var(--space-4)}}@media (max-width: 480px){.stat-card-value .value-main{font-size:1.5rem}.rgb-super-pill{font-size:.6rem;padding:.15rem .45rem}.rgb-credit-pill{font-size:.7rem;padding:.15rem .5rem}.onboarding-card{padding:var(--space-6) var(--space-4)}}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-top, 10200);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}.contract-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c16c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-elevated, 10100);padding:1.5rem;padding-bottom:calc(env(safe-area-inset-bottom,16px) + 20px);animation:contractModalFadeIn .22s cubic-bezier(.16,1,.3,1)}@keyframes contractModalFadeIn{0%{opacity:0}to{opacity:1}}.contract-modal-card{--cm-bg-card: #ffffff;--cm-bg-header: #f8fafc;--cm-bg-body: #ffffff;--cm-bg-footer: #f8fafc;--cm-bg-surface: #f8fafc;--cm-bg-surface-elevated: #ffffff;--cm-border: #e2e8f0;--cm-border-subtle: #edf2f7;--cm-text-primary: #0f172a;--cm-text-secondary: #475569;--cm-text-muted: #64748b;background:var(--cm-bg-card);color:var(--cm-text-primary);width:100%;max-width:860px;max-height:90vh;border-radius:20px;box-shadow:0 25px 60px -12px #0000004d,0 0 0 1px var(--cm-border);border:1px solid var(--cm-border);display:flex;flex-direction:column;overflow:hidden;position:relative;font-family:var(--font-family, system-ui, -apple-system, sans-serif)}[data-theme=dark] .contract-modal-card{--cm-bg-card: #11141c;--cm-bg-header: #161a25;--cm-bg-body: #11141c;--cm-bg-footer: #161a25;--cm-bg-surface: #181d29;--cm-bg-surface-elevated: #202636;--cm-border: rgba(255, 255, 255, .1);--cm-border-subtle: rgba(255, 255, 255, .05);--cm-text-primary: #f8fafc;--cm-text-secondary: #94a3b8;--cm-text-muted: #64748b;box-shadow:0 30px 70px -15px #000000b3,0 0 0 1px #ffffff1f}.contract-modal-header{padding:1.35rem 1.75rem 1.15rem;background:var(--cm-bg-header);border-bottom:1px solid var(--cm-border);display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;flex-shrink:0}.contract-header-main{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:0}.contract-meta-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.contract-category-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.28rem .7rem;border-radius:8px}.contract-category-badge.undertaking{background:#f59e0b24;color:#b45309;border:1px solid rgba(245,158,11,.35)}[data-theme=dark] .contract-category-badge.undertaking{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b73}.contract-category-badge.murabaha{background:#10b98124;color:#047857;border:1px solid rgba(16,185,129,.35)}[data-theme=dark] .contract-category-badge.murabaha{background:#2ecc9b33;color:#34d399;border-color:#2ecc9b73}.contract-ref-pill{font-size:.75rem;font-family:var(--font-mono, monospace);font-weight:700;color:var(--cm-text-secondary);background:var(--cm-bg-surface-elevated);border:1px solid var(--cm-border);padding:.22rem .6rem;border-radius:6px;letter-spacing:.02em}.contract-status-pill{display:inline-flex;align-items:center;gap:.38rem;font-size:.75rem;font-weight:700;padding:.24rem .7rem;border-radius:9999px}.contract-status-pill.status-signed{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.35)}[data-theme=dark] .contract-status-pill.status-signed{background:#2ecc9b33;color:#34d399;border-color:#2ecc9b73}.contract-status-pill.status-pending{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.35)}[data-theme=dark] .contract-status-pill.status-pending{background:#f59e0b38;color:#fbbf24;border-color:#f59e0b73}.contract-main-title{font-size:1.4rem;font-weight:800;color:var(--cm-text-primary);margin:0;letter-spacing:-.02em;line-height:1.25}.contract-subtitle{font-size:.85rem;color:var(--cm-text-secondary);margin:0;line-height:1.45}.contract-modal-close{background:var(--cm-bg-surface-elevated);border:1px solid var(--cm-border);cursor:pointer;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--cm-text-secondary);transition:all .18s ease;flex-shrink:0}.contract-modal-close:hover{background:var(--cm-border);color:var(--cm-text-primary);transform:scale(1.05)}.contract-modal-tabs{display:flex;padding:0 1.75rem;background:var(--cm-bg-header);border-bottom:1px solid var(--cm-border);gap:1.5rem;flex-shrink:0}.contract-tab{background:none;border:none;font-size:.875rem;font-weight:700;color:var(--cm-text-secondary);padding:.85rem .25rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;position:relative;transition:color .18s ease}.contract-tab:hover{color:var(--cm-text-primary)}.contract-tab.active{color:var(--color-brand, #1b7f64)}[data-theme=dark] .contract-tab.active{color:#2ecc9b}.contract-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2.5px;background:var(--color-brand, #1b7f64);border-radius:3px 3px 0 0}[data-theme=dark] .contract-tab.active:after{background:#2ecc9b}.contract-modal-body{padding:1.5rem 1.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.35rem;flex:1;background:var(--cm-bg-body)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--cm-border);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--cm-text-muted)}.contract-corporate-bar{background:var(--cm-bg-surface);border:1px solid var(--cm-border);border-radius:14px;padding:.85rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.corporate-left{display:flex;align-items:center;gap:.85rem}.corporate-icon-wrapper{width:38px;height:38px;border-radius:10px;background:#1b7f641f;color:var(--color-brand, #1b7f64);display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .corporate-icon-wrapper{background:#2ecc9b26;color:#2ecc9b}.corporate-text-stack{display:flex;flex-direction:column;gap:2px}.corporate-legal-name{font-size:.9rem;font-weight:800;color:var(--cm-text-primary);display:flex;align-items:center;gap:.5rem}.corporate-rc{font-size:.725rem;font-weight:700;color:var(--cm-text-secondary);background:var(--cm-bg-surface-elevated);border:1px solid var(--cm-border);padding:.1rem .45rem;border-radius:4px;letter-spacing:.02em}.corporate-address{font-size:.775rem;color:var(--cm-text-secondary);display:flex;align-items:center;gap:.4rem}.bullet-sep{color:var(--cm-text-muted)}.corporate-sharia-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.775rem;font-weight:700;color:var(--color-brand, #1b7f64);background:#1b7f641a;border:1px solid rgba(27,127,100,.25);padding:.35rem .85rem;border-radius:9999px}[data-theme=dark] .corporate-sharia-badge{color:#2ecc9b;background:#2ecc9b24;border-color:#2ecc9b59}.contract-summary-view{display:flex;flex-direction:column;gap:1.35rem}.contract-hero-card{border-radius:16px;padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.contract-hero-card.undertaking-hero{background:linear-gradient(135deg,#f59e0b14,#d9770608);border:1.5px solid rgba(245,158,11,.35);box-shadow:0 4px 20px #f59e0b0f}[data-theme=dark] .contract-hero-card.undertaking-hero{background:linear-gradient(135deg,#f59e0b24,#d977060f);border-color:#f59e0b73;box-shadow:0 4px 24px #0006}.contract-hero-card.murabaha-hero{background:linear-gradient(135deg,#10b98114,#05966908);border:1.5px solid rgba(16,185,129,.35);box-shadow:0 4px 20px #10b9810f}[data-theme=dark] .contract-hero-card.murabaha-hero{background:linear-gradient(135deg,#10b98124,#0596690f);border-color:#10b98173;box-shadow:0 4px 24px #0006}.hero-top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;letter-spacing:.02em}.undertaking-hero .hero-badge{color:#b45309}[data-theme=dark] .undertaking-hero .hero-badge{color:#fcd34d}.murabaha-hero .hero-badge{color:#047857}[data-theme=dark] .murabaha-hero .hero-badge{color:#6ee7b7}.hero-sharia-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .6rem;border-radius:9999px;background:var(--cm-bg-surface-elevated);border:1px solid var(--cm-border);color:var(--cm-text-secondary)}.hero-main-metric{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--cm-bg-surface-elevated);border:1px solid var(--cm-border);border-radius:12px;padding:1rem 1.25rem}.metric-col{display:flex;flex-direction:column;gap:.25rem;flex:1}.hero-metric-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cm-text-secondary)}.hero-metric-value{font-size:1.65rem;font-weight:900;color:#d97706;font-family:var(--font-mono, monospace);line-height:1.2}[data-theme=dark] .hero-metric-value{color:#fbbf24}.hero-metric-pill-success{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:800;color:#059669;background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:.35rem .75rem;border-radius:8px;width:fit-content}[data-theme=dark] .hero-metric-pill-success{color:#34d399;background:#2ecc9b2e;border-color:#2ecc9b66}.hero-divider-vert{width:1px;height:48px;background:var(--cm-border)}.hero-subtext-bar{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--cm-text-secondary)}.murabaha-equation-grid{display:flex;align-items:center;justify-content:space-between;gap:.65rem;background:var(--cm-bg-surface-elevated);border:1px solid var(--cm-border);border-radius:12px;padding:.95rem 1.15rem}.equation-block{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.equation-block.highlight-margin{padding:.5rem .75rem;border-radius:8px;background:#10b98114;border:1px dashed rgba(16,185,129,.3)}[data-theme=dark] .equation-block.highlight-margin{background:#2ecc9b1f;border-color:#2ecc9b59}.equation-block.highlight-total{padding:.5rem .75rem;border-radius:8px;background:#1b7f641f;border:1.5px solid var(--color-brand, #1b7f64)}[data-theme=dark] .equation-block.highlight-total{background:#2ecc9b2e;border-color:#2ecc9b}.eq-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cm-text-secondary)}.eq-val{font-size:1.15rem;font-weight:900;color:var(--cm-text-primary);font-family:var(--font-mono, monospace);line-height:1.25}.eq-val.text-brand{color:#059669}[data-theme=dark] .eq-val.text-brand{color:#34d399}.eq-val.text-total{color:var(--color-brand, #1b7f64);font-size:1.25rem}[data-theme=dark] .eq-val.text-total{color:#2ecc9b}.eq-caption{font-size:.72rem;color:var(--cm-text-muted)}.equation-operator{display:flex;align-items:center;justify-content:center;color:var(--cm-text-muted);width:28px;height:28px;flex-shrink:0}.contract-specs-section{border:1px solid var(--cm-border);border-radius:14px;background:var(--cm-bg-surface);overflow:hidden}.section-card-header{padding:.85rem 1.25rem;background:var(--cm-bg-header);border-bottom:1px solid var(--cm-border);display:flex;align-items:center;gap:.6rem}.section-card-header h3{font-size:.85rem;font-weight:800;color:var(--cm-text-primary);margin:0;text-transform:uppercase;letter-spacing:.04em}.text-accent{color:var(--color-brand, #1b7f64)}[data-theme=dark] .text-accent{color:#2ecc9b}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--cm-border)}.spec-card{background:var(--cm-bg-surface-elevated);padding:.95rem 1.25rem;display:flex;flex-direction:column;gap:.3rem}.spec-card.full-span{grid-column:span 2}.spec-key{font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--cm-text-secondary)}.spec-val{font-size:.925rem;color:var(--cm-text-primary);line-height:1.45}.font-semibold{font-weight:700}.font-medium{font-weight:600}.text-success{color:#059669}[data-theme=dark] .text-success{color:#34d399}.text-danger{color:var(--color-danger, #dc3545)}[data-theme=dark] .text-danger{color:#f87171}.text-secondary{color:var(--cm-text-secondary);font-size:.85rem}.sharia-framework-card{border-radius:14px;padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:1rem}.sharia-framework-card.theme-amber{background:linear-gradient(135deg,#f59e0b0f,#d9770605);border:1.5px solid rgba(245,158,11,.35)}[data-theme=dark] .sharia-framework-card.theme-amber{background:#181920;border-color:#f59e0b73}.sharia-framework-card.theme-emerald{background:linear-gradient(135deg,#10b9810f,#05966905);border:1.5px solid rgba(16,185,129,.35)}[data-theme=dark] .sharia-framework-card.theme-emerald{background:#141c19;border-color:#2ecc9b73}.framework-header{display:flex;align-items:center;gap:.75rem}.framework-icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-amber .framework-icon-box{background:#f59e0b29;color:#d97706}[data-theme=dark] .theme-amber .framework-icon-box{background:#f59e0b40;color:#fbbf24}.theme-emerald .framework-icon-box{background:#10b98129;color:#059669}[data-theme=dark] .theme-emerald .framework-icon-box{background:#2ecc9b40;color:#34d399}.framework-header h4{font-size:.95rem;font-weight:800;margin:0;color:var(--cm-text-primary);letter-spacing:-.01em}.framework-sub{font-size:.75rem;color:var(--cm-text-secondary)}.framework-points{display:flex;flex-direction:column;gap:.75rem}.framework-point{display:flex;align-items:flex-start;gap:.75rem;font-size:.85rem;line-height:1.5}.point-number{width:22px;height:22px;border-radius:50%;font-weight:800;font-size:.725rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.theme-amber .point-number{background:#d97706;color:#fff}[data-theme=dark] .theme-amber .point-number{background:#f59e0b;color:#11141c}.theme-emerald .point-number{background:#059669;color:#fff}[data-theme=dark] .theme-emerald .point-number{background:#2ecc9b;color:#11141c}.point-body strong{color:var(--cm-text-primary);font-weight:700}.point-body p{margin:.15rem 0 0;color:var(--cm-text-secondary);font-size:.825rem;line-height:1.5}.contract-clauses-view{display:flex;flex-direction:column;gap:1.15rem}.clauses-header-banner{background:var(--cm-bg-surface);border:1px solid var(--cm-border);border-radius:10px;padding:.85rem 1.15rem;font-size:.825rem;color:var(--cm-text-secondary);display:flex;align-items:center;gap:.65rem}.clauses-accordion-stack{display:flex;flex-direction:column;gap:.85rem}.contract-clause-card{background:var(--cm-bg-surface);border:1px solid var(--cm-border);border-radius:12px;padding:1.1rem 1.35rem;transition:border-color .18s ease,transform .18s ease}.contract-clause-card:hover{border-color:var(--color-brand, #1b7f64);background:var(--cm-bg-surface-elevated)}[data-theme=dark] .contract-clause-card:hover{border-color:#2ecc9b}.clause-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem}.clause-num{font-size:.75rem;font-weight:800;font-family:var(--font-mono, monospace);color:var(--color-brand, #1b7f64);background:#1b7f641f;padding:.2rem .5rem;border-radius:6px}[data-theme=dark] .clause-num{color:#2ecc9b;background:#2ecc9b2e}.clause-title{font-size:.95rem;font-weight:800;color:var(--cm-text-primary);margin:0;letter-spacing:-.01em}.clause-paragraph{font-size:.85rem;line-height:1.65;color:var(--cm-text-secondary);margin:0 0 .6rem}.clause-paragraph:last-child{margin-bottom:0}.contract-execution-section{display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem}.execution-seal-certificate{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.15rem 1.35rem;border-radius:14px;background:linear-gradient(135deg,#10b98117,#0596690a);border:1.5px solid #10b981}[data-theme=dark] .execution-seal-certificate{background:linear-gradient(135deg,#10b98129,#05966914);border-color:#2ecc9b}.execution-seal-certificate.delivery-seal{background:linear-gradient(135deg,#3b82f617,#2563eb0a);border-color:#3b82f6}[data-theme=dark] .execution-seal-certificate.delivery-seal{background:linear-gradient(135deg,#3b82f629,#2563eb14);border-color:#60a5fa}.seal-cert-left{display:flex;align-items:flex-start;gap:1rem}.seal-cert-icon{width:46px;height:46px;border-radius:12px;background:#10b98129;color:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .seal-cert-icon{background:#2ecc9b38;color:#2ecc9b}.seal-cert-icon.delivery{background:#3b82f629;color:#3b82f6}[data-theme=dark] .seal-cert-icon.delivery{background:#60a5fa38;color:#60a5fa}.seal-cert-details{display:flex;flex-direction:column;gap:.25rem}.seal-cert-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.725rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#059669;background:#10b9811f;padding:.15rem .55rem;border-radius:6px;width:fit-content}[data-theme=dark] .seal-cert-badge{color:#34d399;background:#2ecc9b33}.seal-cert-badge.delivery{color:#2563eb;background:#3b82f61f}[data-theme=dark] .seal-cert-badge.delivery{color:#93c5fd;background:#3b82f633}.seal-cert-details h4{font-size:1rem;font-weight:800;color:var(--cm-text-primary);margin:0;letter-spacing:-.01em}.seal-cert-meta{font-size:.8rem;color:var(--cm-text-secondary);margin:0;line-height:1.45}.seal-cert-timestamp{font-size:.775rem;color:var(--cm-text-secondary);display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.seal-cert-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.6rem .9rem;border:1.5px solid #10b981;border-radius:10px;color:#10b981;font-size:.68rem;font-weight:900;letter-spacing:.08em;flex-shrink:0}[data-theme=dark] .seal-cert-stamp{border-color:#2ecc9b;color:#2ecc9b}.signature-interactive-card{position:relative;border:2px solid var(--cm-border);border-radius:14px;background:var(--cm-bg-surface);padding:1.25rem 1.45rem;display:flex;gap:1.15rem;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .22s cubic-bezier(.16,1,.3,1);outline:none}.signature-interactive-card:hover{border-color:var(--color-brand, #1b7f64);background:var(--cm-bg-surface-elevated);box-shadow:0 6px 20px #0000000f;transform:translateY(-1px)}.signature-interactive-card:focus-visible{outline:2px solid var(--color-brand, #1b7f64);outline-offset:3px}[data-theme=dark] .signature-interactive-card:hover{border-color:#2ecc9b;box-shadow:0 6px 24px #0006}.signature-interactive-card.is-checked.theme-murabaha{border-color:#059669;background:#10b9810f;box-shadow:0 6px 24px #10b9811f}[data-theme=dark] .signature-interactive-card.is-checked.theme-murabaha{border-color:#2ecc9b;background:#2ecc9b17;box-shadow:0 6px 28px #2ecc9b29}.signature-interactive-card.is-checked.theme-undertaking{border-color:#d97706;background:#f59e0b0f;box-shadow:0 6px 24px #f59e0b1f}[data-theme=dark] .signature-interactive-card.is-checked.theme-undertaking{border-color:#fbbf24;background:#fbbf2417;box-shadow:0 6px 28px #fbbf2429}.sig-check-box-col{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:2px}.sig-custom-checkbox{width:24px;height:24px;border-radius:7px;border:2px solid var(--cm-border);background:var(--cm-bg-surface-elevated);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s cubic-bezier(.16,1,.3,1)}.signature-interactive-card:hover .sig-custom-checkbox{border-color:var(--color-brand, #1b7f64)}.signature-interactive-card.theme-murabaha .sig-custom-checkbox.checked{background:#059669;border-color:#059669;box-shadow:0 0 0 3px #05966940}[data-theme=dark] .signature-interactive-card.theme-murabaha .sig-custom-checkbox.checked{background:#2ecc9b;border-color:#2ecc9b;color:#11141c;box-shadow:0 0 0 3px #2ecc9b4d}.signature-interactive-card.theme-undertaking .sig-custom-checkbox.checked{background:#d97706;border-color:#d97706;box-shadow:0 0 0 3px #d9770640}[data-theme=dark] .signature-interactive-card.theme-undertaking .sig-custom-checkbox.checked{background:#fbbf24;border-color:#fbbf24;color:#11141c;box-shadow:0 0 0 3px #fbbf244d}.sig-check-icon{animation:checkPop .22s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkPop{0%{transform:scale(.4);opacity:0}80%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.sig-details-col{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.sig-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem}.sig-main-declaration{font-size:.95rem;font-weight:800;color:var(--cm-text-primary);line-height:1.45;letter-spacing:-.01em}.sig-state-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.725rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .65rem;border-radius:9999px;flex-shrink:0;white-space:nowrap}.sig-state-badge.pending{background:#64748b1f;color:var(--cm-text-secondary);border:1px dashed var(--cm-border)}[data-theme=dark] .sig-state-badge.pending{background:#94a3b824;color:#94a3b8;border-color:#ffffff26}.sig-state-badge.accepted{background:#10b98129;color:#059669;border:1px solid rgba(16,185,129,.35)}[data-theme=dark] .sig-state-badge.accepted{background:#2ecc9b38;color:#34d399;border-color:#2ecc9b73}.sig-legal-notice{font-size:.8rem;color:var(--cm-text-secondary);margin:0;line-height:1.55}.sig-confirmation-banner{display:flex;align-items:center;gap:.55rem;padding:.6rem .9rem;border-radius:8px;margin-top:.35rem;font-size:.8rem;font-weight:700;background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.25);animation:bannerSlideDown .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .sig-confirmation-banner{background:#2ecc9b26;color:#34d399;border-color:#2ecc9b59}.theme-undertaking .sig-confirmation-banner{background:#f59e0b1f;color:#b45309;border-color:#f59e0b40}[data-theme=dark] .theme-undertaking .sig-confirmation-banner{background:#fbbf2426;color:#fbbf24;border-color:#fbbf2459}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.contract-modal-footer{padding:1.15rem 1.75rem;background:var(--cm-bg-footer);border-top:1px solid var(--cm-border);display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-shrink:0}.footer-security-note{display:flex;align-items:center;gap:.45rem;font-size:.775rem;font-weight:600;color:var(--cm-text-muted)}.footer-actions-cluster{display:flex;align-items:center;gap:.85rem}.btn-contract-secondary{padding:.7rem 1.35rem;border-radius:10px;border:1px solid var(--cm-border);background:var(--cm-bg-surface-elevated);color:var(--cm-text-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease}.btn-contract-secondary:hover:not(:disabled){background:var(--cm-border);transform:translateY(-1px)}.btn-contract-primary{padding:.7rem 1.65rem;border-radius:10px;border:none;font-size:.875rem;font-weight:800;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:.55rem;transition:all .18s ease;box-shadow:0 4px 14px #00000026}.btn-contract-primary.theme-undertaking{background:#d97706}.btn-contract-primary.theme-undertaking:hover:not(:disabled){background:#b45309;box-shadow:0 6px 18px #d9770659;transform:translateY(-1px)}.btn-contract-primary.theme-murabaha{background:#059669}.btn-contract-primary.theme-murabaha:hover:not(:disabled){background:#047857;box-shadow:0 6px 18px #05966959;transform:translateY(-1px)}[data-theme=dark] .btn-contract-primary.theme-murabaha{background:#1b7f64}[data-theme=dark] .btn-contract-primary.theme-murabaha:hover:not(:disabled){background:#2ecc9b;color:#11141c;box-shadow:0 6px 18px #2ecc9b59}.btn-contract-primary:disabled,.btn-contract-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-contract-primary.is-pending-acceptance{background:var(--cm-bg-surface-elevated)!important;color:var(--cm-text-muted)!important;border:1.5px dashed var(--cm-border)!important;box-shadow:none!important;opacity:.75!important;cursor:not-allowed!important}[data-theme=dark] .btn-contract-primary.is-pending-acceptance{background:var(--cm-bg-surface)!important;color:#64748b!important;border-color:#ffffff26!important}.contract-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:contractSpin .7s linear infinite;display:inline-block;flex-shrink:0}.contract-spinner.danger{border-color:#ef44444d;border-top-color:#ef4444}@keyframes contractSpin{to{transform:rotate(360deg)}}.btn-contract-danger{padding:.7rem 1.35rem;border-radius:10px;border:1px solid rgba(239,68,68,.3);background:#ef444414;color:#ef4444;font-size:.875rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .18s ease}.btn-contract-danger:hover:not(:disabled){background:#ef44442e;border-color:#ef4444;transform:translateY(-1px)}.btn-contract-danger:disabled{opacity:.55;cursor:not-allowed;transform:none}.sig-signing-progress-banner{display:flex;align-items:center;gap:.65rem;padding:.65rem .95rem;border-radius:8px;font-size:.825rem;font-weight:700;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#2563eb;animation:bannerSlideDown .2s ease-out}[data-theme=dark] .sig-signing-progress-banner{background:#3b82f62e;border-color:#3b82f666;color:#60a5fa}.sig-signing-progress-banner.declining{background:#ef44441f;border-color:#ef44444d;color:#dc2626}[data-theme=dark] .sig-signing-progress-banner.declining{background:#ef44442e;border-color:#ef444466;color:#f87171}.contract-status-pill.status-signing{background:#3b82f626;color:#2563eb;border:1px solid rgba(59,130,246,.35)}[data-theme=dark] .contract-status-pill.status-signing{background:#3b82f638;color:#60a5fa;border-color:#3b82f673}.contract-status-pill.status-declining{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.35)}[data-theme=dark] .contract-status-pill.status-declining{background:#ef444438;color:#f87171;border-color:#ef444473}.btn-spinner-sm{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:contractSpin .7s linear infinite;display:inline-block;vertical-align:middle}@media (max-width: 768px){.contract-modal-backdrop{padding:0;align-items:flex-end}.contract-modal-card{max-width:100%;max-height:94vh;border-radius:24px 24px 0 0;border-bottom:none}.contract-modal-header{padding:1.15rem 1.25rem .95rem}.contract-main-title{font-size:1.2rem}.contract-subtitle{font-size:.8rem}.contract-modal-tabs{padding:0 1.25rem;gap:1rem}.contract-tab{font-size:.825rem;padding:.75rem .25rem}.contract-modal-body{padding:1.15rem 1.25rem;gap:1.15rem}.contract-corporate-bar{flex-direction:column;align-items:flex-start}.corporate-sharia-badge{align-self:flex-start}.hero-main-metric{flex-direction:column;align-items:flex-start;gap:.85rem}.hero-divider-vert{width:100%;height:1px}.murabaha-equation-grid{flex-direction:column;align-items:stretch;gap:.65rem}.equation-operator{align-self:center;transform:rotate(90deg)}.specs-grid{grid-template-columns:1fr}.spec-card.full-span{grid-column:span 1}.execution-seal-certificate{flex-direction:column;align-items:flex-start;gap:1rem}.seal-cert-stamp{align-self:flex-start}.contract-modal-footer{padding:1rem 1.25rem;flex-direction:column-reverse;gap:.85rem}.footer-actions-cluster{width:100%;flex-direction:column-reverse}.btn-contract-primary,.btn-contract-secondary{width:100%;justify-content:center;padding:.85rem 1rem}.footer-security-note{justify-content:center}}.history-hub-container{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.history-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-icon-badge{width:52px;height:52px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#10b98126,#05966940);color:var(--color-brand);display:flex;align-items:center;justify-content:center;border:1px solid rgba(16,185,129,.3)}.header-title{font-size:1.75rem;font-weight:800;color:var(--color-text-primary);margin:0 0 4px;letter-spacing:-.02em}.header-subtitle{font-size:.925rem;color:var(--color-text-secondary);margin:0}.new-purchase-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-brand) 0%,#059669 100%);color:#fff;font-size:.9rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #10b9814d}.new-purchase-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:all .2s ease;box-shadow:var(--shadow-sm)}.kpi-card:hover{border-color:#10b9814d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-icon-box{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-blue{background:#3b82f61f;color:#3b82f6}.bg-amber{background:#f59e0b1f;color:#f59e0b}.bg-green{background:#10b9811f;color:#10b981}.bg-red{background:#ef44441f;color:#ef4444}.bg-purple{background:#a855f71f;color:#a855f7}.kpi-content{display:flex;flex-direction:column}.kpi-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:4px}.kpi-val{font-size:1.4rem;font-weight:900;color:var(--color-text-primary)}.text-amber{color:#f59e0b}.text-green{color:#10b981}.text-red{color:#ef4444}.history-tabs-container{border-bottom:1px solid var(--color-border)}.history-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:2px}.tab-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:none;background:transparent;font-size:.925rem;font-weight:700;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.tab-count{padding:2px 7px;border-radius:12px;font-size:.75rem;font-weight:800;background:var(--color-bg-secondary);color:var(--color-text-secondary)}.tab-btn.active .tab-count{background:#10b98126;color:var(--color-brand)}.controls-bar{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:280px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary)}.search-input-wrapper input{width:100%;padding:11px 40px 11px 42px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:.9rem;font-weight:500;transition:all .2s ease}.search-input-wrapper input:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 3px #10b98126}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer}.filter-dropdowns{display:flex;gap:var(--space-2)}.styled-select{padding:11px 16px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s ease}.styled-select:focus{border-color:var(--color-brand)}.history-items-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.history-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--space-4)}.history-card:hover{border-color:#10b98159;transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-top-row{display:flex;justify-content:space-between;align-items:center}.card-type-row{display:flex;align-items:center;gap:10px}.type-icon-box{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.type-meta{display:flex;flex-direction:column}.type-tag{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.ref-number{font-size:.85rem;font-family:var(--font-mono);font-weight:700;color:var(--color-text-primary)}.status-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.chip-success{background:#10b9811f;color:#10b981}.chip-warning{background:#f59e0b1f;color:#f59e0b}.chip-danger{background:#ef44441f;color:#ef4444}.chip-info{background:#3b82f61f;color:#3b82f6}.chip-accent{background:#a855f71f;color:#a855f7}.chip-primary{background:#10b98126;color:var(--color-brand)}.chip-neutral{background:#6b72801f;color:#9ca3af}.card-body-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.card-main-info{flex:1;min-width:260px}.item-title{font-size:1.05rem;font-weight:800;color:var(--color-text-primary);margin:0 0 4px}.item-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 6px}.pickup-otp-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:6px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.8rem;font-weight:700;margin-top:4px}.card-price-info{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.amount-label{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase}.amount-value{font-size:1.25rem;font-weight:900}.due-countdown{display:inline-flex;align-items:center;gap:4px;font-size:.775rem;font-weight:700;color:#f59e0b;margin-top:4px;padding:2px 6px;border-radius:4px;background:#f59e0b1a}.due-countdown.overdue{color:#ef4444;background:#ef44441a}.card-footer-row{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.card-date{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-secondary);font-weight:600}.view-details-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-brand);font-size:.825rem;font-weight:700;cursor:pointer;transition:all .2s ease}.view-details-btn:hover{background:#10b9811a;border-color:var(--color-brand)}.card-action-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-action-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:9999px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.pill-undertaking{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.35)}.pill-undertaking:hover{background:#d97706;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #d9770640}.pill-murabaha{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.35)}.pill-murabaha:hover{background:#059669;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #05966940}.pill-otp{background:#3b82f626;color:#2563eb;border:1px solid rgba(59,130,246,.35)}.pill-otp:hover{background:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.pill-receive{background:#6366f126;color:#4f46e5;border:1px solid rgba(99,102,241,.35)}.pill-receive:hover{background:#4f46e5;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e540}.contracts-dossier-wrapper{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.15rem}.contracts-dossier-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.dossier-header-left{display:flex;align-items:center;gap:12px}.dossier-icon-seal{width:38px;height:38px;border-radius:10px;background:#1b7f641f;color:var(--color-brand, #1b7f64);display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .dossier-icon-seal{background:#2ecc9b26;color:#2ecc9b}.dossier-main-title{font-size:1rem;font-weight:800;color:var(--color-text-primary);margin:0 0 2px;letter-spacing:-.01em}.dossier-sub-title{font-size:.775rem;color:var(--color-text-secondary);margin:0}.sharia-verified-stamp{display:inline-flex;align-items:center;gap:5px;font-size:.725rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand, #1b7f64);background:#1b7f641a;border:1px solid rgba(27,127,100,.25);padding:3px 9px;border-radius:9999px}[data-theme=dark] .sharia-verified-stamp{color:#2ecc9b;background:#2ecc9b24;border-color:#2ecc9b59}.contracts-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem}.contract-dossier-card{border-radius:var(--radius-xl, 16px);padding:1.15rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:.85rem;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;-webkit-user-select:none;user-select:none}.contract-dossier-card:hover{transform:translateY(-2px)}.contract-dossier-card.undertaking-card{background:linear-gradient(135deg,#f59e0b0f,#d9770605);border:1.5px solid rgba(245,158,11,.35)}.contract-dossier-card.undertaking-card:hover{box-shadow:0 8px 24px #f59e0b24;border-color:#d97706}[data-theme=dark] .contract-dossier-card.undertaking-card{background:#181921;border-color:#f59e0b66}[data-theme=dark] .contract-dossier-card.undertaking-card:hover{border-color:#fbbf24;box-shadow:0 8px 24px #00000080}.contract-dossier-card.murabaha-card{background:linear-gradient(135deg,#10b9810f,#05966905);border:1.5px solid rgba(16,185,129,.35)}.contract-dossier-card.murabaha-card:hover{box-shadow:0 8px 24px #10b98124;border-color:#059669}[data-theme=dark] .contract-dossier-card.murabaha-card{background:#131c19;border-color:#2ecc9b66}[data-theme=dark] .contract-dossier-card.murabaha-card:hover{border-color:#2ecc9b;box-shadow:0 8px 24px #00000080}.contract-dossier-card.awaiting-action{animation:contractActionPulse 2.5s infinite}@keyframes contractActionPulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 0 4px #f59e0b40}}.card-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-stage-tag{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.stage-undertaking{color:#b45309}[data-theme=dark] .stage-undertaking{color:#fcd34d}.stage-murabaha{color:#047857}[data-theme=dark] .stage-murabaha{color:#6ee7b7}.card-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:6px}.card-status-badge.badge-signed{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}[data-theme=dark] .card-status-badge.badge-signed{background:#2ecc9b33;color:#34d399}.card-status-badge.badge-action{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.35)}[data-theme=dark] .card-status-badge.badge-action{background:#f59e0b40;color:#fbbf24}.card-status-badge.badge-neutral{background:#64748b1f;color:var(--color-text-secondary)}.card-main-content{display:flex;align-items:flex-start;gap:12px}.card-contract-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.undertaking-icon{background:#f59e0b29;color:#d97706}[data-theme=dark] .undertaking-icon{background:#f59e0b40;color:#fbbf24}.murabaha-icon{background:#10b98129;color:#059669}[data-theme=dark] .murabaha-icon{background:#2ecc9b40;color:#34d399}.card-contract-info{display:flex;flex-direction:column;gap:3px;flex:1}.card-contract-title{font-size:.95rem;font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.3}.card-contract-desc{font-size:.775rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.card-date-meta{font-size:.725rem;color:var(--color-text-secondary);margin-top:4px}.card-date-meta strong{color:var(--color-text-primary)}.card-bottom-action{display:flex;align-items:center;justify-content:flex-end;padding-top:6px;border-top:1px solid var(--color-border)}.card-action-link{font-size:.8rem;font-weight:800;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.undertaking-link{color:#d97706}[data-theme=dark] .undertaking-link{color:#fbbf24}.murabaha-link{color:#059669}[data-theme=dark] .murabaha-link{color:#34d399}.contract-dossier-card:hover .card-action-link{transform:translate(3px)}.delivery-confirmation-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.95rem 1.25rem;border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,#10b98114,#05966908);border:1.5px solid #10b981}[data-theme=dark] .delivery-confirmation-banner{background:#141f1c;border-color:#2ecc9b}.delivery-banner-left{display:flex;align-items:center;gap:12px}.delivery-icon-seal{width:40px;height:40px;border-radius:10px;background:#10b98129;color:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-theme=dark] .delivery-icon-seal{background:#2ecc9b38;color:#2ecc9b}.delivery-banner-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:800;color:var(--color-text-primary)}.delivery-badge-pill{font-size:.68rem;font-weight:800;text-transform:uppercase;color:#059669;background:#10b98124;padding:2px 6px;border-radius:4px}[data-theme=dark] .delivery-badge-pill{color:#34d399}.delivery-banner-subtitle{font-size:.775rem;color:var(--color-text-secondary);margin:2px 0 0}.delivery-status-indicator{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:900;color:#10b981;flex-shrink:0}[data-theme=dark] .delivery-status-indicator{color:#2ecc9b}.settlement-dossier-section{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.settlement-overview-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem}[data-theme=dark] .settlement-overview-card{background:#171a24;border-color:#ffffff1a}.settlement-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;align-items:center}.settlement-stat-col{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.stat-value{font-size:1.15rem;font-weight:900;color:var(--color-text-primary);font-family:var(--font-mono, monospace)}.text-green{color:#059669}[data-theme=dark] .text-green{color:#34d399}.repayment-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:800;width:fit-content}.repayment-status-badge.settled{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}[data-theme=dark] .repayment-status-badge.settled{background:#2ecc9b33;color:#34d399}.repayment-status-badge.partial{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}[data-theme=dark] .repayment-status-badge.partial{background:#f59e0b33;color:#fbbf24}.repayment-status-badge.unpaid{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.settlement-progress-wrapper{display:flex;flex-direction:column;gap:5px}.settlement-progress-track{height:8px;border-radius:9999px;background:var(--color-border);overflow:hidden}[data-theme=dark] .settlement-progress-track{background:#ffffff1a}.settlement-progress-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--color-brand, #1b7f64) 0%,#10b981 100%);transition:width .4s ease}[data-theme=dark] .settlement-progress-fill{background:linear-gradient(90deg,#1b7f64,#2ecc9b)}.settlement-progress-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:var(--color-text-secondary)}.installments-history-block{margin-top:6px;display:flex;flex-direction:column;gap:8px}.installments-header{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:800;color:var(--color-text-primary)}.installments-list{display:flex;flex-direction:column;gap:6px}.installment-item-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border)}[data-theme=dark] .installment-item-row{background:#1f2430;border-color:#ffffff14}.inst-left{display:flex;align-items:center;gap:10px}.inst-num{font-size:.7rem;font-weight:800;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px}.inst-amount{font-size:.875rem;font-weight:800;color:#059669;font-family:var(--font-mono, monospace)}[data-theme=dark] .inst-amount{color:#34d399}.inst-date{font-size:.725rem;color:var(--color-text-secondary)}.inst-right{display:flex;align-items:center;gap:8px}.inst-channel-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-brand, #1b7f64);background:#1b7f641a;padding:2px 7px;border-radius:4px}[data-theme=dark] .inst-channel-badge{color:#2ecc9b;background:#2ecc9b26}.inst-ref{font-size:.725rem;color:var(--color-text-secondary)}.action-btn-undertaking{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md, 8px);background:#d97706;color:#fff;font-weight:800;font-size:.875rem;border:none;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #d9770640}.action-btn-undertaking:hover{background:#b45309;transform:translateY(-1px);box-shadow:0 4px 14px #d9770659}.action-btn-murabaha{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md, 8px);background:#059669;color:#fff;font-weight:800;font-size:.875rem;border:none;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #05966940}.action-btn-murabaha:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 14px #05966959}[data-theme=dark] .action-btn-murabaha{background:#1b7f64}[data-theme=dark] .action-btn-murabaha:hover{background:#2ecc9b;color:#11141c}.mobile-sheet-handle{display:none}.empty-history-box{text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.empty-icon{color:var(--color-text-secondary);opacity:.4;margin-bottom:var(--space-4)}.empty-history-box h3{font-size:1.25rem;font-weight:800;color:var(--color-text-primary);margin:0 0 6px}.empty-history-box p{font-size:.9rem;color:var(--color-text-secondary);margin:0 0 var(--space-5) 0}.reset-filters-btn{padding:9px 20px;border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);font-weight:700;font-size:.875rem;cursor:pointer}.modal-backdrop-luxury{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 10000);padding:var(--space-4)}.modal-card-luxury{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0006;overflow:hidden}.modal-luxury-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.modal-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.type-badge-pill{font-size:.725rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand);background:#10b9811f;padding:3px 8px;border-radius:6px}.modal-ref-id{font-size:.8rem;font-family:var(--font-mono);color:var(--color-text-secondary)}.modal-item-title{font-size:1.3rem;font-weight:800;color:var(--color-text-primary);margin:0}.modal-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.modal-luxury-body{padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}.modal-status-banner{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.banner-left{display:flex;align-items:center;gap:12px}.banner-date{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.cancellation-dossier-card{background:#ef44440d;border:1.5px solid rgba(239,68,68,.35);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.dossier-header{display:flex;align-items:center;gap:14px}.dossier-icon-bg{width:44px;height:44px;border-radius:12px;background:#ef444426;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dossier-header-text h4{margin:0 0 3px;font-size:1.1rem;font-weight:800;color:#ef4444;letter-spacing:-.01em}.dossier-timestamp{font-size:.8rem;color:var(--color-text-secondary);font-weight:600}.dossier-meta-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.85rem}.dossier-meta-row .d-label{font-weight:700;color:var(--color-text-secondary)}.dossier-meta-row .d-val{font-weight:800;color:var(--color-text-primary)}.dossier-reason-callout{padding:12px 14px;background:var(--color-surface);border-left:3.5px solid #ef4444;border-radius:var(--radius-md)}.d-reason-title{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#ef4444;margin-bottom:4px}.d-reason-quote{margin:0;font-size:.875rem;font-style:italic;color:var(--color-text-primary);line-height:1.5}.dossier-resolution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:4px}.dossier-pillar{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pillar-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pillar-body h5{margin:0 0 2px;font-size:.8rem;font-weight:800;color:var(--color-text-primary)}.pillar-body p{margin:0;font-size:.75rem;color:var(--color-text-secondary);line-height:1.35}.bg-emerald-light{background:#10b9811f}.text-emerald{color:#10b981}.bg-blue-light{background:#3b82f61f}.text-blue{color:#3b82f6}.bg-purple-light{background:#8b5cf61f}.text-purple{color:#8b5cf6}.financial-breakdown-card.nullified-card{border-color:#ef444459;background:var(--color-bg-secondary)}.breakdown-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.breakdown-header-flex .section-subtitle{margin:0}.nullified-tag{font-size:.72rem;font-weight:900;padding:3px 8px;border-radius:6px;background:#ef444426;color:#ef4444;letter-spacing:.05em}.text-strike{text-decoration:line-through;color:var(--color-text-secondary)}.text-danger{color:#ef4444;font-weight:700}.nullified-guarantee-note{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-md);margin-top:14px;font-size:.8rem;color:#10b981;font-weight:600}.products-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.products-list-header .section-subtitle{margin:0}.voided-stock-pill{font-size:.72rem;font-weight:800;color:#ef4444;background:#ef44441f;padding:2px 8px;border-radius:6px}.product-item-row.item-voided{opacity:.75}.settled-callout-box{display:flex;align-items:flex-start;gap:12px;padding:var(--space-4);border-radius:var(--radius-lg);background:#10b98114;border:1px solid rgba(16,185,129,.25)}.settled-callout-box h4{margin:0 0 2px;color:#10b981;font-size:.95rem;font-weight:800}.settled-callout-box p{margin:0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.pickup-otp-card{padding:var(--space-4);border-radius:var(--radius-lg);background:#10b9810f;border:1.5px solid #10b981;display:flex;flex-direction:column;gap:var(--space-3)}.pickup-otp-header{display:flex;align-items:center;gap:10px}.pickup-key-icon{width:36px;height:36px;border-radius:8px;background:#10b9812e;color:#10b981;display:flex;align-items:center;justify-content:center}.pickup-otp-header h4{margin:0 0 2px;font-size:.95rem;font-weight:800;color:#10b981}.pickup-otp-header p{margin:0;font-size:.8rem;color:var(--color-text-secondary)}.pickup-code-number-box{background:#10b98126;border-radius:10px;padding:10px;text-align:center}.otp-digit{font-size:2rem;font-weight:900;letter-spacing:.25em;color:#10b981;font-family:var(--font-mono)}.stepper-section{display:flex;flex-direction:column;gap:var(--space-3)}.section-subtitle{font-size:.775rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0}.stepper-track{display:flex;justify-content:space-between;position:relative;padding:var(--space-2) 0}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative}.step-circle{width:32px;height:32px;border-radius:50%;background:var(--color-bg-secondary);border:2px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;margin-bottom:6px;transition:all .2s ease;z-index:2}.step-item.passed .step-circle{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.step-item.current .step-circle{border-color:var(--color-brand);color:var(--color-brand);box-shadow:0 0 0 4px #10b98133}.step-title{font-size:.775rem;font-weight:800;color:var(--color-text-primary)}.step-desc{font-size:.7rem;color:var(--color-text-secondary)}.products-container{display:flex;flex-direction:column;gap:var(--space-2)}.product-item-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.product-thumb{width:48px;height:48px;border-radius:8px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);overflow:hidden;flex-shrink:0}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-details{flex:1}.product-name{font-size:.95rem;font-weight:800;color:var(--color-text-primary);margin:0 0 2px}.product-qty{font-size:.8rem;color:var(--color-text-secondary);font-weight:600}.product-price-col{text-align:right}.unit-price{display:block;font-size:.775rem;color:var(--color-text-secondary)}.subtotal-price{display:block;font-size:.95rem;font-weight:800;color:var(--color-text-primary)}.financial-breakdown-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.breakdown-rows{display:flex;flex-direction:column;gap:8px}.b-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--color-text-secondary);font-weight:600}.b-row.total{font-size:1.05rem;font-weight:900;color:var(--color-text-primary)}.b-divider{height:1px;background:var(--color-border);margin:4px 0}.stakeholders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3)}.stakeholder-card{display:flex;align-items:flex-start;gap:12px;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.st-icon-box{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.st-role{font-size:.725rem;font-weight:800;text-transform:uppercase;color:var(--color-text-secondary)}.st-name{font-size:.95rem;font-weight:800;color:var(--color-text-primary);margin:2px 0 4px}.st-meta{font-size:.8rem;color:var(--color-text-secondary);margin:0 0 4px;display:flex;align-items:center;gap:4px}.st-phone-link{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;color:var(--color-brand);text-decoration:none}.aap-spec-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.spec-row{display:flex;flex-direction:column;gap:2px}.spec-label{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--color-text-secondary)}.spec-text{font-size:.925rem;color:var(--color-text-primary);font-weight:600;margin:0}.otp-input-section{padding:var(--space-4);background:#10b98114;border-radius:var(--radius-lg);border:1px dashed var(--color-brand)}.otp-input-section h4{margin:0 0 4px;font-size:.95rem;color:var(--color-brand)}.otp-input-section p{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 10px}.otp-input-field{width:100%;padding:12px;text-align:center;font-size:1.5rem;font-weight:900;letter-spacing:.3em;border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-brand);color:var(--color-text-primary);font-family:var(--font-mono)}.ledger-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.l-row{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-secondary)}.l-row.total{font-size:1.1rem;font-weight:900}.modal-luxury-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);flex-wrap:wrap}.action-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);background:var(--color-brand);color:#fff;font-weight:800;font-size:.875rem;border:none;cursor:pointer;transition:background-color .2s ease}.action-btn-primary:hover{background:#059669}.action-btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3);font-weight:800;font-size:.875rem;cursor:pointer;transition:all .2s ease}.action-btn-danger:hover{background:#ef4444;color:#fff}.action-btn-danger:disabled{opacity:.65;cursor:not-allowed;background:#ef444414;pointer-events:none}.action-btn-secondary{padding:10px 18px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);font-weight:700;font-size:.875rem;cursor:pointer}.action-btn-undertaking{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);background:#d97706;color:#fff;font-weight:800;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #d9770640}.action-btn-undertaking:hover{background:#b45309;transform:translateY(-1px);box-shadow:0 4px 12px #d9770659}.action-btn-undertaking:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}.action-btn-murabaha{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);background:#10b981;color:#fff;font-weight:800;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #10b98140}.action-btn-murabaha:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.action-btn-murabaha:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}.action-btn-danger.outline{background:transparent;border:1.5px solid #ef4444;color:#ef4444}.action-btn-danger.outline:hover{background:#ef44441a;color:#ef4444}.action-btn-danger.outline:disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.aap-photos-gallery{display:flex;flex-direction:column;gap:var(--space-2)}.aap-photos-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px}.aap-photo-wrapper{flex-shrink:0;width:110px;height:110px;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-border);transition:transform .2s ease,border-color .2s ease}.aap-photo-wrapper:hover{transform:scale(1.04);border-color:var(--color-brand)}.aap-photo-img{width:100%;height:100%;object-fit:cover}.aap-sourcing-placeholder{display:flex;align-items:center;gap:14px;padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border:1.5px dashed var(--color-border);border-radius:var(--radius-xl)}.aap-placeholder-icon{width:48px;height:48px;border-radius:12px;background:#10b9811f;color:var(--color-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.aap-placeholder-content h5{margin:0 0 2px;font-size:.95rem;font-weight:800;color:var(--color-text-primary)}.aap-placeholder-content p{margin:0;font-size:.8rem;color:var(--color-text-secondary);line-height:1.4}.aap-status-card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);border:1.5px solid var(--color-border)}.trader-initiated-card{border-color:#f59e0b66;background:#f59e0b0a}.aap-card-badge-row{display:flex;align-items:center;gap:8px}.aap-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.pill-amber{background:#f59e0b26;color:#d97706}.aap-product-headline{margin:0;font-size:1.2rem;font-weight:800;color:var(--color-text-primary)}.aap-note-box{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);font-size:.85rem}.aap-note-box strong{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-bottom:2px}.aap-note-box p{margin:0;font-style:italic;color:var(--color-text-primary)}.aap-status-explanation{margin:0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.aap-card-actions{display:flex;gap:10px;margin-top:4px}.aap-step-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);border:1.5px solid var(--color-border)}.undertaking-step-card{border-color:#d97706;background:#d9770608}.murabaha-step-card{border-color:#10b981;background:#10b98108}.procurement-in-progress-card{border-color:#3b82f666;background:#3b82f608}.step-card-header{display:flex;align-items:center;gap:12px}.step-badge-circle{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-badge-circle.undertaking{background:#d9770626;color:#d97706}.step-badge-circle.murabaha{background:#10b98126;color:#10b981}.step-badge-circle.info{background:#3b82f626;color:#3b82f6}.step-tag{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}.step-tag.undertaking{color:#d97706}.step-tag.murabaha{color:#10b981}.step-tag.info{color:#3b82f6}.step-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--color-text-primary)}.step-description{margin:0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.contract-summary-pill{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:6px 14px;display:flex;flex-direction:column}.summary-pill-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:.825rem}.summary-pill-row.no-border{border-bottom:none}.summary-pill-label{color:var(--color-text-secondary);font-weight:600}.summary-pill-val{color:var(--color-text-primary);font-weight:700}.read-contract-inline-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-size:.85rem;font-weight:800;cursor:pointer;transition:all .2s ease;margin-top:4px}.read-contract-inline-btn.undertaking{background:#d9770614;border:1px solid rgba(217,119,6,.35);color:#d97706}.read-contract-inline-btn.undertaking:hover{background:#d97706;color:#fff}.read-contract-inline-btn.murabaha{background:#10b98114;border:1px solid rgba(16,185,129,.35);color:#10b981}.read-contract-inline-btn.murabaha:hover{background:#10b981;color:#fff}.aap-success-banner{display:flex;align-items:center;gap:14px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl)}.aap-success-banner.murabaha-accepted,.aap-success-banner.goods-received{background:#10b98114;border:1.5px solid rgba(16,185,129,.3)}.success-banner-icon{color:#10b981;flex-shrink:0}.success-title{margin:0 0 4px;font-size:1.05rem;font-weight:800;color:#10b981}.success-subtitle{margin:0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.otp-header-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.otp-badge-icon{width:40px;height:40px;border-radius:10px;background:#10b98126;color:var(--color-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.otp-input-box{display:flex;flex-direction:column;gap:10px}.contract-dossier-card.card-locked{opacity:.75;background:var(--color-bg-secondary);cursor:not-allowed;border-color:var(--color-border)}.contract-dossier-card.card-locked:hover{transform:none;box-shadow:none;border-color:var(--color-border)}.card-contract-icon.locked-icon{background:var(--color-surface);color:var(--color-text-secondary)}.card-action-link.locked-link{color:var(--color-text-secondary);font-weight:600}.card-status-badge.badge-locked{background:#64748b1f;color:#64748b;border:1px solid rgba(100,116,139,.25)}@media (max-width: 768px){.history-hub-container{padding:var(--space-4) var(--space-3) calc(88px + env(safe-area-inset-bottom,16px)) var(--space-3);gap:var(--space-4)}.history-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.header-left{gap:var(--space-3)}.header-icon-badge{width:44px;height:44px}.header-title{font-size:1.4rem}.header-subtitle{font-size:.825rem}.header-actions{width:100%}.new-purchase-btn{width:100%;justify-content:center;padding:12px;font-size:.925rem}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card{padding:12px 14px;gap:10px;border-radius:var(--radius-lg)}.kpi-icon-box{width:40px;height:40px}.kpi-label{font-size:.68rem}.kpi-val{font-size:1.15rem}.history-tabs-container{margin:0 -.5rem;padding:0 .5rem}.history-tabs{gap:6px;padding-bottom:6px;-webkit-overflow-scrolling:touch}.tab-btn{padding:8px 12px;font-size:.8rem;white-space:nowrap}.controls-bar{flex-direction:column;align-items:stretch;gap:10px}.search-input-wrapper{width:100%}.filter-dropdowns{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.styled-select{width:100%;font-size:.8rem;padding:8px 10px}.history-items-grid{gap:12px}.history-card{padding:14px;border-radius:var(--radius-lg)}.card-top-row{align-items:center}.card-body-row{flex-direction:column;align-items:flex-start;gap:12px;margin:12px 0}.card-main-info{width:100%}.item-title{font-size:1.05rem}.card-price-info{text-align:left;align-items:flex-start;width:100%;padding-top:8px;border-top:1px dashed var(--color-border)}.amount-value{font-size:1.25rem}.card-footer-row{flex-direction:column;align-items:stretch;gap:10px;padding-top:10px}.card-date{font-size:.75rem}.card-action-group{width:100%;display:flex;gap:8px}.quick-action-pill,.view-details-btn{flex:1;justify-content:center;padding:8px 12px;font-size:.8rem}.stepper-track{flex-direction:column;align-items:flex-start;gap:12px}.step-item{flex-direction:row;align-items:center;gap:12px;text-align:left}.step-circle{margin-bottom:0;width:32px;height:32px}.modal-backdrop-luxury{padding:0;align-items:flex-end}.modal-card-luxury{max-width:100%;width:100%;max-height:94vh;border-radius:24px 24px 0 0;border-bottom:none;box-shadow:0 -10px 40px #00000059}.mobile-sheet-handle{display:block;width:44px;height:5px;background:var(--color-border);border-radius:9999px;margin:10px auto 4px;flex-shrink:0}.modal-luxury-header{padding:1rem 1.25rem}.modal-item-title{font-size:1.15rem}.modal-luxury-body{padding:1.2rem;gap:1.2rem}.dossier-resolution-grid,.contracts-cards-grid{grid-template-columns:1fr;gap:10px}.contract-dossier-card{padding:1rem 1.15rem}.delivery-confirmation-banner{flex-direction:column;align-items:flex-start;gap:10px}.settlement-stats-row{grid-template-columns:1fr 1fr}.stakeholders-grid{grid-template-columns:1fr;gap:10px}.modal-luxury-footer{flex-direction:column-reverse;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom,16px)) 1.25rem;gap:.6rem}.action-btn-primary,.action-btn-secondary,.action-btn-danger,.action-btn-undertaking,.action-btn-murabaha{width:100%;justify-content:center;padding:12px 16px;font-size:.9rem}}@media (max-width: 480px){.kpi-grid,.filter-dropdowns{grid-template-columns:1fr}.card-action-group{flex-direction:column}.quick-action-pill,.view-details-btn{width:100%}}.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:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6)}.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;max-height:min(90vh,800px);display:flex;flex-direction:column;overflow:hidden}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.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-5) var(--space-6);overflow-y:auto;flex:1;min-height:0}.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:0;align-items:flex-end}.admin-modal-content{max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin-top:auto}.admin-modal-body{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)}.modal-header-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.modal-entity-avatar{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-brand),var(--color-brand-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-weight-bold);flex-shrink:0}.modal-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.modal-status-badge{font-size:10px;font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.modal-status-badge.pending,.modal-status-badge.pending_admin_approval,.modal-status-badge.pending_agent_verification{background-color:var(--color-warning-subtle);color:var(--color-warning)}.modal-status-badge.approved,.modal-status-badge.verified{background-color:var(--color-success-subtle);color:var(--color-brand-text)}.modal-status-badge.rejected{background-color:var(--color-danger-subtle);color:var(--color-danger)}.review-tab-content{display:flex;flex-direction:column;gap:var(--space-4)}.review-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-surface);transition:box-shadow var(--transition-fast)}.review-section:hover{box-shadow:var(--shadow-sm)}.review-section-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--color-bg-secondary);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);list-style:none;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast)}.review-section-header::-webkit-details-marker{display:none}.review-section-header:hover{background-color:var(--color-bg-tertiary)}.review-section[open] .review-section-header{border-bottom:1px solid var(--color-border)}.review-section-icon{font-size:18px;flex-shrink:0}.review-section-toggle{margin-left:auto;font-size:10px;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.review-section[open] .review-section-toggle{transform:rotate(180deg)}.review-section-body{padding:var(--space-5)}.visit-date-badge{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-brand-text);background-color:var(--color-brand-subtle);padding:2px var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.profile-two-col{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 640px){.profile-two-col{grid-template-columns:1fr 1fr}}.profile-col-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.profile-field{display:flex;flex-direction:column;gap:1px;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light)}.profile-field:last-child{border-bottom:none}.profile-field.full-width{grid-column:1 / -1}.profile-field-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em}.profile-field-value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium);word-break:break-word}.checklist-group{margin-bottom:var(--space-5)}.checklist-group:last-child{margin-bottom:0}.checklist-group-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-3)}.checklist-cards{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 640px){.checklist-cards{grid-template-columns:repeat(3,1fr)}}.checklist-card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.checklist-card.pass{border-left:3px solid var(--color-brand-text);background-color:var(--color-success-subtle)}.checklist-card.fail{border-left:3px solid var(--color-danger);background-color:var(--color-danger-subtle)}.checklist-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.checklist-badge{font-size:10px;font-weight:var(--font-weight-bold);padding:2px var(--space-2);border-radius:var(--radius-sm);letter-spacing:.04em}.checklist-badge.pass{background-color:var(--color-brand);color:#fff}.checklist-badge.fail{background-color:var(--color-danger);color:#fff}.checklist-card-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.checklist-agent-note{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;margin:0;line-height:1.5}.financial-summary{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 640px){.financial-summary{grid-template-columns:repeat(3,1fr)}}.financial-metric{padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border)}.financial-metric.pass{background-color:var(--color-success-subtle);border-color:var(--color-brand-subtle)}.financial-metric.fail{background-color:var(--color-danger-subtle);border-color:var(--color-danger)}.financial-metric.highlight{background:linear-gradient(135deg,var(--color-brand-subtle),var(--color-bg-secondary));border-color:var(--color-brand)}.financial-label{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.financial-value{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.financial-metric.pass .financial-value{color:var(--color-brand-text)}.financial-metric.fail .financial-value{color:var(--color-danger)}.financial-metric.highlight .financial-value{color:var(--color-brand)}.agent-notes-box{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)}.agent-note-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text-primary);margin:0;line-height:1.5}.agent-note-bullet{flex-shrink:0}.agent-note-date{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.store-photo-link{display:block;border-radius:var(--radius-md);overflow:hidden;max-width:400px}.store-photo-preview{width:100%;height:auto;max-height:200px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);display:block}.docs-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.docs-grid{grid-template-columns:repeat(2,1fr)}}.doc-card{padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.doc-card-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3)}.doc-thumb-link{display:block;position:relative;border-radius:var(--radius-md);overflow:hidden;text-decoration:none}.doc-thumb{width:100%;height:140px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);display:block}.doc-view-label{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-thumb-link:hover .doc-view-label{opacity:1}.doc-missing{display:flex;align-items:center;justify-content:center;height:80px;background-color:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-tertiary)}.bank-details-display{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)}.bank-detail-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.bank-detail-row:last-child{border-bottom:none;padding-bottom:0}.bank-detail-row span{font-size:var(--text-sm);color:var(--color-text-secondary)}.bank-detail-row strong{font-size:var(--text-base);color:var(--color-text-primary)}.admin-modal-decision{border-top:1px solid var(--color-border);background-color:var(--color-bg-secondary);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);flex-shrink:0}.decision-credit-row{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 640px){.decision-credit-row{flex-direction:row;align-items:flex-start}}.decision-credit-field{flex:0 0 280px}.decision-note-field{flex:1}.decision-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.decision-ceiling-hint{font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);font-size:var(--text-xs)}.credit-input-wrapper{position:relative;display:flex;align-items:center}.credit-currency{position:absolute;left:var(--space-3);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);pointer-events:none}.decision-credit-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-weight-bold);font-family:inherit;transition:border-color var(--transition-fast)}.decision-credit-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.decision-credit-input::placeholder{font-weight:var(--font-weight-normal);font-size:var(--text-sm);color:var(--color-text-tertiary)}.decision-note-input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface);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)}.decision-note-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.decision-note-input::placeholder{color:var(--color-text-tertiary)}.decision-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.decision-cancel{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}.decision-cancel:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.decision-reject{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}.decision-reject:hover:not(:disabled){background-color:var(--color-danger);color:#fff}.decision-reject:disabled{opacity:.5;cursor:not-allowed}.decision-approve{padding:var(--space-3) var(--space-6);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}.decision-approve:hover:not(:disabled){background-color:var(--color-brand-hover)}.decision-approve:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.admin-modal-decision{padding:var(--space-4)}.admin-modal-header{padding:var(--space-3) var(--space-4)}.decision-credit-field{flex:1}.decision-actions{flex-direction:column}.decision-actions button{width:100%;justify-content:center}.review-section-body{padding:var(--space-4)}.review-section-header{padding:var(--space-3) var(--space-4)}.modal-entity-avatar{width:36px;height:36px;font-size:var(--text-base)}.store-photo-link{max-width:100%}.admin-dashboard-container{gap:var(--space-4);padding-bottom:5rem}.admin-search-wrapper{max-width:100%;width:100%}.admin-tabs-list{padding-bottom:4px;width:100%}.admin-tab-btn{white-space:nowrap;flex-shrink:0}.admin-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}.admin-page-container{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-2) 0 var(--space-8);width:100%;max-width:1400px;margin:0 auto}.admin-section-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.admin-section-header-left{display:flex;align-items:center;gap:var(--space-4)}.section-icon-badge{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--color-brand-subtle);color:var(--color-brand);flex-shrink:0}.section-icon-badge.purple{background:#7c3aed1f;color:#7c3aed}.section-icon-badge.teal{background:#0d94881f;color:#0d9488}.section-icon-badge.blue{background:#2563eb1f;color:#2563eb}.section-icon-badge.orange{background:#ea580c1f;color:#ea580c}.admin-section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.admin-section-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.admin-section-header-actions{display:flex;align-items:center;gap:var(--space-3)}.admin-control-bar{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border)}@media (min-width: 900px){.admin-control-bar{flex-direction:row;align-items:center;justify-content:space-between}}.control-bar-left{display:flex;align-items:center;gap:var(--space-3);flex:1;max-width:500px}.search-field-wrapper{position:relative;width:100%}.search-field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.admin-search-input-main{width:100%;padding:10px 14px 10px 42px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;transition:all var(--transition-fast)}.admin-search-input-main:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle);background:var(--color-surface)}.control-bar-right{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-pills-group{display:flex;align-items:center;gap:var(--space-1);background:var(--color-bg-tertiary);padding:4px;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}.filter-pill-btn{padding:6px 14px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px}.filter-pill-btn:hover{color:var(--color-text-primary)}.filter-pill-btn.active{background:var(--color-surface);color:var(--color-brand);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.pill-count{padding:2px 6px;border-radius:var(--radius-full);font-size:10px;background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.filter-pill-btn.active .pill-count{background:var(--color-brand-subtle);color:var(--color-brand)}.sort-select-wrapper{display:flex;align-items:center;gap:var(--space-2)}.sort-select-label{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.admin-select-field{padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-xs);font-family:inherit;cursor:pointer}.admin-select-field:focus{outline:none;border-color:var(--color-brand)}.admin-table-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.table-responsive-container{overflow-x:auto;width:100%}.admin-modern-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}.admin-modern-table th{padding:var(--space-4) var(--space-5);background: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);white-space:nowrap}.admin-modern-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);vertical-align:middle}.admin-modern-table tbody tr{transition:background-color var(--transition-fast)}.admin-modern-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.admin-modern-table tbody tr.clickable-row{cursor:pointer}.admin-modern-table tbody tr:last-child td{border-bottom:none}.admin-modern-table th.th-action-sticky,.admin-modern-table td.td-action-sticky{position:sticky;right:0;background:var(--color-surface);z-index:2;box-shadow:-4px 0 8px #0000000d;text-align:right;white-space:nowrap}.admin-modern-table th.th-action-sticky{background:var(--color-bg-secondary)}.admin-modern-table tbody tr:hover td.td-action-sticky{background:var(--color-bg-tertiary)}.kyc-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);white-space:nowrap;letter-spacing:.02em}.kyc-status-badge.awaiting-admin{background:#ea580c1f;color:#ea580c;border:1px solid rgba(234,88,12,.3)}.kyc-status-badge.awaiting-agent{background:#3b82f61f;color:#2563eb;border:1px solid rgba(59,130,246,.3)}.kyc-status-badge.unsubmitted{background:#6b72801f;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.kyc-status-badge.approved{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.kyc-status-badge.rejected{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.kyc-status-badge.pending{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.3)}.entity-cell{display:flex;align-items:center;gap:var(--space-3)}.entity-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-brand-subtle);color:var(--color-brand);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--text-base);overflow:hidden;flex-shrink:0}.entity-avatar img{width:100%;height:100%;object-fit:cover}.entity-details{min-width:0}.entity-primary-text{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-sub-text{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);flex-wrap:wrap;gap:var(--space-3)}.pagination-info{font-size:var(--text-xs);color:var(--color-text-secondary)}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.pagination-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-page-indicator{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);padding:0 var(--space-2)}.indicator-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5)}.indicator-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:all var(--transition-base);cursor:pointer;text-decoration:none;color:inherit}.indicator-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-brand)}.indicator-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.indicator-badge-box{width:46px;height:46px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.indicator-card.retailers .indicator-badge-box{background:#7c3aed1f;color:#7c3aed}.indicator-card.vendors .indicator-badge-box{background:#0d94881f;color:#0d9488}.indicator-card.agents .indicator-badge-box{background:#2563eb1f;color:#2563eb}.indicator-card.payouts .indicator-badge-box{background:#ea580c1f;color:#ea580c}.indicator-pending-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);animation:subtle-pulse 2s infinite}.indicator-pending-pill.orange{background:#ea580c26;color:#ea580c;border:1px solid rgba(234,88,12,.3)}.indicator-pending-pill.purple{background:#7c3aed26;color:#7c3aed;border:1px solid rgba(124,58,237,.3)}.indicator-pending-pill.teal{background:#0d948826;color:#0d9488;border:1px solid rgba(13,148,136,.3)}@keyframes subtle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.indicator-stat-value{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.1;margin-bottom:var(--space-1)}.indicator-stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.indicator-card-footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:var(--color-brand);font-weight:var(--font-weight-semibold)}.urgent-queue-panel{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.urgent-queue-header{padding:var(--space-5);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.urgent-queue-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--space-2)}.urgent-item-row{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-4);transition:background var(--transition-fast)}.urgent-item-row:hover{background:var(--color-bg-tertiary)}.urgent-item-row:last-child{border-bottom:none}.kyc-workspace-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease-out}.kyc-workspace-container{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:0 25px 50px -12px #0006;width:100%;max-width:1280px;height:92vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kyc-workspace-topbar{padding:var(--space-4) var(--space-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:var(--space-3)}.topbar-entity-meta{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.topbar-entity-info{flex:1;min-width:0}.workspace-entity-avatar{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--color-brand-subtle);color:var(--color-brand);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-weight-bold);overflow:hidden;border:2px solid var(--color-border);flex-shrink:0}.workspace-entity-avatar img{width:100%;height:100%;object-fit:cover}.workspace-entity-heading{display:flex;align-items:center;gap:var(--space-3);margin-bottom:2px;min-width:0}.workspace-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-meta-line{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap}.workspace-close-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.workspace-close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.kyc-workspace-split{display:flex;flex:1;overflow:hidden}@media (max-width: 960px){.kyc-workspace-overlay{padding:0}.kyc-workspace-container{height:100vh;max-height:100vh;border-radius:0;border:none}.kyc-workspace-topbar{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.topbar-entity-meta{gap:var(--space-3)}.workspace-entity-avatar{width:42px;height:42px;font-size:var(--text-base);border-radius:var(--radius-md)}.workspace-entity-heading{flex-wrap:wrap;gap:var(--space-2);margin-bottom:1px}.workspace-title{font-size:var(--text-base);max-width:180px}.workspace-meta-line{font-size:11px;gap:var(--space-2)}.workspace-close-btn{width:32px;height:32px}.kyc-workspace-split{flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;display:block}.kyc-pane-inspection{flex:none;overflow-y:visible;border-right:none;border-bottom:1px solid var(--color-border);padding:var(--space-4)}.kyc-pane-decision{flex:none;overflow-y:visible;padding:var(--space-4);justify-content:flex-start}}@media (max-width: 480px){.kyc-workspace-topbar{padding:var(--space-2) var(--space-3)}.workspace-title{font-size:var(--text-sm);max-width:140px}.workspace-entity-avatar{width:36px;height:36px;font-size:13px}.hide-on-mobile{display:none}}.kyc-pane-inspection{flex:7;overflow-y:auto;padding:var(--space-6);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-6)}.kyc-pane-decision{flex:5;background:var(--color-bg-secondary);overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);justify-content:space-between}.inspection-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.inspection-card-title{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.doc-inspection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.doc-preview-box{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-fast)}.doc-preview-box:hover{border-color:var(--color-brand)}.doc-preview-header{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;align-items:center}.doc-preview-image-wrap{height:180px;position:relative;display:flex;align-items:center;justify-content:center;background:#000;cursor:pointer;overflow:hidden}.doc-preview-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.doc-preview-image-wrap:hover img{transform:scale(1.05)}.doc-zoom-hint{position:absolute;bottom:8px;right:8px;background:#000000a6;color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;display:flex;align-items:center;gap:4px}.doc-missing-placeholder{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--text-xs);gap:var(--space-2);background:var(--color-bg-secondary)}.facial-verification-banner{background:#2563eb14;border:1px solid rgba(37,99,235,.25);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-primary)}.checkpoints-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.checkpoint-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:var(--space-2)}.checkpoint-card.pass{border-color:#10b98166;background:#10b9810d}.checkpoint-card.fail{border-color:#ef444466;background:#ef44440d}.checkpoint-card-top{display:flex;justify-content:space-between;align-items:center}.checkpoint-name{font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.checkpoint-pill{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold)}.checkpoint-pill.pass{background:#10b981;color:#fff}.checkpoint-pill.fail{background:#ef4444;color:#fff}.checkpoint-note{font-size:var(--text-xs);color:var(--color-text-secondary);font-style:italic}.decision-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4)}.ceiling-calc-box{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.calc-metric-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--text-xs)}.calc-metric-row:last-child{margin-bottom:0}.preset-percentages-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.preset-pct-btn{flex:1;padding:6px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast)}.preset-pct-btn:hover{background:var(--color-brand-subtle);color:var(--color-brand);border-color:var(--color-brand)}.quick-reason-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.quick-reason-tag{font-size:11px;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.quick-reason-tag:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef44440d}.decision-actions-row{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.btn-reject-full{flex:1;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--color-danger);background:#ef44441a;color:var(--color-danger);font-weight:var(--font-weight-bold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-reject-full:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-approve-full{flex:2;padding:12px;border-radius:var(--radius-lg);border:none;background:var(--color-brand);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--shadow-md)}.btn-approve-full:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-approve-full:disabled,.btn-reject-full:disabled{opacity:.5;cursor:not-allowed}.doc-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ae0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2500;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);animation:fv-overlay-fade .2s ease}.lightbox-top-bar{position:absolute;top:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:10}.lightbox-title-wrap{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:700;background:#00000080;padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15)}.lightbox-actions-wrap{display:flex;align-items:center;gap:10px}.lightbox-external-link{display:inline-flex;align-items:center;gap:6px;color:#e2e8f0;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.lightbox-external-link:hover{background:#ffffff3d;color:#fff}.lightbox-close-btn{display:inline-flex;align-items:center;gap:6px;color:#fff;background:#ef4444;border:none;border-radius:var(--radius-full);padding:7px 16px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #ef444466;transition:all var(--transition-fast)}.lightbox-close-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 18px #ef44448c}.lightbox-image-container{display:flex;align-items:center;justify-content:center;max-width:92vw;max-height:84vh}.lightbox-img{max-width:90vw;max-height:82vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 60px #000000d9;border:1px solid rgba(255,255,255,.12)}.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)}.status-rejected{background-color:#ef44441f;color:var(--color-danger)}.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) 6rem}@media (max-width: 640px){.complete-profile-container{padding:var(--space-6) var(--space-4) 6rem}}.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)}.rejection-banner-callout{width:100%;padding:var(--space-5);border-radius:var(--radius-xl);background-color:#ef444414;border:1px solid rgba(239,68,68,.35);margin-bottom:var(--space-6);text-align:left}.rejection-banner-header{display:flex;align-items:center;gap:var(--space-2);color:var(--color-danger);font-weight:var(--font-weight-bold);font-size:var(--text-sm);letter-spacing:.5px;text-transform:uppercase;margin-bottom:var(--space-2)}.rejection-banner-reason{font-size:var(--text-base);line-height:1.5;color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-style:italic;margin-bottom:var(--space-2)}.rejection-banner-hint{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.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);padding-bottom:6rem}.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}}.trader-credit-card-luxury{position:relative;overflow:hidden;border-radius:12px;box-sizing:border-box;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.trader-credit-card-luxury.tone-emerald{background:linear-gradient(135deg,#f0fdf4,#e6f7ed,#dcfce7);border:1.5px solid rgba(16,185,129,.32);box-shadow:0 4px 16px -2px #10b9811f,0 1px 3px #0000000a}.trader-credit-card-luxury.tone-warning{background:linear-gradient(135deg,#fffdf5,#fef3c7,#fde68a);border:1.5px solid rgba(217,119,6,.32);box-shadow:0 4px 16px -2px #d977061f,0 1px 3px #0000000a}.trader-credit-card-luxury.tone-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2,#fecaca);border:1.5px solid rgba(220,38,38,.32);box-shadow:0 4px 16px -2px #dc26261f,0 1px 3px #0000000a}.tc-shimmer-accent{position:absolute;top:-40px;right:-30px;width:130px;height:130px;background:radial-gradient(circle,rgba(16,185,129,.18) 0%,transparent 70%);pointer-events:none;filter:blur(10px)}.tone-warning .tc-shimmer-accent{background:radial-gradient(circle,rgba(245,158,11,.18) 0%,transparent 70%)}.tone-danger .tc-shimmer-accent{background:radial-gradient(circle,rgba(239,68,68,.18) 0%,transparent 70%)}.trader-credit-card-luxury.full{padding:1.1rem 1.25rem;margin-top:.6rem;margin-bottom:.4rem}.tc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;position:relative;z-index:1;gap:.5rem}.tc-chip{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid rgba(16,185,129,.22);box-shadow:0 1px 2px #0000000a;padding:.25rem .6rem;border-radius:9999px}.tc-chip-icon-box{display:flex;align-items:center;justify-content:center;color:#059669}.tone-warning .tc-chip-icon-box{color:#d97706}.tone-danger .tc-chip-icon-box{color:#dc2626}.tc-chip-title{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#334155}.tc-score-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;background:#fff;border:1.5px solid rgba(16,185,129,.35);box-shadow:0 1px 2px #0000000a;color:#047857;padding:.25rem .6rem;border-radius:9999px}.tc-score-pill strong{color:#065f46}.tc-amount-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:relative;z-index:1;margin-bottom:.65rem;flex-wrap:wrap}.tc-amount-group{display:inline-flex;align-items:baseline;gap:.28rem;white-space:nowrap!important;flex-shrink:0}.tc-curr{font-size:1.25rem;font-weight:800;color:#059669;line-height:1;white-space:nowrap}.tone-warning .tc-curr{color:#d97706}.tone-danger .tc-curr{color:#dc2626}.tc-amount{font-size:1.7rem;font-weight:900;line-height:1;letter-spacing:-.02em;color:#0f172a;white-space:nowrap}.tc-verified-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;background:#fff;border:1px solid rgba(16,185,129,.25);box-shadow:0 1px 2px #0000000a;color:#047857;padding:.22rem .6rem;border-radius:6px;white-space:nowrap}.tc-verified-pill svg{color:#059669}.tc-progress-section{position:relative;z-index:1;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(16,185,129,.16)}.tone-warning .tc-progress-section{border-top:1px solid rgba(217,119,6,.16)}.tone-danger .tc-progress-section{border-top:1px solid rgba(220,38,38,.16)}.tc-progress-bar-bg{width:100%;height:6px;background:#10b98126;border-radius:9999px;overflow:hidden;margin-bottom:.45rem}.tone-warning .tc-progress-bar-bg{background:#d9770626}.tone-danger .tc-progress-bar-bg{background:#dc262626}.tc-progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:9999px;transition:width .5s ease}.tone-warning .tc-progress-bar-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.tone-danger .tc-progress-bar-fill{background:linear-gradient(90deg,#ef4444,#b91c1c)}.tc-progress-labels{display:flex;justify-content:space-between;font-size:.72rem;color:#475569;font-weight:500;gap:.5rem;flex-wrap:wrap}.tc-progress-sub{font-weight:600;color:#334155}.trader-credit-card-luxury.compact{padding:.8rem 1rem;margin-top:.45rem}.trader-credit-card-luxury.compact .tc-amount{font-size:1.35rem}.trader-credit-card-luxury.compact .tc-curr{font-size:1.05rem}.tc-status-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#fff;color:#047857;border:1px solid rgba(16,185,129,.25);box-shadow:0 1px 2px #0000000a;padding:.2rem .55rem;border-radius:4px}.tc-compact-meta{display:flex;justify-content:space-between;margin-top:.45rem;padding-top:.45rem;border-top:1px solid rgba(16,185,129,.16);font-size:.72rem;color:#475569}.tone-warning .tc-compact-meta{border-top:1px solid rgba(217,119,6,.16)}.tone-danger .tc-compact-meta{border-top:1px solid rgba(220,38,38,.16)}.tc-compact-meta strong{color:#0f172a;font-weight:700}.trader-credit-card-luxury.mini{padding:.35rem .65rem;margin-top:.3rem;display:inline-block;width:auto;max-width:100%}.tc-mini-row{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.tc-mini-left{display:flex;align-items:center;gap:.25rem;color:#475569}.tc-mini-val{color:#0f172a;font-size:.85rem;font-weight:800;white-space:nowrap}.tc-mini-score{display:inline-flex;align-items:center;gap:.2rem;font-size:.68rem;color:#047857;background:#fff;border:1px solid rgba(16,185,129,.25);box-shadow:0 1px 2px #0000000a;padding:.1rem .35rem;border-radius:4px;font-weight:700}.trader-credit-card-luxury:hover{border-color:#10b98180;transform:translateY(-1px)}[data-theme=dark] .trader-credit-card-luxury.tone-emerald{background:linear-gradient(135deg,#10b98124,#064e3b3d,#0f172abf);border:1px solid rgba(16,185,129,.35);box-shadow:0 4px 20px -2px #00000059,0 0 16px #10b9811f}[data-theme=dark] .trader-credit-card-luxury.tone-warning{background:linear-gradient(135deg,#f59e0b24,#78350f3d,#0f172abf);border:1px solid rgba(245,158,11,.35);box-shadow:0 4px 20px -2px #00000059,0 0 16px #f59e0b1f}[data-theme=dark] .trader-credit-card-luxury.tone-danger{background:linear-gradient(135deg,#ef444424,#7f1d1d3d,#0f172abf);border:1px solid rgba(239,68,68,.35);box-shadow:0 4px 20px -2px #00000059,0 0 16px #ef44441f}[data-theme=dark] .tc-shimmer-accent{background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 70%)}[data-theme=dark] .tone-warning .tc-shimmer-accent{background:radial-gradient(circle,rgba(245,158,11,.25) 0%,transparent 70%)}[data-theme=dark] .tone-danger .tc-shimmer-accent{background:radial-gradient(circle,rgba(239,68,68,.25) 0%,transparent 70%)}[data-theme=dark] .tc-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:none}[data-theme=dark] .tc-chip-title{color:#94a3b8}[data-theme=dark] .tc-chip-icon-box{color:#10b981}[data-theme=dark] .tone-warning .tc-chip-icon-box{color:#f59e0b}[data-theme=dark] .tone-danger .tc-chip-icon-box{color:#ef4444}[data-theme=dark] .tc-score-pill{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981;box-shadow:none}[data-theme=dark] .tc-score-pill strong{color:#34d399}[data-theme=dark] .tc-curr{color:#10b981}[data-theme=dark] .tone-warning .tc-curr{color:#f59e0b}[data-theme=dark] .tone-danger .tc-curr{color:#ef4444}[data-theme=dark] .tc-amount{color:#f8fafc}[data-theme=dark] .tc-verified-pill{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;box-shadow:none}[data-theme=dark] .tc-verified-pill svg{color:#10b981}[data-theme=dark] .tc-progress-section{border-top:1px solid rgba(255,255,255,.06)}[data-theme=dark] .tc-progress-bar-bg{background:#ffffff14}[data-theme=dark] .tc-progress-labels{color:#94a3b8}[data-theme=dark] .tc-progress-sub{color:#cbd5e1}[data-theme=dark] .tc-status-badge{background:#10b9812e;border:1px solid rgba(16,185,129,.3);color:#34d399;box-shadow:none}[data-theme=dark] .tc-compact-meta{border-top:1px solid rgba(255,255,255,.06);color:#94a3b8}[data-theme=dark] .tc-compact-meta strong{color:#f1f5f9}[data-theme=dark] .tc-mini-left{color:#94a3b8}[data-theme=dark] .tc-mini-val{color:#10b981}[data-theme=dark] .tc-mini-score{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;box-shadow:none}@media (max-width: 640px){.trader-credit-card-luxury.full{padding:.85rem 1rem}.tc-amount{font-size:1.4rem}.tc-curr{font-size:1.05rem}.tc-header{flex-wrap:wrap;gap:.4rem}.tc-amount-row{gap:.4rem}.tc-progress-labels{font-size:.68rem}.trader-credit-card-luxury.compact{padding:.7rem .85rem}.trader-credit-card-luxury.compact .tc-amount{font-size:1.2rem}}.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}.aap-corner-link{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;line-height:1;white-space:nowrap}.aap-corner-link:hover{color:var(--color-brand-text);border-color:var(--color-brand);background-color:var(--color-brand-subtle)}.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)}}.pending-visits-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.pending-visits-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);gap:var(--space-3)}.pending-visits-left{display:flex;align-items:center;gap:var(--space-3)}.pending-visits-left h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.pending-visits-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:var(--radius-full);background-color:var(--color-brand);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--font-weight-bold)}.pending-visits-list{border-top:1px solid var(--color-border)}.pending-visit-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.pending-visit-item:last-child{border-bottom:none}.pending-visit-item:hover{background-color:var(--color-bg-tertiary)}.visit-item-avatar{width:40px;height:40px;border-radius:var(--radius-full);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-md);flex-shrink:0}.visit-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.visit-item-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.visit-item-detail{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visit-item-date{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width: 640px){.agent-dashboard-container{padding:var(--space-4) var(--space-4) 6rem}}.trader-requests-alert-section{margin-bottom:var(--space-6)}.trader-requests-alert-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,#f59e0b1f,#d977060d);border:1.5px solid rgba(245,158,11,.35);border-radius:var(--radius-xl, 20px);box-shadow:0 4px 20px #f59e0b14}.tra-icon{width:52px;height:52px;border-radius:16px;background:#f59e0b33;color:#f59e0b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tra-body{flex:1}.tra-pill{display:inline-block;background:#f59e0b;color:#000;font-size:.65rem;font-weight:900;letter-spacing:.05em;padding:.15rem .5rem;border-radius:4px;margin-bottom:.35rem}.tra-body h3{font-size:1.15rem;font-weight:800;color:var(--color-text-primary, #fff);margin:0 0 .25rem}.tra-body p{font-size:.85rem;color:var(--color-text-secondary, #9ca3af);margin:0;line-height:1.4}.tra-fulfill-btn{display:flex;align-items:center;gap:.4rem;background:#f59e0b;color:#000;font-weight:800;font-size:.85rem;padding:.65rem 1.25rem;border-radius:10px;border:none;cursor:pointer;white-space:nowrap;transition:all .15s ease}.tra-fulfill-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #f59e0b4d}.status-pill.trader-initiated,.status-pill.trader_initiated{background-color:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.agent-task-card.trader-req-card{border-color:#f59e0b59;background:linear-gradient(180deg,#f59e0b0a,#0000)}.trader-req-goods-text{font-size:1rem;font-weight:700;color:var(--color-text-primary, #fff);margin:0 0 .35rem;line-height:1.4}.trader-req-timestamp{font-size:.72rem;color:var(--color-text-tertiary, #9ca3af);display:block}.trader-credit-badge{display:inline-flex;align-items:center;gap:.4rem;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:6px;padding:.3rem .6rem;margin-top:.4rem;font-size:.8rem;color:#10b981}.trader-credit-badge.mini{margin-top:.25rem;padding:.2rem .5rem;font-size:.75rem}.trader-score-pill{font-size:.68rem;background:#10b98133;padding:.1rem .4rem;border-radius:4px;font-weight:700}.fulfill-btn{background:#f59e0b!important;color:#000!important;font-weight:800!important}.fulfill-btn:hover{background:#d97706!important;box-shadow:0 4px 15px #f59e0b66!important}.agent-task-card.cancelled-card{border-color:#ef44444d;opacity:.92}.cancellation-report-block{background:#ef44440f!important;border-color:#ef444440!important}.cancel-meta-row{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.35rem;font-size:.82rem}.cancel-meta-label{color:var(--color-text-secondary, #9ca3af);font-weight:600;min-width:90px}.cancel-meta-val{color:var(--color-text-primary, #fff)}.cancel-reason-quote{color:#fca5a5;font-style:italic;font-weight:600;flex:1}.cancel-meta-date{color:var(--color-text-tertiary, #9ca3af);font-size:.75rem}.instruction-pill.danger{display:flex;align-items:center;justify-content:center;gap:.4rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-weight:700;font-size:.8rem;padding:.6rem 1rem;border-radius:8px}@media (max-width: 768px){.agent-dashboard-container{gap:var(--space-4);padding-top:var(--space-3);padding-bottom:5rem}.agent-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.agent-header-actions{width:100%;flex-direction:column;align-items:stretch;gap:var(--space-2)}.new-aap-btn{width:100%;justify-content:center;padding:var(--space-3) var(--space-4)}.agent-badge{justify-content:center}.agent-role-card{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.trader-requests-alert-card{flex-direction:column;align-items:stretch;gap:.85rem;padding:1.15rem}.tra-fulfill-btn{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.9rem}.tasks-header-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.tab-pill-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;flex-wrap:nowrap;padding:4px;gap:4px}.tab-pill{white-space:nowrap;flex-shrink:0;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.tasks-grid{grid-template-columns:1fr;gap:var(--space-4)}.task-card-header{flex-wrap:wrap;padding:var(--space-3) var(--space-4);gap:var(--space-2)}.task-card-body{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.task-card-actions{flex-direction:column;gap:var(--space-2)}.task-card-actions button,.task-card-actions a{width:100%;justify-content:center}.cancel-meta-row{flex-direction:column;gap:.15rem}.cancel-meta-label{min-width:unset;font-size:.75rem}}@media (max-width: 480px){.agent-title{font-size:var(--text-2xl)}.agent-subtitle{font-size:var(--text-sm)}.mini-item-row{flex-wrap:wrap}}.agent-history-view{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.history-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.hstat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hstat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hstat-icon-wrap{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hstat-info{display:flex;flex-direction:column;min-width:0}.hstat-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary)}.hstat-val{font-size:var(--text-xl);font-weight:900;color:var(--color-text-primary);line-height:1.2;margin:2px 0}.hstat-sub{font-size:11px;font-weight:600;color:var(--color-text-secondary)}.history-toolbar{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4)}.history-type-pills{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.hist-type-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.hist-type-pill:hover{border-color:var(--color-brand);color:var(--color-brand-text)}.hist-type-pill.active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-inverse);box-shadow:0 2px 8px #10b98140}.history-filters-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.hist-search-wrap{position:relative;flex:1;min-width:220px;display:flex;align-items:center}.hist-search-icon{position:absolute;left:12px;color:var(--color-text-tertiary);pointer-events:none}.hist-search-input{width:100%;padding:8px 34px 8px 36px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.hist-search-input:focus{outline:none;border-color:var(--color-brand)}.hist-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:2px;display:flex;align-items:center}.hist-selects-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.hist-select-wrap{position:relative;display:flex;align-items:center}.hist-select-icon{position:absolute;left:10px;color:var(--color-text-tertiary);pointer-events:none}.hist-select{padding:8px 12px 8px 30px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:border-color var(--transition-fast)}.hist-select:focus{outline:none;border-color:var(--color-brand)}.hist-refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.hist-refresh-btn:hover{color:var(--color-brand-text);border-color:var(--color-brand)}.history-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-4)}.hist-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);position:relative;overflow:hidden}.hist-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#10b98166}.hist-card.status-danger{border-left:4px solid var(--color-danger)}.hist-card.status-success{border-left:4px solid var(--color-success)}.hist-card.status-warning{border-left:4px solid var(--color-warning)}.hist-card.status-info{border-left:4px solid var(--color-primary)}.hist-card-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.hist-type-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.hist-ref-pill{font-size:11px;font-weight:800;font-family:monospace;color:var(--color-text-tertiary)}.hist-status-pill{margin-left:auto;font-size:11px;font-weight:800;padding:3px 9px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.4px}.hist-status-pill.badge-success{background:#10b9811f;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.hist-status-pill.badge-danger{background:#ef44441f;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.hist-status-pill.badge-warning{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.hist-status-pill.badge-info{background:#3b82f61f;color:var(--color-primary);border:1px solid rgba(59,130,246,.3)}.hist-card-title{margin:0;font-size:var(--text-base);font-weight:800;color:var(--color-text-primary);line-height:1.3}.hist-trader-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:4px}.hist-trader-chip{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}.hist-trader-name{font-weight:700;color:var(--color-text-primary)}.hist-business-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:2px 7px;border-radius:var(--radius-sm)}.hist-amount-row{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;background:var(--color-bg-secondary);border-radius:var(--radius-md);width:fit-content}.hist-amount-label{font-size:11px;font-weight:600;color:var(--color-text-secondary)}.hist-amount-val{font-size:var(--text-sm);font-weight:900;color:var(--color-text-primary)}.hist-alert-box{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);margin-top:4px}.hist-alert-box.declined{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--color-danger)}.hist-alert-box.cancelled{background:#ef44440f;border:1px solid rgba(239,68,68,.2);color:var(--color-text-secondary)}.hist-alert-icon{flex-shrink:0;margin-top:1px}.hist-alert-title{font-weight:800;display:block}.hist-alert-text{margin:2px 0 0;font-style:italic;line-height:1.4}.hist-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:auto}.hist-date-text{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-tertiary);font-weight:500}.hist-card-actions{display:flex;align-items:center;gap:var(--space-2)}.hist-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.hist-action-btn:hover{background:var(--color-brand-subtle);border-color:var(--color-brand);color:var(--color-brand-text)}.hist-order-tag{font-size:11px;font-weight:700;color:var(--color-success)}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) 0;flex-wrap:wrap}.hist-page-summary{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}.hist-page-buttons{display:flex;align-items:center;gap:6px}.hist-page-btn{padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.hist-page-btn:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand-text)}.hist-page-btn:disabled{opacity:.4;cursor:not-allowed}.hist-page-num{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.hist-page-num.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.hist-ellipsis{color:var(--color-text-tertiary);padding:0 4px}.hist-modal-card{max-width:560px}.hist-modal-body{display:flex;flex-direction:column;gap:var(--space-3)}.hist-modal-trader-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.hist-modal-trader-box h4{margin:0;font-size:var(--text-base);font-weight:800;color:var(--color-text-primary)}.hist-modal-trader-box p{margin:2px 0 0;font-size:var(--text-xs);color:var(--color-text-secondary)}.hist-modal-address{display:flex;align-items:center;gap:4px;margin-top:4px!important;color:var(--color-text-tertiary)!important}.hist-modal-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.hist-modal-stat{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:2px}.hist-modal-stat span{font-size:11px;color:var(--color-text-secondary);font-weight:600}.hist-modal-stat strong{font-size:var(--text-sm);font-weight:800}.color-success{color:var(--color-success)}.color-danger{color:var(--color-danger)}.color-warning{color:var(--color-warning)}.color-info{color:var(--color-primary)}.hist-modal-photo-wrap{display:flex;flex-direction:column;gap:6px;margin-top:6px}.hist-modal-photo-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.hist-modal-photo{width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.hist-loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}@media (max-width: 768px){.history-cards-grid{grid-template-columns:1fr}.history-filters-bar{flex-direction:column;align-items:stretch}.hist-selects-row{width:100%;justify-content:space-between}.hist-select-wrap{flex:1}.hist-select{width:100%}.history-pagination{flex-direction:column;align-items:center;gap:var(--space-3)}}.fv{max-width:1200px;margin:0 auto;padding:var(--space-5) var(--space-6) 6rem}.fv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4);color:var(--color-text-secondary)}.fv-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:fv-spin .7s linear infinite}.fv-spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:fv-spin .7s linear infinite}@keyframes fv-spin{to{transform:rotate(360deg)}}.fv-top{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.fv-top-back{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);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;transition:all var(--transition-fast);font-family:inherit}.fv-top-back:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.fv-top-breadcrumb{flex:1;font-size:var(--text-sm);color:var(--color-text-tertiary)}.fv-sep{margin:0 var(--space-1-5);color:var(--color-text-muted)}.fv-current{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.fv-top-call{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4);background:var(--color-brand);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.fv-top-call:hover{background:var(--color-brand-hover)}.fv-body{display:grid;grid-template-columns:1fr 320px;gap:var(--space-5);align-items:start}.fv-main{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.fv-back-btn{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);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;transition:all var(--transition-fast);font-family:inherit;margin-top:var(--space-3)}.fv-back-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.fv-profile{position:relative;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.fv-profile-glow{position:absolute;top:0;left:0;width:140px;height:100%;background:linear-gradient(90deg,var(--color-brand-subtle) 0%,transparent 100%);pointer-events:none}.fv-profile-ring{position:relative;width:64px;height:64px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-hover));flex-shrink:0}.fv-profile-avatar{width:100%;height:100%;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--color-brand)}.fv-profile-info{position:relative;flex:1;min-width:0}.fv-profile-info h1{font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary);margin:0 0 var(--space-1)}.fv-profile-meta{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-warning);margin-bottom:var(--space-1)}.fv-profile-meta svg{color:var(--color-warning)}.fv-profile-detail{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.fv-profile-detail strong{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);margin-right:var(--space-1)}.fv-checklist{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.fv-checklist-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.fv-checklist-header svg{color:var(--color-brand)}.fv-checklist-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:800;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-full)}.fv-progress-track{display:flex;gap:8px;padding:var(--space-3) var(--space-5);background:var(--color-bg)}.fv-prog-seg{flex:1;height:5px;border-radius:3px;background:var(--color-bg-tertiary);transition:background .3s}.fv-prog-seg.done{background:var(--color-brand)}.fv-step{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--color-border)}.fv-step:last-of-type{border-bottom:none}.fv-step-overline{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-brand);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.fv-step-title{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-1)}.fv-step-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0 0 var(--space-5);line-height:1.5}.fv-items{display:flex;flex-direction:column;gap:var(--space-4)}.fv-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.fv-item:focus-within{border-color:var(--color-brand)}.fv-item-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4)}.fv-item-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.fv-item-code{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-brand-subtle);color:var(--color-brand);font-size:var(--text-sm);font-weight:800;flex-shrink:0}.fv-item-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.fv-item-desc{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px;line-height:1.4}.fv-item-extra{padding:0 var(--space-4) var(--space-3)}.fv-note-toggle{background:none;border:none;font-size:12px;font-weight:700;color:var(--color-primary);cursor:pointer;padding:0 var(--space-4) var(--space-3)}.fv-note-toggle:hover{text-decoration:underline}.fv-toggle{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.fv-toggle input{position:absolute;opacity:0;width:0;height:0}.fv-toggle-track{position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:32px;background:var(--color-danger-subtle);border:2px solid var(--color-danger);border-radius:var(--radius-full);transition:all .25s ease}.fv-toggle-track.checked{background:var(--color-success-subtle);border-color:var(--color-success)}.fv-toggle-indicator{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:transform .25s ease;z-index:1}.fv-toggle input:checked+.fv-toggle-track .fv-toggle-indicator{transform:translate(40px)}.fv-toggle-text{position:relative;z-index:2;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.fv-toggle-track:not(.checked) .fv-toggle-text{color:var(--color-danger);margin-left:auto;padding-right:4px}.fv-toggle-track.checked .fv-toggle-text{color:var(--color-success);margin-right:auto;padding-left:4px}.fv-inp{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--transition-fast);box-sizing:border-box}.fv-inp:focus{outline:none;border-color:var(--color-brand)}.fv-photo{margin-top:var(--space-3)}.fv-dropzone{display:block;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.fv-dropzone-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-5);background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:all var(--transition-fast)}.fv-dropzone-empty:hover{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-subtle)}.fv-dropzone-empty svg{opacity:.6}.fv-dropzone-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.fv-dropzone-sub{font-size:var(--text-xs)}.fv-dropzone-preview{position:relative;border-radius:var(--radius-md);overflow:hidden}.fv-dropzone-preview img{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:var(--radius-md)}.fv-dropzone-change{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2);background:#0000008c;color:#fff;font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fv-b1{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.fv-b1-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.fv-b1-head .fv-item-label{font-size:var(--text-base);font-weight:var(--font-weight-bold)}.fv-b1-field{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);transition:border-color var(--transition-fast)}.fv-b1-field:focus-within{border-color:var(--color-brand)}.fv-currency-sign{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-tertiary)}.fv-b1-input{flex:1;padding:var(--space-3) 0;background:transparent;border:none;font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);font-family:inherit}.fv-b1-input:focus{outline:none}.fv-b-calc{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-5);animation:fv-fade-in .3s ease}@keyframes fv-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fv-b2,.fv-b3{padding:var(--space-4);border-radius:var(--radius-md)}.fv-b2{background:var(--color-danger-subtle);border:1px solid var(--color-danger)}.fv-b2.pass{background:var(--color-success-subtle);border-color:var(--color-success)}.fv-b2-top,.fv-b3-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.fv-b2-badge{display:inline-flex;padding:2px var(--space-2);font-size:10px;font-weight:800;border-radius:var(--radius-full);background:var(--color-danger);color:#fff}.fv-b2.pass .fv-b2-badge{background:var(--color-success)}.fv-b2-bar-track{height:6px;border-radius:3px;background:#00000014;overflow:hidden;margin-bottom:var(--space-1)}.fv-b2-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.fv-b2-bar-fill.fail{background:var(--color-danger)}.fv-b2-bar-fill.pass{background:var(--color-success)}.fv-b2-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-tertiary)}.fv-b2-note{margin:var(--space-1) 0 0;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.fv-b3{background:var(--color-info-subtle);border:1px solid var(--color-info)}.fv-b3-value{font-size:var(--text-lg);font-weight:800;color:var(--color-info)}.fv-b3-note{margin:0;font-size:var(--text-xs);color:var(--color-text-tertiary)}.fv-notes-inp{width:100%;padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;resize:vertical;transition:border-color var(--transition-fast);box-sizing:border-box;line-height:1.6}.fv-notes-inp:focus{outline:none;border-color:var(--color-brand)}.fv-submit{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap}.fv-submit-left{min-width:0}.fv-submit-status{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-danger)}.fv-submit-left svg{flex-shrink:0}.fv-submit-hint{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.fv-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-text-tertiary);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-md);cursor:not-allowed;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.fv-submit-btn.ready{background:var(--color-brand);cursor:pointer}.fv-submit-btn.ready:hover{background:var(--color-brand-hover)}.fv-submit-btn.ready:active{transform:scale(.97)}.fv-side{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-5)}.fv-side-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.fv-side-box h4{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.fv-side-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-xs);color:var(--color-text-secondary)}.fv-side-row+.fv-side-row{border-top:1px solid var(--color-border)}.fv-side-tag{font-size:10px;font-weight:700;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.fv-side-tag.done{background:var(--color-success-subtle);color:var(--color-success)}.fv-side-val{font-weight:700;color:var(--color-brand)}.fv-side hr{margin:var(--space-3) 0;border:none;border-top:1px solid var(--color-border)}.fv-side-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);margin-bottom:var(--space-2)}.fv-side-link:last-child{margin-bottom:0}.fv-side-link:hover{background:var(--color-brand-subtle);border-color:var(--color-brand);color:var(--color-brand)}.fv-checklist-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 4px 20px -2px #0000000a;position:relative;overflow:hidden}.fv-checklist-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.fv-checklist-title-group{display:flex;align-items:center;gap:var(--space-2)}.fv-checklist-icon-wrap{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-brand-subtle);color:var(--color-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fv-checklist-title{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);margin:0!important;padding:0!important;border:none!important}.fv-checklist-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast)}.fv-checklist-badge.complete{background:#10b9811f;color:#10b981;border-color:#10b9814d}.fv-checklist-meter{height:6px;width:100%;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.fv-checklist-meter-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1)}.fv-side-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.fv-side-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:9px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.fv-side-list-item:hover{border-color:var(--color-brand);background:var(--color-bg-tertiary)}.fv-side-list-item.done{background:#10b9810d;border-color:#10b98140}.fv-side-list-item.done:hover{background:#10b98117;border-color:#10b98166}.fv-item-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.fv-item-icon-box{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-bg-tertiary);border:1.5px solid var(--color-border);color:var(--color-text-tertiary);transition:all var(--transition-fast)}.fv-side-list-item.done .fv-item-icon-box{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 2px 6px #10b98159}.fv-item-bullet{width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary)}.fv-item-label{font-size:12.5px;line-height:1.35;font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast)}.fv-side-list-item.done .fv-item-label{color:var(--color-text-primary);font-weight:600;text-decoration:none}.fv-item-pill{font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 7px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;text-transform:uppercase;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border);transition:all var(--transition-fast)}.fv-side-list-item.done .fv-item-pill{background:#10b9811f;color:#059669;border-color:#10b9814d}@media (max-width: 900px){.fv-body{grid-template-columns:1fr}.fv-side{position:static}}@media (max-width: 640px){.fv{padding:var(--space-4) var(--space-4) 6rem}.fv-top{flex-wrap:wrap}.fv-top-breadcrumb{order:3;width:100%}.fv-submit{flex-direction:column;align-items:stretch}.fv-submit-actions{width:100%;flex-direction:column}.fv-submit-btn,.fv-decline-btn{width:100%;justify-content:center}}.fv-submit-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.fv-decline-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ef444414;color:var(--color-danger);border:1px solid rgba(239,68,68,.35);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;white-space:nowrap}.fv-decline-btn:hover{background:#ef444429;border-color:var(--color-danger)}.fv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fv-overlay-fade .2s cubic-bezier(.16,1,.3,1)}@keyframes fv-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes fv-card-spring{0%{opacity:0;transform:scale(.95) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.fv-modal-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;max-width:550px;width:100%;padding:26px 28px;box-shadow:0 24px 60px -12px #00000059,0 0 0 1px #ef444414;display:flex;flex-direction:column;gap:var(--space-4);animation:fv-card-spring .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.fv-modal-stripe{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef4444,#f97316 60%,#ef4444)}.fv-modal-header{display:flex;align-items:flex-start;gap:14px;position:relative}.fv-modal-icon-wrap{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#ef444429,#f973161a);border:1px solid rgba(239,68,68,.28);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #ef444426}.fv-modal-title-col{flex:1;min-width:0}.fv-modal-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#ef4444;background:#ef44441a;padding:2px 8px;border-radius:var(--radius-full);margin-bottom:6px;border:1px solid rgba(239,68,68,.2)}.fv-modal-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--color-text-primary);line-height:1.25}.fv-modal-sub{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:var(--color-text-secondary)}.fv-modal-close{width:32px;height:32px;border-radius:50%;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);margin-left:4px}.fv-modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:rotate(90deg)}.fv-modal-presets{display:flex;flex-direction:column;gap:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 14px}.fv-modal-presets-header{display:flex;align-items:center;justify-content:space-between}.fv-modal-presets-label{font-size:10.5px;font-weight:800;letter-spacing:.5px;color:var(--color-text-tertiary);text-transform:uppercase}.fv-modal-presets-hint{font-size:11px;color:var(--color-text-muted, #94a3b8);font-style:italic}.fv-modal-presets-list{display:flex;flex-wrap:wrap;gap:7px}.fv-modal-preset-chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:11.5px;line-height:1.3;padding:5px 11px;border-radius:var(--radius-full);cursor:pointer;transition:all .18s ease;text-align:left;font-family:inherit;font-weight:500}.fv-preset-icon{font-size:12px;font-weight:700;color:var(--color-text-tertiary);transition:color .18s ease}.fv-modal-preset-chip:hover{border-color:#ef444480;color:#ef4444;background:#ef44440d;transform:translateY(-1px);box-shadow:0 2px 6px #ef44441a}.fv-modal-preset-chip.selected{background:#ef44441a;border-color:#ef4444;color:#ef4444;font-weight:600}.fv-modal-preset-chip.selected .fv-preset-icon{color:#ef4444;font-weight:800}.fv-modal-body{display:flex;flex-direction:column;gap:8px}.fv-modal-label-row{display:flex;align-items:center;justify-content:space-between}.fv-modal-input-label{font-size:12px;font-weight:700;color:var(--color-text-primary);letter-spacing:.2px}.fv-modal-char-count{font-size:11px;color:var(--color-text-tertiary);font-weight:500}.fv-modal-textarea{width:100%;padding:12px 14px;background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:13.5px;font-family:inherit;resize:vertical;line-height:1.55;box-sizing:border-box;min-height:96px;transition:all var(--transition-fast)}.fv-modal-textarea:focus{outline:none;background:var(--color-surface);border-color:#ef4444;box-shadow:0 0 0 3.5px #ef444424}.fv-modal-notice{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-md);background:#ef44440d;border:1px dashed rgba(239,68,68,.25);font-size:11.5px;line-height:1.45;color:var(--color-text-secondary)}.fv-modal-notice-icon{color:#ef4444;flex-shrink:0}.fv-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.fv-modal-cancel-btn{padding:10px 18px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.fv-modal-cancel-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.fv-modal-confirm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #ef444459;transition:all var(--transition-fast);font-family:inherit}.fv-modal-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 18px #ef444473}.fv-modal-confirm-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.aap-create-container{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8);padding-bottom:6rem}.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-4);justify-content:flex-end;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;text-decoration:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--color-brand, #10b981) 0%,#059669 100%);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98173;background:linear-gradient(135deg,#10b981,#047857)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background-color:var(--color-surface, #1e293b);color:var(--color-text-secondary, #94a3b8);border:1px solid var(--color-border, #334155)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary, #334155);color:var(--color-text-primary, #ffffff);border-color:var(--color-text-tertiary, #64748b);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.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:var(--space-4) var(--space-4) 6rem}.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 button,.btn-row .btn-primary,.btn-row .btn-secondary{width:100%}}.trader-fulfill-banner{background:linear-gradient(135deg,#10b98114,#05966908);border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-lg, 12px);padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;margin-bottom:var(--space-2, .5rem)}.tfb-top{display:flex;justify-content:space-between;align-items:center}.tfb-badge{font-size:.72rem;font-weight:700;letter-spacing:.05em;color:#059669;background:#10b98126;padding:.25rem .6rem;border-radius:9999px;text-transform:uppercase}.tfb-status-badge{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:9999px}.tfb-status-badge.success{background:#10b9811f;color:#059669}.tfb-status-badge.danger{background:#ef44441f;color:#ef4444}.tfb-body{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.tfb-trader-info h4{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-text-primary, #111827)}.tfb-trader-info p{margin:.2rem 0 0;font-size:.85rem;color:var(--color-text-secondary, #6b7280)}.tfb-goods-note{margin-top:.5rem!important;font-size:.88rem;color:var(--color-text-primary, #1f2937);background:#ffffffb3;padding:.4rem .6rem;border-radius:6px;border-left:3px solid #10b981}.tfb-credit-stat{display:flex;flex-direction:column;align-items:flex-end;background:#ffffffd9;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(0,0,0,.05);min-width:120px}.tfb-stat-label{font-size:.72rem;color:var(--color-text-tertiary, #9ca3af);text-transform:uppercase;font-weight:600}.tfb-stat-val{font-size:1.1rem;font-weight:700;color:#059669}.tfb-actions{display:flex;justify-content:flex-end;border-top:1px dashed rgba(16,185,129,.2);padding-top:.6rem}.tfb-cancel-btn{background:none;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.8rem;font-weight:600;padding:.35rem .8rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.tfb-cancel-btn:hover{background:#ef444414;border-color:#ef4444}.aap-affordability-box{margin-top:var(--space-4, 1rem);padding:1rem;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border);background-color:var(--color-bg-secondary, #f9fafb);display:flex;flex-direction:column;gap:.5rem}.aap-affordability-box.ok{border-color:#10b9814d;background-color:#10b98108}.aap-affordability-box.warning{border-color:#ef44444d;background-color:#ef44440a}.aab-header{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;margin-bottom:.25rem}.aab-badge{font-size:.72rem;padding:.15rem .5rem;border-radius:9999px;font-weight:600}.aab-badge.success{background:#10b98126;color:#059669}.aab-badge.danger{background:#ef444426;color:#ef4444}.aab-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--color-text-secondary, #4b5563)}.aab-row.total{border-top:1px solid var(--color-border);padding-top:.5rem;margin-top:.25rem;font-size:.95rem}.aab-warning-note{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.6rem .75rem;background:#ef444414;border-radius:6px;color:#b91c1c}.aab-warning-text{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem}.aab-cancel-link{background:none;border:none;color:#ef4444;font-weight:700;padding:0;font-size:.82rem;cursor:pointer;text-align:left;text-decoration:underline}.aab-cancel-link:hover{color:#dc2626}.prelinked-trader-box{display:flex;flex-direction:column;gap:.5rem}.ptb-tag{align-self:flex-start;font-size:.75rem;font-weight:700;color:#059669;background:#10b9811f;padding:.2rem .6rem;border-radius:9999px}.btn-secondary.text-danger{color:#ef4444;border-color:#ef44444d}.btn-secondary.text-danger:hover{background:#ef44440f;border-color:#ef4444}@media (max-width: 640px){.aap-create-container{padding-top:var(--space-3);padding-bottom:5rem;gap:var(--space-4)}.step-progress{gap:4px;padding:0 var(--space-2)}.step-progress .step-label{display:none}.step-progress .step-line{width:16px}.step-progress .step-num{width:28px;height:28px;font-size:.75rem}.form-section{padding:var(--space-4);border-radius:var(--radius-md)}.photo-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.step-actions{flex-direction:column-reverse;gap:var(--space-2)}.step-actions button,.step-actions a{width:100%;justify-content:center}.aab-card{flex-direction:column;gap:var(--space-2)}.aab-grid{grid-template-columns:1fr;gap:var(--space-2)}}.aap-create-cancel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:aapCreateOverlayFade .2s cubic-bezier(.16,1,.3,1)}@keyframes aapCreateOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes aapCreateCardSpring{0%{opacity:0;transform:scale(.95) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.aap-create-cancel-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #ef44441f;overflow:hidden;animation:aapCreateCardSpring .25s cubic-bezier(.16,1,.3,1)}.aap-create-cancel-stripe{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef4444,#f97316 60%,#ef4444);z-index:2}.aap-create-cancel-header{display:flex;align-items:flex-start;gap:14px;padding:22px 24px 16px;border-bottom:1px solid var(--color-border);position:relative}.aap-create-cancel-icon-glow{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ef444429,#f973161a);border:1px solid rgba(239,68,68,.28);display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0;box-shadow:0 4px 12px #ef444426}.aap-create-cancel-header-text{flex:1;min-width:0}.aap-create-cancel-badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:9999px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.22);margin-bottom:6px}.aap-create-cancel-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.aap-create-cancel-subtitle{font-size:.82rem;color:var(--color-text-secondary);line-height:1.45;margin:0}.aap-create-cancel-close-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.aap-create-cancel-close-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.aap-create-cancel-body{padding:18px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-height:calc(90vh - 165px)}.aap-create-cancel-trader-banner{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.aap-cancel-tb-header{display:flex;align-items:center;justify-content:space-between}.aap-cancel-tb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.aap-cancel-tb-name{font-size:.9rem;font-weight:700;color:var(--color-text-primary)}.aap-cancel-tb-note{display:flex;align-items:baseline;gap:6px;font-size:.82rem;color:var(--color-text-secondary);border-top:1px dashed rgba(255,255,255,.08);padding-top:6px}.aap-cancel-tb-note-tag{font-weight:600;color:var(--color-text-tertiary);font-size:.75rem}.aap-cancel-tb-note-text{font-style:italic;color:var(--color-text-primary)}.aap-create-cancel-form-group{display:flex;flex-direction:column;gap:8px}.aap-create-cancel-field-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.aap-create-cancel-label{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.aap-create-cancel-hint{font-size:.74rem;color:var(--color-text-tertiary)}.aap-create-cancel-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.aap-create-cancel-preset-chip{background:#ffffff0a;border:1px solid var(--color-border);border-radius:9999px;padding:5px 11px;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;line-height:1.3}.aap-create-cancel-preset-chip:hover:not(:disabled){border-color:#ef444466;color:var(--color-text-primary);background:#ef44440d}.aap-create-cancel-preset-chip.active{background:#ef444426;border-color:#ef4444;color:#ef4444;font-weight:600}.aap-create-cancel-textarea{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-primary, rgba(0, 0, 0, .2));color:var(--color-text-primary);padding:12px 14px;font-size:.9rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:80px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.aap-create-cancel-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.aap-create-cancel-textarea-footer{display:flex;align-items:center;justify-content:space-between;font-size:.73rem}.aap-create-cancel-char-hint{color:var(--color-text-tertiary)}.aap-create-cancel-char-counter{color:var(--color-text-tertiary);font-weight:600}.aap-create-cancel-char-counter.valid{color:#10b981}.aap-create-cancel-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border);background:#0000000d}.aap-create-cancel-keep-btn{padding:10px 18px;border-radius:10px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease}.aap-create-cancel-keep-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.aap-create-cancel-keep-btn:disabled{opacity:.5;cursor:not-allowed}.aap-create-cancel-confirm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #ef444459;transition:all .2s ease}.aap-create-cancel-confirm-btn:hover:not(:disabled){box-shadow:0 6px 20px #ef444480;transform:translateY(-1px)}.aap-create-cancel-confirm-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.aap-create-cancel-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 540px){.aap-create-cancel-card{border-radius:16px}.aap-create-cancel-header{padding:16px 18px 12px}.aap-create-cancel-body{padding:14px 18px;gap:14px}.aap-create-cancel-footer{padding:14px 18px;flex-direction:column-reverse}.aap-create-cancel-keep-btn,.aap-create-cancel-confirm-btn{width:100%;justify-content:center}}.aap-link-container{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8);padding-bottom:6rem}.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}.search-input::placeholder{color:var(--color-text-tertiary)}.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:var(--space-4) var(--space-4) 6rem}.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:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-elevated, 10150);padding:var(--space-4);animation:fadeIn var(--transition-base) ease}.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)}@media (max-width: 480px){.repay-modal-overlay{padding:var(--space-2)}.repay-modal{max-width:100%;border-radius:var(--radius-lg)}.repay-header,.repay-body{padding:var(--space-4)}.amount-display{padding:var(--space-4);margin-bottom:var(--space-4)}.amount-display .amount-value{font-size:28px}}.aap-detail-container{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-8);padding-bottom:6rem;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)}.btn-subtle-photo{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:500;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-subtle-photo:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-text-tertiary)}.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:var(--space-4) var(--space-4) 6rem}.aap-detail-header{flex-wrap:wrap}.header-status{width:100%}.side-info{gap:var(--space-4)}}.cancellation-card{border-color:#ef444466!important;background:linear-gradient(135deg,#ef444414,#b91c1c05)!important;padding:1.5rem!important;margin-bottom:var(--space-4)}.cancellation-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.cancellation-icon-glow{width:44px;height:44px;border-radius:12px;background:#ef444426;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cancellation-badge{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.05em;color:#ef4444;background:#ef444426;padding:.15rem .5rem;border-radius:4px;margin-bottom:.35rem}.cancellation-title{font-size:1.25rem;font-weight:800;color:var(--color-text-primary, #fff);margin:0 0 .2rem}.cancellation-sub{font-size:.82rem;color:var(--color-text-secondary, #9ca3af);margin:0}.cancellation-body{border-top:1px solid rgba(239,68,68,.2);padding-top:1rem}.cancellation-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.cancellation-meta-item{display:flex;flex-direction:column;gap:.25rem}.cm-label{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--color-text-tertiary, #9ca3af);letter-spacing:.03em}.cm-val{font-size:.95rem;font-weight:700;color:var(--color-text-primary, #fff)}.cm-role-tag{font-size:.72rem;color:#ef4444;margin-left:.35rem;font-weight:600}.cm-reason-quote{font-size:.92rem;color:#fca5a5;font-style:italic;font-weight:600;margin:0;line-height:1.4;background:#0003;padding:.5rem .75rem;border-radius:8px;border-left:3px solid #ef4444}.cancelled-status-notice{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-weight:600;font-size:.88rem}@media (max-width: 860px){.aap-detail-container{gap:var(--space-4);padding-top:var(--space-3);padding-bottom:5rem}.aap-detail-grid{grid-template-columns:1fr;gap:var(--space-4)}.aap-detail-header{flex-wrap:wrap;gap:var(--space-2)}.header-status{width:100%;margin-left:48px;margin-top:2px}.main-info{gap:var(--space-4)}.detail-card{border-radius:var(--radius-md)}.action-btn-primary,.action-btn-secondary,.action-btn-outline{width:100%;justify-content:center}.step-actions{flex-direction:column;gap:var(--space-2)}.step-actions button{width:100%}.photo-stagger img{width:100px;height:100px}}@media (max-width: 480px){.header-info h1{font-size:var(--text-lg)}.cm-row{flex-direction:column;gap:.2rem}.cancellation-report-card{padding:1rem}.cancellation-report-header{flex-wrap:wrap;gap:.4rem}}.direct-mobile-notice{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary, #94a3b8);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px}.direct-mobile-notice svg{color:#10b981;flex-shrink:0}.aap-cancel-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 10000);padding:var(--space-4);animation:aapOverlayFade .22s cubic-bezier(.16,1,.3,1)}.aap-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:var(--z-modal-top, 10250);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease}.aap-lightbox-overlay .lightbox-title-wrap{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:700;background:#00000080;padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15)}@keyframes aapOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes aapCardSpring{0%{opacity:0;transform:scale(.95) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.aap-cancel-modal-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;max-width:540px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #f59e0b1f;overflow:hidden;animation:aapCardSpring .26s cubic-bezier(.16,1,.3,1)}.aap-cancel-stripe{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#ef4444,#f59e0b);z-index:2}.aap-cancel-header{display:flex;align-items:flex-start;gap:14px;padding:22px 24px 16px;border-bottom:1px solid var(--color-border);position:relative}.aap-cancel-icon-glow{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ef444429,#f59e0b1f);border:1px solid rgba(239,68,68,.28);display:flex;align-items:center;justify-content:center;color:#ef4444;flex-shrink:0;box-shadow:0 4px 12px #ef444426}.aap-cancel-header-text{flex:1;min-width:0}.aap-cancel-badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:9999px;background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25);margin-bottom:6px}.aap-cancel-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.aap-cancel-subtitle{font-size:.82rem;color:var(--color-text-secondary);line-height:1.45;margin:0}.aap-cancel-close-x{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.aap-cancel-close-x:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.aap-cancel-body{padding:18px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;max-height:calc(90vh - 165px)}.aap-treasury-card{background:linear-gradient(145deg,#f59e0b0d,#0f172a05);border:1px solid rgba(245,158,11,.22);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.aap-treasury-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(245,158,11,.12)}.aap-treasury-title-wrap{display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;letter-spacing:.05em;color:#f59e0b}.aap-treasury-status-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:6px;background:#f59e0b26;color:#f59e0b}.aap-treasury-details{display:flex;flex-direction:column;gap:8px}.aap-treasury-row{display:flex;align-items:center;justify-content:space-between;font-size:.86rem}.aap-tr-label{color:var(--color-text-secondary);font-size:.8rem}.aap-tr-value{color:var(--color-text-primary);font-weight:600}.aap-treasury-acc-row{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;margin-top:2px}.aap-treasury-acc-num{font-family:var(--font-mono, monospace);font-size:1.18rem;font-weight:800;color:var(--color-text-primary);letter-spacing:.06em;margin-top:2px}.aap-copy-acc-btn{display:inline-flex;align-items:center;gap:6px;background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.aap-copy-acc-btn:hover{background:#f59e0b38;border-color:#f59e0b66;transform:translateY(-1px)}.aap-copy-acc-btn.copied{background:#10b98126;color:#10b981;border-color:#10b9814d}.aap-treasury-refund-amt{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px dashed rgba(255,255,255,.08);font-size:.85rem;color:var(--color-text-secondary)}.aap-treasury-refund-amt strong{font-size:1rem;color:#ef4444;font-weight:700}.aap-form-group{display:flex;flex-direction:column;gap:8px}.aap-field-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.aap-form-label{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.required-star{color:#ef4444}.aap-field-hint{font-size:.74rem;color:var(--color-text-tertiary)}.aap-upload-dropzone{border:2px dashed rgba(245,158,11,.35);background:#f59e0b08;border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s ease;text-align:center}.aap-upload-dropzone:hover{border-color:#f59e0b;background:#f59e0b12;transform:translateY(-1px)}.aap-dropzone-icon-ring{width:44px;height:44px;border-radius:50%;background:#f59e0b1f;display:flex;align-items:center;justify-content:center;color:#f59e0b;transition:transform .2s ease}.aap-upload-dropzone:hover .aap-dropzone-icon-ring{transform:scale(1.08)}.aap-dropzone-text{display:flex;flex-direction:column;gap:2px}.aap-dropzone-primary{font-size:.88rem;font-weight:600;color:var(--color-text-primary)}.aap-dropzone-secondary{font-size:.75rem;color:var(--color-text-tertiary)}.aap-receipt-preview-card{display:flex;align-items:center;gap:14px;background:#ffffff08;border:1px solid rgba(16,185,129,.25);border-radius:12px;padding:10px 12px}.aap-receipt-thumb-wrap{width:64px;height:64px;border-radius:8px;overflow:hidden;background:#000;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.aap-receipt-thumb{width:100%;height:100%;object-fit:cover}.aap-receipt-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.aap-receipt-status{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;color:#10b981}.aap-receipt-filename{font-size:.84rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aap-receipt-filesize{font-size:.72rem;color:var(--color-text-tertiary)}.aap-receipt-actions{display:flex;gap:8px;margin-top:4px}.aap-receipt-btn-change,.aap-receipt-btn-remove{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.aap-receipt-btn-change{background:#ffffff0f;color:var(--color-text-secondary)}.aap-receipt-btn-change:hover{background:#ffffff1f;color:var(--color-text-primary)}.aap-receipt-btn-remove{background:#ef44441a;color:#ef4444}.aap-receipt-btn-remove:hover{background:#ef444433}.aap-preset-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}.aap-preset-chip{background:#ffffff0a;border:1px solid var(--color-border);border-radius:9999px;padding:5px 11px;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.aap-preset-chip:hover{border-color:#f59e0b66;color:var(--color-text-primary);background:#f59e0b0d}.aap-preset-chip.active{background:#f59e0b26;border-color:#f59e0b;color:#f59e0b;font-weight:600}.aap-cancel-textarea{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-primary, rgba(0, 0, 0, .2));color:var(--color-text-primary);padding:12px 14px;font-size:.9rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:80px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.aap-cancel-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.aap-textarea-footer{display:flex;align-items:center;justify-content:space-between;font-size:.73rem}.aap-textarea-hint{color:var(--color-text-tertiary)}.aap-char-counter{color:var(--color-text-tertiary);font-weight:600}.aap-char-counter.valid{color:#10b981}.aap-cancel-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border);background:#0000000d}.aap-btn-secondary{padding:10px 18px;border-radius:10px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease}.aap-btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.aap-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.aap-btn-submit-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #ef444459;transition:all .2s ease}.aap-btn-submit-danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444480;transform:translateY(-1px)}.aap-btn-submit-danger:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.aap-btn-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 540px){.aap-cancel-modal-card{border-radius:16px}.aap-cancel-header{padding:16px 18px 12px}.aap-cancel-body{padding:14px 18px;gap:14px}.aap-cancel-footer{padding:14px 18px;flex-direction:column-reverse}.aap-btn-secondary,.aap-btn-submit-danger{width:100%;justify-content:center}}.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:8px 14px 8px 38px;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);text-overflow:ellipsis}.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:12px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;z-index:2;flex-shrink:0}.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-3);height:56px;gap:var(--space-2)}.sidebar-toggle-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.admin-header-title{display:none}.search-container{flex:1;min-width:0;max-width:100%;position:relative}.search-input{height:38px;font-size:13px;padding:6px 12px 6px 36px!important}.search-icon{left:11px;width:16px;height:16px}.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-container{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-2) 0 var(--space-12);width:100%;max-width:1440px;margin:0 auto}.aap-main-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.aap-header-badge{background:linear-gradient(135deg,#1b7f6433,#1b7f6414)!important;color:var(--color-brand)!important;border:1.5px solid rgba(27,127,100,.35);box-shadow:0 4px 14px #1b7f6426;width:56px!important;height:56px!important;border-radius:var(--radius-xl)!important}.aap-header-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:6px}.aap-eyebrow-pill{font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:4px;background:#1b7f641f;color:var(--color-brand);letter-spacing:.06em}.aap-eyebrow-text{font-size:.725rem;font-weight:700;color:var(--color-text-tertiary);letter-spacing:.05em}.aap-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.aap-urgent-action-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:var(--radius-full);background:#f59e0b26;border:1.5px solid #f59e0b;color:#b45309;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast) ease}.aap-urgent-action-btn:hover{background:#f59e0b;color:#fff}.aap-header-volume-chip{display:flex;flex-direction:column;align-items:flex-end;padding:4px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.volume-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.03em}.volume-val{font-family:var(--font-mono);font-size:.875rem;font-weight:800;color:var(--color-text-primary)}.aap-refresh-btn{display:inline-flex;align-items:center;gap:8px;height:38px;font-weight:600}.spin-icon{animation:spin .8s linear infinite}.aap-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-4)}.aap-stat-card{cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1.5px solid var(--color-border);position:relative;overflow:hidden;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.aap-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-brand)}.aap-stat-card.active{border-color:var(--color-brand);background:linear-gradient(145deg,var(--color-surface) 0%,rgba(27,127,100,.06) 100%);box-shadow:0 0 0 3px #1b7f6433}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-icon-wrap{width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-icon-wrap.neutral{background:#94a3b81f;color:#64748b}.stat-icon-wrap.warning{background:#f59e0b24;color:#d97706}.stat-icon-wrap.info{background:#2563eb1f;color:#2563eb}.stat-icon-wrap.primary{background:#7c3aed1f;color:#7c3aed}.stat-icon-wrap.success{background:#10b98124;color:#059669}.stat-icon-wrap.danger{background:#ef444424;color:#dc2626}.stat-card-tag{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:var(--radius-full)}.stat-card-tag.neutral{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.stat-card-tag.warning{background:#f59e0b24;color:#d97706}.stat-card-tag.info{background:#2563eb1f;color:#2563eb}.stat-card-tag.primary{background:#7c3aed1f;color:#7c3aed}.stat-card-tag.success{background:#10b98124;color:#059669}.stat-card-tag.danger{background:#ef444424;color:#dc2626}.stat-card-body{display:flex;flex-direction:column;gap:2px}.stat-card-num{font-size:1.75rem;font-weight:800;line-height:1.1;color:var(--color-text-primary);font-feature-settings:"tnum"}.stat-card-num.warning-text{color:#d97706}.stat-card-num.info-text{color:#2563eb}.stat-card-num.primary-text{color:#7c3aed}.stat-card-num.success-text{color:#059669}.stat-card-num.danger-text{color:#dc2626}.stat-card-label{font-size:.8125rem;font-weight:700;color:var(--color-text-primary)}.stat-card-sub{font-size:.725rem;color:var(--color-text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aap-filter-segmented-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:6px 8px;box-shadow:var(--shadow-sm)}.segmented-scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:2px;scrollbar-width:thin}.segmented-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast) ease}.segmented-pill:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.segmented-pill.active{background:var(--color-brand);color:#fff;box-shadow:0 2px 8px #1b7f6459}.pill-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:800;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.pill-badge.badge-active{background:#ffffff40;color:#fff;border-color:transparent}.segmented-pill.pill-highlight:not(.active) .pill-badge{background:#f59e0b26;color:#d97706;border-color:#f59e0b4d}.segmented-pill.pill-danger:not(.active) .pill-badge{background:#ef444426;color:#dc2626;border-color:#ef44444d}.aap-control-bar{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm)}@media (min-width: 900px){.aap-control-bar{flex-direction:row;align-items:center;justify-content:space-between}}.aap-search-box{position:relative;flex:1;max-width:580px;display:flex;align-items:center}.aap-search-box .search-icon{position:absolute;left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none}.aap-search-box .aap-search-input{width:100%;padding-left:36px;padding-right:32px;height:40px;border-radius:var(--radius-lg);font-size:var(--text-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast) ease}.aap-search-box .aap-search-input:focus{background-color:var(--color-surface);border-color:var(--color-brand);box-shadow:0 0 0 3px #1b7f6426}.clear-search-btn{position:absolute;right:var(--space-3);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-full)}.clear-search-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.aap-control-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.aap-sort-wrapper{display:flex;align-items:center;gap:6px}.sort-icon{color:var(--color-text-tertiary)}.sort-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.aap-sort-select{height:40px;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;border:1px solid var(--color-border);background-color:var(--color-bg-secondary);padding:0 var(--space-8) 0 var(--space-3);cursor:pointer;min-width:160px}.aap-sort-select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #1b7f6426}.aap-view-toggle{display:flex;align-items:center;padding:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:2px}.view-mode-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:all var(--transition-fast) ease}.view-mode-btn:hover{color:var(--color-text-primary)}.view-mode-btn.active{background:var(--color-surface);color:var(--color-brand);box-shadow:var(--shadow-sm)}.aap-active-filter-strip{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#1b7f6414;border:1px solid rgba(27,127,100,.2);border-radius:var(--radius-lg)}.filter-summary-text{font-size:.8125rem;color:var(--color-brand)}.btn-clear-filters{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;color:var(--color-brand);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px}.btn-clear-filters:hover{background:#1b7f6426}.aap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-5)}.animate-card-fade{animation:cardFade .25s ease-out}@keyframes cardFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.aap-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-fast) ease;position:relative}.aap-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-brand)}.aap-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.aap-ref-col{display:flex;flex-direction:column;gap:3px}.aap-ref-pill-interactive{display:inline-flex;align-items:center;gap:5px;background:var(--color-brand-subtle);border:1px solid rgba(27,127,100,.2);color:var(--color-brand);padding:2px 8px;border-radius:6px;cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:800;transition:all var(--transition-fast) ease}.aap-ref-pill-interactive:hover{background:#1b7f6433;border-color:var(--color-brand)}.mono-ref{letter-spacing:.04em}.copy-icon-idle{opacity:.6}.copy-icon-success{color:#059669}.aap-date-label{font-size:.725rem;color:var(--color-text-tertiary);font-weight:500}.aap-status-badge-wrap{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;white-space:nowrap}.status-dot-pulse{width:7px;height:7px;border-radius:50%;animation:pulseDot 1.8s infinite}@keyframes pulseDot{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.25);opacity:1}to{transform:scale(.95);opacity:.8}}.aap-card-product-showcase{display:flex;align-items:flex-start;gap:12px}.aap-card-product-showcase .aap-card-image-wrap{position:relative;width:90px;height:90px;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer}.aap-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base) ease}.aap-card-product-showcase .aap-card-image-wrap:hover .aap-card-img{transform:scale(1.05)}.aap-photo-count-badge{position:absolute;bottom:4px;left:4px;background:#0f172ac7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:2px 5px;border-radius:4px;font-size:.65rem;font-weight:700}.aap-card-zoom-hint{position:absolute;bottom:4px;right:4px;background:#0f172ac7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:3px;border-radius:4px;display:flex;align-items:center;justify-content:center}.aap-card-no-image{width:90px;height:90px;flex-shrink:0;border-radius:var(--radius-lg);border:1px dashed var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-tertiary);font-size:.7rem}.aap-card-product-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.aap-card-title{font-size:1rem;font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aap-card-desc-snippet{font-size:.8rem;color:var(--color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.aap-card-supplier-line{display:inline-flex;align-items:center;gap:5px;font-size:.725rem;color:var(--color-text-tertiary);margin-top:2px}.aap-card-supplier-line strong{color:var(--color-text-secondary)}.aap-card-finance-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;padding:10px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.finance-col{display:flex;flex-direction:column;gap:2px}.finance-col.align-right{align-items:flex-end}.finance-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.03em}.finance-val{font-size:.85rem;font-weight:700;color:var(--color-text-primary)}.finance-val.markup-text{color:#10b981}.finance-val.total-text{color:var(--color-brand);font-size:.95rem;font-weight:800}.aap-card-parties-box{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.party-sub-col{display:flex;flex-direction:column;gap:2px;min-width:0}.party-sub-divider{width:1px;background:var(--color-border)}.party-tag-row{display:flex;align-items:center;justify-content:space-between}.party-col-tag{font-size:.65rem;font-weight:800;color:var(--color-text-tertiary);letter-spacing:.05em;text-transform:uppercase}.party-score-badge{font-size:.65rem;font-weight:800;background:#1b7f641f;color:var(--color-brand);padding:1px 6px;border-radius:4px}.party-col-name{font-size:.825rem;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-col-phone{font-size:.725rem;color:var(--color-text-secondary)}.party-col-credit{font-size:.7rem;font-weight:700;color:var(--color-brand)}.party-col-sub{font-size:.7rem;color:var(--color-text-tertiary)}.party-call-link{display:inline-flex;align-items:center;gap:4px;font-size:.725rem;font-weight:700;color:var(--color-brand);text-decoration:none;margin-top:2px}.party-call-link:hover{text-decoration:underline}.aap-contracts-preview-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contract-mini-badge{display:inline-flex;align-items:center;gap:5px;font-size:.725rem;font-weight:700;padding:3px 8px;border-radius:6px;border:1px solid transparent}.contract-mini-badge.signed{background:#10b9811f;color:#059669;border-color:#10b98140}.contract-mini-badge.pending{background:#f59e0b1f;color:#d97706;border-color:#f59e0b40}.aap-card-notice-pill{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.aap-card-notice-pill.proxy,.aap-card-notice-pill.warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.25)}.aap-card-notice-pill.danger{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.aap-card-footer{display:flex;align-items:center;gap:8px;padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:auto}.aap-view-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;font-size:.8125rem;font-weight:600}.aap-approve-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;font-size:.8125rem;font-weight:700;background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;box-shadow:0 2px 8px #10b98159}.aap-refund-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;font-size:.8125rem;font-weight:700}.aap-table-container{overflow-x:auto;padding:0!important;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:var(--color-surface)}.aap-data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.aap-data-table th{background:var(--color-bg-secondary);padding:12px 16px;font-size:.725rem;font-weight:800;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);white-space:nowrap;text-align:left}.aap-table-row{cursor:pointer;transition:background-color var(--transition-fast) ease;border-bottom:1px solid var(--color-border-light)}.aap-table-row:hover{background-color:var(--color-surface-hover)}.aap-data-table td{padding:14px 16px;vertical-align:middle}.table-mono-ref-btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:800;color:var(--color-brand);background:var(--color-brand-subtle);border:1px solid rgba(27,127,100,.2);border-radius:4px;padding:2px 6px;cursor:pointer;transition:all var(--transition-fast) ease}.table-mono-ref-btn:hover{background:#1b7f6433}.table-mono-ref-btn .copied-tick{color:#059669}.table-date-sub{display:block;font-size:.7rem;color:var(--color-text-tertiary);margin-top:3px}.table-product-wrap{display:flex;align-items:center;gap:10px}.table-product-thumb{width:44px;height:44px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--color-border);cursor:pointer}.table-product-nophoto{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px dashed var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.table-product-info{display:flex;flex-direction:column}.table-product-name{font-weight:700;color:var(--color-text-primary);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-product-seller{font-size:.725rem;color:var(--color-text-tertiary)}.table-party-info{display:flex;flex-direction:column}.table-party-name{font-weight:700;color:var(--color-text-primary);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-party-phone{font-size:.725rem;color:var(--color-text-secondary)}.table-cost-val{font-weight:700;color:var(--color-text-primary);display:block}.table-markup-sub{font-size:.7rem;color:#10b981;font-weight:600}.table-total-val{font-weight:800;color:var(--color-brand);font-size:.925rem}.table-contract-tags{display:flex;flex-direction:column;gap:3px}.table-contract-pill{font-size:.6875rem;font-weight:700;padding:2px 6px;border-radius:4px;display:inline-block;width:fit-content}.table-contract-pill.signed{background:#10b9811f;color:#059669}.table-contract-pill.pending{background:#f59e0b1f;color:#d97706}.table-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-full);font-size:.725rem;font-weight:700;white-space:nowrap}.table-inspect-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-weight:600}.aap-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172ac7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 10000);padding:var(--space-4);animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.aap-modal{width:100%;max-width:820px;max-height:90vh;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;overflow:hidden;animation:modalScaleUp .24s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.aap-modal-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);background:var(--color-surface);gap:16px}.modal-header-info{display:flex;flex-direction:column;gap:4px}.modal-ref-strip{display:flex;align-items:center;gap:8px}.modal-ref-pill{font-family:var(--font-mono);font-size:.8rem;font-weight:800;color:var(--color-brand);background:var(--color-brand-subtle);padding:3px 10px;border-radius:6px}.modal-heading-title{font-size:1.25rem;font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.3}.modal-timestamp-sub{font-size:.775rem;color:var(--color-text-secondary)}.aap-modal-close{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.aap-modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.aap-modal-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto;overscroll-behavior-y:contain}.aap-lifecycle-stepper{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:12px}.stepper-title-row{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.stepper-track{display:flex;align-items:center;justify-content:space-between;width:100%}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;flex:1}.stepper-circle{width:28px;height:28px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-tertiary);font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.stepper-step.completed .stepper-circle{background:#10b981;border-color:#10b981;color:#fff}.stepper-step.current .stepper-circle{background:var(--color-brand);border-color:var(--color-brand);color:#fff;box-shadow:0 0 0 4px #1b7f6433}.stepper-text{display:flex;flex-direction:column;gap:1px}.step-name{font-size:.725rem;font-weight:700;color:var(--color-text-primary)}.step-time{font-size:.65rem;color:var(--color-text-tertiary)}.stepper-line{flex:.8;height:2px;background:var(--color-border);margin:-16px 4px 0}.stepper-line.active{background:#10b981}.modal-section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.section-header-row{display:flex;align-items:center;gap:8px}.section-header-row h4{font-size:.95rem;font-weight:800;color:var(--color-text-primary);margin:0}.aap-declined-dossier-card{background:#ef44440f;border:1.5px solid #ef4444;border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:12px;animation:fadeIn .2s ease}.declined-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.declined-title-group{display:flex;align-items:flex-start;gap:10px}.declined-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.declined-title{font-size:1.05rem;font-weight:800;color:#dc2626;margin:0 0 4px}.declined-meta-sub{font-size:.775rem;color:var(--color-text-secondary)}.declined-badge-pill{font-size:.725rem;font-weight:800;background:#ef4444;color:#fff;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.declined-reason-box{background:var(--color-surface);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-lg);padding:12px 14px}.reason-label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:#dc2626;letter-spacing:.05em;margin-bottom:6px}.reason-quote{margin:0;font-size:.925rem;color:var(--color-text-primary);font-style:italic;line-height:1.5}.aap-cancellation-audit-card{background:#f59e0b0d;border:1.5px solid #f59e0b;border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:14px}.cancel-audit-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cancel-title-wrap{display:flex;align-items:flex-start;gap:10px}.cancel-audit-title{font-size:1.05rem;font-weight:800;color:#b45309;margin:0 0 4px}.cancel-audit-sub{font-size:.8rem;color:var(--color-text-secondary);line-height:1.4}.cancel-stated-reason{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px 14px}.reason-tag{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:4px}.reason-text{margin:0;font-size:.925rem;font-style:italic;color:var(--color-text-primary)}.cancel-receipt-evidence{display:flex;flex-direction:column;gap:8px}.receipt-label{font-size:.775rem;font-weight:700;color:var(--color-text-secondary)}.receipt-preview-wrap{position:relative;max-width:360px;height:200px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);cursor:pointer;background:#000}.receipt-img{width:100%;height:100%;object-fit:contain}.receipt-zoom-badge{position:absolute;bottom:8px;right:8px;background:#000000bf;color:#fff;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:5px}.no-receipt-box{padding:10px 14px;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);font-size:.8rem;color:var(--color-text-tertiary);font-style:italic}.cancel-timestamps{display:flex;flex-direction:column;gap:4px;font-size:.775rem;color:var(--color-text-secondary)}.cancel-timestamps .confirmed-text{color:#059669;font-weight:700}.cancel-verify-btn{height:42px;font-weight:800;background:#059669;border-color:#059669;display:inline-flex;align-items:center;justify-content:center;gap:8px}.aap-photo-gallery{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:4px 2px}.gallery-thumb-wrap{position:relative;width:100px;height:100px;border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--color-border);flex-shrink:0;cursor:pointer;background:var(--color-bg-secondary)}.aap-gallery-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.gallery-thumb-wrap:hover .aap-gallery-img{transform:scale(1.05)}.thumb-zoom-icon{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;padding:3px;border-radius:4px;display:flex;align-items:center;justify-content:center}.gallery-hint{font-size:.75rem;color:var(--color-text-tertiary)}.proxy-verification-box{background:#f59e0b0d;border:1.5px solid #f59e0b;border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:14px}.proxy-header{display:flex;align-items:flex-start;gap:10px}.proxy-header h4{font-size:.95rem;font-weight:800;color:#b45309;margin:0 0 4px}.proxy-desc{font-size:.825rem;color:var(--color-text-secondary);line-height:1.45;margin:0}.proxy-comparison{display:flex;align-items:center;justify-content:space-around;gap:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.proxy-img-box{display:flex;flex-direction:column;align-items:center;gap:8px}.proxy-label{font-size:.75rem;font-weight:800;color:var(--color-text-tertiary);text-transform:uppercase}.comparison-img-wrap{position:relative;width:120px;height:120px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);cursor:pointer}.comparison-img{width:100%;height:100%;object-fit:cover}.zoom-chip{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;padding:3px;border-radius:4px}.placeholder-img{width:120px;height:120px;border-radius:var(--radius-lg);border:1px dashed var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--color-text-tertiary);font-size:.75rem}.proxy-vs-badge{font-size:.85rem;font-weight:900;color:#f59e0b;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);padding:6px 10px;border-radius:var(--radius-full)}.proxy-tip{font-size:.75rem;color:#b45309}.product-spec-header{display:flex;flex-direction:column;gap:4px}.aap-modal-title{font-size:1.15rem;font-weight:800;color:var(--color-text-primary);margin:0}.aap-modal-desc{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.aap-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.aap-detail-item{padding:12px 14px;border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:3px}.aap-detail-item label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-text-tertiary)}.item-val{font-size:1rem;font-weight:800;color:var(--color-text-primary)}.aap-highlight{background:var(--color-brand-subtle);border-color:var(--color-brand)}.seller-spec-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-size:.825rem}.seller-name{font-weight:800;color:var(--color-text-primary)}.seller-meta{color:var(--color-text-secondary)}.parties-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.party-card-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:6px}.party-header-row{display:flex;align-items:center;justify-content:space-between}.party-badge{font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.party-badge.buyer{background:#1b7f6426;color:var(--color-brand)}.party-badge.agent{background:#2563eb26;color:#2563eb}.amana-score-badge{font-size:.7rem;font-weight:800;color:var(--color-brand)}.call-agent-badge{display:inline-flex;align-items:center;gap:4px;background:var(--color-brand);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-decoration:none}.party-person-name{font-size:.95rem;font-weight:800;color:var(--color-text-primary);margin:0}.party-contact-lines{display:flex;flex-direction:column;gap:2px;font-size:.775rem;color:var(--color-text-secondary)}.party-credit-footer,.party-agent-footer{margin-top:4px;padding-top:6px;border-top:1px dashed var(--color-border);font-size:.75rem;color:var(--color-text-secondary)}.party-credit-footer strong{color:var(--color-brand)}.contracts-dossier-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.contracts-title-wrap{display:flex;align-items:center;gap:8px}.contracts-title-wrap h4{margin:0;font-size:.95rem;font-weight:800}.aaoifi-seal{font-size:.725rem;font-weight:700;color:var(--color-brand);background:var(--color-brand-subtle);padding:2px 8px;border-radius:var(--radius-full)}.contracts-interactive-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contract-dossier-button{border-radius:var(--radius-lg);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:all var(--transition-fast) ease}.contract-dossier-button:hover{transform:translateY(-2px)}.contract-dossier-button.undertaking-box{border:1.5px solid rgba(245,158,11,.4);background:linear-gradient(135deg,#f59e0b0f,#d9770605)}.contract-dossier-button.undertaking-box:hover{border-color:#d97706;box-shadow:0 4px 12px #d9770626}.contract-dossier-button.murabaha-box{border:1.5px solid rgba(16,185,129,.4);background:linear-gradient(135deg,#10b9810f,#05966905)}.contract-dossier-button.murabaha-box:hover{border-color:#059669;box-shadow:0 4px 12px #10b98126}.dossier-button-top{display:flex;align-items:center;justify-content:space-between}.stage-pill{font-size:.65rem;font-weight:800;text-transform:uppercase}.stage-pill.undertaking{color:#b45309}.stage-pill.murabaha{color:#047857}.status-seal{font-size:.7rem;font-weight:800;padding:2px 6px;border-radius:4px}.status-seal.signed{background:#10b98126;color:#059669}.status-seal.pending{background:#f59e0b26;color:#d97706}.dossier-button-title-row{display:flex;align-items:center;gap:8px}.icon-undertaking{color:#d97706}.icon-murabaha{color:#059669}.dossier-button-title-row h5{font-size:.9rem;font-weight:800;margin:0;color:var(--color-text-primary)}.dossier-date-text{font-size:.75rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.dossier-inspect-cta{font-size:.75rem;font-weight:700;color:var(--color-brand);margin-top:4px}.delivery-confirmed-strip{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-lg);background:#10b98114;border:1.5px solid #10b981}.delivery-text-wrap{display:flex;flex-direction:column}.delivery-title{font-size:.825rem;font-weight:800;color:#059669}.delivery-meta{font-size:.75rem;color:var(--color-text-secondary)}.early-decline-card{background:#ef44440a;border:1px dashed rgba(239,68,68,.3)}.early-decline-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.early-decline-title{font-size:.9rem;font-weight:800;color:var(--color-text-primary);margin:0 0 2px}.early-decline-sub{font-size:.775rem;color:var(--color-text-secondary);margin:0}.early-decline-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.disbursement-approval-card{background:var(--color-surface);border:2px solid var(--color-brand);box-shadow:0 8px 24px #1b7f641f}.disbursement-header{display:flex;align-items:flex-start;gap:10px}.disbursement-header h4{font-size:1.05rem;font-weight:800;color:var(--color-text-primary);margin:0 0 2px}.disbursement-header p{font-size:.825rem;color:var(--color-text-secondary);margin:0}.disbursement-method-pills{display:flex;gap:8px;flex-wrap:wrap}.method-pill-btn{padding:8px 16px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.825rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.method-pill-btn:hover{border-color:var(--color-brand)}.method-pill-btn.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.duration-pills-row{display:flex;gap:8px;flex-wrap:wrap}.duration-pill-btn{padding:6px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.duration-pill-btn:hover{border-color:var(--color-brand)}.duration-pill-btn.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.duration-hint{font-size:.75rem;color:var(--color-text-tertiary);margin-top:4px;display:block}.disbursement-actions-cluster{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;width:100%}.disbursement-decline-btn{height:44px;padding:0 20px;font-weight:700;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-lg);white-space:nowrap;transition:all var(--transition-fast) ease}.approve-disburse-btn{height:44px;padding:0 24px;font-weight:800;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-brand);border-radius:var(--radius-lg);white-space:nowrap;transition:all var(--transition-fast) ease}.aap-decline-overlay{z-index:var(--z-modal-elevated, 10150);background-color:#0f172ad1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.aap-decline-card{max-width:500px;border:1px solid var(--color-border);box-shadow:var(--shadow-2xl);border-radius:var(--radius-2xl);background:var(--color-surface)}.aap-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172af0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:var(--z-modal-top, 10250);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease}.aap-lightbox-overlay .lightbox-top-bar{position:absolute;top:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:10}.aap-lightbox-overlay .lightbox-title-wrap{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:700;background:#0009;padding:6px 14px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.15)}.aap-lightbox-overlay .lightbox-actions-wrap{display:flex;align-items:center;gap:10px}.aap-lightbox-overlay .lightbox-external-link{display:inline-flex;align-items:center;gap:6px;color:#e2e8f0;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.aap-lightbox-overlay .lightbox-external-link:hover{background:#ffffff3d;color:#fff}.aap-lightbox-overlay .lightbox-close-btn{display:inline-flex;align-items:center;gap:6px;color:#fff;background:#ef4444;border:none;border-radius:var(--radius-full);padding:7px 16px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #ef444466;transition:all var(--transition-fast)}.aap-lightbox-overlay .lightbox-close-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 18px #ef44448c}.aap-lightbox-overlay .lightbox-image-container{display:flex;align-items:center;justify-content:center;max-width:92vw;max-height:84vh}.aap-lightbox-overlay .lightbox-img{max-width:90vw;max-height:82vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 60px #000000d9;border:1px solid rgba(255,255,255,.12)}@media (max-width: 768px){.aap-main-header{flex-direction:column;padding:var(--space-4) var(--space-4);border-radius:var(--radius-xl);gap:14px}.admin-section-header-left{display:flex;align-items:flex-start;gap:12px;width:100%}.section-icon-badge.aap-header-badge{width:44px!important;height:44px!important;min-width:44px!important;border-radius:var(--radius-lg)!important}.section-icon-badge.aap-header-badge svg{width:22px;height:22px}.aap-header-eyebrow{margin-bottom:4px;gap:6px;flex-wrap:wrap}.admin-section-title{font-size:1.25rem!important;line-height:1.25!important;margin:2px 0 4px!important}.admin-section-subtitle{font-size:.8rem!important;line-height:1.4!important}.aap-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.aap-urgent-action-btn{grid-column:1 / -1;width:100%;justify-content:center;height:40px;font-size:.85rem}.aap-header-volume-chip{flex-direction:row;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 10px;width:100%}.volume-label{font-size:.6875rem}.volume-val{font-size:.85rem}.aap-refresh-btn{width:100%;height:40px;justify-content:center;font-size:.85rem}.aap-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.aap-stat-card{padding:12px;border-radius:var(--radius-lg);gap:8px}.stat-card-top{gap:6px}.stat-icon-wrap{width:32px;height:32px;min-width:32px;border-radius:var(--radius-md)}.stat-icon-wrap svg{width:17px;height:17px}.stat-card-tag{font-size:.6rem;padding:2px 6px;max-width:85px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-num{font-size:1.4rem;line-height:1.1}.stat-card-label{font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-sub{font-size:.6875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aap-controls-bar{flex-direction:column;align-items:stretch}.aap-search-wrapper{max-width:100%}.aap-sort-group{justify-content:space-between}.aap-grid,.aap-detail-grid,.parties-split-grid,.contracts-interactive-grid{grid-template-columns:1fr}.proxy-comparison{flex-direction:column;align-items:flex-start}.stepper-track{overflow-x:auto;padding-bottom:8px}}@media (max-width: 420px){.aap-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.aap-stat-card{padding:10px;gap:6px}.stat-icon-wrap{width:28px;height:28px;min-width:28px}.stat-icon-wrap svg{width:15px;height:15px}.stat-card-num{font-size:1.25rem}.stat-card-tag{font-size:.55rem;padding:1px 4px;max-width:65px}.stat-card-label{font-size:.725rem}.stat-card-sub{font-size:.65rem}}@media (max-width: 640px){.aap-modal{max-height:94vh;border-radius:var(--radius-xl)}.aap-modal-header{padding:var(--space-4)}.aap-modal-body{padding:var(--space-4);gap:var(--space-4)}.disbursement-actions-cluster{flex-direction:column-reverse;gap:10px;width:100%;margin-top:14px}.disbursement-actions-cluster .btn,.disbursement-actions-cluster .disbursement-decline-btn,.disbursement-actions-cluster .approve-disburse-btn{width:100%!important;height:48px!important;min-height:48px!important;justify-content:center!important;font-size:.925rem!important;font-weight:800!important;display:flex!important;align-items:center!important}.disbursement-method-pills{display:flex;flex-direction:column;gap:8px;width:100%}.method-pill-btn{width:100%;text-align:center;justify-content:center;padding:10px 14px;height:42px;display:flex;align-items:center}.duration-pills-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.duration-pill-btn{text-align:center;padding:8px 4px;font-size:.8rem;display:flex;align-items:center;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}.admin-release-view{display:flex;flex-direction:column;gap:1.75rem;padding:.5rem 0 4rem;max-width:1440px;margin:0 auto;animation:fadeInRelease .3s ease-out}@keyframes fadeInRelease{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.release-header-panel{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e5eb);border-radius:var(--radius-2xl, 20px);padding:1.6rem 2rem;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .04));flex-wrap:wrap}.release-header-main{display:flex;align-items:center;gap:1.25rem;flex:1;min-width:320px}.release-icon-halo{width:54px;height:54px;border-radius:16px;background:var(--color-brand-subtle, #e8f5f0);border:1.5px solid rgba(27,127,100,.2);display:flex;align-items:center;justify-content:center;color:var(--color-brand, #1b7f64);flex-shrink:0;box-shadow:0 4px 12px #1b7f641f}.release-title-block{display:flex;flex-direction:column;gap:.3rem}.release-tag-row{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.release-badge-tag{color:var(--color-brand, #1b7f64);background:var(--color-brand-subtle, #e8f5f0);padding:.2rem .55rem;border-radius:6px}.release-dot-separator{color:var(--color-text-tertiary, #8b92a0)}.release-sub-badge{color:var(--color-text-secondary, #5a6070);text-transform:none;font-size:.76rem;letter-spacing:normal}.release-main-title{font-size:1.5rem;font-weight:800;color:var(--color-text-primary, #1a1d26);margin:0;letter-spacing:-.02em}.release-subtitle{font-size:.85rem;color:var(--color-text-secondary, #5a6070);margin:0;line-height:1.45;max-width:620px}.release-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.last-sync-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--color-text-secondary, #5a6070);background:var(--color-bg-secondary, #f7f8fa);border:1px solid var(--color-border, #e2e5eb);padding:.4rem .75rem;border-radius:var(--radius-full, 9999px);font-family:var(--font-mono, monospace)}.live-pulsing-dot{width:7px;height:7px;border-radius:50%;background:var(--color-brand, #1b7f64);box-shadow:0 0 #1b7f6466;animation:pulseDot 1.8s infinite}@keyframes pulseDot{0%{box-shadow:0 0 #1b7f6499}70%{box-shadow:0 0 0 6px #1b7f6400}to{box-shadow:0 0 #1b7f6400}}.btn-action-glass{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:var(--radius-lg, 12px);background:var(--color-bg-secondary, #f7f8fa);border:1.5px solid var(--color-border, #e2e5eb);color:var(--color-text-primary, #1a1d26);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-action-glass:hover:not(:disabled){background:var(--color-bg-tertiary, #eef0f4);border-color:var(--color-text-tertiary, #8b92a0);transform:translateY(-1px)}.btn-action-primary{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:var(--radius-lg, 12px);background:var(--color-brand, #1b7f64);border:1px solid rgba(0,0,0,.1);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1b7f6447;transition:all var(--transition-fast, .15s ease)}.btn-action-primary:hover:not(:disabled){background:var(--color-brand-hover, #166b54);box-shadow:0 6px 16px #1b7f6459;transform:translateY(-1px)}.btn-action-primary:disabled,.btn-action-glass:disabled{opacity:.6;cursor:not-allowed;transform:none}.release-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media (max-width: 1100px){.release-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.release-metrics-grid{grid-template-columns:1fr}}.metric-glass-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e5eb);border-radius:var(--radius-xl, 16px);padding:1.25rem 1.4rem;display:flex;flex-direction:column;justify-content:space-between;gap:.9rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .04));transition:all var(--transition-fast, .15s ease);position:relative;overflow:hidden}.metric-glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .06))}.metric-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent}.metric-brand:before{background:var(--color-brand, #1b7f64)}.metric-repo:before{background:#3b82f6}.metric-floor:before{background:#e11d48}.metric-mode:before{background:#f59e0b}.metric-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.metric-card-label{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary, #5a6070)}.metric-card-icon-pill{display:flex;align-items:center}.compact-mini-badge{transform:scale(.85);transform-origin:right center;margin:-4px 0}.icon-subtle{width:32px;height:32px;border-radius:8px;background:var(--color-bg-secondary, #f7f8fa);color:var(--color-text-secondary, #5a6070);display:flex;align-items:center;justify-content:center}.metric-card-body{display:flex;flex-direction:column;gap:.25rem}.metric-card-number{font-size:1.65rem;font-weight:800;color:var(--color-text-primary, #1a1d26);letter-spacing:-.03em;line-height:1.15}.metric-card-sub{font-size:.8rem;color:var(--color-text-secondary, #5a6070)}.metric-card-foot{display:flex;align-items:center}.status-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:6px}.chip-success{background:var(--color-brand-subtle, #e8f5f0);color:var(--color-brand, #1b7f64);border:1px solid rgba(27,127,100,.2)}.chip-warning{background:var(--color-warning-subtle, #fff8eb);color:var(--color-warning, #e5920a);border:1px solid rgba(229,146,10,.25)}.chip-danger{background:var(--color-danger-subtle, #fdf0f0);color:var(--color-danger, #dc3545);border:1px solid rgba(220,53,69,.25)}.chip-neutral{background:var(--color-bg-secondary, #f7f8fa);color:var(--color-text-secondary, #5a6070);border:1px solid var(--color-border, #e2e5eb)}.sync-callout-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:linear-gradient(135deg,#1b7f6414,#2ecc9b24);border:1.5px solid var(--color-brand, #1b7f64);border-radius:var(--radius-xl, 16px);padding:1.25rem 1.6rem;box-shadow:0 4px 16px #1b7f641a;position:relative;overflow:hidden;flex-wrap:wrap}.sync-callout-content{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:280px}.sync-callout-icon{width:44px;height:44px;border-radius:12px;background:var(--color-surface, #ffffff);color:var(--color-brand, #1b7f64);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #1b7f6426}.sync-callout-text h4{font-size:.96rem;font-weight:800;color:var(--color-text-primary, #1a1d26);margin:0 0 .25rem}.sync-callout-text p{font-size:.83rem;color:var(--color-text-secondary, #5a6070);margin:0;line-height:1.45}.sync-callout-text code{background:var(--color-surface, #ffffff);padding:.15rem .4rem;border-radius:4px;font-size:.78rem;border:1px solid var(--color-border, #e2e5eb)}.btn-sync-now{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:var(--color-brand, #1b7f64);color:#fff;border:none;border-radius:var(--radius-lg, 12px);font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #1b7f6440;transition:all var(--transition-fast, .15s ease);white-space:nowrap}.btn-sync-now:hover:not(:disabled){background:var(--color-brand-hover, #166b54);transform:translateY(-1px);box-shadow:0 6px 16px #1b7f6452}.release-workspace-layout{display:grid;grid-template-columns:minmax(0,1.55fr) 420px;gap:1.75rem;align-items:start}@media (max-width: 1140px){.release-workspace-layout{grid-template-columns:1fr}}.release-controls-pane{display:flex;flex-direction:column;gap:1.5rem}.control-section-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e5eb);border-radius:var(--radius-2xl, 20px);overflow:hidden;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .04))}.control-section-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.6rem;border-bottom:1px solid var(--color-border, #e2e5eb);background:var(--color-bg-secondary, #f7f8fa)}.header-badge-title{display:flex;align-items:center;gap:.6rem}.header-badge-title h3{font-size:1.05rem;font-weight:800;color:var(--color-text-primary, #1a1d26);margin:0}.chip-quick-sync{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-brand-subtle, #e8f5f0);color:var(--color-brand, #1b7f64);border:1px solid rgba(27,127,100,.25);border-radius:var(--radius-full, 9999px);padding:.3rem .75rem;font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.chip-quick-sync:hover{background:#d8efe6;border-color:var(--color-brand, #1b7f64);transform:translateY(-1px)}.control-section-body{padding:1.6rem;display:flex;flex-direction:column;gap:1.4rem}.version-flow-visual{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary, #f7f8fa);border:1px solid var(--color-border, #e2e5eb);border-radius:var(--radius-xl, 16px);padding:1rem 1.25rem;gap:.5rem}.flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem;flex:1}.flow-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary, #5a6070)}.flow-val{font-size:1.05rem;font-weight:800;color:var(--color-text-primary, #1a1d26)}.flow-code{font-size:.72rem;color:var(--color-text-tertiary, #8b92a0)}.step-target .flow-val{color:var(--color-brand, #1b7f64)}.step-min .flow-val{color:var(--color-danger, #dc3545)}.flow-arrow{display:flex;align-items:center;color:var(--color-text-tertiary, #8b92a0)}.form-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 700px){.form-fields-grid{grid-template-columns:1fr}}.form-col,.field-group{display:flex;flex-direction:column;gap:.4rem}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:700;color:var(--color-text-primary, #1a1d26)}.field-hint{font-size:.74rem;font-weight:500;color:var(--color-text-tertiary, #8b92a0)}.field-input,.field-textarea{width:100%;padding:.7rem .95rem;background:var(--color-surface, #ffffff);border:1.5px solid var(--color-border, #e2e5eb);border-radius:var(--radius-lg, 12px);color:var(--color-text-primary, #1a1d26);font-size:.88rem;transition:all var(--transition-fast, .15s ease)}.field-input:focus,.field-textarea:focus{outline:none;border-color:var(--color-brand, #1b7f64);box-shadow:0 0 0 3.5px #1b7f641f}.field-subtext{font-size:.75rem;color:var(--color-text-secondary, #5a6070);margin:.2rem 0 0;line-height:1.4}.input-affix-group{display:flex;align-items:stretch;gap:.5rem}.input-affix-group .field-input{flex:1}.affix-btn{display:inline-flex;align-items:center;gap:.35rem;padding:0 1rem;background:var(--color-bg-secondary, #f7f8fa);border:1.5px solid var(--color-border, #e2e5eb);border-radius:var(--radius-lg, 12px);color:var(--color-text-primary, #1a1d26);font-size:.8rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all var(--transition-fast, .15s ease);white-space:nowrap}.affix-btn:hover{background:var(--color-brand-subtle, #e8f5f0);color:var(--color-brand, #1b7f64);border-color:var(--color-brand, #1b7f64)}.field-badge-line{display:flex;align-items:center;gap:.6rem;margin-top:.25rem}.micro-badge{font-size:.7rem;font-weight:600;color:var(--color-text-tertiary, #8b92a0);background:var(--color-bg-secondary, #f7f8fa);padding:.15rem .5rem;border-radius:4px}.toggles-cluster{display:flex;flex-direction:column;gap:.85rem;padding-top:.5rem}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.15rem 1.4rem;background:var(--color-bg-secondary, #f7f8fa);border:1.5px solid var(--color-border, #e2e5eb);border-radius:var(--radius-xl, 16px);transition:all var(--transition-fast, .15s ease)}.switch-active-danger{background:var(--color-danger-subtle, #fdf0f0);border-color:#dc35454d}.switch-text-block{display:flex;flex-direction:column;gap:.25rem;flex:1}.switch-title-wrap{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.switch-title{font-size:.92rem;font-weight:800;color:var(--color-text-primary, #1a1d26)}.pill-lock-badge{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--color-danger, #dc3545);color:#fff;padding:.15rem .5rem;border-radius:4px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--color-brand, #1b7f64);box-shadow:0 0 0 2px #1b7f6440}.status-dot.offline{background:var(--color-text-tertiary, #8b92a0)}.switch-desc{font-size:.78rem;color:var(--color-text-secondary, #5a6070);margin:0;line-height:1.4}.modern-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.modern-switch input{opacity:0;width:0;height:0}.modern-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border, #cbd5e1);transition:.22s cubic-bezier(.4,0,.2,1);border-radius:34px}.modern-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.22s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #00000026}.modern-switch input:checked+.modern-slider{background-color:var(--color-brand, #1b7f64)}.switch-active-danger .modern-switch input:checked+.modern-slider{background-color:var(--color-danger, #dc3545)}.modern-switch input:checked+.modern-slider:before{transform:translate(22px)}.label-with-presets{display:flex;align-items:center;justify-content:space-between}.preset-chips-cluster{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.4rem;margin-bottom:.6rem}.preset-chip-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-bg-secondary, #f7f8fa);border:1px solid var(--color-border, #e2e5eb);border-radius:var(--radius-full, 9999px);padding:.25rem .65rem;font-size:.72rem;font-weight:600;color:var(--color-text-secondary, #5a6070);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.preset-chip-btn:hover{background:var(--color-brand-subtle, #e8f5f0);color:var(--color-brand, #1b7f64);border-color:var(--color-brand, #1b7f64);transform:translateY(-1px)}.deploy-dock-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--color-surface, #ffffff);border:1.5px solid var(--color-brand, #1b7f64);border-radius:var(--radius-xl, 16px);padding:1.25rem 1.6rem;box-shadow:0 6px 24px #1b7f641f;flex-wrap:wrap}.deploy-dock-info{display:flex;align-items:center;gap:.85rem;flex:1;min-width:250px}.deploy-dock-info strong{display:block;font-size:.92rem;color:var(--color-text-primary, #1a1d26)}.deploy-dock-info p{font-size:.78rem;color:var(--color-text-secondary, #5a6070);margin:0;line-height:1.35}.deploy-dock-btns{display:flex;align-items:center;gap:.75rem}.btn-dock-secondary{padding:.6rem 1.15rem;border-radius:var(--radius-lg, 12px);background:var(--color-bg-secondary, #f7f8fa);border:1px solid var(--color-border, #e2e5eb);color:var(--color-text-secondary, #5a6070);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.btn-dock-secondary:hover:not(:disabled){background:var(--color-bg-tertiary, #eef0f4);color:var(--color-text-primary, #1a1d26)}.btn-dock-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:var(--radius-lg, 12px);background:var(--color-brand, #1b7f64);border:none;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #1b7f644d;transition:all var(--transition-fast, .15s ease)}.btn-dock-primary:hover:not(:disabled){background:var(--color-brand-hover, #166b54);transform:translateY(-1px);box-shadow:0 6px 18px #1b7f6461}.release-preview-pane{display:flex;flex-direction:column}.preview-sticky-wrap{position:sticky;top:90px;display:flex;flex-direction:column;align-items:center}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:360px;margin-bottom:.9rem}.toolbar-title{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:var(--color-text-primary, #1a1d26)}.toolbar-segmented{display:inline-flex;background:var(--color-bg-secondary, #f7f8fa);border:1px solid var(--color-border, #e2e5eb);border-radius:var(--radius-md, 8px);padding:2px}.segment-btn{padding:.25rem .6rem;border:none;background:transparent;color:var(--color-text-secondary, #5a6070);font-size:.72rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.segment-btn.active{background:var(--color-surface, #ffffff);color:var(--color-brand, #1b7f64);box-shadow:0 1px 3px #00000014}.flagship-phone-shell{width:100%;max-width:360px;background:#0f172a;border-radius:46px;padding:12px;border:4px solid #334155;box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #ffffff14;position:relative;overflow:hidden}.phone-dynamic-island{position:absolute;top:18px;left:50%;transform:translate(-50%);width:110px;height:24px;background:#000;border-radius:20px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.camera-lens{width:10px;height:10px;border-radius:50%;background:#1e293b;box-shadow:inset 0 0 2px #38bdf8}.speaker-sensor{width:40px;height:4px;background:#1e293b;border-radius:2px}.phone-os-statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 6px;color:#fff;font-size:.75rem;font-weight:700;font-family:-apple-system,system-ui,sans-serif;z-index:40;position:relative}.os-icons{display:flex;align-items:center;gap:5px}.mock-app-canvas{background:#0f2720;border-radius:36px;overflow:hidden;position:relative;min-height:580px;display:flex;flex-direction:column}.mock-bg-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;opacity:.25}.mock-bg-logo{font-weight:900;letter-spacing:.12em;color:#fff;font-size:.85rem}.mock-bg-avatar{width:26px;height:26px;border-radius:50%;background:#fff}.mock-bg-card{margin:0 16px 12px;background:#ffffff14;border-radius:14px;padding:14px;opacity:.25}.mock-bg-card-sub{font-size:.65rem;color:#cbd5e1}.mock-bg-card-amt{font-size:1.25rem;font-weight:800;color:#fff}.mock-bg-orders{margin:0 16px;opacity:.25;display:flex;flex-direction:column;gap:8px}.mock-bg-line{height:38px;background:#ffffff0f;border-radius:10px}.mock-bg-line.short{width:70%}.modal-dialog-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:#061914d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px 14px;z-index:30}.modal-native-card{width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0006;border:1px solid rgba(255,255,255,.8);display:flex;flex-direction:column;animation:popInModal .25s cubic-bezier(.34,1.56,.64,1)}@keyframes popInModal{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.dialog-hero-banner{padding:16px 14px 12px;text-align:center;display:flex;flex-direction:column;align-items:center}.banner-flexible{background:linear-gradient(180deg,#ecfdf5,#f0fdf4);border-bottom:1px solid #d1fae5}.banner-mandatory{background:linear-gradient(180deg,#fffbeb,#fef3c7);border-bottom:1px solid #fde68a}.dialog-halo-icon{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:6px;box-shadow:0 4px 10px #00000014}.dialog-banner-kicker{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.banner-flexible .dialog-banner-kicker{color:#047857}.banner-mandatory .dialog-banner-kicker{color:#b45309}.dialog-banner-headline{font-size:.98rem;font-weight:800;color:#0f172a;margin:0}.dialog-scroll-body{padding:14px;display:flex;flex-direction:column;gap:10px}.dialog-version-pill-row{display:flex;align-items:center;justify-content:center;gap:8px}.version-pill-installed{background:#f1f5f9;border-radius:8px;padding:3px 8px;text-align:center}.version-pill-latest{background:#dcfce7;border:1px solid #86efac;border-radius:8px;padding:3px 8px;text-align:center}.pill-small-tag{display:block;font-size:.6rem;color:#64748b;font-weight:600}.version-pill-installed strong{font-size:.75rem;color:#334155}.version-pill-latest strong{font-size:.75rem;color:#15803d}.version-pill-divider{color:#94a3b8}.dialog-body-copy{font-size:.74rem;color:#475569;line-height:1.4;text-align:center;margin:0}.dialog-features-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px}.features-card-title{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;color:#0f172a;margin-bottom:5px}.features-bullet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.features-bullet-list li{display:flex;align-items:flex-start;gap:5px;font-size:.67rem;color:#475569;line-height:1.3}.bullet-dot{width:4px;height:4px;border-radius:50%;background:#047857;margin-top:5px;flex-shrink:0}.dialog-halal-seal{display:flex;align-items:center;justify-content:center;gap:5px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:4px 8px;font-size:.64rem;font-weight:700;color:#065f46}.dialog-cta-cluster{display:flex;flex-direction:column;gap:6px;margin-top:4px}.dialog-btn-primary{display:flex;align-items:center;justify-content:center;gap:7px;background:#000;color:#fff;border-radius:12px;padding:9px;text-decoration:none;font-size:.78rem;font-weight:700;box-shadow:0 4px 12px #00000040;transition:transform .15s ease}.dialog-btn-primary:hover{transform:translateY(-1px)}.gp-vector{width:16px;height:16px}.dialog-btn-dismiss{border:none;background:transparent;color:#64748b;font-size:.72rem;font-weight:600;cursor:pointer;padding:4px;text-align:center}.phone-home-indicator{width:120px;height:4px;background:#fff6;border-radius:2px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.preview-footnote{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:.74rem;color:var(--color-text-tertiary, #8b92a0);text-align:center}[data-theme=dark] .release-header-panel,[data-theme=dark] .metric-glass-card,[data-theme=dark] .control-section-card,[data-theme=dark] .deploy-dock-bar{background:var(--color-surface, #1a1d24);border-color:var(--color-border, #2e323b)}[data-theme=dark] .control-section-header,[data-theme=dark] .version-flow-visual,[data-theme=dark] .switch-row,[data-theme=dark] .btn-action-glass,[data-theme=dark] .last-sync-tag,[data-theme=dark] .preset-chip-btn,[data-theme=dark] .btn-dock-secondary,[data-theme=dark] .toolbar-segmented,[data-theme=dark] .affix-btn,[data-theme=dark] .field-input,[data-theme=dark] .field-textarea{background:var(--color-bg-secondary, #111318);border-color:var(--color-border, #2e323b);color:var(--color-text-primary, #f0f1f4)}[data-theme=dark] .field-input:focus,[data-theme=dark] .field-textarea:focus{border-color:var(--color-brand, #2ecc9b);box-shadow:0 0 0 3px #2ecc9b26}[data-theme=dark] .sync-callout-card{background:linear-gradient(135deg,#2ecc9b1a,#1e3a304d);border-color:var(--color-brand, #2ecc9b)}[data-theme=dark] .sync-callout-text code{background:var(--color-bg-secondary, #111318);border-color:var(--color-border, #2e323b);color:#f0f1f4}[data-theme=dark] .switch-active-danger{background:#f871711f;border-color:#f871714d}[data-theme=dark] .icon-subtle{background:var(--color-bg-tertiary, #24272f)}: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: 1000;--z-modal: 10000;--z-modal-elevated: 10100;--z-modal-top: 10200;--z-toast: 99999;--z-tooltip: 100000}[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)}.btn-spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%;animation:btnSpinnerRotate .65s linear infinite;display:inline-block;vertical-align:middle;flex-shrink:0}.btn-spinner-sm.danger{border-color:#ef444440;border-top-color:#ef4444}@keyframes btnSpinnerRotate{to{transform:rotate(360deg)}}*,*: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)}}