@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#f5f7fa;--surface:#fff;--border:#e8edf5;--navy:#0f1c35;--text-second:#5a6a85;--text-muted:#a0aebf;--accent:#10b981;--accent-light:#34d399;--accent-dark:#059669;--accent-glow:#10b9811a;--blue:#3a7fd5;--blue-bg:#3a7fd51a;--danger:#ef4444;--danger-bg:#ef44441a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--purple:#8b5cf6;--purple-bg:#8b5cf61a;--muted:#64748b;--muted-bg:#64748b14}body{background-color:var(--bg);color:var(--navy);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-second)}.login-page{background:linear-gradient(135deg,#eef3ff,#f5f7fa,#fff);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}body.rtl .signin-btn span:last-child{display:inline-block;transform:rotate(180deg)}body.rtl .register-link{margin-left:0;margin-right:5px}.lang-btn-container{z-index:100;position:absolute;top:20px;right:20px}body.rtl .lang-btn-container{left:20px;right:auto}.lang-btn{cursor:pointer;background:#fff;border:1px solid #e8edf5;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000d}.lang-btn:hover{border-color:#3a7fd5;transform:translateY(-1px)}.lang-btn-icon{font-size:16px}.lang-btn-text{color:#3a7fd5;font-size:13px;font-weight:600}.login-container{z-index:1;width:100%;max-width:460px;padding:24px}.login-header{text-align:center;margin-bottom:28px}.login-card{background:#fff;border:1px solid #e8edf5;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0f1c3514}.login-title{color:#0f1c35;margin:0 0 4px;font-size:22px;font-weight:700}.login-subtitle{color:#5a6a85;margin:0 0 24px;font-size:13px}.signin-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3a7fd5,#5b9fef);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #3a7fd54d}.signin-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.signin-btn:active:not(:disabled){transform:scale(.98)}.signin-btn.loading,.signin-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.register-row{text-align:center}.register-link{color:#3a7fd5;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.lang-modal-overlay{z-index:1000;background:#0f1c3566;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lang-modal-title{color:#0f1c35;margin:0;font-size:18px;font-weight:700}.lang-modal-close{cursor:pointer;background:#f5f7fa;border:none;border-radius:10px;width:36px;height:36px;font-size:18px}.lang-changing-row{background:#3a7fd514;border-radius:12px;align-items:center;gap:10px;margin:0 24px 12px;padding:12px 24px;display:flex}.lang-option{cursor:pointer;background:#f5f7fa;border:1.5px solid #e8edf5;border-radius:14px;justify-content:space-between;align-items:center;margin:0 12px 8px;padding:14px 24px;transition:all .2s;display:flex}.lang-option:hover{border-color:#3a7fd5}.lang-option.active{background:#3a7fd514;border-color:#3a7fd5}.lang-check{color:#3a7fd5;font-size:18px}.lang-cancel-btn{color:#5a6a85;cursor:pointer;background:#f5f7fa;border:1.5px solid #e8edf5;border-radius:14px;flex:1;padding:14px;font-size:15px;font-weight:600}.lang-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3a7fd5,#5b9fef);border:none;border-radius:14px;flex:2;padding:14px;font-size:15px;font-weight:700}.no-account{color:#6b7280;font-size:13px}.customer-register-row{text-align:center;margin-top:12px}.customer-text{color:#5a6a85;font-size:12px}.customer-register-link{color:#10b981;font-size:12px;font-weight:600;text-decoration:none}.customer-register-link:hover{text-decoration:underline}.register-link{color:var(--moss,#2d6a4f);cursor:pointer;z-index:10;background:0 0;border:none;padding:4px 8px;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.register-link:hover{color:var(--sage,#40916c);text-decoration:underline}.forgot-password-row{text-align:right;margin-top:-5px;margin-bottom:20px}body.rtl .forgot-password-row{text-align:left}.forgot-password-link{color:#3a7fd5;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#2e86c1;text-decoration:underline}.register-row{z-index:5;justify-content:center;align-items:center;gap:4px;margin-top:16px;display:flex;position:relative}.global-loading-overlay{z-index:2000;background:#f5f7faf2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.global-loading-spinner{border:3px solid #e8edf5;border-top-color:#3a7fd5;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:.8s linear infinite spin}.global-loading-text{color:#3a7fd5;font-size:14px;font-weight:500}@media (width<=480px){.login-card{padding:24px}.logo-circle{width:60px;height:60px}.logo-image{width:36px;height:36px}.logo-ring{width:80px;height:80px}}:root{--c-void:#01060f;--c-abyss:#030b18;--c-deep:#061224;--c-navy:#0a1e3d;--c-steel:#112952;--c-slate:#1c3e72;--c-blue:#1d6feb;--c-blue-l:#4c96ff;--c-blue-ll:#8bbfff;--c-blue-glow:#1d6feb2e;--c-blue-rim:#1d6feb59;--c-emerald:#00c9a7;--c-emerald-d:#009e83;--c-gold:#f0a500;--c-gold-l:#ffd166;--c-crimson:#ff4757;--c-crimson-d:#cc1f30;--c-violet:#7c3aed;--c-surface:#fff;--c-surf-50:#f4f7ff;--c-surf-100:#e8eeff;--c-surf-200:#d0dcff;--c-border:#dde5f7;--c-border-2:#c8d6f0;--c-ink:#07142a;--c-ink-2:#2c4170;--c-ink-3:#647da0;--c-ink-4:#98afcc;--f-display:"Bebas Neue", "Space Grotesk", sans-serif;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", "Fira Code", monospace;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-full:9999px;--sh-xs:0 1px 3px #07142a0f, 0 1px 2px #07142a0a;--sh-sm:0 2px 8px #07142a14, 0 1px 3px #07142a0d;--sh-md:0 6px 24px #07142a1a, 0 2px 8px #07142a0f;--sh-lg:0 16px 48px #07142a21, 0 4px 16px #07142a12;--sh-xl:0 32px 80px #07142a2e, 0 8px 24px #07142a1a;--sh-blue:0 8px 32px #1d6feb38, 0 2px 8px #1d6feb24;--sh-dark:0 20px 60px #00000073, 0 4px 16px #00000040;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--t-fast:.15s var(--ease);--t-base:.22s var(--ease);--t-slow:.38s var(--ease-out)}.num,.stat-value,.kpi-value,.kpi-value *,.fin-block-value,.fin-total-val,.vq-value,.alerts-count,.site-sum-value,.perf-strip-value,.spc-pnl-val,.person-amount,.ring-label,.mobile-stat-value,.loading-progress-text,.perf-strip-value,.spc-pnl-val{font-size-adjust:.5;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;vertical-align:baseline;display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1, "ss01" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.stat-value:before,.kpi-value:before{font-family:var(--f-mono);font-feature-settings:"tnum" 1}body{font-family:var(--f-body);background:var(--c-surf-50);color:var(--c-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.rc-dashboard{background:var(--c-surf-50);min-height:100vh;position:relative;overflow-x:hidden}.bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#1d6feb06 1px,#0000 1px),linear-gradient(90deg,#1d6feb06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;overflow:hidden}.mesh-orb{filter:blur(100px);border-radius:50%;animation:18s ease-in-out infinite orb-drift;position:absolute}.mesh-orb-1{background:radial-gradient(circle,#1d6feb12,#0000 70%);width:800px;height:800px;animation-delay:0s;top:-300px;right:-200px}.mesh-orb-2{background:radial-gradient(circle,#00c9a70d,#0000 70%);width:600px;height:600px;animation-delay:-6s;bottom:0;left:-150px}.mesh-orb-3{background:radial-gradient(circle,#7c3aed0a,#0000 70%);width:500px;height:500px;animation-delay:-12s;top:40%;left:35%}@keyframes orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(35px,-35px)scale(1.04)}66%{transform:translate(-25px,20px)scale(.97)}}.loading-screen{background:var(--c-void);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex;position:relative;overflow:hidden}.loading-screen:before{content:"";background:radial-gradient(80% 50% at 50% -10%,#1d6feb26,#0000),radial-gradient(60% 40% at 80% 100%,#00c9a714,#0000);position:absolute;inset:0}.loading-logo{text-align:center;z-index:1;position:relative}.loading-pulse{filter:drop-shadow(0 0 24px #1d6feb80);margin-bottom:20px;font-size:52px;animation:2s ease-in-out infinite pulse-float;display:block}@keyframes pulse-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}.loading-logo h2{font-family:var(--f-head);color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:700}.loading-logo p{color:#fff6;font-size:14px}.loading-progress-container{z-index:1;align-items:center;gap:14px;width:320px;display:flex;position:relative}.loading-progress-bar{background:#ffffff14;border-radius:2px;flex:1;height:3px;overflow:hidden}.loading-progress-fill{background:linear-gradient(90deg, var(--c-blue), var(--c-blue-l));height:100%;transition:width .4s var(--ease-out);box-shadow:0 0 8px var(--c-blue);border-radius:2px}.loading-progress-text{color:var(--c-blue-l);text-align:right;min-width:36px;font-size:12px;font-weight:600;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important}.loading-bars{z-index:1;align-items:flex-end;gap:5px;height:32px;display:flex;position:relative}.loading-bar{background:linear-gradient(to top, var(--c-blue), var(--c-blue-l));border-radius:3px;width:6px;animation:1s ease-in-out infinite bar-wave}@keyframes bar-wave{0%,to{opacity:.35;height:10px}50%{opacity:1;height:32px}}.rc-navbar{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(200%);transition:background var(--t-base), box-shadow var(--t-base);background:#01060fd1;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.rc-navbar--scrolled{background:#01060ff5;box-shadow:0 1px #ffffff0a,0 8px 32px #0006}.navbar-inner{align-items:center;gap:28px;max-width:1520px;height:62px;margin:0 auto;padding:0 36px;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-icon{background:linear-gradient(135deg, var(--c-blue) 0%, #0a4fbf 100%);border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;box-shadow:0 2px 8px #1d6feb66}.brand-name{font-family:var(--f-head);color:#fff;letter-spacing:-.4px;font-size:14px;font-weight:700;line-height:1.1}.brand-tag{color:var(--c-blue-ll);letter-spacing:1px;text-transform:uppercase;margin-top:1px;font-size:9px;font-weight:500}.navbar-nav{flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--r-xs);color:#ffffff7a;font-family:var(--f-body);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;letter-spacing:.1px;background:0 0;border:none;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{color:#ffffffe0;background:#ffffff12;transform:translateY(-1px)}.nav-item--active{color:var(--c-blue-l);background:#1d6feb29;border:1px solid #1d6feb47}.nav-icon{font-size:14px}.navbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.live-badge{font-family:var(--f-body);color:var(--c-emerald);border-radius:var(--r-full);letter-spacing:.3px;background:#00c9a71a;border:1px solid #00c9a738;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.live-badge--offline{color:var(--c-crimson);background:#ff475714;border-color:#ff475738}.live-dot{background:var(--c-emerald);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite live-beat}.live-badge--offline .live-dot{background:var(--c-crimson);animation:none}@keyframes live-beat{0%,to{opacity:1;box-shadow:0 0 #00c9a780}50%{opacity:.7;box-shadow:0 0 0 4px #00c9a700}}.nav-action-btn{cursor:pointer;width:36px;height:36px;transition:all var(--t-fast);color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.nav-action-btn:hover{background:#ffffff1f;border-color:#ffffff29;transform:translateY(-1px)}.nav-badge{background:var(--c-crimson);color:#fff;min-width:17px;height:17px;font-family:var(--f-mono);border:2px solid var(--c-void);font-feature-settings:"tnum" 1;border-radius:9px;justify-content:center;align-items:center;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.nav-badge--pulse{animation:1.8s ease-in-out infinite badge-throb}@keyframes badge-throb{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.nav-avatar{background:linear-gradient(135deg, var(--c-blue) 0%, #5b2deb 100%);color:#fff;width:36px;height:36px;font-family:var(--f-head);cursor:pointer;transition:all var(--t-fast);letter-spacing:-.5px;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.nav-avatar:hover{box-shadow:var(--sh-blue);transform:translateY(-1px)}.mobile-menu-btn{cursor:pointer;color:#fffc;width:36px;height:36px;transition:all var(--t-fast);background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:none}.mobile-menu-btn:hover{background:#ffffff1f}.mobile-menu-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000a6;animation:.2s fadeIn;position:fixed;inset:0}.mobile-menu{background:var(--c-abyss);z-index:201;width:290px;animation:slide-in-right .28s var(--ease-out);border-left:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-close{color:#fff9;cursor:pointer;width:30px;height:30px;transition:all var(--t-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;font-size:14px}.mobile-menu-close:hover{color:var(--c-crimson);background:#ff475726}.mobile-menu-stats{background:#ffffff05;border-bottom:1px solid #ffffff12;gap:0;padding:16px 20px;display:flex}.mobile-stat{text-align:center;border-right:1px solid #ffffff12;flex:1;padding:0 8px}.mobile-stat:last-child{border-right:none}.mobile-stat-label{color:#ffffff61;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;font-size:9px;font-weight:600;display:block}.mobile-stat-value{color:#fff;font-size:18px;font-weight:700;line-height:1;display:block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important}.mobile-menu-nav{flex:1;padding:12px 0;overflow-y:auto}.mobile-nav-item{color:#ffffff9e;width:100%;font-family:var(--f-body);cursor:pointer;transition:all var(--t-fast);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:13px 20px;font-size:14px;font-weight:500;display:flex}.mobile-nav-item:hover{color:#fff;background:#1d6feb14;padding-left:24px}.mobile-menu-footer{border-top:1px solid #ffffff12;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.mobile-logout{color:#fca5a5;cursor:pointer;transition:all var(--t-fast);font-size:13px;font-weight:600;font-family:var(--f-body);background:#ff475712;border:1px solid #ff475740;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px;display:flex}.mobile-logout:hover{background:#ff475724}.rc-hero{background:radial-gradient(ellipse 100% 80% at 70% 0%, #1d6feb38 0%, transparent 60%), radial-gradient(ellipse 50% 60% at 0% 50%, #00c9a714 0%, transparent 60%), linear-gradient(170deg, var(--c-void) 0%, var(--c-abyss) 30%, var(--c-deep) 60%, #0b1e47 90%, var(--c-navy) 100%);z-index:1;padding:48px 0 64px;position:relative;overflow:hidden}.rc-hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.rc-hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--c-surf-50));height:80px;position:absolute;bottom:0;left:0;right:0}.hero-inner{z-index:1;flex-wrap:wrap;align-items:center;gap:40px;max-width:1520px;margin:0 auto;padding:0 36px;display:flex;position:relative}.hero-left{flex-shrink:0;min-width:200px}.hero-greeting{color:#ffffff6b;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:500}.hero-name{font-family:var(--f-head);color:#fff;letter-spacing:-1.5px;text-shadow:0 2px 20px #1d6feb4d;margin-bottom:12px;font-size:42px;font-weight:700;line-height:1.05}.hero-date{color:#ffffff59;letter-spacing:.3px;font-size:12px;font-weight:400}.hero-kpis{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff17;flex:1;grid-template-columns:repeat(5,1fr);align-items:stretch;min-width:0;display:grid;overflow:hidden}.hero-kpi{transition:background var(--t-base);border-right:1px solid #ffffff12;padding:20px 22px;position:relative}.hero-kpi:last-child{border-right:none}.hero-kpi:hover{background:#ffffff08}.kpi-sep{display:none}.kpi-label{color:#ffffff61;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:9px;font-weight:700;display:block}.kpi-value{letter-spacing:-.5px;margin-top:0;margin-bottom:5px;padding:0;font-size:24px;font-weight:700;display:block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.kpi-sub{color:#ffffff59;font-size:10px;line-height:1.3;display:block}.kpi-bar{background:#ffffff1a;border-radius:1px;height:2px;margin-top:8px;overflow:hidden}.kpi-bar-fill{height:100%;transition:width 1.2s var(--ease-out);border-radius:1px}.rc-main{z-index:1;flex-direction:column;gap:32px;max-width:1520px;margin:0 auto;padding:32px 36px 80px;display:flex;position:relative}.rc-section{width:100%}.rc-card{background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border);box-shadow:var(--sh-sm);transition:box-shadow var(--t-base), transform var(--t-base);padding:24px}.rc-card:hover{box-shadow:var(--sh-md)}.rc-card-dark{background:radial-gradient(ellipse 80% 60% at 20% 0%, #1d6feb1f 0%, transparent 60%), linear-gradient(170deg, var(--c-void) 0%, var(--c-abyss) 40%, var(--c-deep) 80%, var(--c-navy) 100%);border-radius:var(--r-md);box-shadow:var(--sh-dark);border:1px solid #ffffff12;padding:24px;position:relative;overflow:hidden}.financial-noise{opacity:.028;pointer-events:none;border-radius:var(--r-md);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-head-left{align-items:center;gap:10px;display:flex}.section-head-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.section-icon{background:var(--c-surf-100);border-radius:var(--r-xs);border:1px solid var(--c-border);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.section-title{font-family:var(--f-head);color:var(--c-ink);letter-spacing:-.3px;font-size:15px;font-weight:700}.site-filter-chips{gap:6px;display:flex}.filter-chip{border-radius:var(--r-full);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-ink-3);cursor:pointer;transition:all var(--t-fast);font-size:11px;font-weight:600;font-family:var(--f-body);padding:5px 12px}.filter-chip:hover{border-color:var(--c-blue);color:var(--c-blue);background:var(--c-blue-glow)}.filter-chip--active{border-color:var(--c-blue-rim);color:var(--c-blue);background:#1d6feb14}.filter-chip--green.filter-chip--active{color:var(--c-emerald-d);background:#00c9a714;border-color:#00c9a74d}.filter-chip--red.filter-chip--active{color:var(--c-crimson);background:#ff475712;border-color:#ff475740}.see-all-btn{border:1px solid var(--c-border-2);border-radius:var(--r-xs);color:var(--c-blue);cursor:pointer;transition:all var(--t-fast);font-size:12px;font-weight:600;font-family:var(--f-body);letter-spacing:.1px;background:0 0;padding:5px 12px}.see-all-btn:hover{background:var(--c-blue-glow);border-color:var(--c-blue-rim);transform:translate(2px)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.compact-stat-card{background:var(--c-surface);border-radius:var(--r-md);text-align:center;box-shadow:var(--sh-md);cursor:pointer;transition:transform var(--t-base), box-shadow var(--t-base);border:1px solid;flex-direction:column;align-items:center;padding:22px 20px 20px;display:flex;position:relative;overflow:hidden}.compact-stat-card:hover{box-shadow:var(--sh-xl);transform:translateY(-5px)}.stat-glow{filter:blur(28px);opacity:.1;pointer-events:none;border-radius:50%;width:140px;height:70px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.stat-top-bar{height:2px;position:absolute;top:0;left:0;right:0}.stat-icon-wrap{border:1px solid #0000000a;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin:12px auto 14px;display:flex}.stat-icon-emoji{font-size:22px}.stat-value{letter-spacing:0;text-align:center;width:100%;min-height:36px;margin-bottom:0;font-size:36px;font-weight:700;display:block;position:relative;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.stat-value-pulse{vertical-align:middle;background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:2px;animation:.8s ease-in-out infinite dot-blink;display:inline-block;position:relative;top:-2px}@keyframes dot-blink{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.stat-label{color:var(--c-ink-3);letter-spacing:.4px;text-transform:uppercase;margin-top:8px;font-size:10px;font-weight:600;display:block}.qa-card{padding:22px 24px 26px}.qa-grid{flex-wrap:wrap;gap:12px;display:flex}.qa-chip{cursor:pointer;border-radius:var(--r-sm);transition:transform var(--t-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:6px;display:flex}.qa-chip:hover{transform:translateY(-5px)}.qa-chip:hover .qa-icon-wrap{border-color:color-mix(in srgb, var(--qa-color) 40%, transparent);box-shadow:0 8px 20px color-mix(in srgb, var(--qa-color) 20%, transparent)}.qa-icon-wrap{background:var(--c-surf-100);border:1px solid var(--c-border);width:60px;height:60px;transition:all var(--t-base);border-radius:16px;justify-content:center;align-items:center;font-size:26px;display:flex;position:relative;overflow:hidden}.qa-bg-glow{background:var(--qa-color);opacity:0;transition:opacity var(--t-base);border-radius:inherit;position:absolute;inset:0}.qa-chip:hover .qa-bg-glow{opacity:.09}.qa-label{color:var(--qa-color);letter-spacing:.2px;font-size:10px;font-weight:700;font-family:var(--f-body)}.fin-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.fin-eyebrow{color:#ffffff61;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:600}.fin-title{font-family:var(--f-head);color:#fff;letter-spacing:-.4px;font-size:17px;font-weight:700}.fin-eye-btn{border-radius:var(--r-xs);color:#fff9;font-family:var(--f-body);cursor:pointer;transition:all var(--t-fast);background:#ffffff12;border:1px solid #ffffff1a;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:600;display:flex}.fin-eye-btn:hover{color:#ffffffe6;background:#ffffff1f}.fin-profit-row{border-radius:var(--r-sm);background:#ffffff0d;border:1px solid #ffffff12;align-items:stretch;gap:0;margin-bottom:18px;padding:18px 20px;display:flex}.fin-block{flex:1}.fin-block-label{color:#ffffff61;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:9px;font-weight:700;display:block}.fin-block-value{letter-spacing:0;min-height:22px;margin-bottom:6px;font-size:22px;font-weight:700;display:block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.fin-block-sub{color:#ffffff59;font-size:10px}.fin-margin-pill{font-family:var(--f-body);border-radius:var(--r-full);align-items:center;margin-top:8px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.fin-vline{background:#ffffff14;flex-shrink:0;width:1px;margin:0 20px}.fin-expense-list{border-top:1px solid #ffffff0f;padding-top:14px}.fin-expense-item{color:#ffffff9e;font-size:13px;font-family:var(--f-body);border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.fin-expense-item:last-of-type{border-bottom:none}.fin-expense-left{align-items:center;gap:10px;display:flex}.fin-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.fin-expense-total{font-family:var(--f-body);color:#fffc;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:6px;padding-top:13px;font-size:13px;font-weight:700;display:flex}.fin-total-val{color:var(--c-gold-l);font-size:17px;font-weight:700;display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important;font-variant-numeric:tabular-nums!important;line-height:1!important}.site-summary-col{flex-direction:column;gap:14px;display:flex}.site-summary-card{cursor:pointer;transition:all var(--t-base);border-left:3px solid var(--c-blue);align-items:center;gap:16px;padding:20px 22px;display:flex}.site-summary-card:hover{box-shadow:var(--sh-lg);transform:translateY(-2px)}.site-sum-icon{flex-shrink:0;font-size:26px}.site-sum-content{flex:1;min-width:0}.site-sum-label{color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:10px;font-weight:700}.site-sum-value{color:var(--c-blue);letter-spacing:0;margin-bottom:4px;font-size:28px;font-weight:700;display:block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important;line-height:1!important}.site-sum-sub{color:var(--c-ink-3);font-size:11px}.site-sum-ring{flex-shrink:0;width:54px;height:54px;position:relative}.ring-svg{width:54px;height:54px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--c-surf-200);stroke-width:5px}.ring-fill{fill:none;stroke:var(--c-blue);stroke-width:5px;stroke-linecap:round;stroke-dasharray:138.23;transition:stroke-dashoffset 1.4s var(--ease-out)}.ring-label{color:var(--c-blue);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important;line-height:1!important}.alerts-card{cursor:pointer;transition:all var(--t-base);border-left:3px solid var(--c-crimson);align-items:center;gap:14px;padding:18px 22px;display:flex}.alerts-card:hover{box-shadow:var(--sh-lg);transform:translateY(-2px)}.alerts-icon-wrap{background:#ff475712;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.alerts-count{letter-spacing:0;margin-bottom:3px;font-size:30px;font-weight:700;display:block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important;line-height:1!important}.alerts-label{color:var(--c-ink-2);font-size:13px;font-weight:600}.alerts-sub{color:var(--c-ink-3);margin-top:2px;font-size:11px}.alerts-arrow{color:var(--c-ink-4);transition:transform var(--t-fast);margin-left:auto;font-size:16px}.alerts-card:hover .alerts-arrow{color:var(--c-crimson);transform:translate(5px)}.vouchers-quick-card{cursor:pointer;transition:all var(--t-base);border-left:3px solid var(--c-gold);justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.vouchers-quick-card:hover{box-shadow:var(--sh-lg);transform:translateY(-2px)}.vq-left{align-items:center;gap:13px;display:flex}.vq-icon{background:#f0a50014;border-radius:13px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.vq-label{color:var(--c-ink-2);font-size:13px;font-weight:600}.vq-sub{color:var(--c-ink-3);margin-top:2px;font-size:11px}.vq-value{color:var(--c-gold);letter-spacing:0;font-size:30px;font-weight:700;display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important;line-height:1!important}.perf-strip{background:var(--c-surf-50);border:1px solid var(--c-border);border-radius:var(--r-sm);align-items:center;margin-bottom:20px;padding:14px 22px;display:flex}.perf-strip-item{text-align:center;flex:1}.perf-strip-label{color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.perf-strip-value{font-size:15px;font-weight:700;display:block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important;line-height:1!important}.perf-strip-sep{background:var(--c-border);width:1px;height:30px;margin:0 8px}.site-cards-scroll{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--c-surf-200) transparent;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.site-cards-scroll::-webkit-scrollbar{height:3px}.site-cards-scroll::-webkit-scrollbar-track{background:0 0}.site-cards-scroll::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}.site-perf-card{background:var(--c-surface);border-radius:var(--r-md);border:1.5px solid var(--border-color,var(--c-border));cursor:pointer;scroll-snap-align:start;min-width:230px;max-width:250px;transition:all var(--t-base);flex-shrink:0;padding:14px;animation:.4s forwards fade-up;position:relative;overflow:hidden}.site-perf-card:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}.spc-accent{height:3px;position:absolute;top:0;left:0;right:0}.spc-rank{width:26px;height:26px;font-family:var(--f-head);border-radius:8px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;top:11px;right:11px}.spc-name{font-family:var(--f-head);color:var(--c-ink);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin:13px 0 9px;padding-right:28px;font-size:13px;font-weight:700;overflow:hidden}.spc-pnl{align-items:center;gap:7px;margin-bottom:7px;display:flex}.spc-pnl-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.spc-pnl-val{font-size:16px;font-weight:700;display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important;line-height:1!important}.spc-margin{border-radius:var(--r-full);font-size:9px;font-weight:700;font-family:var(--f-body);border:1px solid;align-items:center;margin-bottom:11px;padding:2px 8px;display:inline-flex}.spc-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.spc-row-label{color:var(--c-ink-3);font-size:10px}.spc-bar{background:var(--c-surf-100);border-radius:2px;height:4px;margin-bottom:7px;overflow:hidden}.spc-bar-fill{border-radius:2px;height:100%}.spc-exp-stack{border-radius:2px;height:100%;display:flex;overflow:hidden}.spc-breakdown{flex-wrap:wrap;gap:8px;margin:3px 0 8px;display:flex}.spc-b-item{color:var(--c-ink-3);font-size:9px;font-family:var(--f-body);align-items:center;gap:4px;display:flex}.spc-b-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.spc-footer{border-top:1px solid var(--c-border);color:var(--c-ink-4);font-size:10px;font-family:var(--f-body);justify-content:space-between;align-items:center;padding-top:9px;display:flex}.spc-view-btn{border-radius:var(--r-full);cursor:pointer;transition:all var(--t-fast);border:1px solid;align-items:center;gap:3px;padding:3px 9px;font-size:9px;font-weight:700;display:flex}.spc-view-btn:hover{transform:translate(3px)}.person-card{padding:6px 22px}.person-row{border-bottom:1px solid var(--c-border);cursor:pointer;transition:all var(--t-fast);align-items:center;gap:13px;padding:13px 0;display:flex}.person-row:last-child{border-bottom:none}.person-row:hover{background:var(--c-surf-50);border-radius:var(--r-xs);border-bottom-color:#0000;margin:0 -8px;padding-left:8px;padding-right:8px}.person-avatar{width:42px;height:42px;font-family:var(--f-head);border:1px solid #0000000a;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.person-info{flex:1;min-width:0}.person-name{color:var(--c-ink);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.1px;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.person-sub{color:var(--c-ink-3);font-size:11px}.person-right{text-align:right;flex-shrink:0}.person-amount{letter-spacing:0;margin-bottom:5px;font-size:13px;font-weight:700;display:block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important;font-variant-numeric:tabular-nums!important;line-height:1!important}.person-badge{border-radius:var(--r-full);letter-spacing:.4px;text-transform:uppercase;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.person-badge--green{color:var(--c-emerald-d);background:#00c9a717}.person-badge--red{color:var(--c-crimson);background:#ff475714}.voucher-icon-box{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.activity-row-rc{border-bottom:1px solid var(--c-border);transition:all var(--t-fast);align-items:flex-start;gap:11px;padding:13px 0;display:flex}.activity-row-rc:last-child{border-bottom:none}.act-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.empty-state{text-align:center;padding:32px 20px}.empty-emoji{opacity:.5;margin-bottom:10px;font-size:36px}.empty-title{color:var(--c-ink-2);margin-bottom:4px;font-size:13px;font-weight:600}.empty-sub{color:var(--c-ink-3);margin-bottom:14px;font-size:12px}.inline-btn{border:1px solid var(--c-blue);color:var(--c-blue);border-radius:var(--r-xs);cursor:pointer;transition:all var(--t-fast);font-size:12px;font-weight:600;font-family:var(--f-body);background:0 0;padding:6px 14px}.inline-btn:hover{background:var(--c-blue-glow)}.rc-refresh-btn{background:var(--c-surface);border:1.5px dashed var(--c-border-2);border-radius:var(--r-md);width:100%;color:var(--c-ink-3);font-family:var(--f-body);cursor:pointer;transition:all var(--t-base);letter-spacing:.1px;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:13px;font-weight:600;display:flex}.rc-refresh-btn:hover:not(:disabled){background:var(--c-surf-50);border-color:var(--c-blue);color:var(--c-blue);border-style:solid;transform:none}.rc-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin-anim{to{transform:rotate(360deg)}}@keyframes lang-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lang-modal-title{font-family:var(--f-head);color:var(--c-ink);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.lang-modal-close{background:var(--c-surf-100);border:1px solid var(--c-border);cursor:pointer;width:34px;height:34px;transition:all var(--t-fast);border-radius:9px;justify-content:center;align-items:center;font-size:16px;display:flex}.lang-modal-close:hover{color:var(--c-crimson);background:#ff475714;border-color:#ff475733}.lang-option{border-radius:var(--r-sm);background:var(--c-surf-100);border:1.5px solid var(--c-border);cursor:pointer;transition:all var(--t-fast);justify-content:space-between;align-items:center;margin:4px 12px;padding:14px 22px;display:flex}.lang-label{color:var(--c-ink-2);font-size:15px;font-weight:500;font-family:var(--f-body)}.lang-modal-footer{border-top:1px solid var(--c-border);gap:12px;margin-top:8px;padding:18px 24px;display:flex}.lang-cancel-btn{border:1.5px solid var(--c-border-2);border-radius:var(--r-sm);background:var(--c-surf-100);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-fast);font-size:14px;font-weight:600;font-family:var(--f-body);flex:1;padding:13px}.lang-cancel-btn:hover{border-color:var(--c-crimson);color:var(--c-crimson)}.lang-apply-btn{background:linear-gradient(90deg, #1555ce, var(--c-blue));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-fast);font-size:14px;font-weight:700;font-family:var(--f-body);letter-spacing:.2px;border:none;flex:2;padding:13px}.lang-apply-btn:hover:not(:disabled){box-shadow:var(--sh-blue);transform:translateY(-1px)}.dashboard-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:40px;display:flex}.dashboard-error .error-icon{margin-bottom:8px;font-size:48px}.dashboard-error h3{font-family:var(--f-head);color:var(--c-ink);font-size:18px;font-weight:700}.dashboard-error p{color:var(--c-ink-3);font-size:14px}.dashboard-error button{background:var(--c-blue);color:#fff;border-radius:var(--r-sm);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--f-body);transition:all var(--t-fast);border:none;margin-top:8px;padding:11px 24px}.dashboard-error button:hover{background:var(--c-blue-l);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-bar{height:18px;animation:none}}body.rtl{text-align:right;direction:rtl}body.rtl .navbar-nav{margin-left:0;margin-right:auto}body.rtl .nav-item,body.rtl .section-head-left,body.rtl .site-filter-chips{flex-direction:row-reverse}body.rtl .alerts-arrow{transform:rotate(180deg)}body.rtl .alerts-card:hover .alerts-arrow{color:var(--c-crimson);transform:translate(-5px)rotate(180deg)}body.rtl .see-all-btn:hover{transform:translate(-2px)}body.rtl .person-row:hover{padding-left:0;padding-right:8px}body.rtl .person-right{text-align:left}body.rtl .spc-rank{left:11px;right:auto}body.rtl .spc-name{padding-left:28px;padding-right:0}body.rtl .spc-pnl,body.rtl .vq-left{flex-direction:row-reverse}body.rtl .mobile-menu{border-left:none;border-right:1px solid #ffffff14;left:0;right:auto}body.rtl .mobile-nav-item{text-align:right;flex-direction:row-reverse}body.rtl .fin-expense-left{flex-direction:row-reverse}body.rtl .hero-kpis{direction:ltr}@media (width<=1280px){.hero-kpis{grid-template-columns:repeat(3,1fr)}.hero-kpi:nth-child(n+4){border-top:1px solid #ffffff12}}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.hero-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.rc-main{padding:20px 20px 56px}.hero-inner,.navbar-inner{padding:0 20px}.navbar-nav{display:none}.mobile-menu-btn{display:flex}.two-col{grid-template-columns:1fr}.rc-hero{padding:32px 0 52px}.hero-name{font-size:32px}.hero-kpis{grid-template-columns:repeat(2,1fr)}.site-filter-chips{flex-wrap:wrap;order:1;width:100%}.section-head-right{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=600px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:-28px}.kpi-value{font-size:18px}.stat-value{font-size:28px}.hero-kpis{display:none}.navbar-inner{height:54px}.qa-grid{gap:10px}.qa-icon-wrap{width:52px;height:52px;font-size:22px}.fin-block-value{font-size:18px}.hero-name{font-size:26px}.site-perf-card{min-width:210px}.perf-strip{flex-direction:column;gap:8px}.perf-strip-sep{display:none}.lang-modal-footer{flex-direction:column}}.maintenance-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.maintenance-modal-content{background:var(--c-surface,#fff);border-radius:20px;flex-direction:column;width:90%;max-width:900px;max-height:85vh;animation:.3s modalSlideIn;display:flex;overflow:hidden}.photo-item{position:relative}.photo-caption{color:var(--c-text-light,#5a6a85);text-align:center;word-break:break-word;margin-top:4px;font-size:10px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--c-border,#e8edf5);color:#fff;background:linear-gradient(135deg,#1a365d,#0f1c35);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{align-items:center;gap:12px;display:flex}.modal-icon{font-size:28px}.modal-title h2{margin:0;font-size:20px;font-weight:700}.modal-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;width:36px;height:36px;font-size:18px;transition:all .2s}.modal-close:hover{background:#ef4444;border-color:#ef4444}.stats-row{background:var(--c-surface-50,#f8faff);border-bottom:1px solid var(--c-border,#e8edf5);grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 24px;display:grid}.stat-card-mini{text-align:center;border:1px solid var(--c-border,#e8edf5);background:#fff;border-radius:12px;padding:12px}.stat-card-mini .stat-value{color:var(--c-primary,#3a7fd5);font-family:monospace;font-size:28px;font-weight:800}.stat-card-mini .stat-label{color:var(--c-text-light,#5a6a85);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.stat-card-mini.pending .stat-value{color:#f59e0b}.stat-card-mini.progress .stat-value{color:#3b82f6}.stat-card-mini.completed .stat-value{color:#10b981}.filter-tabs{border-bottom:1px solid var(--c-border,#e8edf5);background:#fff;gap:8px;padding:16px 24px;display:flex}.filter-tab{background:var(--c-surface-50,#f8faff);border:1px solid var(--c-border,#e8edf5);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.filter-tab:hover{border-color:var(--c-primary,#3a7fd5);color:var(--c-primary,#3a7fd5)}.filter-tab.active{background:var(--c-primary,#3a7fd5);border-color:var(--c-primary,#3a7fd5);color:#fff}.requests-list{flex:1;padding:16px 24px;overflow-y:auto}.request-card{border:1px solid var(--c-border,#e8edf5);cursor:pointer;background:#fff;border-radius:12px;margin-bottom:12px;transition:all .2s;overflow:hidden}.request-card:hover{border-color:var(--c-primary-light,#5b9fef);box-shadow:0 4px 12px #00000014}.request-card.expanded{border-color:var(--c-primary,#3a7fd5);box-shadow:0 4px 12px #3a7fd526}.request-header{justify-content:space-between;align-items:center;padding:16px;display:flex}.request-info{align-items:center;gap:12px;display:flex}.request-title{color:var(--c-text,#0f1c35);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:15px;font-weight:700;display:flex}.request-actions{align-items:center;gap:12px;display:flex}.status-select{border:1px solid var(--c-border,#e8edf5);cursor:pointer;background:#fff;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500}.expand-icon{cursor:pointer;color:var(--c-text-light,#5a6a85);background:0 0;border:none;font-size:14px}.request-details{border-top:1px solid var(--c-border,#e8edf5);background:var(--c-surface-50,#f8faff);padding:16px}.detail-section{margin-bottom:20px}.detail-section label{color:var(--c-text-light,#5a6a85);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.detail-item{border:1px solid var(--c-border,#e8edf5);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.issue-description{border:1px solid var(--c-border,#e8edf5);color:var(--c-text,#0f1c35);background:#fff;border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.photos-grid{flex-wrap:wrap;gap:12px;display:flex}.issue-photo{object-fit:cover;cursor:pointer;border:2px solid var(--c-border,#e8edf5);border-radius:8px;width:80px;height:80px;transition:all .2s}.issue-photo:hover{border-color:var(--c-primary,#3a7fd5);transform:scale(1.05)}.loading-state,.empty-state{text-align:center;padding:60px 20px}.spinner{border:3px solid var(--c-border,#e8edf5);border-top-color:var(--c-primary,#3a7fd5);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin}.empty-icon{opacity:.5;margin-bottom:16px;font-size:64px}[dir=rtl] .modal-title,[dir=rtl] .request-info,[dir=rtl] .request-meta,[dir=rtl] .request-actions{flex-direction:row-reverse}@media (width<=768px){.stats-row{grid-template-columns:repeat(2,1fr)}.filter-tabs{overflow-x:auto}.request-header{flex-direction:column;align-items:flex-start;gap:12px}.request-actions{justify-content:space-between;width:100%}.detail-grid{grid-template-columns:1fr}}:root{--a-forest:#022c22;--a-jungle:#064e3b;--a-deep:#065f46;--a-emerald:#059669;--a-mint:#10b981;--a-sage:#34d399;--a-frost:#6ee7b7;--a-glow:#10b98124;--a-rim:#10b98147;--a-soft:#10b9810f;--a-bg:#f0fdf9;--a-surface:#fff;--a-surf-50:#f0fdf9;--a-surf-100:#dcfce7;--a-surf-200:#bbf7d0;--a-border:#d1fae5;--a-border-2:#a7f3d0;--a-ink:#022c22;--a-ink-2:#065f46;--a-ink-3:#6b7280;--a-ink-4:#9ca3af;--a-gold:#f59e0b;--a-red:#ef4444;--a-blue:#3b82f6;--a-purple:#8b5cf6;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", "Fira Code", monospace;--f-display:"Bebas Neue", "Space Grotesk", sans-serif;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-full:9999px;--sh-xs:0 1px 3px #022c220f;--sh-sm:0 2px 8px #022c2214;--sh-md:0 6px 24px #022c221a;--sh-lg:0 16px 48px #022c2221;--sh-green:0 8px 32px #10b9813d;--sh-dark:0 24px 64px #00000080;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--t-fast:.15s var(--ease);--t-base:.22s var(--ease);--t-slow:.38s var(--ease-out)}.ad-kpi-value,.ad-stat-value,.ad-person-amount,.ad-invoice-amount,.ad-fin-block-value,.ad-fin-total-value,.ad-quick-stat-value,.ad-mobile-stat-value,.ad-loading-progress-text{text-rendering:geometricprecision;display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.ad-dashboard{background:var(--a-bg);min-height:100vh;font-family:var(--f-body);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.ad-bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#10b98108 1px,#0000 1px),linear-gradient(90deg,#10b98108 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;overflow:hidden}.ad-mesh-orb{filter:blur(100px);border-radius:50%;animation:20s ease-in-out infinite ad-orb-drift;position:absolute}.ad-mesh-orb-1{background:radial-gradient(circle,#10b98112,#0000 70%);width:700px;height:700px;top:-250px;right:-150px}.ad-mesh-orb-2{background:radial-gradient(circle,#0596690d,#0000 70%);width:500px;height:500px;animation-delay:-7s;bottom:5%;left:-120px}.ad-mesh-orb-3{background:radial-gradient(circle,#34d3990a,#0000 70%);width:400px;height:400px;animation-delay:-14s;top:45%;left:40%}@keyframes ad-orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(35px,-35px)scale(1.04)}66%{transform:translate(-25px,20px)scale(.97)}}.ad-loading-screen{background:var(--a-forest);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex;position:relative;overflow:hidden}.ad-loading-screen:before{content:"";background:radial-gradient(80% 50% at 50% -10%,#10b98133,#0000),radial-gradient(60% 40% at 80% 100%,#0596691f,#0000);position:absolute;inset:0}.ad-loading-logo{text-align:center;z-index:1;position:relative}.ad-loading-pulse{filter:drop-shadow(0 0 24px #34d39999);font-size:52px;animation:2s ease-in-out infinite ad-pulse-float}@keyframes ad-pulse-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}.ad-loading-logo h2{font-family:var(--f-head);color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:700}.ad-loading-logo p{color:#ffffff6b;font-size:14px}.ad-loading-progress-container{align-items:center;gap:14px;width:320px;display:flex}.ad-loading-progress-bar{background:#ffffff14;border-radius:2px;flex:1;height:3px;overflow:hidden}.ad-loading-progress-fill{background:linear-gradient(90deg, var(--a-emerald), var(--a-sage));height:100%;transition:width .4s var(--ease-out);border-radius:2px}.ad-loading-progress-text{font-family:var(--f-mono);color:var(--a-sage);text-align:right;min-width:36px;font-size:12px;font-weight:600}.ad-loading-bars{align-items:flex-end;gap:5px;height:32px;display:flex}.ad-loading-bar{background:linear-gradient(to top, var(--a-emerald), var(--a-sage));border-radius:3px;width:6px;animation:1s ease-in-out infinite ad-bar-wave}@keyframes ad-bar-wave{0%,to{opacity:.35;height:10px}50%{opacity:1;height:32px}}.ad-navbar{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(200%);backdrop-filter:blur(24px)saturate(200%);transition:background var(--t-base), box-shadow var(--t-base);background:#022c22f2;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.ad-navbar--scrolled{background:#022c22fa;box-shadow:0 1px #ffffff0a,0 8px 32px #0006}.ad-navbar-inner{align-items:center;gap:28px;max-width:1520px;height:62px;margin:0 auto;padding:0 36px;display:flex}.ad-navbar-brand{flex-shrink:0;align-items:center;gap:11px;display:flex}.ad-brand-icon{background:linear-gradient(135deg, var(--a-emerald), var(--a-mint));border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;box-shadow:0 2px 8px #10b98166}.ad-brand-text{flex-direction:column;display:flex}.ad-brand-name{font-family:var(--f-head);color:#fff;letter-spacing:-.4px;font-size:14px;font-weight:700;line-height:1.1}.ad-brand-tag{color:var(--a-sage);letter-spacing:1px;text-transform:uppercase;margin-top:1px;font-size:9px;font-weight:500}.ad-navbar-nav{flex:1;gap:2px;display:flex}.ad-nav-item{border-radius:var(--r-xs);color:#ffffff7a;font-family:var(--f-body);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;letter-spacing:.1px;background:0 0;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:500;display:flex}.ad-nav-item:hover{color:#ffffffe0;background:#ffffff12;transform:translateY(-1px)}.ad-nav-item--active{color:var(--a-sage);background:#10b98129;border:1px solid #10b98147}.ad-nav-icon{font-size:14px}.ad-navbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ad-live-badge{color:var(--a-emerald);border-radius:var(--r-full);letter-spacing:.3px;background:#10b9811a;border:1px solid #10b98138;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.ad-live-badge--offline{color:var(--a-red);background:#ef444414;border-color:#ef444438}.ad-live-dot{background:var(--a-emerald);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite ad-live-beat}.ad-live-badge--offline .ad-live-dot{background:var(--a-red);animation:none}@keyframes ad-live-beat{0%,to{opacity:1;box-shadow:0 0 #10b98180}50%{opacity:.7;box-shadow:0 0 0 4px #10b98100}}.ad-nav-action-btn{cursor:pointer;width:36px;height:36px;transition:all var(--t-fast);color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.ad-nav-action-btn:hover{background:#ffffff1f;border-color:#ffffff29;transform:translateY(-1px)}.ad-nav-badge{background:var(--a-red);color:#fff;min-width:17px;height:17px;font-family:var(--f-mono);border:2px solid var(--a-forest);border-radius:9px;justify-content:center;align-items:center;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.ad-nav-badge--pulse{animation:1.8s ease-in-out infinite ad-badge-throb}@keyframes ad-badge-throb{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.ad-nav-avatar{background:linear-gradient(135deg, var(--a-emerald), var(--a-mint));color:#fff;width:36px;height:36px;font-family:var(--f-head);cursor:pointer;transition:all var(--t-fast);letter-spacing:-.5px;border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.ad-nav-avatar:hover{box-shadow:var(--sh-green);transform:translateY(-1px)}.ad-mobile-menu-btn{cursor:pointer;color:#fffc;background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:none}.ad-mobile-menu-btn:hover{background:#ffffff1f}.ad-mobile-menu-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000a6;position:fixed;inset:0}.ad-mobile-menu{background:var(--a-forest);z-index:201;width:290px;animation:ad-slide-in-right .28s var(--ease-out);border-left:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes ad-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.ad-mobile-menu-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:20px;display:flex}.ad-mobile-menu-brand{align-items:center;gap:10px;display:flex}.ad-mobile-menu-close{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:30px;height:30px;font-size:14px}.ad-mobile-menu-stats{background:#ffffff05;border-bottom:1px solid #ffffff12;padding:16px 20px;display:flex}.ad-mobile-stat{text-align:center;border-right:1px solid #ffffff12;flex:1}.ad-mobile-stat:last-child{border-right:none}.ad-mobile-stat-label{color:#ffffff61;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;font-size:9px;font-weight:600;display:block}.ad-mobile-stat-value{font-family:var(--f-mono);color:#fff;font-size:18px;font-weight:700;line-height:1;display:block}.ad-mobile-menu-nav{flex:1;padding:12px 0;overflow-y:auto}.ad-mobile-nav-item{color:#ffffff9e;width:100%;font-family:var(--f-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:13px 20px;font-size:14px;font-weight:500;display:flex}.ad-mobile-nav-item:hover{color:#fff;background:#10b98114;padding-left:24px}.ad-mobile-nav-icon{font-size:17px}.ad-mobile-menu-footer{border-top:1px solid #ffffff12;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.ad-mobile-logout{color:#fca5a5;cursor:pointer;background:#ef444412;border:1px solid #ef444440;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:13px;font-weight:600;display:flex}.ad-mobile-logout:hover{background:#ef444424}.ad-hero{background:radial-gradient(ellipse 100% 80% at 70% 0%, #34d39929 0%, transparent 55%), radial-gradient(ellipse 50% 60% at 0% 60%, #10b9811a 0%, transparent 60%), linear-gradient(170deg, var(--a-forest) 0%, var(--a-jungle) 30%, var(--a-deep) 60%, #075943 90%, var(--a-emerald) 100%);z-index:1;padding:48px 0 64px;position:relative;overflow:hidden}.ad-hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.ad-hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--a-bg));height:80px;position:absolute;bottom:0;left:0;right:0}.ad-hero-inner{z-index:1;flex-wrap:wrap;align-items:center;gap:40px;max-width:1520px;margin:0 auto;padding:0 36px;display:flex;position:relative}.ad-hero-left{flex-shrink:0;min-width:200px}.ad-hero-greeting{color:#ffffff6b;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:500}.ad-hero-name{font-family:var(--f-head);color:#fff;letter-spacing:-1.5px;text-shadow:0 2px 20px #10b9814d;margin-bottom:12px;font-size:42px;font-weight:700;line-height:1.05}.ad-hero-date{color:#ffffff59;letter-spacing:.3px;font-size:12px;font-weight:400}.ad-hero-kpis{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff17;flex:1;grid-template-columns:repeat(4,1fr);min-width:0;display:grid;overflow:hidden}.ad-hero-kpi{transition:background var(--t-base);border-right:1px solid #ffffff12;padding:20px 22px}.ad-hero-kpi:last-child{border-right:none}.ad-hero-kpi:hover{background:#ffffff08}.ad-kpi-sep{display:none}.ad-kpi-label{color:#ffffff61;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:9px;font-weight:700}.ad-kpi-value{font-family:var(--f-mono);letter-spacing:-.5px;margin-bottom:5px;font-size:24px;font-weight:700;display:block;line-height:1!important}.ad-kpi-sub{color:#ffffff59;font-size:10px;line-height:1.3}.ad-kpi-bar{background:#ffffff1a;border-radius:1px;height:2px;margin-top:8px;overflow:hidden}.ad-kpi-bar-fill{height:100%;transition:width 1.2s var(--ease-out);border-radius:1px}.ad-main{z-index:1;flex-direction:column;gap:32px;max-width:1520px;margin:0 auto;padding:32px 36px 80px;display:flex;position:relative}.ad-section{width:100%}.ad-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.ad-section-head-left{align-items:center;gap:10px;display:flex}.ad-section-icon{background:var(--a-surf-100);border-radius:var(--r-xs);border:1px solid var(--a-border);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.ad-section-title{font-family:var(--f-head);color:var(--a-ink);letter-spacing:-.3px;font-size:15px;font-weight:700}.ad-view-all{border:1px solid var(--a-border-2);border-radius:var(--r-xs);color:var(--a-emerald);cursor:pointer;transition:all var(--t-fast);background:0 0;padding:5px 12px;font-size:12px;font-weight:600}.ad-view-all:hover{background:var(--a-glow);border-color:var(--a-rim);transform:translate(2px)}.ad-compact-stat-card{background:var(--a-surface);border-radius:var(--r-md);text-align:center;box-shadow:var(--sh-md);cursor:pointer;transition:transform var(--t-base), box-shadow var(--t-base);border:1px solid;flex-direction:column;align-items:center;padding:22px 20px 20px;display:flex;position:relative;overflow:hidden}.ad-compact-stat-card:hover{box-shadow:var(--sh-lg);transform:translateY(-5px)}.ad-stat-glow{filter:blur(28px);opacity:.1;pointer-events:none;border-radius:50%;width:140px;height:70px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.ad-stat-top-bar{height:2px;position:absolute;top:0;left:0;right:0}.ad-stat-icon-wrap{border:1px solid #0000000a;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin:12px auto 14px;display:flex}.ad-stat-icon-emoji{font-size:22px}.ad-stat-value{font-family:var(--f-mono);letter-spacing:0;text-align:center;width:100%;min-height:36px;font-size:36px;font-weight:700;display:block;line-height:1!important}.ad-stat-value-pulse{vertical-align:middle;background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:2px;animation:.8s ease-in-out infinite ad-dot-blink;display:inline-block;position:relative;top:-2px}@keyframes ad-dot-blink{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.ad-stat-label{color:var(--a-ink-3);letter-spacing:.4px;text-transform:uppercase;margin-top:8px;font-size:10px;font-weight:600;display:block}.ad-qa-card{background:var(--a-surface);border-radius:var(--r-md);border:1px solid var(--a-border);padding:22px 24px 26px}.ad-qa-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ad-qa-chip{cursor:pointer;border-radius:var(--r-sm);transition:transform var(--t-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:12px;display:flex}.ad-qa-chip:hover{transform:translateY(-5px)}.ad-qa-chip:hover .ad-qa-icon-wrap{border-color:color-mix(in srgb, var(--qa-color) 40%, transparent);box-shadow:0 8px 20px color-mix(in srgb, var(--qa-color) 20%, transparent)}.ad-qa-icon-wrap{background:var(--a-surf-100);border:1px solid var(--a-border);width:60px;height:60px;transition:all var(--t-base);border-radius:16px;justify-content:center;align-items:center;font-size:26px;display:flex;position:relative;overflow:hidden}.ad-qa-bg-glow{background:var(--qa-color);opacity:0;transition:opacity var(--t-base);border-radius:inherit;position:absolute;inset:0}.ad-qa-chip:hover .ad-qa-bg-glow{opacity:.09}.ad-qa-label{color:var(--qa-color);letter-spacing:.2px;font-size:11px;font-weight:600}.ad-card{background:var(--a-surface);border-radius:var(--r-md);border:1px solid var(--a-border);box-shadow:var(--sh-sm);padding:20px}.ad-invoice-item{border-bottom:1px solid var(--a-border);cursor:pointer;align-items:center;gap:14px;padding:12px 0;display:flex}.ad-invoice-item:last-child{border-bottom:none}.ad-invoice-icon{background:var(--a-surf-100);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.ad-invoice-info{flex:1}.ad-invoice-number{font-family:var(--f-head);font-size:13px;font-weight:600;display:block}.ad-invoice-customer{color:var(--a-ink-3);font-size:11px;display:block}.ad-invoice-amount{font-family:var(--f-mono);font-size:13px;font-weight:600}.ad-invoice-right{text-align:right}.ad-status-badge{border-radius:var(--r-full);padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}.ad-status-badge.pending{color:#d97706;background:#f59e0b1a}.ad-person-row{border-bottom:1px solid var(--a-border);cursor:pointer;align-items:center;gap:14px;padding:12px 0;display:flex}.ad-person-row:last-child{border-bottom:none}.ad-person-avatar{width:42px;height:42px;font-family:var(--f-head);border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.ad-person-info{flex:1}.ad-person-name{margin-bottom:2px;font-size:14px;font-weight:600}.ad-person-sub{color:var(--a-ink-3);font-size:11px}.ad-person-right{text-align:right}.ad-person-amount{font-family:var(--f-mono);font-size:13px;font-weight:700;display:block}.ad-voucher-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.ad-stats-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ad-quick-stat-card{background:var(--a-surface);border-radius:var(--r-sm);cursor:pointer;border:1px solid var(--a-border);transition:all var(--t-base);align-items:center;gap:12px;padding:16px;display:flex}.ad-quick-stat-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}.ad-quick-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.ad-quick-stat-info{flex:1}.ad-quick-stat-value{font-family:var(--f-mono);font-size:18px;font-weight:700;display:block}.ad-quick-stat-label{color:var(--a-ink-3);font-size:11px}.ad-financial-card{background:radial-gradient(ellipse 80% 60% at 15% 0%, #10b98124 0%, transparent 60%), linear-gradient(170deg, var(--a-forest) 0%, var(--a-jungle) 40%, var(--a-deep) 80%, #05724f 100%);border-radius:var(--r-md);box-shadow:var(--sh-dark);border:1px solid #ffffff14;padding:24px;position:relative;overflow:hidden}.ad-financial-noise{opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.ad-fin-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.ad-fin-eyebrow{color:#fff6;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:10px;font-weight:700}.ad-fin-title{font-family:var(--f-head);color:#fff;letter-spacing:-.4px;font-size:18px;font-weight:700}.ad-fin-profit-row{border-radius:var(--r-sm);background:#ffffff0f;border:1px solid #ffffff14;margin-bottom:18px;padding:18px 20px;display:flex}.ad-fin-block{flex:1}.ad-fin-block-label{color:#fff6;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:9px;font-weight:700}.ad-fin-block-value{font-family:var(--f-mono);font-size:24px;font-weight:700;display:block;line-height:1!important}.ad-fin-vline{background:#ffffff17;width:1px;margin:0 22px}.ad-fin-list{border-top:1px solid #ffffff12;padding-top:14px}.ad-fin-row{color:#ffffffa6;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.ad-fin-row-left{align-items:center;gap:10px;display:flex}.ad-fin-dot{border-radius:50%;width:7px;height:7px}.ad-fin-number{font-weight:700}.ad-fin-percent{color:#ffffff80;margin-left:6px;font-size:11px}.ad-fin-total{color:#ffffffd9;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-top:6px;padding-top:13px;font-weight:700;display:flex}.ad-fin-total-value{font-family:var(--f-mono);color:var(--a-frost);font-size:18px;font-weight:700;line-height:1!important}.ad-empty-state{text-align:center;padding:32px 20px}.ad-empty-emoji{opacity:.5;margin-bottom:10px;font-size:36px}.ad-empty-title{color:var(--a-ink-2);margin-bottom:4px;font-size:13px;font-weight:600}.ad-empty-sub{color:var(--a-ink-3);margin-bottom:14px;font-size:12px}.ad-inline-btn{border:1px solid var(--a-emerald);color:var(--a-emerald);border-radius:var(--r-xs);cursor:pointer;background:0 0;padding:6px 14px;font-size:12px;font-weight:600}.ad-inline-btn:hover{background:var(--a-glow)}.ad-refresh-btn{background:var(--a-surface);border:1.5px dashed var(--a-border-2);border-radius:var(--r-md);width:100%;color:var(--a-ink-3);cursor:pointer;transition:all var(--t-base);justify-content:center;align-items:center;gap:8px;padding:15px;font-size:13px;font-weight:600;display:flex}.ad-refresh-btn:hover:not(:disabled){background:var(--a-surf-50);border-color:var(--a-mint);color:var(--a-emerald);border-style:solid}.ad-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ad-spin{animation:.8s linear infinite ad-spin-anim;display:inline-block}@keyframes ad-spin-anim{to{transform:rotate(360deg)}}.ad-dashboard-error{text-align:center;background:var(--a-surface);border-radius:var(--r-lg);border:1px solid var(--a-border);max-width:520px;margin:40px auto;padding:64px 32px}.ad-error-icon{margin-bottom:20px;font-size:56px}.ad-dashboard-error h3{font-family:var(--f-head);color:var(--a-ink);margin-bottom:8px;font-size:20px;font-weight:700}.ad-dashboard-error p{color:var(--a-ink-3);margin-bottom:24px;font-size:14px}.ad-dashboard-error button{background:linear-gradient(135deg, var(--a-emerald), var(--a-mint));border-radius:var(--r-sm);color:#fff;cursor:pointer;border:none;padding:12px 28px;font-size:14px;font-weight:700}.ad-lang-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#022c22a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ad-lang-modal-content{background:var(--a-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:500px;animation:ad-lang-up .3s var(--ease-out)}@keyframes ad-lang-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ad-lang-modal-handle{background:var(--a-border);border-radius:2px;width:36px;height:4px;margin:12px auto 0}.ad-lang-modal-header{border-bottom:1px solid var(--a-border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.ad-lang-modal-title{font-family:var(--f-head);color:var(--a-ink);letter-spacing:-.3px;font-size:17px;font-weight:700}.ad-lang-modal-close{background:var(--a-surf-100);border:1px solid var(--a-border);cursor:pointer;border-radius:9px;width:34px;height:34px;font-size:16px}.ad-lang-modal-close:hover{background:var(--a-red);color:#fff}.ad-lang-current-text{color:var(--a-ink-3);padding:14px 24px 6px;font-size:13px}.ad-lang-option{border-radius:var(--r-sm);background:var(--a-surf-100);border:1.5px solid var(--a-border);cursor:pointer;justify-content:space-between;align-items:center;margin:4px 12px;padding:14px 22px;display:flex}.ad-lang-option:hover{border-color:var(--a-emerald);background:var(--a-glow)}.ad-lang-option-left{align-items:center;gap:12px;display:flex}.ad-lang-flag{font-size:20px}.ad-lang-label{color:var(--a-ink-2);font-size:15px;font-weight:500}.ad-lang-label.active{color:var(--a-emerald);font-weight:700}.ad-lang-check{color:var(--a-emerald);font-size:16px;font-weight:700}.ad-lang-modal-footer{border-top:1px solid var(--a-border);gap:12px;margin-top:8px;padding:18px 24px;display:flex}.ad-lang-cancel-btn{border:1.5px solid var(--a-border-2);border-radius:var(--r-sm);background:var(--a-surf-100);color:var(--a-ink-2);cursor:pointer;flex:1;padding:13px;font-size:14px;font-weight:600}.ad-lang-cancel-btn:hover{border-color:var(--a-red);color:var(--a-red)}.ad-lang-apply-btn{background:linear-gradient(90deg, #059669, var(--a-emerald));border-radius:var(--r-sm);color:#fff;cursor:pointer;border:none;flex:2;padding:13px;font-size:14px;font-weight:700}.ad-lang-apply-btn:hover:not(:disabled){box-shadow:var(--sh-green);transform:translateY(-1px)}.ad-lang-apply-btn:disabled{opacity:.45;cursor:not-allowed}.ad-lang-apply-btn.loading{opacity:.7}@keyframes ad-fade-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ad-loading-bar{height:18px;animation:none}}@media (width<=1280px){.ad-hero-kpis,.ad-qa-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr);margin-top:-32px}.two-col{grid-template-columns:1fr;gap:20px}}@media (width<=900px){.ad-hero-inner,.ad-main{padding-left:24px;padding-right:24px}.ad-main{gap:20px;padding-top:24px;padding-bottom:56px}.ad-hero{padding:36px 0 60px}.ad-hero-name{font-size:32px}.ad-navbar-nav{display:none}.ad-mobile-menu-btn{display:flex}.ad-qa-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width<=640px){.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:-28px}.ad-stat-value,.ad-hero-name{font-size:26px}.ad-qa-grid{grid-template-columns:repeat(2,1fr)}.ad-stats-grid-2{grid-template-columns:1fr}.ad-hero-kpis{display:none}.ad-navbar-inner{height:54px}.ad-fin-profit-row{flex-direction:column;gap:12px}.ad-fin-vline{display:none}}:root{--id-navy-950:#020915;--id-navy-900:#040d21;--id-navy-800:#071530;--id-navy-700:#0d2347;--id-navy-600:#1a3a6b;--id-blue:#3b82f6;--id-blue-l:#60a5fa;--id-blue-d:#1d4ed8;--id-gold:#f59e0b;--id-green:#10b981;--id-green-d:#059669;--id-red:#ef4444;--id-red-b:#f43f5e;--id-purple:#8b5cf6;--id-surface:#fff;--id-s-50:#f8faff;--id-s-100:#eef3ff;--id-s-200:#e2eaff;--id-border:#e4ecff;--id-text-1:#0a1628;--id-text-2:#3d5278;--id-text-3:#7a8faf;--id-radius-sm:12px;--id-radius:18px;--id-radius-lg:24px;--id-shadow-sm:0 1px 4px #0a163c0f;--id-shadow:0 4px 16px #0a163c14;--id-shadow-md:0 8px 28px #0a163c1a;--id-shadow-lg:0 16px 48px #0a163c24;--id-transition:.22s cubic-bezier(.4, 0, .2, 1);--id-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--id-font-body:"DM Sans", system-ui, sans-serif;--id-font-mono:"JetBrains Mono", "Fira Code", monospace}.id-dashboard{font-family:var(--id-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.id-dashboard h1,.id-dashboard h2,.id-dashboard h3,.id-dashboard h4,.id-header-title,.id-section-title,.id-stat-value,.id-voucher-number,.id-empty-state h3{font-family:var(--id-font-head);letter-spacing:-.02em}.id-stat-value,.id-voucher-amount,.id-amount-value,.id-stat-number,.id-pending-count{letter-spacing:-.01em;font-family:var(--id-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:700!important}[dir=rtl] .id-view-all{transform:scaleX(-1)}.id-dashboard{background:var(--id-s-50);min-height:100vh;position:relative;overflow-x:hidden}.id-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.id-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite id-orb-float;position:absolute}.id-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.id-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.id-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#10b981,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes id-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.id-loading-screen{background:var(--id-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.id-loading-logo{text-align:center}.id-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite id-loading-bounce}@keyframes id-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.id-loading-logo h2{font-family:var(--id-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.id-loading-logo p{font-family:var(--id-font-body);color:#ffffff73;font-size:14px}.id-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.id-loading-bar{background:linear-gradient(#3b82f6,#1a3a6b);border-radius:4px;width:8px;animation:1s ease-in-out infinite id-bar-wave}@keyframes id-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.id-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden}.id-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.id-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--id-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.id-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.id-header-left{flex-shrink:0}.id-live-chip{font-family:var(--id-font-mono);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:10px;font-weight:600;display:inline-flex}.id-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite id-live-pulse}@keyframes id-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.id-header-title{font-family:var(--id-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.id-header-subtitle{font-family:var(--id-font-body);color:#ffffffa6;margin:0;font-size:13px}.id-header-actions{flex-wrap:wrap;gap:10px;display:flex}.id-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--id-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.id-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.id-icon-btn:disabled{opacity:.5;cursor:not-allowed}.id-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.id-stats-grid{z-index:10;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-30px;margin-bottom:24px;display:grid;position:relative}.id-stat-card{background:var(--id-surface);border:1px solid var(--id-border);text-align:center;cursor:pointer;transition:all var(--id-transition);box-shadow:var(--id-shadow-md);border-radius:18px;padding:20px 16px;position:relative;overflow:hidden}.id-stat-card:hover{box-shadow:var(--id-shadow-lg);transform:translateY(-4px)}.id-stat-top-bar{border-radius:18px 18px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.id-stat-icon{border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin:12px auto;font-size:24px;display:flex}.id-stat-value{letter-spacing:-.01em;margin-bottom:6px;font-size:26px;font-family:var(--id-font-mono)!important;font-weight:800!important}.id-stat-label{font-family:var(--id-font-mono);color:var(--id-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.id-section-card{background:var(--id-surface);border-radius:var(--id-radius);border:1px solid var(--id-border);transition:all var(--id-transition);margin-bottom:24px;padding:24px}.id-section-card:hover{box-shadow:var(--id-shadow-md)}.id-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.id-section-title{font-family:var(--id-font-head);color:var(--id-text-1);letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.id-view-all{font-family:var(--id-font-mono);cursor:pointer;transition:all var(--id-transition);background:0 0;border:none;font-size:12px;font-weight:600}.id-quick-actions{flex-wrap:wrap;gap:16px;display:flex}.id-qa-chip{background:var(--id-surface);border:1px solid var(--id-border);text-align:center;cursor:pointer;transition:all var(--id-transition);border-radius:16px;flex:1;padding:16px;position:relative}.id-qa-chip:hover{box-shadow:var(--id-shadow-md);transform:translateY(-3px)}.id-qa-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:10px;font-size:28px;display:inline-flex}.id-qa-label{font-family:var(--id-font-body);color:var(--id-text-1);font-size:13px;font-weight:600;display:block}.id-vouchers-list{flex-direction:column;gap:8px;display:flex}.id-voucher-row{border-bottom:1px solid var(--id-border);cursor:pointer;transition:all var(--id-transition);align-items:center;gap:14px;padding:12px 0;display:flex}.id-voucher-row:hover{background:var(--id-s-50);transform:translate(4px)}[dir=rtl] .id-voucher-row:hover{transform:translate(-4px)}.id-voucher-row:last-child{border-bottom:none}.id-voucher-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.id-voucher-info{flex:1;min-width:0}.id-voucher-number{font-family:var(--id-font-head);color:var(--id-text-1);margin:0 0 2px;font-size:14px;font-weight:700}.id-voucher-customer{font-family:var(--id-font-body);color:var(--id-text-3);margin:0;font-size:12px}.id-voucher-date{font-family:var(--id-font-mono);color:var(--id-text-3);margin-top:2px;font-size:10px}.id-voucher-amount{white-space:nowrap;font-size:16px;font-family:var(--id-font-mono)!important;font-weight:700!important}.id-voucher-status{text-align:right;min-width:90px}[dir=rtl] .id-voucher-status{text-align:left}.id-status-badge{font-family:var(--id-font-mono);letter-spacing:.3px;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-block}.id-status-badge.draft{color:#64748b;background:#64748b1f}.id-status-badge.pending,.id-status-badge.pending_approval{color:#f59e0b;background:#f59e0b1f}.id-status-badge.approved{color:#3b82f6;background:#3b82f61f}.id-status-badge.paid{color:#10b981;background:#10b9811f}.id-status-badge.issued{color:#8b5cf6;background:#8b5cf61f}.id-status-badge.cancelled{color:#ef4444;background:#ef44441f}.id-empty-state{text-align:center;color:var(--id-text-3);padding:32px 20px}.id-empty-icon{opacity:.5;margin-bottom:12px;font-size:48px;display:block}.id-empty-state p{font-family:var(--id-font-body);margin:0;font-size:14px}.id-error-state{text-align:center;background:var(--id-surface);border:1px solid var(--id-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.id-error-icon{margin-bottom:20px;font-size:64px}.id-error-state h3{font-family:var(--id-font-head);color:var(--id-text-1);margin-bottom:8px;font-size:20px;font-weight:700}.id-error-state p{font-family:var(--id-font-body);color:var(--id-text-3);margin-bottom:24px;font-size:14px}.id-retry-btn{color:#fff;font-family:var(--id-font-head);cursor:pointer;transition:all var(--id-transition);background:linear-gradient(135deg,#1e3a6e,#3b82f6);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.id-retry-btn:hover{transform:translateY(-2px)}.id-status-badge.issued{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b33}.id-refresh-btn{background:var(--id-surface);border:1.5px dashed var(--id-border);border-radius:var(--id-radius);width:100%;font-family:var(--id-font-head);color:var(--id-text-2);cursor:pointer;transition:all var(--id-transition);justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:14px;font-weight:600;display:flex}.id-refresh-btn:hover:not(:disabled){background:var(--id-s-50);color:#3b82f6;border-style:solid;border-color:#3b82f6}.id-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes id-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.id-loading-bar{height:20px;animation:none}}@media (width<=1100px){.id-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=900px){.id-header-inner{padding:0 20px}.id-content{padding:20px 20px 48px}.id-header-title{font-size:24px}}@media (width<=768px){.id-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.id-quick-actions{flex-direction:column}.id-voucher-row{flex-wrap:wrap;gap:10px}.id-voucher-status{margin-left:auto}.id-section-header{flex-direction:column;align-items:flex-start}.id-voucher-icon{width:40px;height:40px;font-size:18px}}:root{--il-navy-950:#020915;--il-navy-900:#040d21;--il-navy-800:#071530;--il-navy-700:#0d2347;--il-navy-600:#1a3a6b;--il-blue:#3b82f6;--il-blue-l:#60a5fa;--il-blue-d:#1d4ed8;--il-gold:#f59e0b;--il-green:#10b981;--il-green-d:#059669;--il-red:#ef4444;--il-red-b:#f43f5e;--il-purple:#8b5cf6;--il-surface:#fff;--il-s-50:#f8faff;--il-s-100:#eef3ff;--il-s-200:#e2eaff;--il-border:#e4ecff;--il-text-1:#0a1628;--il-text-2:#3d5278;--il-text-3:#7a8faf;--il-radius-sm:12px;--il-radius:18px;--il-radius-lg:24px;--il-shadow-sm:0 1px 4px #0a163c0f;--il-shadow:0 4px 16px #0a163c14;--il-shadow-md:0 8px 28px #0a163c1a;--il-shadow-lg:0 16px 48px #0a163c24;--il-transition:.22s cubic-bezier(.4, 0, .2, 1);--il-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--il-font-body:"DM Sans", system-ui, sans-serif;--il-font-mono:"JetBrains Mono", "Fira Code", monospace}.il-dashboard{font-family:var(--il-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.il-dashboard h1,.il-dashboard h2,.il-dashboard h3,.il-dashboard h4,.il-header-title,.il-voucher-number,.il-page-info,.il-error-state h3{font-family:var(--il-font-head);letter-spacing:-.02em}.il-amount-cell,.il-stat-number,.il-stat-value,.il-page-info,.il-voucher-number,.il-pagination .il-page-btn{letter-spacing:-.01em;font-family:var(--il-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}[dir=rtl] .il-page-btn:first-child,[dir=rtl] .il-page-btn:last-child{transform:scaleX(-1)}.il-dashboard{background:var(--il-s-50);min-height:100vh;position:relative;overflow-x:hidden}.il-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.il-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite il-orb-float;position:absolute}.il-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.il-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.il-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#10b981,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes il-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.il-loading-screen{background:var(--il-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.il-loading-logo{text-align:center}.il-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite il-loading-bounce}@keyframes il-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.il-loading-logo h2{font-family:var(--il-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.il-loading-logo p{font-family:var(--il-font-body);color:#ffffff73;font-size:14px}.il-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.il-loading-bar{background:linear-gradient(#3b82f6,#1a3a6b);border-radius:4px;width:8px;animation:1s ease-in-out infinite il-bar-wave}@keyframes il-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.il-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden}.il-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.il-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--il-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.il-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.il-header-left{flex-shrink:0}.il-live-chip{font-family:var(--il-font-mono);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:10px;font-weight:600;display:inline-flex}.il-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite il-live-pulse}@keyframes il-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.il-header-title{font-family:var(--il-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.il-header-subtitle{font-family:var(--il-font-body);color:#ffffffa6;margin:0;font-size:13px}.il-header-actions{flex-wrap:wrap;gap:10px;display:flex}.il-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--il-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.il-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.il-icon-btn:disabled{opacity:.5;cursor:not-allowed}.il-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.il-stats-summary{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.il-stat-chip{background:var(--il-surface);border:1px solid var(--il-border);font-family:var(--il-font-body);cursor:pointer;transition:all var(--il-transition);border-radius:40px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;display:flex}.il-stat-chip:hover{box-shadow:var(--il-shadow-sm);border-color:#3b82f6;transform:translateY(-2px)}.il-stat-chip.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.il-stat-chip .il-stat-number{font-family:var(--il-font-mono);font-size:14px;font-weight:800}.il-filters-bar{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.il-search-wrapper{flex:1;min-width:260px;position:relative}.il-search-icon{opacity:.6;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}[dir=rtl] .il-search-icon{left:auto;right:14px}.il-search-input{border:1.5px solid var(--il-border);width:100%;font-family:var(--il-font-body);background:var(--il-surface);transition:all var(--il-transition);border-radius:14px;padding:13px 40px;font-size:14px;font-weight:500}.il-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.il-clear-search{cursor:pointer;color:var(--il-text-3);background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}[dir=rtl] .il-clear-search{left:12px;right:auto}.il-filter-group{flex-wrap:wrap;gap:12px;display:flex}.il-filter-select{border:1.5px solid var(--il-border);font-family:var(--il-font-body);background:var(--il-surface);cursor:pointer;transition:all var(--il-transition);border-radius:12px;padding:11px 16px;font-size:13px;font-weight:500}.il-filter-select:focus{border-color:#3b82f6;outline:none}.il-table-card{background:var(--il-surface);border-radius:var(--il-radius);border:1px solid var(--il-border);box-shadow:var(--il-shadow);overflow:hidden}.il-table-wrapper{overflow-x:auto}.il-vouchers-table{border-collapse:collapse;width:100%}.il-vouchers-table th{text-align:left;background:var(--il-s-50);font-family:var(--il-font-mono);color:var(--il-text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--il-border);padding:16px 20px;font-size:12px;font-weight:700}[dir=rtl] .il-vouchers-table th{text-align:right}.il-vouchers-table td{border-bottom:1px solid var(--il-border);font-family:var(--il-font-body);color:var(--il-text-1);cursor:pointer;transition:background var(--il-transition);padding:14px 20px;font-size:14px}.il-vouchers-table tr:hover td{background:var(--il-s-50)}.il-vouchers-table tr:last-child td{border-bottom:none}.il-voucher-number{font-family:var(--il-font-head);color:#3b82f6;font-weight:700}.il-amount-cell{font-family:var(--il-font-mono)!important;font-weight:700!important}.il-type-badge{font-family:var(--il-font-mono);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.il-type-payment{color:#ef4444;background:#ef44441a}.il-type-receipt{color:#10b981;background:#10b9811a}.il-status-badge{font-family:var(--il-font-mono);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.il-view-btn{color:#3b82f6;font-family:var(--il-font-body);cursor:pointer;transition:all var(--il-transition);background:0 0;border:none;font-size:13px;font-weight:600}.il-view-btn:hover{transform:translate(3px)}[dir=rtl] .il-view-btn:hover{transform:translate(-3px)}.il-pagination{justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:16px 0;display:flex}.il-page-btn{border:1.5px solid var(--il-border);background:var(--il-surface);width:80px;height:40px;font-family:var(--il-font-body);cursor:pointer;transition:all var(--il-transition);border-radius:12px;font-size:13px;font-weight:600}.il-page-btn:hover:not(:disabled){color:#3b82f6;border-color:#3b82f6}.il-page-btn:disabled{opacity:.4;cursor:not-allowed}.il-page-info{font-family:var(--il-font-mono);color:var(--il-text-2);background:var(--il-s-100);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.il-empty-table{text-align:center;color:var(--il-text-3);padding:60px 20px!important}.il-empty-icon{opacity:.5;margin-bottom:12px;font-size:48px;display:block}.il-error-state{text-align:center;background:var(--il-surface);border:1px solid var(--il-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.il-error-icon{margin-bottom:20px;font-size:64px}.il-error-state h3{font-family:var(--il-font-head);color:var(--il-text-1);margin-bottom:8px;font-size:20px;font-weight:700}.il-error-state p{font-family:var(--il-font-body);color:var(--il-text-3);margin-bottom:24px;font-size:14px}.il-retry-btn{color:#fff;font-family:var(--il-font-head);cursor:pointer;transition:all var(--il-transition);background:linear-gradient(135deg,#1a3a6b,#3b82f6);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.il-retry-btn:hover{transform:translateY(-2px)}.il-refresh-btn{background:var(--il-surface);border:1.5px dashed var(--il-border);border-radius:var(--il-radius);width:100%;font-family:var(--il-font-head);color:var(--il-text-2);cursor:pointer;transition:all var(--il-transition);justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:14px;font-weight:600;display:flex}.il-refresh-btn:hover:not(:disabled){background:var(--il-s-50);color:#3b82f6;border-style:solid;border-color:#3b82f6}.il-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes il-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.il-loading-bar{height:20px;animation:none}}@media (width<=900px){.il-header-inner{padding:0 20px}.il-content{padding:20px 20px 48px}.il-header-title{font-size:24px}}@media (width<=768px){.il-filters-bar{flex-direction:column}.il-filter-group{width:100%}.il-filter-select{flex:1}.il-stats-summary{flex-wrap:wrap}.il-stat-chip{flex:1;justify-content:center}.il-vouchers-table th,.il-vouchers-table td{padding:10px 12px}}:root{--ci-navy-950:#020915;--ci-navy-900:#040d21;--ci-navy-800:#071530;--ci-navy-700:#0d2347;--ci-navy-600:#1a3a6b;--ci-blue:#3b82f6;--ci-blue-l:#60a5fa;--ci-blue-d:#1d4ed8;--ci-gold:#f59e0b;--ci-green:#10b981;--ci-green-d:#059669;--ci-red:#ef4444;--ci-red-b:#f43f5e;--ci-purple:#8b5cf6;--ci-surface:#fff;--ci-s-50:#f8faff;--ci-s-100:#eef3ff;--ci-s-200:#e2eaff;--ci-border:#e4ecff;--ci-text-1:#0a1628;--ci-text-2:#3d5278;--ci-text-3:#7a8faf;--ci-radius-sm:12px;--ci-radius:18px;--ci-radius-lg:24px;--ci-shadow-sm:0 1px 4px #0a163c0f;--ci-shadow:0 4px 16px #0a163c14;--ci-shadow-md:0 8px 28px #0a163c1a;--ci-shadow-lg:0 16px 48px #0a163c24;--ci-transition:.22s cubic-bezier(.4, 0, .2, 1)}.ci-amount-value,.ci-preview-amount{font-feature-settings:"tnum" on, "lnum" on;font-variant-numeric:tabular-nums;text-rendering:geometricprecision}.ci-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ci-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite ci-orb-float;position:absolute}.ci-mesh-orb-1{background:radial-gradient(circle,#10b981,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.ci-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#3b82f6,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes ci-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-40px)scale(1.04)}66%{transform:translate(-30px,25px)scale(.97)}}.ci-loading-screen{background:var(--ci-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.ci-loading-logo{text-align:center}.ci-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite ci-loading-bounce}@keyframes ci-loading-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}.ci-loading-logo h2{color:#fff;margin-bottom:8px;font-family:Syne,sans-serif;font-size:24px;font-weight:800}@keyframes ci-bar-wave{0%,to{opacity:.35;height:10px}50%{opacity:1;height:32px}}.ci-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden}.ci-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.ci-live-chip{color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:10px;font-weight:600;display:inline-flex}@keyframes ci-live-pulse{0%,to{opacity:1;box-shadow:0 0 #4ade8080}50%{opacity:.6;box-shadow:0 0 0 4px #4ade8000}}.ci-header-title{color:#fff;letter-spacing:-1px;margin:0 0 8px;font-family:Syne,sans-serif;font-size:32px;font-weight:800}.ci-header-actions{flex-wrap:wrap;gap:10px;display:flex}.ci-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--ci-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.ci-content{z-index:1;max-width:1000px;margin:0 auto;padding:28px 32px 60px;position:relative}.ci-section-card{background:var(--ci-surface);border-radius:var(--ci-radius);border:1px solid var(--ci-border);transition:all var(--ci-transition);margin-bottom:24px;padding:24px}.ci-section-card:hover{box-shadow:var(--ci-shadow-md)}.ci-section-title{color:var(--ci-text-1);border-bottom:2px solid var(--ci-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;padding-bottom:12px;font-family:Syne,sans-serif;font-size:18px;font-weight:700;display:flex}.ci-section-badge{letter-spacing:.3px;border-radius:30px;padding:6px 14px;font-size:11px;font-weight:600}.ci-type-toggle{flex-wrap:wrap;gap:16px;display:flex}.ci-type-btn{border:2px solid var(--ci-border);background:var(--ci-surface);cursor:pointer;transition:all var(--ci-transition);border-radius:18px;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:12px;padding:18px 16px;font-size:16px;font-weight:600;display:flex}.ci-type-btn .ci-type-icon{font-size:22px}.ci-type-btn .ci-type-desc{color:var(--ci-text-3);font-size:11px;font-weight:400}.ci-type-btn.active.payment{color:#ef4444;background:#ef444414;border-color:#ef4444;box-shadow:0 4px 12px #ef44441f}.ci-type-btn.active.receipt{color:#10b981;background:#10b98114;border-color:#10b981;box-shadow:0 4px 12px #10b9811f}.ci-type-btn:hover:not(.active){background:var(--ci-s-50);border-color:var(--ci-s-200)}.ci-party-search{margin-bottom:20px;position:relative}.ci-search-wrapper{width:100%;position:relative}.ci-search-icon{color:var(--ci-text-3);font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ci-search-input{border:1.5px solid var(--ci-border);background:var(--ci-surface);width:100%;transition:all var(--ci-transition);border-radius:14px;outline:none;padding:13px 14px 13px 44px;font-size:14px}.ci-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.ci-dropdown-list{background:var(--ci-surface);border:1px solid var(--ci-border);box-shadow:var(--ci-shadow-lg);z-index:100;border-radius:14px;max-height:300px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.ci-dropdown-item{cursor:pointer;border-bottom:1px solid var(--ci-border);transition:background var(--ci-transition);padding:14px 16px}.ci-dropdown-item:last-child{border-bottom:none}.ci-dropdown-item:hover{background:var(--ci-s-50)}.ci-party-info{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.ci-party-info strong{color:var(--ci-text-1);font-size:14px}.ci-party-type{background:#0000000d;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:600}.ci-party-contact{color:var(--ci-text-3);flex-wrap:wrap;gap:16px;font-size:11px;display:flex}.ci-party-phone,.ci-party-email{align-items:center;gap:4px;display:inline-flex}.ci-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.ci-form-field{flex-direction:column;gap:8px;display:flex}.ci-form-field.full-width{grid-column:span 2}.ci-field-label{color:var(--ci-text-2);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.ci-field-required{color:#ef4444}.ci-form-input,.ci-form-textarea,.ci-form-select{border:1.5px solid var(--ci-border);background:var(--ci-surface);width:100%;transition:all var(--ci-transition);border-radius:12px;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px}.ci-form-input:focus,.ci-form-textarea:focus,.ci-form-select:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.ci-form-textarea{resize:vertical;min-height:80px}.ci-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237A8FAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}.ci-amount-card{text-align:center;background:linear-gradient(135deg, var(--ci-s-50), var(--ci-surface))}.ci-amount-wrapper{max-width:320px;margin:0 auto;position:relative}.ci-currency-symbol{color:var(--ci-text-2);font-size:16px;font-weight:600;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.ci-amount-input{border:2px solid var(--ci-border);text-align:center;width:100%;transition:all var(--ci-transition);border-radius:18px;outline:none;padding:16px 16px 16px 56px;font-family:Syne,sans-serif;font-size:24px;font-weight:700}.ci-amount-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.ci-amount-preview{background:var(--ci-s-50);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:14px 20px;font-size:14px;display:flex}.ci-preview-amount{font-size:22px;font-weight:800}.ci-method-buttons{flex-wrap:wrap;gap:12px;display:flex}.ci-method-btn{border:1.5px solid var(--ci-border);background:var(--ci-surface);cursor:pointer;transition:all var(--ci-transition);border-radius:40px;padding:10px 22px;font-size:13px;font-weight:600}.ci-method-btn:hover{border-color:var(--ci-s-200);background:var(--ci-s-50)}.ci-method-btn.active{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.ci-action-buttons{gap:16px;margin-top:8px;margin-bottom:40px;display:flex}.ci-btn-draft{border:2px solid var(--ci-border);background:var(--ci-surface);cursor:pointer;transition:all var(--ci-transition);border-radius:16px;flex:1;padding:14px 20px;font-size:15px;font-weight:600}.ci-btn-draft:hover{background:var(--ci-s-50);border-color:var(--ci-s-200);transform:translateY(-1px)}.ci-btn-issue{color:#fff;cursor:pointer;transition:all var(--ci-transition);border:none;border-radius:16px;flex:2;padding:14px 20px;font-size:15px;font-weight:700}.ci-btn-issue:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.ci-btn-draft:disabled,.ci-btn-issue:disabled{opacity:.6;cursor:not-allowed;transform:none}.ci-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite ci-spin;display:inline-block}@keyframes ci-spin{to{transform:rotate(360deg)}}@keyframes ci-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ci-loading-bar{height:20px;animation:none}}@media (width<=900px){.ci-header-inner{padding:0 20px}.ci-content{padding:20px 20px 48px}.ci-header-title{font-size:24px}}@media (width<=768px){.ci-form-grid{grid-template-columns:1fr;gap:16px}.ci-form-field.full-width{grid-column:span 1}.ci-action-buttons,.ci-type-toggle{flex-direction:column}.ci-type-btn{padding:14px 12px}.ci-section-title{flex-direction:column;align-items:flex-start}.ci-method-buttons{justify-content:center}.ci-amount-preview{text-align:center;flex-direction:column}}:root{--iv-void:#01060f;--iv-abyss:#030b18;--iv-deep:#061224;--iv-navy:#0a1e3d;--iv-steel:#112952;--iv-slate:#1c3e72;--iv-blue:#1d6feb;--iv-blue-l:#4c96ff;--iv-blue-ll:#8bbfff;--iv-blue-glow:#1d6feb2e;--iv-blue-rim:#1d6feb59;--iv-emerald:#00c9a7;--iv-emerald-d:#009e83;--iv-gold:#f0a500;--iv-gold-l:#ffd166;--iv-crimson:#ff4757;--iv-crimson-d:#cc1f30;--iv-purple:#7c3aed;--iv-surface:#fff;--iv-surf-50:#f4f7ff;--iv-surf-100:#e8eeff;--iv-surf-200:#d0dcff;--iv-border:#dde5f7;--iv-border-2:#c8d6f0;--iv-ink:#07142a;--iv-ink-2:#2c4170;--iv-ink-3:#647da0;--iv-ink-4:#98afcc;--f-display:"Bebas Neue", "Space Grotesk", sans-serif;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", "Fira Code", monospace;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-full:9999px;--sh-xs:0 1px 3px #07142a0f;--sh-sm:0 2px 8px #07142a14;--sh-md:0 6px 24px #07142a1a;--sh-lg:0 16px 48px #07142a21;--sh-blue:0 8px 32px #1d6feb38;--sh-dark:0 20px 60px #00000073;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--t-fast:.15s var(--ease);--t-base:.22s var(--ease);--t-slow:.38s var(--ease-out)}.iv-amount-display,.iv-grand-total-value,.iv-signature-count,.iv-total-value,.iv-detail-value.amount,.iv-amount-value,.num{font-size-adjust:.5;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;vertical-align:baseline;display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1, "ss01" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.iv-amount-display:before,.iv-grand-total-value:before{font-family:var(--f-mono);font-feature-settings:"tnum" 1}.iv-dashboard{background:var(--iv-surf-50);min-height:100vh;position:relative;overflow-x:hidden}.iv-bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#1d6feb06 1px,#0000 1px),linear-gradient(90deg,#1d6feb06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;overflow:hidden}.iv-mesh-orb{filter:blur(100px);border-radius:50%;animation:18s ease-in-out infinite iv-orb-drift;position:absolute}.iv-mesh-orb-1{background:radial-gradient(circle,#1d6feb12,#0000 70%);width:800px;height:800px;top:-300px;right:-200px}.iv-mesh-orb-2{background:radial-gradient(circle,#00c9a70d,#0000 70%);width:600px;height:600px;animation-delay:-6s;bottom:0;left:-150px}.iv-mesh-orb-3{background:radial-gradient(circle,#7c3aed0a,#0000 70%);width:500px;height:500px;animation-delay:-12s;top:40%;left:35%}@keyframes iv-orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-40px)scale(1.04)}66%{transform:translate(-30px,25px)scale(.97)}}.iv-loading-screen{background:var(--iv-void);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex}.iv-loading-logo{text-align:center}.iv-loading-pulse{filter:drop-shadow(0 0 24px #1d6feb80);font-size:52px;animation:2s ease-in-out infinite iv-pulse-float}@keyframes iv-pulse-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}.iv-loading-logo h2{font-family:var(--f-head);color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:700}.iv-loading-logo p{font-family:var(--f-body);color:#fff6;font-size:14px}.iv-loading-bars{align-items:flex-end;gap:5px;height:32px;display:flex}.iv-loading-bar{background:linear-gradient(to top, var(--iv-blue), var(--iv-blue-l));border-radius:3px;width:6px;animation:1s ease-in-out infinite iv-bar-wave}@keyframes iv-bar-wave{0%,to{opacity:.35;height:10px}50%{opacity:1;height:32px}}.iv-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden}.iv-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.iv-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--iv-surf-50));height:60px;position:absolute;bottom:0;left:0;right:0}.iv-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.iv-header-left{flex-shrink:0}.iv-live-chip{border-radius:var(--r-full);font-size:10px;font-weight:600;font-family:var(--f-mono);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;display:inline-flex}.iv-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite iv-live-pulse}@keyframes iv-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.iv-header-title{font-family:var(--f-head);color:#fff;letter-spacing:-1px;margin:0 0 8px;font-size:28px;font-weight:800}.iv-header-subtitle{font-family:var(--f-body);color:#ffffffa6;margin:0;font-size:13px}.iv-header-actions{flex-wrap:wrap;gap:10px;display:flex}.iv-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--t-base);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.iv-icon-btn:hover:not(:disabled){background:#ffffff38;transform:translateY(-2px)}.iv-icon-btn:disabled{opacity:.5;cursor:not-allowed}.iv-content{z-index:1;max-width:1200px;margin:0 auto;padding:28px 32px 60px;position:relative}.iv-header-card{background:var(--iv-surface);border-radius:var(--r-lg);border:1px solid var(--iv-border);box-shadow:var(--sh-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex}.iv-type-badge{font-size:12px;font-weight:700;font-family:var(--f-mono);letter-spacing:.5px;border-radius:40px;padding:8px 20px}.iv-status-badge{font-size:12px;font-weight:700;font-family:var(--f-mono);border-radius:40px;align-items:center;gap:6px;padding:8px 20px;display:flex}.iv-amount-display{letter-spacing:-.5px;font-size:32px;font-weight:800;font-family:var(--f-mono)!important}.iv-loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#01060fcc;justify-content:center;align-items:center;animation:.2s iv-fade-in;display:flex;position:fixed;inset:0}@keyframes iv-fade-in{0%{opacity:0}to{opacity:1}}.iv-loading-spinner{text-align:center;background:var(--iv-surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:32px 40px;animation:.3s iv-scale-in}@keyframes iv-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.iv-loading-pulse-small{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite iv-pulse-small}@keyframes iv-pulse-small{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.iv-loading-spinner p{font-family:var(--f-head);color:var(--iv-ink);margin:0;font-size:14px;font-weight:600}.iv-signatures-section{margin-bottom:24px}.iv-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.iv-section-title{align-items:center;gap:10px;display:flex}.iv-section-title h3{font-family:var(--f-head);color:var(--iv-ink);margin:0;font-size:16px;font-weight:700}.iv-signature-summary{align-items:center;gap:12px;display:flex}.iv-signature-progress{background:var(--iv-surf-200);border-radius:2px;width:100px;height:4px;overflow:hidden}.iv-signature-progress-fill{border-radius:2px;height:100%;transition:width .5s}.iv-signature-count{color:var(--iv-ink-3);font-size:11px;font-weight:600;font-family:var(--f-mono)!important}.iv-signatures-card{background:var(--iv-surface);border-radius:var(--r-md);border:1px solid var(--iv-border);overflow:hidden}.iv-signature-row{border-bottom:1px solid var(--iv-border);transition:background var(--t-base);align-items:center;gap:16px;padding:16px 20px;display:flex}.iv-signature-row:last-child{border-bottom:none}.iv-signature-row:hover{background:var(--iv-surf-50)}.iv-signature-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.iv-signature-info{flex:1}.iv-signature-label{font-family:var(--f-head);color:var(--iv-ink);margin-bottom:2px;font-size:14px;font-weight:700}.iv-signature-sub{font-family:var(--f-body);color:var(--iv-ink-3);font-size:11px}.iv-signature-status-msg{font-size:10px;font-weight:500;font-family:var(--f-body);margin-top:2px}.iv-signature-status{flex-shrink:0}.iv-signature-signed{align-items:center;gap:10px;display:flex}.iv-signature-check{background:#10b9811a;border-radius:14px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.iv-signature-details{text-align:right}.iv-signature-name{font-family:var(--f-head);font-size:12px;font-weight:600;display:block}.iv-signature-date{font-family:var(--f-mono);color:var(--iv-ink-3);font-size:10px;display:block}.iv-signature-pending-btn{font-family:var(--f-body);cursor:pointer;transition:all var(--t-base);background:0 0;border:1px solid;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.iv-signature-pending-btn:hover:not(.disabled){filter:brightness(.95);transform:translateY(-1px)}.iv-signature-pending-btn.disabled{opacity:.5;cursor:not-allowed}.iv-signature-required{margin-left:4px;font-size:12px}.iv-signature-status-summary{background:var(--iv-surf-50);border-top:1px solid var(--iv-border);text-align:center;padding:14px 20px}.iv-signature-badge{font-family:var(--f-mono);border-radius:30px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.iv-signature-badge.fully_signed{color:#10b981;background:#10b9811a}.iv-signature-badge.partial{color:#f59e0b;background:#f59e0b1a}.iv-signature-badge.pending{color:#64748b;background:#64748b1a}.iv-detail-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;display:grid}.iv-detail-card{background:var(--iv-surface);border-radius:var(--r-md);border:1px solid var(--iv-border);box-shadow:var(--sh-sm);transition:all var(--t-base);padding:22px}.iv-detail-card:hover{box-shadow:var(--sh-md)}.iv-detail-card.full-width{grid-column:span 2}.iv-detail-title{font-family:var(--f-head);color:var(--iv-ink);border-bottom:2px solid var(--iv-border);align-items:center;gap:8px;margin:0 0 18px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.iv-detail-content{flex-direction:column;gap:12px;display:flex}.iv-detail-row{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.iv-detail-label{min-width:110px;font-family:var(--f-mono);color:var(--iv-ink-3);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.iv-detail-value{font-family:var(--f-body);color:var(--iv-ink);font-size:14px;font-weight:500}.iv-items-table-wrapper{overflow-x:auto}.iv-items-table{border-collapse:collapse;width:100%}.iv-items-table th,.iv-items-table td{text-align:left;border-bottom:1px solid var(--iv-border);padding:12px}.iv-items-table th{background:var(--iv-surf-50);font-family:var(--f-mono);color:var(--iv-ink-2);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.iv-items-table td{font-family:var(--f-body);color:var(--iv-ink-2);font-size:13px}.iv-items-table .total-label{text-align:right;color:var(--iv-ink);font-weight:600}.iv-items-table .total-value{text-align:right;font-weight:600}.iv-grand-total-row td{border-top:2px solid var(--iv-border);padding-top:14px}.iv-grand-total-label{text-align:right;font-family:var(--f-head);color:var(--iv-ink);font-size:15px;font-weight:700}.iv-grand-total-value{text-align:right;font-size:18px;font-weight:800;font-family:var(--f-mono)!important}.iv-notes-content{background:var(--iv-surf-50);font-family:var(--f-body);color:var(--iv-ink-2);border-radius:12px;margin:0;padding:12px;font-size:14px;line-height:1.5}.iv-action-buttons{flex-wrap:wrap;gap:16px;margin-top:8px;margin-bottom:40px;display:flex}.iv-btn-back{border:1.5px solid var(--iv-border);background:var(--iv-surface);font-family:var(--f-head);color:var(--iv-ink-2);cursor:pointer;transition:all var(--t-base);border-radius:14px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;display:flex}.iv-btn-back:hover{background:var(--iv-surf-50);border-color:var(--iv-blue);color:var(--iv-blue)}.iv-btn-print{color:#fff;font-family:var(--f-head);cursor:pointer;transition:all var(--t-base);background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;display:flex}.iv-btn-print:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.iv-btn-download{color:#fff;font-family:var(--f-head);cursor:pointer;transition:all var(--t-base);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;display:flex}.iv-btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.iv-btn-download:disabled{opacity:.6;cursor:not-allowed}.iv-error-state{text-align:center;background:var(--iv-surface);border-radius:var(--r-lg);border:1px solid var(--iv-border);max-width:500px;margin:40px auto;padding:60px 30px}.iv-error-icon{margin-bottom:20px;font-size:64px}.iv-error-state h3{font-family:var(--f-head);color:var(--iv-ink);margin-bottom:8px;font-size:20px;font-weight:700}.iv-error-state p{font-family:var(--f-body);color:var(--iv-ink-3);margin-bottom:24px;font-size:14px}.iv-retry-btn{color:#fff;font-family:var(--f-head);cursor:pointer;transition:all var(--t-base);background:linear-gradient(135deg,#1a3a6b,#3b82f6);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.iv-retry-btn:hover{transform:translateY(-2px)}.iv-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#01060fa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.iv-modal-content{background:var(--iv-surface);border-radius:var(--r-lg);width:90%;max-width:400px;animation:.3s iv-modal-slide-up;overflow:hidden}@keyframes iv-modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.iv-modal-header{border-bottom:1px solid var(--iv-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.iv-modal-header h3{font-family:var(--f-head);margin:0;font-size:18px;font-weight:700}.iv-modal-close{background:var(--iv-surf-100);cursor:pointer;width:36px;height:36px;transition:all var(--t-base);border:none;border-radius:10px;font-size:18px}.iv-modal-close:hover{background:var(--iv-crimson);color:#fff}.iv-modal-body{text-align:center;padding:24px}.iv-modal-subtitle{font-family:var(--f-body);color:var(--iv-ink-3);margin-bottom:20px;font-size:13px}.iv-language-options{gap:16px;display:flex}.iv-language-option{border:1.5px solid var(--iv-border);background:var(--iv-surf-50);font-family:var(--f-body);cursor:pointer;transition:all var(--t-base);border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:600;display:flex}.iv-language-option:hover:not(:disabled){background:#10b9810d;border-color:#10b981;transform:translateY(-2px)}.iv-language-option:disabled{opacity:.5;cursor:not-allowed}.iv-language-flag{font-size:32px}.iv-modal-footer{border-top:1px solid var(--iv-border);padding:16px 24px}.iv-modal-cancel{border:1.5px solid var(--iv-border);background:var(--iv-surf-100);width:100%;font-family:var(--f-head);color:var(--iv-ink-2);cursor:pointer;transition:all var(--t-base);border-radius:14px;padding:12px;font-size:14px;font-weight:600}.iv-modal-cancel:hover{border-color:var(--iv-crimson);color:var(--iv-crimson)}@media print{.iv-header,.iv-action-buttons,.iv-header-actions,.iv-icon-btn,.iv-modal-overlay,.iv-bg-mesh{display:none!important}.iv-dashboard{background:#fff;padding:20px}.iv-content{margin:0;padding:0}.iv-detail-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.iv-header-card{box-shadow:none;border:1px solid #ddd}.iv-items-table th,.iv-items-table td{border-bottom:1px solid #ddd}}@keyframes iv-fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes iv-spin{to{transform:rotate(360deg)}}[dir=rtl] .iv-signature-row{flex-direction:row}[dir=rtl] .iv-signature-status,[dir=rtl] .iv-signature-details{text-align:left}[dir=rtl] .iv-section-header{flex-direction:row}[dir=rtl] .iv-detail-row{flex-direction:row-reverse}[dir=rtl] .iv-detail-label{text-align:right}[dir=rtl] .iv-header-actions button{transform:scaleX(-1)}@media (width<=900px){.iv-header-inner{padding:0 20px}.iv-content{padding:20px 20px 48px}.iv-header-title{font-size:22px}}@media (width<=768px){.iv-detail-grid{grid-template-columns:1fr;gap:16px}.iv-detail-card.full-width{grid-column:span 1}.iv-header-card{text-align:center;flex-direction:column}.iv-action-buttons{flex-direction:column}.iv-btn-back,.iv-btn-print,.iv-btn-download{justify-content:center;width:100%}.iv-language-options{flex-direction:column}.iv-detail-row{flex-direction:column;gap:4px}.iv-detail-label{min-width:auto}.iv-items-table th,.iv-items-table td{padding:8px}.iv-signature-row{flex-wrap:wrap;gap:12px}.iv-signature-status{width:100%;margin-left:60px}.iv-signature-signed{justify-content:space-between;width:100%}.iv-signature-details{text-align:left}.iv-section-header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.iv-loading-bar{height:18px;animation:none}}:root{--ir-navy-950:#020915;--ir-navy-900:#040d21;--ir-navy-800:#071530;--ir-navy-700:#0d2347;--ir-navy-600:#1a3a6b;--ir-blue:#3b82f6;--ir-blue-l:#60a5fa;--ir-blue-d:#1d4ed8;--ir-gold:#f59e0b;--ir-green:#10b981;--ir-green-d:#059669;--ir-red:#ef4444;--ir-red-b:#f43f5e;--ir-purple:#8b5cf6;--ir-surface:#fff;--ir-s-50:#f8faff;--ir-s-100:#eef3ff;--ir-s-200:#e2eaff;--ir-border:#e4ecff;--ir-text-1:#0a1628;--ir-text-2:#3d5278;--ir-text-3:#7a8faf;--ir-radius-sm:12px;--ir-radius:18px;--ir-radius-lg:24px;--ir-shadow-sm:0 1px 4px #0a163c0f;--ir-shadow:0 4px 16px #0a163c14;--ir-shadow-md:0 8px 28px #0a163c1a;--ir-shadow-lg:0 16px 48px #0a163c24;--ir-transition:.22s cubic-bezier(.4, 0, .2, 1);--ir-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--ir-font-body:"DM Sans", system-ui, sans-serif;--ir-font-mono:"JetBrains Mono", "Fira Code", monospace}.ir-dashboard{font-family:var(--ir-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ir-dashboard h1,.ir-dashboard h2,.ir-dashboard h3,.ir-dashboard h4,.ir-header-title,.ir-section-title,.ir-stat-value,.ir-error-state h3,.ir-empty-state p{font-family:var(--ir-font-head);letter-spacing:-.02em}.ir-stat-value,.ir-amount-cell,.ir-receipt-cell,.ir-payment-cell,.ir-positive-cell,.ir-negative-cell,.ir-rank-cell,.ir-trend-table td,.ir-stat-number{letter-spacing:-.01em;font-family:var(--ir-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}[dir=rtl] .ir-trend-table th,[dir=rtl] .ir-trend-table td{text-align:right}[dir=rtl] .ir-filters-grid{direction:rtl}[dir=rtl] .ir-apply-btn{flex-direction:row-reverse}.ir-dashboard{background:var(--ir-s-50);min-height:100vh;position:relative;overflow-x:hidden}.ir-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ir-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite ir-orb-float;position:absolute}.ir-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.ir-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.ir-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#10b981,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes ir-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.ir-loading-screen{background:var(--ir-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.ir-loading-logo{text-align:center}.ir-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite ir-loading-bounce}@keyframes ir-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ir-loading-logo h2{font-family:var(--ir-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.ir-loading-logo p{font-family:var(--ir-font-body);color:#ffffff73;font-size:14px}.ir-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.ir-loading-bar{background:linear-gradient(#3b82f6,#1a3a6b);border-radius:4px;width:8px;animation:1s ease-in-out infinite ir-bar-wave}@keyframes ir-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.ir-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden;background:linear-gradient(135deg,#060e1f,#0e2040,#1a3a6b,#2563eb)!important}.ir-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.ir-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--ir-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.ir-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.ir-header-left{flex-shrink:0}.ir-live-chip{font-family:var(--ir-font-mono);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:10px;font-weight:600;display:inline-flex}.ir-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite ir-live-pulse}@keyframes ir-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ir-header-title{font-family:var(--ir-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.ir-header-subtitle{font-family:var(--ir-font-body);color:#ffffffa6;margin:0;font-size:13px}.ir-header-actions{flex-wrap:wrap;gap:10px;display:flex}.ir-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--ir-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.ir-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.ir-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ir-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.ir-filters-section{background:var(--ir-surface);border:1px solid var(--ir-border);box-shadow:var(--ir-shadow-sm);border-radius:20px;margin-bottom:24px;padding:24px}.ir-filters-grid{flex-wrap:wrap;align-items:flex-end;gap:24px;display:flex}.ir-filter-group{flex-direction:column;gap:8px;min-width:160px;display:flex}.ir-filter-label{font-family:var(--ir-font-mono);color:var(--ir-text-2);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.ir-filter-select{border:1.5px solid var(--ir-border);font-family:var(--ir-font-body);background:var(--ir-surface);cursor:pointer;transition:all var(--ir-transition);border-radius:12px;outline:none;padding:11px 14px;font-size:14px;font-weight:500}.ir-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ir-apply-btn{color:#fff;font-family:var(--ir-font-head);cursor:pointer;transition:all var(--ir-transition);background:linear-gradient(135deg,#1a3a6b,#3b82f6);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;display:flex}.ir-apply-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.ir-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.ir-stat-card{background:var(--ir-surface);border:1px solid var(--ir-border);text-align:center;transition:all var(--ir-transition);box-shadow:var(--ir-shadow);border-radius:18px;padding:20px 16px;position:relative;overflow:hidden}.ir-stat-card:hover{box-shadow:var(--ir-shadow-md);transform:translateY(-3px)}.ir-stat-top-bar{height:4px;position:absolute;top:0;left:0;right:0}.ir-stat-icon{border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin:12px auto;font-size:24px;display:flex}.ir-stat-value{letter-spacing:-.01em;margin-bottom:6px;font-size:26px;font-family:var(--ir-font-mono)!important;font-weight:800!important}.ir-stat-label{font-family:var(--ir-font-mono);color:var(--ir-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.ir-section-card{background:var(--ir-surface);border-radius:var(--ir-radius);border:1px solid var(--ir-border);transition:all var(--ir-transition);margin-bottom:24px;padding:24px}.ir-section-card:hover{box-shadow:var(--ir-shadow-md)}.ir-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ir-section-title{font-family:var(--ir-font-head);color:var(--ir-text-1);letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.ir-table-wrapper{overflow-x:auto}.ir-trend-table{border-collapse:collapse;width:100%}.ir-trend-table th{text-align:left;background:var(--ir-s-50);font-family:var(--ir-font-mono);color:var(--ir-text-2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--ir-border);padding:14px 16px;font-size:12px;font-weight:700}[dir=rtl] .ir-trend-table th{text-align:right}.ir-trend-table td{border-bottom:1px solid var(--ir-border);font-family:var(--ir-font-body);color:var(--ir-text-1);padding:12px 16px;font-size:14px;font-weight:500}.ir-trend-table tr:hover td{background:var(--ir-s-50)}.ir-receipt-cell{color:#10b981;font-family:var(--ir-font-mono);font-weight:700}.ir-payment-cell{color:#ef4444;font-family:var(--ir-font-mono);font-weight:700}.ir-positive-cell{color:#10b981;font-family:var(--ir-font-mono);font-weight:800}.ir-negative-cell{color:#ef4444;font-family:var(--ir-font-mono);font-weight:800}.ir-rank-cell{font-family:var(--ir-font-mono);color:#f59e0b;font-weight:700}.ir-export-buttons{flex-wrap:wrap;gap:12px;display:flex}.ir-export-btn{border:1.5px solid var(--ir-border);background:var(--ir-surface);font-family:var(--ir-font-body);cursor:pointer;transition:all var(--ir-transition);border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.ir-export-btn:hover{color:#3b82f6;border-color:#3b82f6}.ir-empty-state{text-align:center;color:var(--ir-text-3);padding:40px 20px}.ir-empty-icon{opacity:.5;margin-bottom:12px;font-size:48px;display:block}.ir-empty-state p{font-family:var(--ir-font-body);margin:0;font-size:14px}.ir-error-state{text-align:center;background:var(--ir-surface);border:1px solid var(--ir-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.ir-error-icon{margin-bottom:20px;font-size:64px}.ir-error-state h3{font-family:var(--ir-font-head);color:var(--ir-text-1);margin-bottom:8px;font-size:20px;font-weight:700}.ir-error-state p{font-family:var(--ir-font-body);color:var(--ir-text-3);margin-bottom:24px;font-size:14px}.ir-retry-btn{color:#fff;font-family:var(--ir-font-head);cursor:pointer;transition:all var(--ir-transition);background:linear-gradient(135deg,#1a3a6b,#3b82f6);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.ir-retry-btn:hover{transform:translateY(-2px)}.ir-refresh-btn{background:var(--ir-surface);border:1.5px dashed var(--ir-border);border-radius:var(--ir-radius);width:100%;font-family:var(--ir-font-head);color:var(--ir-text-2);cursor:pointer;transition:all var(--ir-transition);justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:14px;font-weight:600;display:flex}.ir-refresh-btn:hover:not(:disabled){background:var(--ir-s-50);color:#3b82f6;border-style:solid;border-color:#3b82f6}.ir-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes ir-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ir-loading-bar{height:20px;animation:none}}@media print{.ir-header,.ir-filters-section,.ir-export-buttons,.ir-refresh-btn,.ir-header-actions,.ir-icon-btn,.ir-bg-mesh{display:none!important}.ir-dashboard{background:#fff;padding:20px}.ir-content{margin:0;padding:0}.ir-stat-card,.ir-section-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}@media (width<=1100px){.ir-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=900px){.ir-header-inner{padding:0 20px}.ir-content{padding:20px 20px 48px}.ir-header-title{font-size:24px}}@media (width<=768px){.ir-stats-grid{grid-template-columns:repeat(2,1fr)}.ir-filters-grid{flex-direction:column}.ir-filter-group{width:100%}.ir-apply-btn{justify-content:center;width:100%}.ir-trend-table th,.ir-trend-table td{padding:10px 12px}.ir-export-buttons{flex-direction:column}.ir-export-btn{justify-content:center}}:root{--sig-bg:#f5f7fa;--sig-surface:#fff;--sig-border:#e8edf5;--sig-text-primary:#0f1c35;--sig-text-secondary:#5a6a85;--sig-text-muted:#a0aebf;--sig-shadow-sm:0 2px 8px #07142a0f;--sig-shadow-md:0 8px 24px #07142a14;--sig-shadow-lg:0 16px 40px #07142a1f;--sig-radius-sm:12px;--sig-radius-md:16px;--sig-radius-lg:20px;--sig-font-head:"Space Grotesk", system-ui, sans-serif;--sig-font-body:"DM Sans", system-ui, sans-serif;--sig-font-mono:"JetBrains Mono", monospace}.sig-dashboard{background:var(--sig-bg);min-height:100vh;position:relative}.sig-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0}.sig-mesh-orb{filter:blur(100px);opacity:.3;border-radius:50%;animation:18s ease-in-out infinite sig-float;position:absolute}.sig-mesh-orb-1{background:radial-gradient(circle,#3a7fd514,#0000);width:600px;height:600px;top:-200px;right:-100px}.sig-mesh-orb-2{background:radial-gradient(circle,#8b5cf60f,#0000);width:500px;height:500px;bottom:0;left:-150px}.sig-mesh-orb-3{background:radial-gradient(circle,#10b9810d,#0000);width:400px;height:400px;top:50%;left:20%}@keyframes sig-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.96)}}.sig-header{z-index:1;padding:32px 40px 48px;position:relative;overflow:hidden}.sig-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--sig-bg));height:60px;position:absolute;bottom:0;left:0;right:0}.sig-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1400px;margin:0 auto;display:flex}.sig-header-left{flex:1}.sig-breadcrumb{align-items:center;gap:8px;margin-bottom:16px;display:flex}.sig-breadcrumb-btn{font-family:var(--sig-font-body);color:#ffffffe6;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:30px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s}.sig-breadcrumb-btn:hover{background:#fff3;transform:translate(-2px)}.sig-breadcrumb-sep{color:#fff6}.sig-breadcrumb-current{font-family:var(--sig-font-head);color:#fff9;font-size:12px}.sig-live-chip{background:#ffffff1f;border:1px solid #fff3;border-radius:30px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;display:inline-flex}.sig-live-dot{border-radius:50%;width:6px;height:6px;animation:2s infinite sig-pulse}@keyframes sig-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sig-live-chip span:last-child{font-family:var(--sig-font-mono);color:#ffffffd9;font-size:11px;font-weight:600}.sig-header-title{font-family:var(--sig-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:32px;font-weight:800}.sig-header-subtitle{font-family:var(--sig-font-body);color:#ffffff8c;font-size:14px}.sig-header-actions{gap:10px;display:flex}.sig-icon-btn{cursor:pointer;color:#fffc;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .2s;display:flex}.sig-icon-btn:hover{background:#fff3;transform:translateY(-2px)}.sig-main{z-index:1;grid-template-columns:1fr 380px;gap:28px;max-width:1400px;margin:-30px auto 0;padding:0 40px 60px;display:grid;position:relative}.sig-signature-panel{background:var(--sig-surface);border-radius:var(--sig-radius-lg);box-shadow:var(--sig-shadow-md);overflow:hidden}.sig-panel-header{background:var(--sig-surface);border-bottom:1px solid var(--sig-border);align-items:center;gap:12px;padding:20px 24px;display:flex}.sig-panel-icon{font-size:24px}.sig-panel-title{font-family:var(--sig-font-head);color:var(--sig-text-primary);margin:0;font-size:18px;font-weight:700}.sig-canvas-container{padding:24px}.sig-canvas-wrapper{border:2px solid var(--sig-border);background:#f8faff;border-radius:16px;transition:all .2s;position:relative;overflow:hidden}.sig-canvas-wrapper:focus-within{border-color:var(--theme-color,#3a7fd5);box-shadow:0 0 0 3px #3a7fd51a}.sig-canvas{cursor:crosshair;background:#f8faff;width:100%;height:auto;display:block}.sig-canvas-placeholder{color:var(--sig-text-muted);pointer-events:none;background:#f8faffd9;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.sig-canvas-placeholder svg{opacity:.5}.sig-canvas-placeholder p{font-family:var(--sig-font-body);margin:0;font-size:13px}.sig-canvas-disabled{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.sig-canvas-disabled p{font-family:var(--sig-font-body);font-size:13px}.sig-canvas-actions{justify-content:space-between;align-items:center;padding:16px 24px 24px;display:flex}.sig-clear-btn{border:1px solid var(--sig-border);font-family:var(--sig-font-body);color:var(--sig-text-secondary);cursor:pointer;background:#f5f7fa;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sig-clear-btn:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444}.sig-clear-btn:disabled{opacity:.4;cursor:not-allowed}.sig-hint{font-family:var(--sig-font-body);color:var(--sig-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.sig-permission-warning{font-family:var(--sig-font-body);border:1px solid;border-radius:12px;align-items:center;gap:10px;margin:0 24px 24px;padding:14px 18px;font-size:13px;font-weight:500;display:flex}.sig-preview-card{border:1px solid var(--sig-border);background:#f8faff;border-radius:12px;margin:0 24px 24px;padding:16px}.sig-preview-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sig-preview-icon{color:#fff;background:#10b981;border-radius:20px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.sig-preview-title{font-family:var(--sig-font-head);color:var(--sig-text-primary);font-size:14px;font-weight:600}.sig-preview-image{background:#fff;border-radius:8px;justify-content:center;margin-bottom:12px;padding:12px;display:flex}.sig-preview-image img{border:1px solid var(--sig-border);border-radius:4px;max-width:100%;max-height:80px}.sig-preview-info{font-family:var(--sig-font-mono);color:var(--sig-text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.sig-preview-clear{color:#ef4444;cursor:pointer;font-size:12px;font-family:var(--sig-font-body);background:0 0;border:none;font-weight:500}.sig-info-panel{flex-direction:column;gap:20px;display:flex}.sig-info-card{background:var(--sig-surface);border-radius:var(--sig-radius-md);border:1px solid var(--sig-border);border-top-width:3px;overflow:hidden}.sig-info-header{background:var(--sig-surface);border-bottom:1px solid var(--sig-border);align-items:center;gap:10px;padding:16px 20px;display:flex}.sig-info-icon{font-size:20px}.sig-info-header h3{font-family:var(--sig-font-head);color:var(--sig-text-primary);margin:0;font-size:15px;font-weight:700}.sig-info-row{border-bottom:1px solid var(--sig-border);justify-content:space-between;padding:12px 20px;display:flex}.sig-info-row:last-child{border-bottom:none}.sig-info-label{font-family:var(--sig-font-body);color:var(--sig-text-secondary);font-size:12px;font-weight:500}.sig-info-value{font-family:var(--sig-font-mono);color:var(--sig-text-primary);font-size:12px;font-weight:600}.sig-legal-card{border-radius:var(--sig-radius-md);background:#3b82f60a;border:1px solid #3b82f626;overflow:hidden}.sig-legal-header{border-bottom:1px solid #3b82f626;align-items:center;gap:10px;padding:16px 20px;display:flex}.sig-legal-icon{font-size:18px}.sig-legal-header h3{font-family:var(--sig-font-head);color:#3b82f6;margin:0;font-size:14px;font-weight:700}.sig-legal-items{padding:16px 20px}.sig-legal-item{font-family:var(--sig-font-body);color:var(--sig-text-secondary);align-items:center;gap:10px;padding:8px 0;font-size:12px;display:flex}.sig-legal-check{color:#3b82f6;background:#3b82f61a;border-radius:20px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.sig-action-buttons{gap:12px;margin-top:20px;display:flex}.sig-cancel-btn{background:var(--sig-surface);border:1.5px solid var(--sig-border);font-family:var(--sig-font-head);color:var(--sig-text-secondary);cursor:pointer;border-radius:12px;flex:1;padding:14px;font-size:14px;font-weight:600;transition:all .2s}.sig-cancel-btn:hover:not(:disabled){color:#ef4444;border-color:#ef4444}.sig-submit-btn{font-family:var(--sig-font-head);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.sig-submit-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.sig-submit-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes sig-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes sig-spin{to{transform:rotate(360deg)}}[dir=rtl] .sig-breadcrumb-btn{transform:scaleX(-1)}[dir=rtl] .sig-breadcrumb-btn:hover{transform:scaleX(-1)translate(-2px)}[dir=rtl] .sig-info-row,[dir=rtl] .sig-preview-header,[dir=rtl] .sig-preview-info{flex-direction:row-reverse}@media (width<=1100px){.sig-main{grid-template-columns:1fr;padding:0 24px 48px}.sig-info-panel{order:2}.sig-signature-panel{order:1}}@media (width<=768px){.sig-header{padding:24px 20px 40px}.sig-header-title{font-size:24px}.sig-main{padding:0 20px 40px}.sig-action-buttons{flex-direction:column}.sig-canvas-placeholder svg{width:32px;height:32px}.sig-canvas-placeholder p{font-size:11px}}:root{--py-primary:#059669;--py-primary-dark:#064e3b;--py-primary-light:#10b981;--py-primary-soft:#ecfdf5;--py-secondary:#3b82f6;--py-warning:#f59e0b;--py-danger:#ef4444;--py-info:#8b5cf6;--py-surface:#fff;--py-bg:#f8fafc;--py-border:#e2e8f0;--py-text-primary:#0f172a;--py-text-secondary:#475569;--py-text-muted:#94a3b8;--py-radius-sm:10px;--py-radius:16px;--py-radius-lg:20px;--py-shadow-sm:0 1px 3px #0000000d;--py-shadow:0 4px 12px #00000014;--py-shadow-lg:0 8px 24px #0000001f;--py-transition:.2s ease;--py-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--py-font-body:"DM Sans", system-ui, sans-serif;--py-font-mono:"JetBrains Mono", "Fira Code", monospace}.py-dashboard{font-family:var(--py-font-body);background:var(--py-bg);color:var(--py-text-primary);-webkit-font-smoothing:antialiased}.py-dashboard h1,.py-dashboard h2,.py-dashboard h3,.py-dashboard h4,.py-header-title,.py-card-name,.py-empty-state h3,.py-modal-title h3{font-family:var(--py-font-head);font-weight:700}.py-metric-value,.py-financial-value,.py-progress-stats span,.py-filter-badge,.py-tag-more,.py-progress-percent{letter-spacing:-.01em;font-weight:600;font-family:var(--py-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important}[dir=rtl] .py-card-header{text-align:right;flex-direction:row-reverse}[dir=rtl] .py-card-actions{flex-direction:row-reverse}[dir=rtl] .py-breadcrumb-btn{transform:scaleX(-1)}[dir=rtl] .py-clear-search{left:12px;right:auto}[dir=rtl] .py-sort-icon{display:inline-block;transform:scaleX(-1)}.py-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.py-mesh-orb{filter:blur(100px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite py-orb-float;position:absolute}.py-mesh-orb-1{background:radial-gradient(circle,#10b981,#0000);width:600px;height:600px;top:-150px;right:-80px}.py-mesh-orb-2{background:radial-gradient(circle,#3b82f6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.py-mesh-orb-3{background:radial-gradient(circle,#8b5cf6,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes py-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.96)}}.py-loading-screen{background:var(--pd-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.py-loading-logo{text-align:center}.py-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite pd-loading-bounce}@keyframes py-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.py-loading-logo h2{font-family:var(--py-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.py-loading-logo p{font-family:var(--py-font-body);color:#ffffff8c;font-size:14px}.py-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.py-loading-bar{background:linear-gradient(#10b981,#059669);border-radius:3px;width:6px;animation:1s ease-in-out infinite py-bar-wave}@keyframes py-bar-wave{0%,to{opacity:.5;height:12px}50%{opacity:1;height:36px}}.py-header{z-index:1;padding:28px 0 40px;position:relative;overflow:hidden}.py-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.py-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--py-bg));height:60px;position:absolute;bottom:0;left:0;right:0}.py-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.py-header-left{flex-shrink:0}.py-breadcrumb{align-items:center;gap:8px;margin-bottom:16px;display:flex}.py-breadcrumb-btn{color:#ffffffe6;font-family:var(--py-font-body);cursor:pointer;transition:all var(--py-transition);background:#ffffff1f;border:1px solid #fff3;border-radius:30px;padding:6px 16px;font-size:12px;font-weight:600}.py-breadcrumb-btn:hover{background:#fff3;transform:translate(-2px)}.py-breadcrumb-sep{color:#fff6}.py-breadcrumb-current{font-family:var(--py-font-head);color:#fff9;font-size:12px}.py-header-title{font-family:var(--py-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.py-header-subtitle{font-family:var(--py-font-body);color:#ffffffa6;margin:0;font-size:13px}.py-header-actions{gap:10px;display:flex}.py-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--py-transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.py-icon-btn:hover{background:#fff3;transform:translateY(-2px)}.py-metric-strip{flex-wrap:wrap;gap:16px;max-width:1440px;margin:28px auto 0;padding:0 32px;display:flex}.py-metric-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:140px;transition:all var(--py-transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;flex:1;align-items:center;gap:12px;padding:14px 18px;display:flex}.py-metric-item:hover{background:#ffffff26;transform:translateY(-2px)}.py-metric-icon{font-size:28px}.py-metric-info{flex:1}.py-metric-label{font-family:var(--py-font-mono);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.py-metric-value{color:#fff;font-size:20px;font-family:var(--py-font-mono)!important;font-weight:700!important}.py-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.py-search-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.py-search-wrapper{flex:1;min-width:240px;position:relative}.py-search-icon{color:var(--py-text-muted);font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}[dir=rtl] .py-search-icon{left:auto;right:14px}.py-search-input{border:1.5px solid var(--py-border);width:100%;font-family:var(--py-font-body);background:var(--py-surface);transition:all var(--py-transition);border-radius:12px;padding:12px 40px;font-size:14px;font-weight:500}.py-search-input:focus{border-color:var(--py-primary);outline:none;box-shadow:0 0 0 3px #0596691a}.py-clear-search{cursor:pointer;color:var(--py-text-muted);background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.py-clear-search:hover{color:var(--py-danger)}.py-sort-group{background:var(--py-surface);border:1.5px solid var(--py-border);border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.py-sort-label{font-family:var(--py-font-mono);color:var(--py-text-muted);text-transform:uppercase;padding:0 8px;font-size:11px;font-weight:600}.py-sort-btn{font-family:var(--py-font-body);color:var(--py-text-secondary);cursor:pointer;transition:all var(--py-transition);background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.py-sort-btn:hover{background:var(--py-primary-soft);color:var(--py-primary)}.py-sort-btn--active{color:var(--py-primary);background:#0596691a}.py-sort-icon{margin-left:4px;font-size:10px}.py-grid-sel{background:var(--py-surface);border:1.5px solid var(--py-border);border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.py-grid-sel-lbl{font-family:var(--py-font-body);color:var(--py-text-muted);padding:0 6px;font-size:14px}.py-grid-opt{width:32px;height:32px;font-family:var(--py-font-mono);color:var(--py-text-muted);cursor:pointer;transition:all var(--py-transition);background:0 0;border:none;border-radius:8px;font-size:12px;font-weight:700}.py-grid-opt:hover{background:var(--py-primary-soft);color:var(--py-primary)}.py-grid-opt--on{background:var(--py-primary);color:#fff}.py-filter-btn{border:1.5px solid var(--py-border);background:var(--py-surface);font-family:var(--py-font-body);color:var(--py-text-secondary);cursor:pointer;transition:all var(--py-transition);border-radius:12px;align-items:center;gap:6px;padding:11px 22px;font-size:14px;font-weight:600;display:flex;position:relative}.py-filter-btn:hover{border-color:var(--py-primary);color:var(--py-primary);background:var(--py-primary-soft)}.py-filter-btn.active{border-color:var(--py-primary);color:var(--py-primary);background:#05966914}.py-filter-badge{background:var(--py-primary);color:#fff;font-family:var(--py-font-mono);border:2px solid #fff;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-8px}.py-add-btn{background:linear-gradient(135deg, var(--py-primary-dark), var(--py-primary));color:#fff;font-family:var(--py-font-head);cursor:pointer;transition:all var(--py-transition);border:none;border-radius:12px;padding:11px 28px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0596694d}.py-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #05966966}.py-refresh-btn{border:1.5px solid var(--py-border);background:var(--py-surface);cursor:pointer;width:48px;height:48px;transition:all var(--py-transition);border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.py-refresh-btn:hover:not(:disabled){border-color:var(--py-primary);color:var(--py-primary);transform:translateY(-1px)}.py-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:.8s linear infinite spin-anim}.py-active-filters{border-top:1px solid var(--py-border);border-bottom:1px solid var(--py-border);flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:12px 0;display:flex}.py-filter-chip{font-family:var(--py-font-body);color:var(--py-primary);background:#05966914;border:1px solid #05966933;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.py-filter-chip button{cursor:pointer;color:var(--py-primary);background:0 0;border:none;margin-left:4px;font-size:14px;font-weight:700}.py-clear-all{font-family:var(--py-font-body);color:var(--py-text-muted);cursor:pointer;transition:color var(--py-transition);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.py-clear-all:hover{color:var(--py-danger)}.py-meta-row{font-family:var(--py-font-body);color:var(--py-text-secondary);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px;display:flex}.py-meta-updating{font-family:var(--py-font-mono);color:var(--py-primary);font-size:11px;font-weight:600;animation:1.2s ease-in-out infinite py-blink}@keyframes py-blink{0%,to{opacity:1}50%{opacity:.4}}.py-payer-grid{gap:20px;margin-bottom:30px;display:grid}.py-payer-card{background:var(--py-surface);border-radius:var(--py-radius-lg);border:1px solid var(--py-border);cursor:pointer;transition:all var(--py-transition);box-shadow:var(--py-shadow-sm);padding:20px;position:relative}.py-payer-card:hover{box-shadow:var(--py-shadow-lg);border-color:var(--py-primary-light);transform:translateY(-4px)}.py-payer-card--compact{padding:16px}.py-payer-card--expanded{border-color:var(--py-primary);box-shadow:0 0 0 2px #0596691a, var(--py-shadow-lg)}.py-card-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.py-card-avatar{width:52px;height:52px;font-family:var(--py-font-head);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.py-payer-card--compact .py-card-avatar{width:44px;height:44px;font-size:18px}.py-card-info{flex:1;min-width:0}.py-card-name{font-family:var(--py-font-head);color:var(--py-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:16px;font-weight:700;overflow:hidden}.py-card-contact,.py-card-project{font-family:var(--py-font-body);color:var(--py-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11px;display:block;overflow:hidden}.py-card-project{color:var(--py-primary)}.py-card-badges{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.py-status-dot{border-radius:4px;width:8px;height:8px}.py-status-text{font-family:var(--py-font-mono);color:var(--py-text-secondary);font-size:10px;font-weight:600}.py-pending-badge{font-family:var(--py-font-mono);color:#f59e0b;background:#f59e0b1a;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:700;display:flex}.py-probability-row{background:var(--py-bg);border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:4px 12px;display:inline-flex}.py-probability-dot{border-radius:3px;width:6px;height:6px}.py-probability-text{font-family:var(--py-font-mono);font-size:10px;font-weight:600}.py-tags-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.py-tag{font-family:var(--py-font-mono);transition:all var(--py-transition);border:1px solid;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:600}.py-tag:hover{filter:brightness(1.05);transform:translateY(-1px)}.py-tag-more{font-family:var(--py-font-mono);color:var(--py-text-muted);background:var(--py-bg);border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600}.py-financial-row{background:var(--py-bg);border:1px solid var(--py-border);border-radius:12px;margin-bottom:14px;display:flex;overflow:hidden}.py-financial-item{text-align:center;border-right:1px solid var(--py-border);flex:1;padding:10px 8px}.py-financial-item:last-child{border-right:none}.py-financial-label{font-family:var(--py-font-mono);color:var(--py-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:9px;display:block}.py-financial-value{color:var(--py-text-primary);font-size:14px;font-family:var(--py-font-mono)!important;font-weight:700!important}.py-progress-section{margin-bottom:14px}.py-progress-bar{background:var(--py-border);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.py-progress-fill{border-radius:3px;height:100%;transition:width .5s}.py-progress-stats{font-family:var(--py-font-body);color:var(--py-text-muted);justify-content:space-between;font-size:10px;display:flex}.py-progress-stats span:first-child{font-family:var(--py-font-mono);font-weight:600}.py-card-actions{gap:8px;margin-top:6px;display:flex}.py-action-btn{font-family:var(--py-font-head);cursor:pointer;transition:all var(--py-transition);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:12px;font-weight:700;display:flex}.py-action-receipt{color:var(--py-primary);background:#05966914;border:1px solid #05966933}.py-action-receipt:hover{background:#05966926;transform:translateY(-1px)}.py-action-expand{background:var(--py-bg);border:1px solid var(--py-border);color:var(--py-text-secondary);flex:0 0 44px}.py-action-expand:hover{background:var(--py-primary-soft);color:var(--py-primary);transform:translateY(-1px)}.py-action-view{color:var(--py-secondary);background:#3b82f60f;border:1px solid #3b82f633}.py-action-view:hover{background:#3b82f61f;transform:translateY(-1px)}.py-expanded-details{background:var(--py-bg);border:1px solid var(--py-border);border-radius:12px;margin-top:14px;padding:12px;animation:.25s py-expand}@keyframes py-expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.py-expanded-row{font-family:var(--py-font-body);color:var(--py-text-secondary);border-bottom:1px solid var(--py-border);align-items:flex-start;gap:10px;padding:6px 0;font-size:12px;display:flex}.py-expanded-row:last-child{border-bottom:none}.py-expanded-notes{align-items:flex-start}.py-loading-section{margin-top:30px}.py-loading-progress{background:var(--py-s-50);border-radius:var(--py-radius);border:1px solid var(--py-border);margin-bottom:16px;padding:16px 20px}.py-loading-progress-bar{background:var(--py-s-200);border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.py-loading-progress-fill{background:linear-gradient(90deg, var(--py-primary), var(--py-primary-light));border-radius:3px;height:100%;transition:width .4s}.py-loading-progress-text{font-family:var(--py-font-mono);color:var(--py-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.py-loading-progress-stats{flex-wrap:wrap;gap:16px;display:flex}.py-loading-progress-stats span{align-items:center;gap:4px;display:inline-flex}.py-loading-progress-percent{font-family:var(--py-font-mono);color:var(--py-primary);font-weight:700}.py-loading-trigger{text-align:center}.py-loading-spinner{color:var(--py-text-secondary);justify-content:center;align-items:center;gap:10px;padding:14px;font-size:13px;display:flex}.py-loading-spinner:before{content:"";border:2px solid var(--py-border);border-top-color:var(--py-primary);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin-anim}.py-load-more-btn{background:var(--py-surface);border:1.5px solid var(--py-border);border-radius:var(--py-radius);width:100%;font-family:var(--py-font-head);color:var(--py-text-secondary);cursor:pointer;transition:all var(--py-transition);justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;display:flex}.py-load-more-btn:hover:not(:disabled){border-color:var(--py-primary);color:var(--py-primary);background:#05966905;transform:translateY(-2px)}.py-load-more-btn:disabled{opacity:.5;cursor:not-allowed}.py-end-results{align-items:center;gap:16px;margin-top:30px;padding:20px 0;display:flex}.py-end-results-line{background:linear-gradient(90deg, transparent, var(--py-border), transparent);flex:1;height:1px}.py-end-results-text{font-family:var(--py-font-mono);color:var(--py-text-muted);white-space:nowrap;font-size:12px}.py-loading-spinner-small{border:2px solid var(--py-border);border-top-color:var(--py-primary);border-radius:50%;width:16px;height:16px;margin-left:8px;animation:.6s linear infinite spin-anim;display:inline-block}.py-empty-state{text-align:center;background:var(--py-surface);border-radius:var(--py-radius-lg);border:1px solid var(--py-border);padding:60px 30px}.py-empty-icon{opacity:.4;margin-bottom:20px;font-size:64px}.py-empty-state h3{font-family:var(--py-font-head);color:var(--py-text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.py-empty-state p{font-family:var(--py-font-body);color:var(--py-text-muted);margin-bottom:24px;font-size:14px}.py-empty-add-btn{background:linear-gradient(135deg, var(--py-primary-dark), var(--py-primary));color:#fff;font-family:var(--py-font-head);cursor:pointer;transition:all var(--py-transition);border:none;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700}.py-empty-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #05966966}.py-error-state{text-align:center;background:var(--py-surface);border-radius:var(--py-radius-lg);border:1px solid var(--py-border);max-width:500px;margin:60px auto;padding:60px 30px}.py-error-icon{margin-bottom:20px;font-size:64px}.py-error-state h3{font-family:var(--py-font-head);color:var(--py-text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.py-error-state p{font-family:var(--py-font-body);color:var(--py-text-muted);margin-bottom:24px;font-size:14px}.py-retry-btn{background:linear-gradient(135deg, var(--py-primary-dark), var(--py-primary));color:#fff;font-family:var(--py-font-head);cursor:pointer;transition:all var(--py-transition);border:none;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700}.py-retry-btn:hover{transform:translateY(-2px)}.py-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#020915b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.py-modal-content{background:var(--py-surface);border-radius:28px 28px 0 0;width:100%;max-width:540px;max-height:85vh;animation:.3s py-slide-up;overflow:hidden}@keyframes py-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.py-modal-header{border-bottom:1px solid var(--py-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.py-modal-title{align-items:center;gap:10px;display:flex}.py-modal-icon{font-size:20px}.py-modal-title h3{font-family:var(--py-font-head);margin:0;font-size:18px;font-weight:700}.py-modal-close{background:var(--py-bg);cursor:pointer;width:36px;height:36px;transition:all var(--py-transition);border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.py-modal-close:hover{background:var(--py-primary);color:#fff}.py-modal-body{max-height:55vh;padding:20px 24px;overflow-y:auto}.py-filter-group{margin-bottom:28px}.py-filter-group:last-child{margin-bottom:0}.py-filter-label{font-family:var(--py-font-mono);color:var(--py-text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.py-filter-chips{flex-wrap:wrap;gap:10px;display:flex}.py-filter-chip-option{border:1.5px solid var(--py-border);background:var(--py-surface);font-family:var(--py-font-body);color:var(--py-text-secondary);cursor:pointer;transition:all var(--py-transition);border-radius:30px;padding:8px 16px;font-size:12px;font-weight:600}.py-filter-chip-option:hover{border-color:var(--py-primary);color:var(--py-primary)}.py-filter-chip-option.active{border-color:var(--py-primary);color:var(--py-primary);background:#0596691a}.py-modal-footer{border-top:1px solid var(--py-border);background:var(--py-surface);gap:14px;padding:16px 24px;display:flex}.py-reset-btn{border:1.5px solid var(--py-border);background:var(--py-bg);font-family:var(--py-font-head);color:var(--py-text-secondary);cursor:pointer;transition:all var(--py-transition);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px;font-size:14px;font-weight:600;display:flex}.py-reset-btn:hover{border-color:var(--py-primary);color:var(--py-primary);background:#0596690d}.py-apply-btn{background:linear-gradient(135deg, var(--py-primary-dark), var(--py-primary));color:#fff;font-family:var(--py-font-head);cursor:pointer;transition:all var(--py-transition);border:none;border-radius:12px;flex:2;padding:13px;font-size:14px;font-weight:700}.py-apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #05966966}@keyframes py-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.py-payer-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width<=900px){.py-header-inner,.py-metric-strip,.py-content{padding-left:20px;padding-right:20px}.py-payer-grid{grid-template-columns:repeat(2,1fr)!important}.py-sort-group{display:none}.py-header-title{font-size:24px}}@media (width<=640px){.py-payer-grid{grid-template-columns:1fr!important}.py-metric-strip,.py-search-bar{flex-direction:column}.py-search-wrapper{width:100%}.py-grid-sel,.py-sort-group{display:none}.py-filter-btn,.py-add-btn,.py-refresh-btn{justify-content:center;width:100%}.py-financial-row{flex-direction:column}.py-financial-item{border-right:none;border-bottom:1px solid var(--py-border)}.py-financial-item:last-child{border-bottom:none}.py-card-actions{flex-direction:column}.py-action-expand{flex:1}.py-header-title{font-size:22px}}:root{--cp-bg:#f5f7fa;--cp-surface:#fff;--cp-border:#e5e7eb;--cp-text-primary:#111827;--cp-text-secondary:#6b7280;--cp-text-muted:#9ca3af;--cp-green:#10b981;--cp-green-dark:#059669;--cp-green-light:#34d399;--cp-red:#ef4444;--cp-blue:#3b82f6;--cp-purple:#8b5cf6;--cp-orange:#f59e0b;--cp-radius:16px;--cp-radius-lg:24px;--cp-shadow:0 4px 12px #0000000d;--cp-shadow-lg:0 8px 24px #00000014;--cp-transition:.2s ease}.cp-dashboard{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);min-height:100vh;position:relative}.cp-input-disabled{opacity:.7;color:#9ca3af!important;cursor:not-allowed!important;background:#f9fafb!important}.cp-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.cp-mesh-orb{filter:blur(80px);opacity:.06;border-radius:50%;animation:12s ease-in-out infinite cp-float;position:absolute}.cp-mesh-orb-1{background:radial-gradient(circle,#10b981,#0000);width:500px;height:500px;top:-150px;right:-80px}.cp-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.cp-mesh-orb-3{background:radial-gradient(circle,#3b82f6,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes cp-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.cp-loading-screen{background:linear-gradient(135deg,#064e3b,#059669);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.cp-loading-logo{text-align:center}.cp-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite cp-bounce}@keyframes cp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.cp-loading-logo h2{color:#fff;margin-bottom:8px;font-size:24px;font-weight:800}.cp-loading-logo p{color:#fff9}.cp-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.cp-loading-bar{background:#fff;border-radius:4px;width:8px;animation:1s ease-in-out infinite cp-wave}@keyframes cp-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.cp-header{z-index:1;padding:32px 0 48px;position:relative;overflow:hidden}.cp-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.cp-header:after{content:"";background:linear-gradient(#0000,#f0fdf4);height:60px;position:absolute;bottom:0;left:0;right:0}.cp-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.cp-header-left{flex-shrink:0}.cp-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:40px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.cp-back-btn:hover{background:#ffffff40;transform:translate(-2px)}.cp-live-chip{color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.cp-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite cp-pulse}.cp-customer-found{color:#065f46;background:#d1fae5;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:13px;display:flex}.cp-success-icon{font-size:16px}.cp-info-text{color:#047857;font-size:11px}.cp-loading-small{color:#6b7280;background:#f3f4f6;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;font-size:12px;display:flex}.spinner-small{border:2px solid #e5e7eb;border-top-color:#3a7fd5;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes cp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.cp-header-title{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:800}.cp-header-subtitle{color:#ffffffb3;margin:0;font-size:13px}.cp-header-actions{gap:10px;display:flex}.cp-icon-btn{cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .2s;display:flex}.cp-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.cp-content{z-index:1;max-width:1000px;margin:-20px auto 0;padding:0 32px 60px;position:relative}.cp-form-section{background:var(--cp-surface);border-radius:var(--cp-radius-lg);border:1px solid var(--cp-border);transition:all var(--cp-transition);margin-bottom:24px;overflow:hidden}.cp-form-section:hover{box-shadow:var(--cp-shadow-lg)}.cp-section-title{color:var(--cp-text-primary);border-bottom:1px solid var(--cp-border);background:#f9fafb;align-items:center;gap:12px;margin:0;padding:20px 24px;font-size:16px;font-weight:700;display:flex}.cp-section-title span{font-size:20px}.cp-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.cp-form-field{flex-direction:column;gap:8px;display:flex}.cp-form-field.full-width{grid-column:span 2}.cp-form-field label{color:var(--cp-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.cp-required{color:var(--cp-red);margin-left:4px}.cp-form-field input,.cp-form-field select,.cp-form-field textarea{border:1.5px solid var(--cp-border);transition:all var(--cp-transition);background:var(--cp-surface);border-radius:12px;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:14px}.cp-form-field input:focus,.cp-form-field select:focus,.cp-form-field textarea:focus{border-color:var(--cp-green);outline:none;box-shadow:0 0 0 3px #10b9811a}.cp-form-field textarea{resize:vertical;min-height:80px}.cp-hint{color:var(--cp-text-muted);margin-top:4px;font-size:11px}.cp-project-chips{width:100%;margin-bottom:12px}.cp-chips-scroll{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.cp-chip{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:30px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s}.cp-chip:hover{background:#d1fae5;border-color:#10b981;transform:translateY(-1px)}.cp-chip-active{color:#fff;background:linear-gradient(135deg,#059669,#10b981);border-color:#059669;box-shadow:0 2px 8px #10b9814d}.cp-chip-clear{color:#dc2626;background:#fee2e2;border-color:#fecaca}.cp-chip-clear:hover{background:#fecaca;border-color:#f87171}.cp-or-divider{align-items:center;gap:12px;margin:16px 0;display:flex}.cp-or-line{background:var(--cp-border);flex:1;height:1px}.cp-or-text{color:var(--cp-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.cp-input-disabled{color:#9ca3af!important;cursor:not-allowed!important;background:#f9fafb!important}.cp-form-actions{gap:16px;margin-top:8px;margin-bottom:40px;display:flex}.cp-cancel-btn{border:2px solid var(--cp-border);cursor:pointer;transition:all var(--cp-transition);background:#fff;border-radius:14px;flex:1;padding:14px 24px;font-size:15px;font-weight:600}.cp-cancel-btn:hover{border-color:var(--cp-red);color:var(--cp-red);background:#f9fafb}.cp-save-btn{color:#fff;cursor:pointer;transition:all var(--cp-transition);background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:14px;flex:2;padding:14px 24px;font-size:15px;font-weight:700;box-shadow:0 4px 12px #10b9814d}.cp-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.cp-error-state{text-align:center;background:#fff;border-radius:24px;max-width:500px;margin:40px auto;padding:60px 20px}.cp-error-icon{margin-bottom:16px;font-size:48px}.cp-error-state h3{color:var(--cp-red);margin-bottom:8px;font-size:20px}.cp-error-state p{color:var(--cp-text-secondary);margin-bottom:24px}.cp-retry-btn{background:var(--cp-green);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:600}@keyframes cp-fade-up{to{opacity:1;transform:translateY(0)}}@media (width<=768px){.cp-form-grid{grid-template-columns:1fr;gap:16px;padding:20px}.cp-form-field.full-width{grid-column:span 1}.cp-header-inner{padding:0 20px}.cp-content{padding:0 20px 40px}.cp-header-title{font-size:24px}.cp-form-actions{flex-direction:column}.cp-section-title{padding:14px 20px}}.apartment-photo-upload{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-top:20px;padding:20px}.photo-upload-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.photo-upload-header h4{color:#111827;margin:0;font-size:14px;font-weight:700}.add-photo-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.add-photo-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.add-photo-btn:disabled{opacity:.6;cursor:not-allowed}.no-photos-placeholder{text-align:center;background:#fff;border:1px dashed #d1d5db;border-radius:12px;padding:40px 20px}.placeholder-icon{opacity:.5;margin-bottom:12px;font-size:48px}.no-photos-placeholder p{color:#6b7280;margin:4px 0}.placeholder-hint{color:#9ca3af;font-size:12px}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.photo-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;overflow:hidden}.photo-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.photo-wrapper{aspect-ratio:4/3;background:#f3f4f6;position:relative;overflow:hidden}.photo-wrapper img{object-fit:cover;width:100%;height:100%}.primary-badge{color:#fff;z-index:1;background:#f59e0b;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.photo-overlay{opacity:0;background:linear-gradient(#0000,#000000b3);justify-content:flex-end;gap:8px;padding:10px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.photo-item:hover .photo-overlay{opacity:1}.photo-btn-primary,.photo-btn-delete{cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.photo-btn-primary{color:#fff;background:#f59e0b}.photo-btn-primary:hover{background:#d97706}.photo-btn-delete{color:#fff;background:#ef4444}.photo-btn-delete:hover{background:#dc2626}.photo-caption{padding:8px}.photo-caption input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:6px 8px;font-size:11px}.photo-caption input:focus{border-color:#10b981;outline:none}.photo-hint{color:#9ca3af;text-align:center;margin-top:12px;font-size:11px}@media (width<=640px){.photos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}:root{--pd-navy-950:#020915;--pd-navy-900:#040d21;--pd-navy-800:#071530;--pd-navy-700:#0d2347;--pd-navy-600:#1a3a6b;--pd-blue:#3b82f6;--pd-blue-l:#60a5fa;--pd-blue-d:#1d4ed8;--pd-gold:#f59e0b;--pd-green:#10b981;--pd-green-d:#059669;--pd-red:#ef4444;--pd-red-b:#f43f5e;--pd-purple:#8b5cf6;--pd-surface:#fff;--pd-s-50:#f8faff;--pd-s-100:#eef3ff;--pd-s-200:#e2eaff;--pd-border:#e4ecff;--pd-text-1:#0a1628;--pd-text-2:#3d5278;--pd-text-3:#7a8faf;--pd-radius-sm:12px;--pd-radius:18px;--pd-radius-lg:24px;--pd-shadow-sm:0 1px 4px #0a163c0f;--pd-shadow:0 4px 16px #0a163c14;--pd-shadow-md:0 8px 28px #0a163c1a;--pd-shadow-lg:0 16px 48px #0a163c24;--pd-transition:.22s cubic-bezier(.4, 0, .2, 1);--pd-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--pd-font-body:"DM Sans", system-ui, sans-serif;--pd-font-mono:"JetBrains Mono", "Fira Code", monospace}.pd-dashboard{font-family:var(--pd-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pd-dashboard h1,.pd-dashboard h2,.pd-dashboard h3,.pd-dashboard h4,.pd-header-title,.pd-card-title,.pd-empty-state h3,.pd-error-state h3,.pd-modal-title h3,.pd-voucher-number{font-family:var(--pd-font-head);letter-spacing:-.02em}.pd-stat-value,.pd-amount-value,.pd-progress-percent,.pd-voucher-amount,.pd-progress-fill,.pd-tab-count,.pd-stat-number,.pd-price-value,.pd-paid-value,.pd-balance-value,.pd-schedule-stat-value,.pd-schedule-amount,.pd-schedule-num{letter-spacing:-.01em;font-family:var(--pd-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}.pd-dashboard{background:var(--pd-s-50);min-height:100vh;position:relative;overflow-x:hidden}.pd-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.pd-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite pd-orb-float;position:absolute}.pd-mesh-orb-1{background:radial-gradient(circle,#10b981,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.pd-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.pd-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#3b82f6,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes pd-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.pd-loading-screen{background:var(--pd-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.pd-loading-logo{text-align:center}.pd-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite pd-loading-bounce}@keyframes pd-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.pd-loading-logo h2{font-family:var(--pd-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.pd-loading-logo p{font-family:var(--pd-font-body);color:#ffffff73;font-size:14px}.pd-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.pd-loading-bar{background:linear-gradient(#10b981,#059669);border-radius:4px;width:8px;animation:1s ease-in-out infinite pd-bar-wave}@keyframes pd-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.pd-header{z-index:1;padding:32px 0 20px;position:relative;overflow:hidden}.pd-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.pd-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--pd-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.pd-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.pd-header-left{flex-shrink:0}.pd-back-btn{font-family:var(--pd-font-body);color:#ffffffe6;cursor:pointer;transition:all var(--pd-transition);background:#ffffff1f;border:1px solid #fff3;border-radius:30px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-flex}.pd-back-btn:hover{background:#fff3;transform:translate(-2px)}.pd-live-chip{font-family:var(--pd-font-mono);color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:10px;font-weight:600;display:inline-flex}.pd-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pd-live-pulse}@keyframes pd-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.pd-header-title{font-family:var(--pd-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.pd-header-subtitle{font-family:var(--pd-font-body);color:#ffffff8c;margin:0;font-size:13px}.pd-header-actions{gap:10px;display:flex}.pd-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--pd-transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.pd-icon-btn:hover{background:#fff3;transform:translateY(-2px)}.pd-quick-actions{flex-wrap:wrap;gap:12px;max-width:1440px;margin:20px auto 0;padding:0 32px;display:flex}.pd-quick-action{color:#fff;font-family:var(--pd-font-body);cursor:pointer;transition:all var(--pd-transition);background:#ffffff1f;border:1px solid #fff3;border-radius:40px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.pd-quick-action:hover{background:#fff3;transform:translateY(-2px)}.pd-quick-icon{font-size:16px}.pd-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.pd-tabs{background:var(--pd-surface);border:1px solid var(--pd-border);box-shadow:var(--pd-shadow-sm);border-radius:20px;gap:8px;margin-bottom:24px;padding:6px;display:flex}.pd-tab-btn{font-family:var(--pd-font-head);color:var(--pd-text-2);cursor:pointer;transition:all var(--pd-transition);background:0 0;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.pd-tab-count{font-family:var(--pd-font-mono);font-size:11px;font-weight:600}.pd-tab-btn.active{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #10b9814d}.pd-tab-btn:hover:not(.active){background:var(--pd-s-100);color:var(--pd-text-1)}.pd-detail-card{background:var(--pd-surface);border-radius:var(--pd-radius);border:1px solid var(--pd-border);transition:all var(--pd-transition);margin-bottom:24px;padding:24px}.pd-detail-card:hover{box-shadow:var(--pd-shadow-md)}.pd-card-title{font-family:var(--pd-font-head);color:var(--pd-text-1);border-bottom:2px solid var(--pd-border);letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.pd-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.pd-stat-item{text-align:center}.pd-stat-label{font-family:var(--pd-font-mono);color:var(--pd-text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.pd-stat-value{letter-spacing:-.01em;color:var(--pd-text-1);font-size:24px;font-family:var(--pd-font-mono)!important;font-weight:700!important}.pd-progress-bar{background:var(--pd-s-100);border-radius:4px;height:8px;overflow:hidden}.pd-progress-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.pd-progress-stats{font-family:var(--pd-font-mono);color:var(--pd-text-3);justify-content:space-between;margin-top:12px;font-size:11px;display:flex}.pd-status-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pd-status-item{text-align:center}.pd-status-badge{font-family:var(--pd-font-mono);border-radius:30px;margin-bottom:8px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-block}.pd-status-label{font-family:var(--pd-font-mono);color:var(--pd-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600;display:block}.pd-info-list{flex-direction:column;gap:14px;display:flex}.pd-info-row{border-bottom:1px solid var(--pd-border);align-items:center;gap:14px;padding:10px 0;display:flex}.pd-info-row:last-child{border-bottom:none}.pd-info-icon{text-align:center;width:32px;font-size:18px}.pd-info-text{font-family:var(--pd-font-body);color:var(--pd-text-2);flex:1;font-size:14px;font-weight:500}.pd-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.pd-info-item{flex-direction:column;gap:4px;display:flex}.pd-info-item-label{font-family:var(--pd-font-mono);color:var(--pd-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.pd-info-item-value{font-family:var(--pd-font-body);color:var(--pd-text-1);font-size:14px;font-weight:600}.pd-tags-list{flex-wrap:wrap;gap:10px;display:flex}.pd-tag{background:var(--pd-s-100);font-family:var(--pd-font-mono);color:var(--pd-text-2);transition:all var(--pd-transition);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500}.pd-tag:hover{color:#10b981;background:#10b9811a}.pd-notes-text{font-family:var(--pd-font-body);color:var(--pd-text-2);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.pd-add-voucher-btn{color:#fff;width:100%;font-family:var(--pd-font-head);cursor:pointer;transition:all var(--pd-transition);background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:16px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #10b9814d}.pd-add-voucher-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.pd-vouchers-list{flex-direction:column;gap:16px;display:flex}.pd-voucher-card{background:var(--pd-surface);border:1px solid var(--pd-border);cursor:pointer;transition:all var(--pd-transition);border-radius:18px;padding:20px}.pd-voucher-card:hover{box-shadow:var(--pd-shadow-lg);border-color:#10b9814d;transform:translateY(-2px)}.pd-voucher-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pd-voucher-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pd-voucher-number{font-family:var(--pd-font-head);color:var(--pd-blue);font-size:14px;font-weight:700}.pd-voucher-type,.pd-voucher-status{font-family:var(--pd-font-mono);border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700}.pd-voucher-details{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pd-voucher-date{font-family:var(--pd-font-body);color:var(--pd-text-3);align-items:center;gap:6px;font-size:12px;display:flex}.pd-voucher-amount{letter-spacing:-.01em;font-size:18px;font-family:var(--pd-font-mono)!important;font-weight:700!important}.pd-voucher-notes{font-family:var(--pd-font-body);color:var(--pd-text-3);border-top:1px solid var(--pd-border);margin:12px 0 0;padding-top:12px;font-size:12px}.pd-empty-state{text-align:center;background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:24px;padding:60px 30px}.pd-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.pd-empty-state h3{font-family:var(--pd-font-head);color:var(--pd-text-1);letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.pd-empty-state p{font-family:var(--pd-font-body);color:var(--pd-text-3);margin-bottom:24px;font-size:14px}.pd-empty-add-btn{color:#fff;font-family:var(--pd-font-head);cursor:pointer;transition:all var(--pd-transition);background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.pd-empty-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.pd-schedule-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.pd-schedule-stat{text-align:center;background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:16px;padding:16px 12px}.pd-schedule-stat-value{font-family:var(--pd-font-mono);margin-bottom:4px;font-size:28px;font-weight:800;line-height:1.2;display:block}.pd-schedule-stat-label{font-family:var(--pd-font-mono);color:var(--pd-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.pd-schedule-list{flex-direction:column;gap:16px;display:flex}.pd-schedule-card{background:var(--pd-surface);border:1px solid var(--pd-border);transition:all var(--pd-transition);border-radius:18px;padding:20px}.pd-schedule-card:hover{box-shadow:var(--pd-shadow-md);transform:translateY(-2px)}.pd-schedule-card.paid{opacity:.75;background:#f8faff}.pd-schedule-card.overdue{border-left:4px solid #ef4444}.pd-schedule-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pd-schedule-number{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pd-schedule-num{font-family:var(--pd-font-head);color:var(--pd-blue);font-size:15px;font-weight:700}.pd-schedule-status{font-family:var(--pd-font-mono);border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700}.pd-schedule-status.paid{color:#10b981;background:#10b9811f}.pd-schedule-status.pending{color:#f59e0b;background:#f59e0b1f}.pd-schedule-status.overdue{color:#ef4444;background:#ef44441f}.pd-schedule-amount{font-family:var(--pd-font-mono);color:var(--pd-text-1);font-size:20px;font-weight:800}.pd-schedule-details{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:12px;display:grid}.pd-schedule-detail{flex-direction:column;gap:4px;display:flex}.pd-schedule-detail-label{font-family:var(--pd-font-mono);color:var(--pd-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.pd-schedule-detail-value{font-family:var(--pd-font-body);color:var(--pd-text-1);font-size:14px;font-weight:600}.pd-schedule-notes{font-family:var(--pd-font-body);color:var(--pd-text-3);border-top:1px solid var(--pd-border);margin:12px 0 0;padding-top:12px;font-size:12px}.pd-schedule-mark-paid{color:#fff;width:100%;font-family:var(--pd-font-head);cursor:pointer;transition:all var(--pd-transition);background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;margin-top:14px;padding:10px;font-size:13px;font-weight:700}.pd-schedule-mark-paid:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.pd-schedule-mark-paid:disabled{opacity:.6;cursor:not-allowed}.pd-history-list{flex-direction:column;gap:16px;display:flex}.pd-history-card{background:var(--pd-surface);border:1px solid var(--pd-border);transition:all var(--pd-transition);border-radius:18px;padding:20px}.pd-history-card:hover{box-shadow:var(--pd-shadow-md)}.pd-history-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.pd-history-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.pd-history-info{flex:1}.pd-history-title{font-family:var(--pd-font-head);color:var(--pd-text-1);margin-bottom:4px;font-size:14px;font-weight:700}.pd-history-date{font-family:var(--pd-font-mono);color:var(--pd-text-3);font-size:11px}.pd-history-changes{background:var(--pd-s-50);border:1px solid var(--pd-border);border-radius:12px;margin:12px 0;padding:12px}.pd-history-changes-header{cursor:pointer;font-family:var(--pd-font-mono);color:var(--pd-text-2);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.pd-history-expand-icon{color:var(--pd-text-3);font-size:10px}.pd-history-changes-list{border-top:1px solid var(--pd-border);margin-top:12px;padding-top:12px}.pd-history-change{border-bottom:1px solid var(--pd-border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.pd-history-change:last-child{border-bottom:none}.pd-history-change-field{font-family:var(--pd-font-mono);color:var(--pd-text-2);font-size:11px;font-weight:600}.pd-history-change-values{align-items:center;gap:8px;display:flex}.pd-history-change-old{font-family:var(--pd-font-mono);color:#ef4444;font-size:11px;text-decoration:line-through}.pd-history-change-arrow{color:var(--pd-text-3);font-size:10px}.pd-history-change-new{font-family:var(--pd-font-mono);color:#10b981;font-size:11px;font-weight:700}.pd-history-by{font-family:var(--pd-font-body);color:var(--pd-text-3);border-top:1px solid var(--pd-border);padding-top:8px;font-size:11px;font-style:italic}.pd-error-state{text-align:center;background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.pd-error-icon{margin-bottom:20px;font-size:64px}.pd-error-state h3{font-family:var(--pd-font-head);color:var(--pd-text-1);margin-bottom:8px;font-size:20px;font-weight:700}.pd-error-state p{font-family:var(--pd-font-body);color:var(--pd-text-3);margin-bottom:24px;font-size:14px}.pd-retry-btn{color:#fff;font-family:var(--pd-font-head);cursor:pointer;transition:all var(--pd-transition);background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.pd-retry-btn:hover{transform:translateY(-2px)}.pd-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#020915b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pd-modal-content{background:var(--pd-surface);border-radius:28px;width:90%;max-width:420px;animation:.3s pd-modal-slide-up;overflow:hidden}@keyframes pd-modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pd-modal-header{border-bottom:1px solid var(--pd-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pd-modal-title{align-items:center;gap:10px;display:flex}.pd-modal-title h3{font-family:var(--pd-font-head);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.pd-modal-close{background:var(--pd-s-100);cursor:pointer;width:36px;height:36px;transition:all var(--pd-transition);border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.pd-modal-close:hover{background:var(--pd-red);color:#fff}.pd-modal-body{text-align:center;padding:24px}.pd-modal-warning{margin-bottom:16px;font-size:48px}.pd-modal-body p{font-family:var(--pd-font-body);color:var(--pd-text-2);margin-bottom:8px;font-size:14px}.pd-modal-body p strong{font-family:var(--pd-font-head);font-weight:700}.pd-modal-body p:last-of-type{margin-bottom:0}.pd-modal-footer{border-top:1px solid var(--pd-border);gap:14px;padding:16px 24px;display:flex}.pd-modal-cancel{border:1.5px solid var(--pd-border);background:var(--pd-s-100);font-family:var(--pd-font-head);color:var(--pd-text-2);cursor:pointer;transition:all var(--pd-transition);border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:600}.pd-modal-cancel:hover{border-color:var(--pd-red);color:var(--pd-red)}.pd-modal-delete{color:#fff;font-family:var(--pd-font-head);cursor:pointer;transition:all var(--pd-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:700}.pd-modal-delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}@keyframes pd-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.pd-loading-bar{height:20px;animation:none}}@media (width<=900px){.pd-header-inner,.pd-quick-actions{padding:0 20px}.pd-content{padding:20px 20px 48px}.pd-stats-grid,.pd-status-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pd-info-grid{grid-template-columns:1fr;gap:14px}.pd-header-title{font-size:24px}}@media (width<=768px){.pd-schedule-stats{grid-template-columns:repeat(2,1fr)}.pd-schedule-header{flex-direction:column;align-items:flex-start}.pd-schedule-details{grid-template-columns:1fr}.pd-history-change{flex-direction:column;align-items:flex-start;gap:6px}.pd-history-change-values{flex-wrap:wrap}}@media (width<=600px){.pd-stats-grid,.pd-status-grid{grid-template-columns:repeat(2,1fr)}.pd-tab-btn{padding:10px 12px;font-size:12px}.pd-quick-actions{justify-content:center}.pd-quick-action{padding:8px 16px;font-size:12px}.pd-voucher-header,.pd-voucher-details{flex-direction:column;align-items:flex-start}}:root{--ap-gold:#f59e0b;--ap-gold-dark:#d97706;--ap-gold-deep:#b45309;--ap-gold-light:#fcd34d;--ap-gold-soft:#fffbeb;--ap-blue:#3b82f6;--ap-blue-l:#60a5fa;--ap-emerald:#10b981;--ap-crimson:#ef4444;--ap-violet:#8b5cf6;--ap-surface:#fff;--ap-surf-50:#f8faff;--ap-surf-100:#eef3ff;--ap-surf-200:#e2eaff;--ap-border:#e4ecff;--ap-border-2:#d0dcff;--ap-ink:#0a1628;--ap-ink-2:#3d5278;--ap-ink-3:#7a8faf;--ap-ink-4:#98afcc;--f-display:"Bebas Neue", "Space Grotesk", sans-serif;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", "Fira Code", monospace;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-full:9999px;--sh-xs:0 1px 3px #07142a0f;--sh-sm:0 2px 8px #07142a14;--sh-md:0 6px 24px #07142a1a;--sh-lg:0 16px 48px #07142a21;--sh-gold:0 8px 32px #f59e0b38;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--t-fast:.15s var(--ease);--t-base:.22s var(--ease);--t-slow:.38s var(--ease-out)}.ap-stat-value,.ap-stat-value *,.ap-value-mono{text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;vertical-align:baseline;display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.ap-dashboard{background:var(--ap-surf-50);min-height:100vh;position:relative;overflow-x:hidden}.ap-bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#f59e0b06 1px,#0000 1px),linear-gradient(90deg,#f59e0b06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;overflow:hidden}.ap-mesh-orb{filter:blur(100px);border-radius:50%;animation:18s ease-in-out infinite ap-orb-drift;position:absolute}.ap-mesh-orb-1{background:radial-gradient(circle,#f59e0b14,#0000 70%);width:800px;height:800px;animation-delay:0s;top:-300px;right:-200px}.ap-mesh-orb-2{background:radial-gradient(circle,#d977060f,#0000 70%);width:600px;height:600px;animation-delay:-6s;bottom:0;left:-150px}.ap-mesh-orb-3{background:radial-gradient(circle,#b453090a,#0000 70%);width:500px;height:500px;animation-delay:-12s;top:40%;left:35%}@keyframes ap-orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-40px)scale(1.04)}66%{transform:translate(-30px,25px)scale(.97)}}.ap-loading-screen{background:linear-gradient(135deg,#020915,#040d21,#071530);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex;position:relative;overflow:hidden}.ap-loading-screen:before{content:"";background:radial-gradient(80% 50% at 50% -10%,#f59e0b1f,#0000);position:absolute;inset:0}.ap-loading-logo{text-align:center;z-index:1;position:relative}.ap-loading-pulse{filter:drop-shadow(0 0 24px #f59e0b80);margin-bottom:20px;font-size:52px;animation:2s ease-in-out infinite ap-pulse-float;display:block}@keyframes ap-pulse-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}.ap-loading-logo h2{font-family:var(--f-head);color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:700}.ap-loading-logo p{color:#fff6;font-size:14px;font-family:var(--f-body)}.ap-loading-bars{z-index:1;align-items:flex-end;gap:5px;height:32px;display:flex;position:relative}.ap-loading-bar{background:linear-gradient(to top, var(--ap-gold-dark), var(--ap-gold));border-radius:3px;width:6px;animation:1s ease-in-out infinite ap-bar-wave}@keyframes ap-bar-wave{0%,to{opacity:.35;height:10px}50%{opacity:1;height:32px}}.ap-header{z-index:1;background:linear-gradient(135deg,#92400e,#b45309,#d97706,#f59e0b);padding:32px 0 40px;position:relative;overflow:hidden}.ap-header:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff05 3px 4px);position:absolute;inset:0}.ap-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--ap-surf-50));height:60px;position:absolute;bottom:0;left:0;right:0}.ap-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1520px;margin:0 auto;padding:0 36px;display:flex}.ap-header-left{flex-shrink:0}.ap-back-btn{border-radius:var(--r-full);color:#fffffff2;cursor:pointer;transition:all var(--t-base);font-size:12px;font-weight:600;font-family:var(--f-body);background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;display:inline-flex}.ap-back-btn:hover{background:#ffffff38;transform:translate(-2px)}.ap-live-chip{border-radius:var(--r-full);color:#ffffffd9;letter-spacing:.5px;font-size:10px;font-weight:700;font-family:var(--f-body);background:#ffffff1a;border:1px solid #ffffff2e;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;display:inline-flex}.ap-live-dot{background:#fde68a;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite ap-live-pulse}@keyframes ap-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ap-header-title{font-family:var(--f-head);color:#fff;letter-spacing:-1px;margin:0 0 8px;font-size:32px;font-weight:800}.ap-header-subtitle{color:#ffffffa6;font-size:13px;font-family:var(--f-body);margin:0}.ap-header-actions{gap:10px;display:flex}.ap-icon-btn{border-radius:var(--r-sm);cursor:pointer;width:42px;height:42px;transition:all var(--t-base);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;justify-content:center;align-items:center;font-size:18px;display:flex}.ap-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.ap-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ap-stats-strip{flex-wrap:wrap;gap:16px;max-width:1520px;margin:0 auto;padding:0 36px 20px;display:flex}.ap-stat-card{background:var(--ap-surface);border-radius:var(--r-sm);border:1px solid var(--ap-border);min-width:160px;transition:all var(--t-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:1;align-items:center;gap:14px;padding:16px 20px;display:flex}.ap-stat-card:hover{box-shadow:var(--sh-md);border-color:#f59e0b4d;transform:translateY(-2px)}.ap-stat-icon{border-radius:var(--r-sm);background:#f59e0b1a;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ap-stat-info{flex:1}.ap-stat-label{color:var(--ap-ink-3);text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700;font-family:var(--f-body);margin-bottom:4px;display:block}.ap-stat-value{color:var(--ap-ink);font-size:24px;font-weight:700;display:block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important;line-height:1!important}.ap-content{z-index:1;max-width:1520px;margin:0 auto;padding:0 36px 60px;position:relative}.ap-search-bar{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.ap-search-wrapper{flex:1;min-width:260px;position:relative}.ap-search-icon{opacity:.6;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ap-search-input{border:1.5px solid var(--ap-border);border-radius:var(--r-sm);background:var(--ap-surface);width:100%;font-size:14px;font-family:var(--f-body);transition:all var(--t-base);padding:13px 40px}.ap-search-input:focus{border-color:var(--ap-gold);outline:none;box-shadow:0 0 0 3px #f59e0b1a}.ap-clear-search{cursor:pointer;color:var(--ap-ink-3);transition:color var(--t-fast);background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ap-clear-search:hover{color:var(--ap-gold)}.ap-refresh-btn{border-radius:var(--r-sm);border:1.5px solid var(--ap-border);background:var(--ap-surface);cursor:pointer;width:48px;height:48px;transition:all var(--t-base);justify-content:center;align-items:center;font-size:18px;display:flex}.ap-refresh-btn:hover:not(:disabled){border-color:var(--ap-gold);color:var(--ap-gold);transform:translateY(-1px)}.ap-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ap-payer-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;margin-bottom:24px;display:grid}.ap-payer-card{background:var(--ap-surface);border-radius:var(--r-md);border:1px solid var(--ap-border);transition:all var(--t-base);opacity:.85;padding:20px;position:relative;overflow:hidden}.ap-payer-card:hover{box-shadow:var(--sh-lg);opacity:1;border-color:#f59e0b4d;transform:translateY(-4px)}.ap-card-glow{border-radius:var(--r-md) var(--r-md) 0 0;pointer-events:none;background:linear-gradient(135deg,#f59e0b14,#0000);height:120px;position:absolute;top:0;left:0;right:0}.ap-card-header{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.ap-card-avatar{border-radius:var(--r-sm);width:52px;height:52px;font-family:var(--f-head);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.ap-card-info{flex:1}.ap-card-name{font-family:var(--f-head);color:var(--ap-ink);letter-spacing:-.3px;margin:0 0 6px;font-size:16px;font-weight:700}.ap-card-status{border-radius:var(--r-full);color:var(--ap-gold);font-size:10px;font-weight:700;font-family:var(--f-body);background:#f59e0b1a;padding:3px 10px;display:inline-block}.ap-restore-btn{border-radius:var(--r-full);color:var(--ap-gold);cursor:pointer;transition:all var(--t-base);font-size:12px;font-weight:600;font-family:var(--f-body);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:6px;padding:8px 16px;display:flex}.ap-restore-btn:hover{background:#f59e0b33;transform:translateY(-1px)}.ap-restore-btn:disabled{opacity:.5;cursor:not-allowed}.ap-card-details{border-top:1px solid var(--ap-border);border-bottom:1px solid var(--ap-border);margin:14px 0;padding:12px 0}.ap-detail-row{color:var(--ap-ink-2);font-size:12px;font-family:var(--f-body);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 0;display:flex}.ap-detail-icon{width:24px;font-size:14px}.ap-detail-label{width:50px;color:var(--ap-ink-3);font-weight:600}.ap-detail-value{flex:1}.ap-archived-date{color:var(--ap-ink-3);font-size:11px;font-family:var(--f-body);align-items:center;gap:8px;margin-bottom:12px;display:flex}.ap-card-footer{border-top:1px solid var(--ap-border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.ap-view-link{color:var(--ap-blue);cursor:pointer;transition:all var(--t-base);font-size:12px;font-weight:600;font-family:var(--f-body);background:0 0;border:none;align-items:center;gap:4px;display:flex}.ap-view-link:hover{color:var(--ap-gold);transform:translate(2px)}.ap-empty-state{text-align:center;background:var(--ap-surface);border-radius:var(--r-lg);border:1px solid var(--ap-border);padding:60px 30px}.ap-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.ap-empty-state h3{font-family:var(--f-head);color:var(--ap-ink);margin-bottom:8px;font-size:20px;font-weight:700}.ap-empty-state p{color:var(--ap-ink-3);font-size:14px;font-family:var(--f-body);margin-bottom:24px}.ap-empty-btn{background:linear-gradient(135deg, var(--ap-gold-dark), var(--ap-gold));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-base);font-size:14px;font-weight:700;font-family:var(--f-body);border:none;padding:12px 28px}.ap-empty-btn:hover{box-shadow:var(--sh-gold);transform:translateY(-2px)}.ap-error-state{text-align:center;background:var(--ap-surface);border-radius:var(--r-lg);border:1px solid var(--ap-border);max-width:500px;margin:40px auto;padding:60px 30px}.ap-error-icon{margin-bottom:20px;font-size:64px}.ap-error-state h3{font-family:var(--f-head);color:var(--ap-ink);margin-bottom:8px;font-size:20px;font-weight:700}.ap-error-state p{color:var(--ap-ink-3);margin-bottom:24px;font-size:14px}.ap-retry-btn{background:linear-gradient(135deg, var(--ap-gold-dark), var(--ap-gold));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-base);border:none;padding:12px 28px;font-size:14px;font-weight:700}.ap-retry-btn:hover{box-shadow:var(--sh-gold);transform:translateY(-2px)}.ap-pagination{justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:16px 0;display:flex}.ap-page-btn{border-radius:var(--r-sm);border:1.5px solid var(--ap-border);background:var(--ap-surface);cursor:pointer;width:40px;height:40px;transition:all var(--t-base);font-size:14px;font-weight:600;font-family:var(--f-body)}.ap-page-btn:hover:not(:disabled){border-color:var(--ap-gold);color:var(--ap-gold)}.ap-page-btn:disabled{opacity:.4;cursor:not-allowed}.ap-page-info{color:var(--ap-ink-2);background:var(--ap-surf-100);border-radius:var(--r-full);font-size:13px;font-family:var(--f-body);padding:8px 16px}.ap-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#01060fb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ap-modal-content{background:var(--ap-surface);border-radius:var(--r-lg);width:90%;max-width:420px;animation:.3s ap-modal-slide-up;overflow:hidden}@keyframes ap-modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ap-modal-header{border-bottom:1px solid var(--ap-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ap-modal-title{align-items:center;gap:10px;display:flex}.ap-modal-title h3{font-family:var(--f-head);margin:0;font-size:18px;font-weight:700}.ap-modal-close{border-radius:var(--r-xs);background:var(--ap-surf-100);cursor:pointer;width:36px;height:36px;transition:all var(--t-base);border:none;font-size:18px}.ap-modal-close:hover{background:var(--ap-gold);color:#fff}.ap-modal-body{text-align:center;padding:24px}.ap-modal-icon{margin-bottom:16px;font-size:48px}.ap-modal-body p{color:var(--ap-ink-2);font-size:14px;font-family:var(--f-body);margin-bottom:8px}.ap-modal-body p:last-of-type{margin-bottom:0}.ap-modal-footer{border-top:1px solid var(--ap-border);gap:14px;padding:16px 24px;display:flex}.ap-modal-cancel{border:1.5px solid var(--ap-border);border-radius:var(--r-sm);background:var(--ap-surf-100);color:var(--ap-ink-2);cursor:pointer;transition:all var(--t-base);font-size:14px;font-weight:600;font-family:var(--f-body);flex:1;padding:12px}.ap-modal-cancel:hover{border-color:var(--ap-gold);color:var(--ap-gold)}.ap-modal-restore{background:linear-gradient(135deg, var(--ap-gold-dark), var(--ap-gold));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-base);font-size:14px;font-weight:700;font-family:var(--f-body);border:none;flex:1;padding:12px}.ap-modal-restore:hover:not(:disabled){box-shadow:var(--sh-gold);transform:translateY(-1px)}.ap-modal-restore:disabled{opacity:.6;cursor:not-allowed}@keyframes ap-fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes ap-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ap-loading-bar{height:18px;animation:none}}[dir=rtl] .ap-search-icon{left:auto;right:14px}[dir=rtl] .ap-search-input{text-align:right;padding:13px 40px}[dir=rtl] .ap-clear-search{left:12px;right:auto}[dir=rtl] .ap-back-btn:hover{transform:translate(2px)}[dir=rtl] .ap-view-link:hover{transform:translate(-2px)}[dir=rtl] .ap-detail-row{text-align:right;flex-direction:row-reverse}[dir=rtl] .ap-card-header{flex-direction:row}[dir=rtl] .ap-card-info{text-align:right}[dir=rtl] .ap-stat-card{text-align:right;flex-direction:row-reverse}[dir=rtl] .ap-stat-info{text-align:right}@media (width<=1100px){.ap-stats-strip{flex-direction:column}.ap-stat-card{width:100%}}@media (width<=900px){.ap-header-inner{padding:0 20px}.ap-content{padding:0 20px 48px}.ap-stats-strip{padding:0 20px}.ap-header-title{font-size:24px}}@media (width<=768px){.ap-payer-grid{grid-template-columns:1fr}.ap-search-bar{flex-direction:column}.ap-refresh-btn{width:100%}.ap-card-header{flex-wrap:wrap}.ap-restore-btn{justify-content:center;width:100%;margin-top:8px}.ap-detail-row{flex-wrap:wrap}.ap-detail-label{width:auto}.ap-pagination{flex-wrap:wrap}}:root{--pm-navy-950:#020915;--pm-navy-900:#040d21;--pm-navy-800:#071530;--pm-navy-700:#0d2347;--pm-navy-600:#1a3a6b;--pm-blue:#3b82f6;--pm-blue-l:#60a5fa;--pm-blue-d:#1d4ed8;--pm-gold:#f59e0b;--pm-green:#10b981;--pm-red:#ef4444;--pm-red-b:#f43f5e;--pm-purple:#8b5cf6;--pm-surface:#fff;--pm-s-50:#f8faff;--pm-s-100:#eef3ff;--pm-s-200:#e2eaff;--pm-border:#e4ecff;--pm-text-1:#0a1628;--pm-text-2:#3d5278;--pm-text-3:#7a8faf;--pm-radius-sm:12px;--pm-radius:18px;--pm-radius-lg:24px;--pm-shadow-sm:0 1px 4px #0a163c0f;--pm-shadow:0 4px 16px #0a163c14;--pm-shadow-md:0 8px 28px #0a163c1a;--pm-shadow-lg:0 16px 48px #0a163c24;--pm-transition:.22s cubic-bezier(.4, 0, .2, 1);--pm-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--pm-font-body:"DM Sans", system-ui, sans-serif;--pm-font-mono:"JetBrains Mono", "Fira Code", monospace}.pm-dashboard{font-family:var(--pm-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pm-dashboard h1,.pm-dashboard h2,.pm-dashboard h3,.pm-dashboard h4,.pm-header-title,.pm-card-name,.pm-empty-state h3,.pm-error-state h3,.pm-modal-title h3{font-family:var(--pm-font-head);letter-spacing:-.02em}.pm-metric-value,.pm-financial-value,.pm-payment-amount,.pm-progress-stats span:first-child,.pm-progress-stats span:last-child,.pm-pending-badge,.pm-filter-badge,.pm-loading-spinner-small,.pm-stat-number,.pm-contract-value,.pm-paid-value,.pm-unpaid-value,.pm-outstanding-value{letter-spacing:-.01em;font-family:var(--pm-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}.pm-dashboard{background:var(--pm-s-50);min-height:100vh;position:relative;overflow-x:hidden}.pm-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.pm-filter-loading,.pm-filter-no-data{background:var(--pm-s-100);font-family:var(--pm-font-body);color:var(--pm-text-3);border-radius:24px;padding:8px 16px;font-size:12px}.pm-filter-loading{animation:1.5s ease-in-out infinite pm-pulse}@keyframes pm-pulse{0%,to{opacity:1}50%{opacity:.5}}.pm-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite pm-orb-float;position:absolute}.pm-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.pm-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.pm-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#ef4444,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes pm-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.pm-loading-screen{background:var(--pm-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.pm-loading-logo{text-align:center}.pm-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite pm-loading-bounce}@keyframes pm-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.pm-loading-logo h2{font-family:var(--pm-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.pm-loading-logo p{font-family:var(--pm-font-body);color:#ffffff73;font-size:14px}.pm-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.pm-loading-bar{background:linear-gradient(#ef4444,#dc2626);border-radius:4px;width:8px;animation:1s ease-in-out infinite pm-bar-wave}@keyframes pm-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.pm-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden}.pm-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.pm-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--pm-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.pm-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.pm-header-left{flex-shrink:0}.pm-live-chip{font-family:var(--pm-font-mono);color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.pm-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pm-live-pulse}@keyframes pm-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.pm-header-title{font-family:var(--pm-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.pm-header-subtitle{font-family:var(--pm-font-body);color:#ffffff8c;margin:0;font-size:13px}.pm-header-actions{gap:10px;display:flex}.pm-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--pm-transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.pm-icon-btn:hover{background:#fff3;transform:translateY(-2px)}.pm-metric-strip{flex-wrap:wrap;gap:8px;max-width:1440px;margin:28px auto 0;padding:0 32px;display:flex}.pm-metric-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--pm-radius-sm);min-width:140px;transition:all var(--pm-transition);background:#ffffff14;border:1px solid #ffffff1a;flex:1;align-items:center;gap:12px;padding:12px 16px;display:flex}.pm-metric-item:hover{background:#ffffff1f;transform:translateY(-2px)}.pm-metric-icon{font-size:24px}.pm-metric-info{flex:1}.pm-metric-label{font-family:var(--pm-font-mono);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:600;display:block}.pm-metric-value{letter-spacing:-.01em;font-size:18px;font-family:var(--pm-font-mono)!important;font-weight:700!important}.pm-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.pm-search-bar{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.pm-search-wrapper{flex:1;min-width:260px;position:relative}.pm-search-icon{opacity:.6;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}[dir=rtl] .pm-search-icon{left:auto;right:14px}.pm-search-input{border:1.5px solid var(--pm-border);width:100%;font-family:var(--pm-font-body);background:var(--pm-surface);transition:all var(--pm-transition);border-radius:14px;padding:13px 40px;font-size:14px;font-weight:500}.pm-search-input:focus{border-color:#ef4444;outline:none;box-shadow:0 0 0 3px #ef44441a}.pm-clear-search{cursor:pointer;color:var(--pm-text-3);transition:color var(--pm-transition);background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}[dir=rtl] .pm-clear-search{left:12px;right:auto}.pm-clear-search:hover{color:#ef4444}.pm-filter-btn{border:1.5px solid var(--pm-border);background:var(--pm-surface);font-family:var(--pm-font-body);color:var(--pm-text-2);cursor:pointer;transition:all var(--pm-transition);border-radius:14px;align-items:center;gap:6px;padding:13px 24px;font-size:14px;font-weight:600;display:flex;position:relative}.pm-filter-btn:hover{color:#ef4444;background:#ef444408;border-color:#ef4444}.pm-filter-btn.active{color:#ef4444;background:#ef44440f;border-color:#ef4444}.pm-filter-badge{color:#fff;font-family:var(--pm-font-mono);background:#ef4444;border:2px solid #fff;border-radius:12px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-8px}.pm-add-btn{color:#fff;font-family:var(--pm-font-head);cursor:pointer;transition:all var(--pm-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;padding:13px 28px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #ef44444d}.pm-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.pm-refresh-btn{border:1.5px solid var(--pm-border);background:var(--pm-surface);cursor:pointer;width:48px;height:48px;transition:all var(--pm-transition);border-radius:14px;justify-content:center;align-items:center;font-size:18px;display:flex}.pm-refresh-btn:hover:not(:disabled){color:#ef4444;border-color:#ef4444;transform:translateY(-1px)}.pm-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.pm-active-filters{border-top:1px solid var(--pm-border);border-bottom:1px solid var(--pm-border);flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:12px 0;display:flex}.pm-filter-chip{font-family:var(--pm-font-body);color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:24px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.pm-filter-chip-icon{font-size:12px}.pm-filter-chip button{cursor:pointer;color:#ef4444;background:0 0;border:none;margin-left:4px;font-size:12px;font-weight:700}.pm-clear-all{font-family:var(--pm-font-body);color:var(--pm-text-3);cursor:pointer;transition:color var(--pm-transition);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.pm-clear-all:hover{color:#ef4444}.pm-payee-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-bottom:24px;display:grid}.pm-payee-card{background:var(--pm-surface);border:1px solid var(--pm-border);cursor:pointer;transition:all var(--pm-transition);border-radius:20px;padding:20px;position:relative;overflow:hidden}.pm-payee-card:hover{box-shadow:var(--pm-shadow-lg);border-color:#ef44444d;transform:translateY(-4px)}.pm-card-glow{pointer-events:none;opacity:.5;border-radius:20px;height:200px;position:absolute;top:0;left:0;right:0}.pm-card-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.pm-card-avatar{width:52px;height:52px;font-family:var(--pm-font-head);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.pm-card-info{flex:1}.pm-card-name{font-family:var(--pm-font-head);color:var(--pm-text-1);letter-spacing:-.01em;margin:0 0 6px;font-size:16px;font-weight:700}.pm-card-contact{font-family:var(--pm-font-body);color:var(--pm-text-3);margin-bottom:2px;font-size:11px;display:block}.pm-contact-icon{margin-right:4px}.pm-card-project{font-family:var(--pm-font-body);color:#3a7fd5;font-size:11px;font-weight:500;display:block}.pm-project-icon{margin-right:4px}.pm-card-badges{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.pm-type-badge{font-family:var(--pm-font-mono);letter-spacing:.3px;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700}.pm-pending-badge{font-family:var(--pm-font-mono);color:#f59e0b;background:#f59e0b1f;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:flex}.pm-pending-icon{font-size:10px}.pm-contact-row{font-family:var(--pm-font-body);color:var(--pm-text-2);border-bottom:1px solid var(--pm-border);flex-wrap:wrap;gap:16px;margin-bottom:14px;padding-bottom:12px;font-size:12px;display:flex}.pm-contact-item{align-items:center;gap:6px;display:inline-flex}.pm-contact-emoji{font-size:12px}.pm-financial-row{background:linear-gradient(135deg, var(--pm-s-50), #fff);border:1px solid var(--pm-border);border-radius:14px;margin-bottom:14px;display:flex;overflow:hidden}.pm-financial-item{text-align:center;border-right:1px solid var(--pm-border);flex:1;padding:12px 8px}.pm-financial-item:last-child{border-right:none}.pm-financial-label{font-family:var(--pm-font-mono);color:var(--pm-text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:9px;display:block}.pm-financial-value{color:var(--pm-text-1);font-size:14px;font-family:var(--pm-font-mono)!important;font-weight:700!important}.pm-progress-section{margin-bottom:14px}.pm-progress-bar{background:var(--pm-s-100);border-radius:6px;height:6px;margin-bottom:8px;overflow:hidden}.pm-progress-fill{border-radius:6px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.pm-progress-stats{font-family:var(--pm-font-body);color:var(--pm-text-3);justify-content:space-between;font-size:10px;display:flex}.pm-progress-stats span:first-child,.pm-progress-stats span:last-child{font-family:var(--pm-font-mono);font-weight:600}.pm-payment-status{font-family:var(--pm-font-mono);letter-spacing:.3px;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:8px;font-size:11px;font-weight:700;display:flex}.pm-status-dot{border-radius:3px;width:6px;height:6px}.pm-card-actions{gap:12px;display:flex}.pm-action-btn{font-family:var(--pm-font-head);cursor:pointer;transition:all var(--pm-transition);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:700;display:flex}.pm-action-payment{color:#ef4444;background:#ef444414;border:1px solid #ef444440}.pm-action-payment:hover{background:#ef444426;transform:translateY(-1px)}.pm-action-view{color:#3b82f6;background:#3b82f60f;border:1px solid #3b82f633}.pm-action-view:hover{background:#3b82f61f;transform:translateY(-1px)}.pm-load-more-btn{background:var(--pm-surface);border:1.5px dashed var(--pm-border);width:100%;font-family:var(--pm-font-head);color:var(--pm-text-2);cursor:pointer;transition:all var(--pm-transition);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:14px;font-weight:600;display:flex}.pm-load-more-btn:hover{color:#ef4444;background:#ef444405;border-color:#ef4444}.pm-load-more-icon{transition:transform var(--pm-transition);display:inline-block}.pm-load-more-btn:hover .pm-load-more-icon{transform:rotate(180deg)}.pm-loading-spinner-small{border:2px solid var(--pm-border);border-top-color:#ef4444;border-radius:50%;width:16px;height:16px;margin-left:8px;animation:.6s linear infinite spin-anim;display:inline-block}.pm-empty-state{text-align:center;background:var(--pm-surface);border:1px solid var(--pm-border);border-radius:24px;padding:60px 30px}.pm-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.pm-empty-state h3{font-family:var(--pm-font-head);color:var(--pm-text-1);letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.pm-empty-state p{font-family:var(--pm-font-body);color:var(--pm-text-3);margin-bottom:24px;font-size:14px}.pm-empty-add-btn{color:#fff;font-family:var(--pm-font-head);cursor:pointer;transition:all var(--pm-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.pm-empty-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.pm-error-state{text-align:center;background:var(--pm-surface);border:1px solid var(--pm-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.pm-error-icon{margin-bottom:20px;font-size:64px}.pm-error-state h3{font-family:var(--pm-font-head);color:var(--pm-text-1);margin-bottom:8px;font-size:20px;font-weight:700}.pm-error-state p{font-family:var(--pm-font-body);color:var(--pm-text-3);margin-bottom:24px;font-size:14px}.pm-retry-btn{color:#fff;font-family:var(--pm-font-head);cursor:pointer;transition:all var(--pm-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.pm-retry-btn:hover{transform:translateY(-2px)}.pm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#020915b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.pm-modal-content{background:var(--pm-surface);border-radius:28px 28px 0 0;width:100%;max-width:520px;max-height:85vh;animation:.3s pm-slide-up;overflow:hidden}@keyframes pm-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pm-modal-header{border-bottom:1px solid var(--pm-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pm-modal-title{align-items:center;gap:10px;display:flex}.pm-modal-icon{font-size:20px}.pm-modal-title h3{font-family:var(--pm-font-head);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.pm-modal-close{background:var(--pm-s-100);cursor:pointer;width:36px;height:36px;transition:all var(--pm-transition);border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.pm-modal-close:hover{color:#fff;background:#ef4444}.pm-modal-body{max-height:60vh;padding:20px 24px;overflow-y:auto}.pm-filter-group{margin-bottom:28px}.pm-filter-group:last-child{margin-bottom:0}.pm-filter-label{font-family:var(--pm-font-mono);color:var(--pm-text-2);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.pm-filter-label-icon{font-size:14px}.pm-filter-chips{flex-wrap:wrap;gap:10px;display:flex}.pm-filter-chip-option{border:1.5px solid var(--pm-border);background:var(--pm-surface);font-family:var(--pm-font-body);color:var(--pm-text-2);cursor:pointer;transition:all var(--pm-transition);border-radius:24px;padding:8px 16px;font-size:12px;font-weight:600}.pm-filter-chip-option:hover{color:#ef4444;border-color:#ef4444}.pm-filter-chip-option.active{color:#ef4444;background:#ef44441a;border-color:#ef4444}.pm-modal-footer{border-top:1px solid var(--pm-border);background:var(--pm-surface);gap:14px;padding:16px 24px;display:flex}.pm-reset-btn{border:1.5px solid var(--pm-border);background:var(--pm-s-100);font-family:var(--pm-font-head);color:var(--pm-text-2);cursor:pointer;transition:all var(--pm-transition);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px;font-size:14px;font-weight:600;display:flex}.pm-reset-btn:hover{color:#ef4444;background:#ef44440d;border-color:#ef4444}.pm-apply-btn{color:#fff;font-family:var(--pm-font-head);cursor:pointer;transition:all var(--pm-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;flex:2;padding:13px;font-size:14px;font-weight:700}.pm-apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}@keyframes pm-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.pm-loading-bar{height:20px;animation:none}}@media (width<=1100px){.pm-metric-item{min-width:160px}.pm-payee-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (width<=900px){.pm-header-inner,.pm-metric-strip{padding:0 20px}.pm-content{padding:20px 20px 48px}.pm-metric-item{min-width:calc(33% - 8px)}.pm-payee-grid{grid-template-columns:1fr}}@media (width<=600px){.pm-header-title{font-size:24px}.pm-metric-strip{flex-direction:column}.pm-metric-item{width:100%}.pm-search-bar{flex-direction:column}.pm-filter-btn,.pm-add-btn{text-align:center;width:100%}.pm-payee-grid{grid-template-columns:1fr}.pm-financial-row{flex-direction:column}.pm-financial-item{border-right:none;border-bottom:1px solid var(--pm-border)}.pm-financial-item:last-child{border-bottom:none}.pm-card-actions{flex-direction:column}.pm-filter-chips{max-height:200px;overflow-y:auto}}:root{--ce-navy-950:#020915;--ce-navy-900:#040d21;--ce-navy-800:#071530;--ce-navy-700:#0d2347;--ce-navy-600:#1a3a6b;--ce-blue:#3b82f6;--ce-blue-l:#60a5fa;--ce-blue-d:#1d4ed8;--ce-gold:#f59e0b;--ce-green:#10b981;--ce-green-d:#059669;--ce-red:#ef4444;--ce-red-d:#dc2626;--ce-red-dark:#b91c1c;--ce-red-darker:#7f1d1d;--ce-purple:#8b5cf6;--ce-surface:#fff;--ce-s-50:#f8faff;--ce-s-100:#eef3ff;--ce-s-200:#e2eaff;--ce-border:#e4ecff;--ce-text-1:#0a1628;--ce-text-2:#3d5278;--ce-text-3:#7a8faf;--ce-radius-sm:12px;--ce-radius:18px;--ce-radius-lg:24px;--ce-shadow-sm:0 1px 4px #0a163c0f;--ce-shadow:0 4px 16px #0a163c14;--ce-shadow-md:0 8px 28px #0a163c1a;--ce-shadow-lg:0 16px 48px #0a163c24;--ce-transition:.22s cubic-bezier(.4, 0, .2, 1);--ce-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--ce-font-body:"DM Sans", system-ui, sans-serif;--ce-font-mono:"JetBrains Mono", "Fira Code", monospace}.ce-dashboard{font-family:var(--ce-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ce-dashboard h1,.ce-dashboard h2,.ce-dashboard h3,.ce-dashboard h4,.ce-header-title,.ce-section-title,.ce-error-state h3,.ce-loading-logo h2{font-family:var(--ce-font-head);letter-spacing:-.02em}.ce-form-field input[type=number],.ce-form-value,.ce-price-display,.ce-number-input,.ce-amount-value,.ce-rate-value{letter-spacing:-.01em;font-family:var(--ce-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}.ce-dashboard{background:var(--ce-s-50);min-height:100vh;position:relative;overflow-x:hidden}.ce-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ce-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite ce-orb-float;position:absolute}.ce-mesh-orb-1{background:radial-gradient(circle,#ef4444,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.ce-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.ce-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#3b82f6,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes ce-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.ce-loading-screen{background:var(--ce-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.ce-loading-logo{text-align:center}.ce-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite ce-loading-bounce}.ce-project-chips{margin-bottom:12px}.ce-chips-scroll{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.ce-chip{background:var(--ce-s-100,#fef2f2);border:1.5px solid var(--ce-border,#fecaca);color:var(--ce-text-2,#7f1d1d);cursor:pointer;border-radius:24px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.ce-chip:hover{background:var(--ce-s-200,#fee2e2);transform:translateY(-1px)}.ce-chip-active{color:#fff;background:#dc2626;border-color:#dc2626}.ce-chip-clear{color:#dc2626;background:#fef2f2;border-color:#fecaca}.ce-chip-clear:hover{background:#fee2e2}.ce-or-divider{align-items:center;gap:12px;margin:16px 0;display:flex}.ce-or-line{background:var(--ce-border,#e5e7eb);flex:1;height:1px}.ce-or-text{color:var(--ce-text-3,#6b7280);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.ce-input-disabled{background:var(--ce-s-50,#f9fafb);color:var(--ce-text-3,#6b7280);cursor:not-allowed}.ce-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.ce-checkbox-label input{cursor:pointer;width:18px;height:18px}textarea{border:1.5px solid var(--ce-border,#e5e7eb);background:var(--ce-surface,#fff);resize:vertical;border-radius:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}textarea:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}@keyframes ce-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ce-loading-logo h2{font-family:var(--ce-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.ce-loading-logo p{font-family:var(--ce-font-body);color:#ffffff73;font-size:14px}.ce-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.ce-loading-bar{background:linear-gradient(#ef4444,#dc2626);border-radius:4px;width:8px;animation:1s ease-in-out infinite ce-bar-wave}@keyframes ce-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.ce-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden;background:linear-gradient(135deg,#7f1d1d,#b91c1c,#dc2626,#ef4444)!important}.ce-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.ce-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--ce-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.ce-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.ce-header-left{flex-shrink:0}.ce-back-btn{font-family:var(--ce-font-body);color:#ffffffe6;cursor:pointer;transition:all var(--ce-transition);background:#ffffff1f;border:1px solid #fff3;border-radius:30px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-flex}.ce-back-btn:hover{background:#fff3;transform:translate(-2px)}.ce-live-chip{font-family:var(--ce-font-mono);color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:10px;font-weight:600;display:inline-flex}.ce-live-dot{background:#fca5a5;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite ce-live-pulse}@keyframes ce-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ce-header-title{font-family:var(--ce-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.ce-header-subtitle{font-family:var(--ce-font-body);color:#ffffff8c;margin:0;font-size:13px}.ce-header-actions{gap:10px;display:flex}.ce-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--ce-transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.ce-icon-btn:hover{background:#fff3;transform:translateY(-2px)}.ce-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.ce-form{max-width:1000px;margin:0 auto}.ce-form-section{background:var(--ce-surface);border-radius:var(--ce-radius);border:1px solid var(--ce-border);transition:all var(--ce-transition);margin-bottom:20px;padding:24px}.ce-form-section:hover{box-shadow:var(--ce-shadow-md)}.ce-section-title{font-family:var(--ce-font-head);color:var(--ce-text-1);border-bottom:2px solid var(--ce-border);letter-spacing:-.01em;align-items:center;gap:10px;margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.ce-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.ce-form-field{flex-direction:column;gap:6px;display:flex}.ce-form-field.full-width{grid-column:span 2}.ce-form-field.checkbox-field{justify-content:flex-start;align-items:center;display:flex}.ce-form-field.checkbox-field label{cursor:pointer;font-family:var(--ce-font-body);text-transform:none;color:var(--ce-text-2);align-items:center;gap:10px;margin:0;font-size:14px;font-weight:500;display:flex}.ce-form-field.checkbox-field input{cursor:pointer;width:18px;height:18px;margin:0}.ce-form-field label{font-family:var(--ce-font-mono);color:var(--ce-text-2);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.ce-form-field .ce-required{color:#ef4444}.ce-form-field input,.ce-form-field select,.ce-form-field textarea{border:1.5px solid var(--ce-border);width:100%;font-family:var(--ce-font-body);background:var(--ce-surface);transition:all var(--ce-transition);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:500}.ce-form-field input:focus,.ce-form-field select:focus,.ce-form-field textarea:focus{border-color:#ef4444;outline:none;box-shadow:0 0 0 3px #ef44441a}.ce-form-field input:hover:not(:focus),.ce-form-field select:hover:not(:focus),.ce-form-field textarea:hover:not(:focus){border-color:var(--ce-text-3)}.ce-form-field textarea{resize:vertical;min-height:80px}.ce-form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237A8FAF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}.ce-form-field input[type=number]{font-family:var(--ce-font-mono);font-feature-settings:"tnum" 1;letter-spacing:-.01em}.ce-form-field .ce-hint{font-family:var(--ce-font-body);color:var(--ce-text-3);margin-top:4px;font-size:11px}.ce-form-actions{gap:16px;margin-top:20px;margin-bottom:40px;display:flex}.ce-cancel-btn{border:1.5px solid var(--ce-border);background:var(--ce-surface);font-family:var(--ce-font-head);color:var(--ce-text-2);cursor:pointer;transition:all var(--ce-transition);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;display:flex}.ce-cancel-btn:hover{background:var(--ce-s-50);color:#ef4444;border-color:#ef4444}.ce-save-btn{color:#fff;font-family:var(--ce-font-head);cursor:pointer;transition:all var(--ce-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;flex:2;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:700;display:flex;box-shadow:0 2px 8px #ef44444d}.ce-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.ce-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ce-error-state{text-align:center;background:var(--ce-surface);border:1px solid var(--ce-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.ce-error-icon{margin-bottom:20px;font-size:64px}.ce-error-state h3{font-family:var(--ce-font-head);color:var(--ce-text-1);letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.ce-error-state p{font-family:var(--ce-font-body);color:var(--ce-text-3);margin-bottom:24px;font-size:14px}.ce-retry-btn{color:#fff;font-family:var(--ce-font-head);cursor:pointer;transition:all var(--ce-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.ce-retry-btn:hover{transform:translateY(-2px)}@keyframes ce-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ce-loading-bar{height:20px;animation:none}}@media (width<=900px){.ce-header-inner{padding:0 20px}.ce-content{padding:20px 20px 48px}.ce-header-title{font-size:24px}}@media (width<=768px){.ce-form-grid{grid-template-columns:1fr;gap:16px}.ce-form-field.full-width{grid-column:span 1}.ce-form-actions{flex-direction:column}.ce-cancel-btn,.ce-save-btn{width:100%}.ce-form-section{padding:16px}}:root{--pe-navy-950:#020915;--pe-navy-900:#040d21;--pe-navy-800:#071530;--pe-navy-700:#0d2347;--pe-navy-600:#1a3a6b;--pe-blue:#3b82f6;--pe-blue-l:#60a5fa;--pe-blue-d:#1d4ed8;--pe-gold:#f59e0b;--pe-green:#10b981;--pe-green-d:#059669;--pe-red:#ef4444;--pe-red-b:#f43f5e;--pe-purple:#8b5cf6;--pe-surface:#fff;--pe-s-50:#f8faff;--pe-s-100:#eef3ff;--pe-s-200:#e2eaff;--pe-border:#e4ecff;--pe-text-1:#0a1628;--pe-text-2:#3d5278;--pe-text-3:#7a8faf;--pe-radius-sm:12px;--pe-radius:18px;--pe-radius-lg:24px;--pe-shadow-sm:0 1px 4px #0a163c0f;--pe-shadow:0 4px 16px #0a163c14;--pe-shadow-md:0 8px 28px #0a163c1a;--pe-shadow-lg:0 16px 48px #0a163c24;--pe-transition:.22s cubic-bezier(.4, 0, .2, 1);--pe-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--pe-font-body:"DM Sans", system-ui, sans-serif;--pe-font-mono:"JetBrains Mono", "Fira Code", monospace}.pe-dashboard{font-family:var(--pe-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pe-dashboard h1,.pe-dashboard h2,.pe-dashboard h3,.pe-dashboard h4,.pe-header-title,.pe-card-title,.pe-empty-state h3,.pe-error-state h3,.pe-modal-title h3,.pe-voucher-number{font-family:var(--pe-font-head);letter-spacing:-.02em}.pe-stat-value,.pe-amount-value,.pe-progress-percent,.pe-voucher-amount,.pe-ledger-value,.pe-stat-note,.pe-voucher-payment-info span,.pe-progress-fill,.pe-tab-count,.pe-stat-number,.pe-contract-value,.pe-paid-value,.pe-unpaid-value,.pe-outstanding-value,.pe-rating-value,.pe-credit-limit-value{letter-spacing:-.01em;font-family:var(--pe-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}.pe-dashboard{background:var(--pe-s-50);min-height:100vh;position:relative;overflow-x:hidden}.pe-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.pe-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite pe-orb-float;position:absolute}.pe-mesh-orb-1{background:radial-gradient(circle,#ef4444,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.pe-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.pe-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#3b82f6,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes pe-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.pe-loading-screen{background:var(--pe-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.pe-loading-logo{text-align:center}.pe-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite pe-loading-bounce}@keyframes pe-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.pe-loading-logo h2{font-family:var(--pe-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.pe-loading-logo p{font-family:var(--pe-font-body);color:#ffffff73;font-size:14px}.pe-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.pe-loading-bar{background:linear-gradient(#ef4444,#dc2626);border-radius:4px;width:8px;animation:1s ease-in-out infinite pe-bar-wave}@keyframes pe-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.pe-header{z-index:1;padding:32px 0 20px;position:relative;overflow:hidden}.pe-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.pe-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--pe-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.pe-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.pe-header-left{flex-shrink:0}.pe-back-btn{font-family:var(--pe-font-body);color:#ffffffe6;cursor:pointer;transition:all var(--pe-transition);background:#ffffff1f;border:1px solid #fff3;border-radius:30px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:500;display:inline-flex}.pe-back-btn:hover{background:#fff3;transform:translate(-2px)}.pe-live-chip{font-family:var(--pe-font-mono);color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:10px;font-weight:600;display:inline-flex}.pe-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pe-live-pulse}@keyframes pe-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.pe-header-title{font-family:var(--pe-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.pe-header-subtitle{font-family:var(--pe-font-body);color:#ffffff8c;margin:0;font-size:13px}.pe-header-actions{gap:10px;display:flex}.pe-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--pe-transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.pe-icon-btn:hover{background:#fff3;transform:translateY(-2px)}.pe-signature-modal{max-width:480px}.pe-modal-subtitle{font-family:var(--pe-font-body);color:var(--pe-text-3);text-align:center;margin-bottom:20px;font-size:13px}.pe-signature-options{flex-direction:column;gap:12px;display:flex}.pe-signature-option{background:var(--pe-surface);border:1.5px solid var(--pe-border);cursor:pointer;transition:all var(--pe-transition);text-align:left;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.pe-signature-option:hover:not(.disabled){box-shadow:var(--pe-shadow-md);transform:translate(4px)}.pe-signature-option.disabled{opacity:.6;cursor:not-allowed}.pe-signature-option-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.pe-signature-option-info{flex-direction:column;flex:1;gap:4px;display:flex}.pe-signature-option-title{font-family:var(--pe-font-head);letter-spacing:-.01em;font-size:15px;font-weight:700}.pe-signature-option-desc{font-family:var(--pe-font-body);color:var(--pe-text-3);font-size:11px}.pe-signature-option-arrow{color:var(--pe-text-3);font-size:18px}.pe-signature-option-disabled{opacity:.5;font-size:18px}[dir=rtl] .pe-signature-option{flex-direction:row}[dir=rtl] .pe-signature-option:hover:not(.disabled){transform:translate(-4px)}[dir=rtl] .pe-signature-option-arrow{transform:scaleX(-1)}.pe-quick-actions{flex-wrap:wrap;gap:12px;max-width:1440px;margin:20px auto 0;padding:0 32px;display:flex}.pe-quick-action{color:#fff;font-family:var(--pe-font-body);cursor:pointer;transition:all var(--pe-transition);background:#ffffff1f;border:1px solid #fff3;border-radius:40px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.pe-quick-action:hover{background:#fff3;transform:translateY(-2px)}.pe-quick-icon{font-size:16px}.pe-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.pe-tabs{background:var(--pe-surface);border:1px solid var(--pe-border);box-shadow:var(--pe-shadow-sm);border-radius:20px;gap:8px;margin-bottom:24px;padding:6px;display:flex}.pe-tab-btn{font-family:var(--pe-font-head);color:var(--pe-text-2);cursor:pointer;transition:all var(--pe-transition);background:0 0;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.pe-tab-count{font-family:var(--pe-font-mono);font-size:11px;font-weight:600}.pe-tab-btn.active{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 12px #ef44444d}.pe-tab-btn:hover:not(.active){background:var(--pe-s-100);color:var(--pe-text-1)}.pe-detail-card{background:var(--pe-surface);border-radius:var(--pe-radius);border:1px solid var(--pe-border);transition:all var(--pe-transition);margin-bottom:24px;padding:24px}.pe-detail-card:hover{box-shadow:var(--pe-shadow-md)}.pe-card-title{font-family:var(--pe-font-head);color:var(--pe-text-1);border-bottom:2px solid var(--pe-border);letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.pe-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.pe-stat-item{text-align:center}.pe-stat-label{font-family:var(--pe-font-mono);color:var(--pe-text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.pe-stat-value{letter-spacing:-.01em;color:var(--pe-text-1);font-size:24px;font-family:var(--pe-font-mono)!important;font-weight:700!important}.pe-stat-note{font-family:var(--pe-font-mono);color:var(--pe-text-3);margin-top:4px;font-size:10px;font-weight:600;display:block}.pe-progress-bar{background:var(--pe-s-100);border-radius:4px;height:8px;overflow:hidden}.pe-progress-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.pe-ledger-list{border-top:1px solid var(--pe-border);margin-top:16px;padding-top:12px}.pe-ledger-item{align-items:center;gap:12px;padding:8px 0;display:flex}.pe-ledger-dot{border-radius:4px;width:8px;height:8px}.pe-ledger-label{font-family:var(--pe-font-body);color:var(--pe-text-2);flex:1;font-size:13px}.pe-ledger-value{color:var(--pe-text-1);font-size:13px;font-family:var(--pe-font-mono)!important;font-weight:600!important}.pe-status-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pe-status-item{text-align:center}.pe-status-badge{font-family:var(--pe-font-mono);border-radius:30px;margin-bottom:8px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-block}.pe-status-label{font-family:var(--pe-font-mono);color:var(--pe-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600;display:block}.pe-info-list{flex-direction:column;gap:14px;display:flex}.pe-info-row{border-bottom:1px solid var(--pe-border);align-items:center;gap:14px;padding:10px 0;display:flex}.pe-info-row:last-child{border-bottom:none}.pe-info-icon{text-align:center;width:32px;font-size:18px}.pe-info-text{font-family:var(--pe-font-body);color:var(--pe-text-2);flex:1;font-size:14px;font-weight:500}.pe-info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.pe-info-item{flex-direction:column;gap:4px;display:flex}.pe-info-item-label{font-family:var(--pe-font-mono);color:var(--pe-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.pe-info-item-value{font-family:var(--pe-font-body);color:var(--pe-text-1);font-size:14px;font-weight:600}.pe-description-box{border-top:1px solid var(--pe-border);margin-top:12px;padding-top:12px}.pe-description-box p{font-family:var(--pe-font-body);color:var(--pe-text-2);margin:8px 0 0;font-size:13px;line-height:1.5}.pe-tags-list{flex-wrap:wrap;gap:10px;display:flex}.pe-tag{background:var(--pe-s-100);font-family:var(--pe-font-mono);color:var(--pe-text-2);transition:all var(--pe-transition);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500}.pe-tag:hover{color:#ef4444;background:#ef44441a}.pe-notes-text{font-family:var(--pe-font-body);color:var(--pe-text-2);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.pe-internal-notes{background:#fef3c7;border-radius:8px;padding:12px}.pe-add-voucher-btn{color:#fff;width:100%;font-family:var(--pe-font-head);cursor:pointer;transition:all var(--pe-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:16px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #ef44444d}.pe-add-voucher-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.pe-vouchers-list{flex-direction:column;gap:16px;display:flex}.pe-voucher-card{background:var(--pe-surface);border:1px solid var(--pe-border);cursor:pointer;transition:all var(--pe-transition);border-left:4px solid #ef4444;border-radius:18px;padding:20px}.pe-voucher-card:hover{box-shadow:var(--pe-shadow-lg);border-color:#ef44444d;transform:translateY(-2px)}.pe-voucher-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pe-voucher-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pe-voucher-number{font-family:var(--pe-font-head);color:var(--pe-blue);font-size:14px;font-weight:700}.pe-voucher-type{font-family:var(--pe-font-mono);border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700}.pe-voucher-badges{flex-wrap:wrap;gap:6px;display:flex}.pe-voucher-status{font-family:var(--pe-font-mono);border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700}.pe-voucher-details{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.pe-voucher-date{font-family:var(--pe-font-body);color:var(--pe-text-3);align-items:center;gap:6px;font-size:12px;display:flex}.pe-voucher-amount{letter-spacing:-.01em;font-size:18px;font-family:var(--pe-font-mono)!important;font-weight:700!important}.pe-voucher-payment-info{font-family:var(--pe-font-mono);color:var(--pe-text-3);background:var(--pe-s-50);border-radius:8px;gap:16px;margin-top:8px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.pe-voucher-notes{font-family:var(--pe-font-body);color:var(--pe-text-3);border-top:1px solid var(--pe-border);margin:12px 0 0;padding-top:12px;font-size:12px}.pe-voucher-actions{gap:10px;margin-top:14px;display:flex}.pe-mark-paid-btn{color:#10b981;font-family:var(--pe-font-head);cursor:pointer;transition:all var(--pe-transition);background:#10b98114;border:1px solid #10b98140;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:700;display:flex}.pe-mark-paid-btn:hover{background:#10b98126;transform:translateY(-1px)}.pe-mark-paid-btn:disabled{opacity:.6;cursor:not-allowed}.pe-signature-btn{color:#ef4444;font-family:var(--pe-font-head);cursor:pointer;transition:all var(--pe-transition);background:#ef444414;border:1px solid #ef444440;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:700;display:flex}.pe-signature-btn:hover{background:#ef444426;transform:translateY(-1px)}.pe-empty-state{text-align:center;background:var(--pe-surface);border:1px solid var(--pe-border);border-radius:24px;padding:60px 30px}.pe-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.pe-empty-state h3{font-family:var(--pe-font-head);color:var(--pe-text-1);letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.pe-empty-state p{font-family:var(--pe-font-body);color:var(--pe-text-3);margin-bottom:24px;font-size:14px}.pe-empty-add-btn{color:#fff;font-family:var(--pe-font-head);cursor:pointer;transition:all var(--pe-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.pe-empty-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.pe-error-state{text-align:center;background:var(--pe-surface);border:1px solid var(--pe-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.pe-error-icon{margin-bottom:20px;font-size:64px}.pe-error-state h3{font-family:var(--pe-font-head);color:var(--pe-text-1);margin-bottom:8px;font-size:20px;font-weight:700}.pe-error-state p{font-family:var(--pe-font-body);color:var(--pe-text-3);margin-bottom:24px;font-size:14px}.pe-retry-btn{color:#fff;font-family:var(--pe-font-head);cursor:pointer;transition:all var(--pe-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.pe-retry-btn:hover{transform:translateY(-2px)}.pe-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#020915b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pe-modal-content{background:var(--pe-surface);border-radius:28px;width:90%;max-width:420px;animation:.3s pe-modal-slide-up;overflow:hidden}@keyframes pe-modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pe-modal-header{border-bottom:1px solid var(--pe-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pe-modal-title{align-items:center;gap:10px;display:flex}.pe-modal-title h3{font-family:var(--pe-font-head);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.pe-modal-close{background:var(--pe-s-100);cursor:pointer;width:36px;height:36px;transition:all var(--pe-transition);border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.pe-modal-close:hover{background:var(--pe-red);color:#fff}.pe-modal-body{text-align:center;padding:24px}.pe-modal-warning{margin-bottom:16px;font-size:48px}.pe-modal-body p{font-family:var(--pe-font-body);color:var(--pe-text-2);margin-bottom:8px;font-size:14px}.pe-modal-body p strong{font-family:var(--pe-font-head);font-weight:700}.pe-modal-body p:last-of-type{margin-bottom:0}.pe-modal-footer{border-top:1px solid var(--pe-border);gap:14px;padding:16px 24px;display:flex}.pe-modal-cancel{border:1.5px solid var(--pe-border);background:var(--pe-s-100);font-family:var(--pe-font-head);color:var(--pe-text-2);cursor:pointer;transition:all var(--pe-transition);border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:600}.pe-modal-cancel:hover{border-color:var(--pe-red);color:var(--pe-red)}.pe-modal-delete{color:#fff;font-family:var(--pe-font-head);cursor:pointer;transition:all var(--pe-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:700}.pe-modal-delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.pe-modal-delete:disabled{opacity:.6;cursor:not-allowed}@keyframes pe-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.pe-loading-bar{height:20px;animation:none}}@media (width<=900px){.pe-header-inner,.pe-quick-actions{padding:0 20px}.pe-content{padding:20px 20px 48px}.pe-stats-grid,.pe-status-grid{grid-template-columns:repeat(2,1fr);gap:16px}.pe-info-grid{grid-template-columns:1fr;gap:14px}.pe-header-title{font-size:24px}}@media (width<=600px){.pe-stats-grid,.pe-status-grid{grid-template-columns:repeat(2,1fr)}.pe-tab-btn{padding:10px 12px;font-size:12px}.pe-quick-actions{justify-content:center}.pe-quick-action{padding:8px 16px;font-size:12px}.pe-voucher-header,.pe-voucher-details{flex-direction:column;align-items:flex-start}.pe-voucher-actions{flex-direction:column}}:root{--ape-gold:#f59e0b;--ape-gold-dark:#d97706;--ape-gold-deep:#b45309;--ape-gold-light:#fcd34d;--ape-gold-soft:#fffbeb;--ape-blue:#3b82f6;--ape-blue-l:#60a5fa;--ape-emerald:#10b981;--ape-crimson:#ef4444;--ape-violet:#8b5cf6;--ape-surface:#fff;--ape-surf-50:#f8faff;--ape-surf-100:#eef3ff;--ape-surf-200:#e2eaff;--ape-border:#e4ecff;--ape-border-2:#d0dcff;--ape-ink:#0a1628;--ape-ink-2:#3d5278;--ape-ink-3:#7a8faf;--ape-ink-4:#98afcc;--f-display:"Bebas Neue", "Space Grotesk", sans-serif;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", "Fira Code", monospace;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-full:9999px;--sh-xs:0 1px 3px #07142a0f;--sh-sm:0 2px 8px #07142a14;--sh-md:0 6px 24px #07142a1a;--sh-lg:0 16px 48px #07142a21;--sh-gold:0 8px 32px #f59e0b38;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--t-fast:.15s var(--ease);--t-base:.22s var(--ease);--t-slow:.38s var(--ease-out)}.ape-stat-value,.ape-stat-value *,.ape-value-mono{text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;vertical-align:baseline;display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.ape-dashboard{background:var(--ape-surf-50);min-height:100vh;position:relative;overflow-x:hidden}.ape-bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#f59e0b06 1px,#0000 1px),linear-gradient(90deg,#f59e0b06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;overflow:hidden}.ape-mesh-orb{filter:blur(100px);border-radius:50%;animation:18s ease-in-out infinite ape-orb-drift;position:absolute}.ape-mesh-orb-1{background:radial-gradient(circle,#f59e0b14,#0000 70%);width:800px;height:800px;animation-delay:0s;top:-300px;right:-200px}.ape-mesh-orb-2{background:radial-gradient(circle,#d977060f,#0000 70%);width:600px;height:600px;animation-delay:-6s;bottom:0;left:-150px}.ape-mesh-orb-3{background:radial-gradient(circle,#b453090a,#0000 70%);width:500px;height:500px;animation-delay:-12s;top:40%;left:35%}@keyframes ape-orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-40px)scale(1.04)}66%{transform:translate(-30px,25px)scale(.97)}}.ape-loading-screen{background:linear-gradient(135deg,#020915,#040d21,#071530);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex;position:relative;overflow:hidden}.ape-loading-screen:before{content:"";background:radial-gradient(80% 50% at 50% -10%,#f59e0b1f,#0000);position:absolute;inset:0}.ape-loading-logo{text-align:center;z-index:1;position:relative}.ape-loading-pulse{filter:drop-shadow(0 0 24px #f59e0b80);margin-bottom:20px;font-size:52px;animation:2s ease-in-out infinite ape-pulse-float;display:block}@keyframes ape-pulse-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}.ape-loading-logo h2{font-family:var(--f-head);color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:700}.ape-loading-logo p{color:#fff6;font-size:14px;font-family:var(--f-body)}.ape-loading-bars{z-index:1;align-items:flex-end;gap:5px;height:32px;display:flex;position:relative}.ape-loading-bar{background:linear-gradient(to top, var(--ape-gold-dark), var(--ape-gold));border-radius:3px;width:6px;animation:1s ease-in-out infinite ape-bar-wave}@keyframes ape-bar-wave{0%,to{opacity:.35;height:10px}50%{opacity:1;height:32px}}.ape-header{z-index:1;background:linear-gradient(135deg,#92400e,#b45309,#d97706,#f59e0b);padding:32px 0 40px;position:relative;overflow:hidden}.ape-header:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff05 3px 4px);position:absolute;inset:0}.ape-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--ape-surf-50));height:60px;position:absolute;bottom:0;left:0;right:0}.ape-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1520px;margin:0 auto;padding:0 36px;display:flex}.ape-header-left{flex-shrink:0}.ape-back-btn{border-radius:var(--r-full);color:#fffffff2;cursor:pointer;transition:all var(--t-base);font-size:12px;font-weight:600;font-family:var(--f-body);background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;display:inline-flex}.ape-back-btn:hover{background:#ffffff38;transform:translate(-2px)}.ape-live-chip{border-radius:var(--r-full);color:#ffffffd9;letter-spacing:.5px;font-size:10px;font-weight:700;font-family:var(--f-body);background:#ffffff1a;border:1px solid #ffffff2e;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;display:inline-flex}.ape-live-dot{background:#fde68a;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite ape-live-pulse}@keyframes ape-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ape-header-title{font-family:var(--f-head);color:#fff;letter-spacing:-1px;margin:0 0 8px;font-size:32px;font-weight:800}.ape-header-subtitle{color:#ffffffa6;font-size:13px;font-family:var(--f-body);margin:0}.ape-header-actions{gap:10px;display:flex}.ape-icon-btn{border-radius:var(--r-sm);cursor:pointer;width:42px;height:42px;transition:all var(--t-base);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;justify-content:center;align-items:center;font-size:18px;display:flex}.ape-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.ape-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ape-stats-strip{flex-wrap:wrap;gap:16px;max-width:1520px;margin:0 auto;padding:0 36px 20px;display:flex}.ape-stat-card{background:var(--ape-surface);border-radius:var(--r-sm);border:1px solid var(--ape-border);min-width:160px;transition:all var(--t-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:1;align-items:center;gap:14px;padding:16px 20px;display:flex}.ape-stat-card:hover{box-shadow:var(--sh-md);border-color:#f59e0b4d;transform:translateY(-2px)}.ape-stat-icon{border-radius:var(--r-sm);background:#f59e0b1a;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ape-stat-info{flex:1}.ape-stat-label{color:var(--ape-ink-3);text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:700;font-family:var(--f-body);margin-bottom:4px;display:block}.ape-stat-value{color:var(--ape-ink);font-size:24px;font-weight:700;display:block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1!important;line-height:1!important}.ape-content{z-index:1;max-width:1520px;margin:0 auto;padding:0 36px 60px;position:relative}.ape-search-bar{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.ape-search-wrapper{flex:1;min-width:260px;position:relative}.ape-search-icon{opacity:.6;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ape-search-input{border:1.5px solid var(--ape-border);border-radius:var(--r-sm);background:var(--ape-surface);width:100%;font-size:14px;font-family:var(--f-body);transition:all var(--t-base);padding:13px 40px}.ape-search-input:focus{border-color:var(--ape-gold);outline:none;box-shadow:0 0 0 3px #f59e0b1a}.ape-clear-search{cursor:pointer;color:var(--ape-ink-3);transition:color var(--t-fast);background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ape-clear-search:hover{color:var(--ape-gold)}.ape-refresh-btn{border-radius:var(--r-sm);border:1.5px solid var(--ape-border);background:var(--ape-surface);cursor:pointer;width:48px;height:48px;transition:all var(--t-base);justify-content:center;align-items:center;font-size:18px;display:flex}.ape-refresh-btn:hover:not(:disabled){border-color:var(--ape-gold);color:var(--ape-gold);transform:translateY(-1px)}.ape-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ape-payee-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;margin-bottom:24px;display:grid}.ape-payee-card{background:var(--ape-surface);border-radius:var(--r-md);border:1px solid var(--ape-border);transition:all var(--t-base);opacity:.85;padding:20px;position:relative;overflow:hidden}.ape-payee-card:hover{box-shadow:var(--sh-lg);opacity:1;border-color:#f59e0b4d;transform:translateY(-4px)}.ape-card-glow{border-radius:var(--r-md) var(--r-md) 0 0;pointer-events:none;background:linear-gradient(135deg,#f59e0b14,#0000);height:120px;position:absolute;top:0;left:0;right:0}.ape-card-header{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.ape-card-avatar{border-radius:var(--r-sm);width:52px;height:52px;font-family:var(--f-head);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.ape-card-info{flex:1}.ape-card-name{font-family:var(--f-head);color:var(--ape-ink);letter-spacing:-.3px;margin:0 0 6px;font-size:16px;font-weight:700}.ape-card-type{border-radius:var(--r-full);color:var(--ape-gold);font-size:10px;font-weight:700;font-family:var(--f-body);background:#f59e0b1a;padding:3px 10px;display:inline-block}.ape-restore-btn{border-radius:var(--r-full);color:var(--ape-gold);cursor:pointer;transition:all var(--t-base);font-size:12px;font-weight:600;font-family:var(--f-body);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:6px;padding:8px 16px;display:flex}.ape-restore-btn:hover{background:#f59e0b33;transform:translateY(-1px)}.ape-restore-btn:disabled{opacity:.5;cursor:not-allowed}.ape-card-details{border-top:1px solid var(--ape-border);border-bottom:1px solid var(--ape-border);margin:14px 0;padding:12px 0}.ape-detail-row{color:var(--ape-ink-2);font-size:12px;font-family:var(--f-body);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 0;display:flex}.ape-detail-icon{width:24px;font-size:14px}.ape-detail-label{width:70px;color:var(--ape-ink-3);font-weight:600}.ape-detail-value{flex:1}.ape-contract-badge{border-radius:12px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.ape-archived-date{color:var(--ape-ink-3);font-size:11px;font-family:var(--f-body);align-items:center;gap:8px;margin-bottom:12px;display:flex}.ape-card-footer{border-top:1px solid var(--ape-border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.ape-view-link{color:var(--ape-blue);cursor:pointer;transition:all var(--t-base);font-size:12px;font-weight:600;font-family:var(--f-body);background:0 0;border:none;align-items:center;gap:4px;display:flex}.ape-view-link:hover{color:var(--ape-gold);transform:translate(2px)}.ape-empty-state{text-align:center;background:var(--ape-surface);border-radius:var(--r-lg);border:1px solid var(--ape-border);padding:60px 30px}.ape-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.ape-empty-state h3{font-family:var(--f-head);color:var(--ape-ink);margin-bottom:8px;font-size:20px;font-weight:700}.ape-empty-state p{color:var(--ape-ink-3);font-size:14px;font-family:var(--f-body);margin-bottom:24px}.ape-empty-btn{background:linear-gradient(135deg, var(--ape-gold-dark), var(--ape-gold));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-base);font-size:14px;font-weight:700;font-family:var(--f-body);border:none;padding:12px 28px}.ape-empty-btn:hover{box-shadow:var(--sh-gold);transform:translateY(-2px)}.ape-error-state{text-align:center;background:var(--ape-surface);border-radius:var(--r-lg);border:1px solid var(--ape-border);max-width:500px;margin:40px auto;padding:60px 30px}.ape-error-icon{margin-bottom:20px;font-size:64px}.ape-error-state h3{font-family:var(--f-head);color:var(--ape-ink);margin-bottom:8px;font-size:20px;font-weight:700}.ape-error-state p{color:var(--ape-ink-3);margin-bottom:24px;font-size:14px}.ape-retry-btn{background:linear-gradient(135deg, var(--ape-gold-dark), var(--ape-gold));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-base);border:none;padding:12px 28px;font-size:14px;font-weight:700}.ape-retry-btn:hover{box-shadow:var(--sh-gold);transform:translateY(-2px)}.ape-pagination{justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:16px 0;display:flex}.ape-page-btn{border-radius:var(--r-sm);border:1.5px solid var(--ape-border);background:var(--ape-surface);cursor:pointer;width:40px;height:40px;transition:all var(--t-base);font-size:14px;font-weight:600;font-family:var(--f-body)}.ape-page-btn:hover:not(:disabled){border-color:var(--ape-gold);color:var(--ape-gold)}.ape-page-btn:disabled{opacity:.4;cursor:not-allowed}.ape-page-info{color:var(--ape-ink-2);background:var(--ape-surf-100);border-radius:var(--r-full);font-size:13px;font-family:var(--f-body);padding:8px 16px}.ape-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#01060fb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ape-modal-content{background:var(--ape-surface);border-radius:var(--r-lg);width:90%;max-width:420px;animation:.3s ape-modal-slide-up;overflow:hidden}@keyframes ape-modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ape-modal-header{border-bottom:1px solid var(--ape-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ape-modal-title{align-items:center;gap:10px;display:flex}.ape-modal-title h3{font-family:var(--f-head);margin:0;font-size:18px;font-weight:700}.ape-modal-close{border-radius:var(--r-xs);background:var(--ape-surf-100);cursor:pointer;width:36px;height:36px;transition:all var(--t-base);border:none;font-size:18px}.ape-modal-close:hover{background:var(--ape-gold);color:#fff}.ape-modal-body{text-align:center;padding:24px}.ape-modal-icon{margin-bottom:16px;font-size:48px}.ape-modal-body p{color:var(--ape-ink-2);font-size:14px;font-family:var(--f-body);margin-bottom:8px}.ape-modal-body p:last-of-type{margin-bottom:0}.ape-modal-footer{border-top:1px solid var(--ape-border);gap:14px;padding:16px 24px;display:flex}.ape-modal-cancel{border:1.5px solid var(--ape-border);border-radius:var(--r-sm);background:var(--ape-surf-100);color:var(--ape-ink-2);cursor:pointer;transition:all var(--t-base);font-size:14px;font-weight:600;font-family:var(--f-body);flex:1;padding:12px}.ape-modal-cancel:hover{border-color:var(--ape-gold);color:var(--ape-gold)}.ape-modal-restore{background:linear-gradient(135deg, var(--ape-gold-dark), var(--ape-gold));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-base);font-size:14px;font-weight:700;font-family:var(--f-body);border:none;flex:1;padding:12px}.ape-modal-restore:hover:not(:disabled){box-shadow:var(--sh-gold);transform:translateY(-1px)}.ape-modal-restore:disabled{opacity:.6;cursor:not-allowed}@keyframes ape-fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes ape-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ape-loading-bar{height:18px;animation:none}}[dir=rtl] .ape-search-icon{left:auto;right:14px}[dir=rtl] .ape-search-input{text-align:right;padding:13px 40px}[dir=rtl] .ape-clear-search{left:12px;right:auto}[dir=rtl] .ape-back-btn:hover{transform:translate(2px)}[dir=rtl] .ape-view-link:hover{transform:translate(-2px)}[dir=rtl] .ape-detail-row{text-align:right;flex-direction:row-reverse}[dir=rtl] .ape-card-header{flex-direction:row}[dir=rtl] .ape-card-info{text-align:right}[dir=rtl] .ape-stat-card{text-align:right;flex-direction:row-reverse}[dir=rtl] .ape-stat-info,[dir=rtl] .ape-detail-label{text-align:right}[dir=rtl] .ape-contract-badge{margin-left:0;margin-right:8px}@media (width<=1100px){.ape-stats-strip{flex-direction:column}.ape-stat-card{width:100%}}@media (width<=900px){.ape-header-inner{padding:0 20px}.ape-content{padding:0 20px 48px}.ape-stats-strip{padding:0 20px}.ape-header-title{font-size:24px}}@media (width<=768px){.ape-payee-grid{grid-template-columns:1fr}.ape-search-bar{flex-direction:column}.ape-refresh-btn{width:100%}.ape-card-header{flex-wrap:wrap}.ape-restore-btn{justify-content:center;width:100%;margin-top:8px}.ape-detail-row{flex-wrap:wrap}.ape-detail-label{width:auto}.ape-pagination{flex-wrap:wrap}}:root{--c-void:#01060f;--c-abyss:#030b18;--c-deep:#061224;--c-navy:#0a1e3d;--c-steel:#112952;--c-slate:#1c3e72;--c-blue:#1d6feb;--c-blue-l:#4c96ff;--c-blue-ll:#8bbfff;--c-blue-glow:#1d6feb1f;--c-blue-rim:#1d6feb40;--c-emerald:#00c9a7;--c-emerald-d:#009e83;--c-gold:#f0a500;--c-gold-l:#ffd166;--c-crimson:#ff4757;--c-crimson-d:#cc1f30;--c-violet:#7c3aed;--c-orange:#f97316;--c-surface:#fff;--c-surf-50:#f4f7ff;--c-surf-100:#e8eeff;--c-surf-200:#d0dcff;--c-border:#dde5f7;--c-border-2:#c8d6f0;--c-ink:#07142a;--c-ink-2:#2c4170;--c-ink-3:#647da0;--c-ink-4:#98afcc;--f-display:"Bebas Neue", "Space Grotesk", sans-serif;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", "Fira Code", monospace;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-full:9999px;--sh-xs:0 1px 3px #07142a0f, 0 1px 2px #07142a0a;--sh-sm:0 2px 8px #07142a14, 0 1px 3px #07142a0d;--sh-md:0 6px 24px #07142a1a, 0 2px 8px #07142a0f;--sh-lg:0 16px 48px #07142a21, 0 4px 16px #07142a12;--sh-xl:0 32px 80px #07142a2e, 0 8px 24px #07142a1a;--sh-blue:0 8px 32px #1d6feb38, 0 2px 8px #1d6feb24;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--t-fast:.15s var(--ease);--t-base:.22s var(--ease);--t-slow:.38s var(--ease-out)}.ci-metric-value,.ci-materials-count,.ci-filter-badge,.ci-badge,.ci-status-pill,.loading-progress-text,.ci-date-badge{font-size-adjust:.5;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.ci-dashboard{background:var(--c-surf-50);min-height:100vh;position:relative;overflow-x:hidden}.ci-bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#1d6feb06 1px,#0000 1px),linear-gradient(90deg,#1d6feb06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;overflow:hidden}.ci-mesh-orb{filter:blur(100px);border-radius:50%;animation:18s ease-in-out infinite ci-orb-float;position:absolute}.ci-mesh-orb-1{background:radial-gradient(circle,#1d6feb0f,#0000 70%);width:800px;height:800px;top:-300px;right:-200px}.ci-mesh-orb-2{background:radial-gradient(circle,#00c9a70a,#0000 70%);width:600px;height:600px;animation-delay:-6s;bottom:0;left:-150px}.ci-mesh-orb-3{background:radial-gradient(circle,#7c3aed0a,#0000 70%);width:500px;height:500px;animation-delay:-12s;top:40%;left:35%}.ci-loading-screen{background:var(--c-void);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex;position:relative}.ci-loading-screen:before{content:"";background:radial-gradient(80% 50% at 50% -10%,#1d6feb1f,#0000);position:absolute;inset:0}.ci-loading-logo{text-align:center;z-index:1;position:relative}.ci-loading-pulse{filter:drop-shadow(0 0 24px #1d6feb80);margin-bottom:20px;font-size:52px;animation:2s ease-in-out infinite ci-loading-bounce}.ci-loading-logo h2{font-family:var(--f-head);color:#fff;margin-bottom:8px;font-size:22px;font-weight:700}.ci-loading-logo p{color:#fff6;font-size:14px}.ci-loading-bars{align-items:flex-end;gap:5px;height:32px;display:flex}.ci-loading-bar{background:linear-gradient(to top, var(--c-blue), var(--c-blue-l));border-radius:3px;width:6px;animation:1s ease-in-out infinite ci-bar-wave}.ci-header{z-index:1;background:radial-gradient(ellipse 100% 80% at 70% 0%, #1d6feb2e 0%, transparent 60%), radial-gradient(ellipse 50% 60% at 0% 50%, #00c9a70f 0%, transparent 60%), linear-gradient(170deg, var(--c-void) 0%, var(--c-abyss) 30%, var(--c-deep) 60%, #0b1e47 90%, var(--c-navy) 100%);padding:48px 0 40px;position:relative;overflow:hidden}.ci-header:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.ci-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--c-surf-50));height:80px;position:absolute;bottom:0;left:0;right:0}.ci-header-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1520px;margin:0 auto;padding:0 36px;display:flex;position:relative}.ci-header-left{flex-shrink:0}.ci-live-chip{border-radius:var(--r-full);color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.ci-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite ci-live-pulse}.ci-header-title{font-family:var(--f-head);color:#fff;letter-spacing:-1.5px;text-shadow:0 2px 20px #1d6feb4d;margin:0 0 8px;font-size:38px;font-weight:700}.ci-header-subtitle{color:#ffffff73;margin:0;font-size:13px}.ci-header-actions{gap:10px;display:flex}.ci-icon-btn{border-radius:var(--r-sm);cursor:pointer;width:42px;height:42px;transition:all var(--t-base);background:#ffffff12;border:1px solid #ffffff1f;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.ci-icon-btn:hover{background:#ffffff1f;transform:translateY(-2px)}.ci-badge{background:var(--c-crimson);color:#fff;font-family:var(--f-mono);border-radius:var(--r-full);text-align:center;border:2px solid #0003;min-width:18px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1;position:absolute;top:-6px;right:-6px}.ci-metric-strip{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff17;gap:0;max-width:1520px;margin:28px auto 0;padding:0 36px;display:flex;overflow:hidden}.ci-metric-item{transition:background var(--t-base);border-right:1px solid #ffffff12;flex:1;align-items:center;gap:14px;padding:18px 22px;display:flex}.ci-metric-item:last-child{border-right:none}.ci-metric-item:hover{background:#ffffff08}.ci-metric-icon{opacity:.7;font-size:24px}.ci-metric-info{flex:1}.ci-metric-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.ci-metric-value{font-family:var(--f-mono);font-feature-settings:"tnum" 1, "lnum" 1;font-size:22px;font-weight:700;line-height:1;display:block}.ci-content{z-index:1;flex-direction:column;gap:20px;max-width:1520px;margin:0 auto;padding:32px 36px 60px;display:flex;position:relative}.ci-tabs-modern{background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border);flex-direction:column;gap:16px;padding:12px 20px;display:flex}.ci-tabs-container{background:var(--c-surf-100);border-radius:var(--r-sm);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.ci-tab-btn{border-radius:var(--r-xs);font-family:var(--f-body);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.ci-tab-btn:hover{color:var(--c-blue);background:#1d6feb14}.ci-tab-btn.active{background:var(--c-surface);color:var(--c-blue);box-shadow:var(--sh-sm)}.ci-tab-icon{font-size:14px}.ci-date-range-inline{border-top:1px solid var(--c-border);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0 4px;display:flex}.ci-date-label{color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.ci-date-chips{flex-wrap:wrap;gap:8px;display:flex}.ci-date-chip{border-radius:var(--r-full);border:1px solid var(--c-border);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);font-size:12px;font-weight:600;font-family:var(--f-body);background:0 0;padding:6px 14px}.ci-date-chip:hover{border-color:var(--c-blue);color:var(--c-blue);transform:translateY(-1px)}.ci-date-chip.active{background:var(--c-blue);border-color:var(--c-blue);color:#fff}.ci-date-custom{background:var(--c-surf-50);border-radius:var(--r-full);border:1px solid var(--c-border);align-items:center;gap:8px;padding:4px 12px;display:flex}.ci-date-input{font-family:var(--f-mono);color:var(--c-ink);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:12px}.ci-date-input:focus{outline:none}.ci-date-sep{color:var(--c-ink-4);font-size:12px}.ci-search-filter-bar{background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex}.ci-search-wrapper{flex:2;min-width:260px;position:relative}.ci-search-icon{opacity:.5;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ci-search-input{border:1.5px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surf-50);width:100%;font-size:14px;font-family:var(--f-body);transition:all var(--t-base);padding:12px 40px 12px 42px}.ci-search-input:focus{border-color:var(--c-blue);background:var(--c-surface);outline:none;box-shadow:0 0 0 3px #1d6feb14}.ci-clear-search{cursor:pointer;color:var(--c-ink-4);background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ci-clear-search:hover{color:var(--c-crimson)}.ci-quick-status{flex-wrap:wrap;gap:8px;display:flex}.ci-status-pill{border-radius:var(--r-full);border:1.5px solid var(--c-border);background:var(--c-surf-50);font-family:var(--f-body);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);white-space:nowrap;padding:8px 16px;font-size:12px;font-weight:600}.ci-status-pill:hover{border-color:var(--c-blue);transform:translateY(-1px)}.ci-status-pill.active{background:var(--c-blue);border-color:var(--c-blue);color:#fff}.ci-status-instock.active{background:var(--c-emerald);border-color:var(--c-emerald)}.ci-status-low.active{background:var(--c-orange);border-color:var(--c-orange)}.ci-status-out.active{background:var(--c-crimson);border-color:var(--c-crimson)}.ci-actions-group{align-items:center;gap:8px;display:flex}.ci-filter-btn{border-radius:var(--r-sm);border:1.5px solid var(--c-border);background:var(--c-surf-50);font-family:var(--f-body);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;display:flex;position:relative}.ci-filter-btn:hover{border-color:var(--c-blue);color:var(--c-blue);background:var(--c-blue-glow)}.ci-filter-btn.active{border-color:var(--c-blue);color:var(--c-blue);background:#1d6feb14}.ci-filter-badge{background:var(--c-blue);color:#fff;font-family:var(--f-mono);border-radius:var(--r-full);border:2px solid #fff;padding:2px 7px;font-size:9px;font-weight:700;line-height:1;position:absolute;top:-6px;right:-6px}.ci-refresh-btn{border-radius:var(--r-sm);border:1.5px solid var(--c-border);background:var(--c-surf-50);cursor:pointer;width:44px;height:44px;transition:all var(--t-base);justify-content:center;align-items:center;font-size:18px;display:flex}.ci-refresh-btn:hover:not(:disabled){border-color:var(--c-blue);color:var(--c-blue);transform:translateY(-1px)}.ci-sort-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.ci-sort-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ci-sort-label{color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.ci-sort-chip{border-radius:var(--r-full);border:1px solid var(--c-border);background:var(--c-surface);font-family:var(--f-body);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);padding:6px 14px;font-size:12px;font-weight:500}.ci-sort-chip:hover{border-color:var(--c-blue);color:var(--c-blue)}.ci-sort-chip.active{background:var(--c-blue-glow);border-color:var(--c-blue);color:var(--c-blue);font-weight:600}.ci-category-scroll{gap:8px;max-width:55%;padding-bottom:4px;display:flex;overflow-x:auto}.ci-category-scroll::-webkit-scrollbar{height:3px}.ci-category-scroll::-webkit-scrollbar-track{background:0 0}.ci-category-scroll::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}.ci-cat-chip{border-radius:var(--r-full);background:var(--c-surf-100);font-family:var(--f-body);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);white-space:nowrap;border:none;padding:6px 14px;font-size:12px;font-weight:500}.ci-cat-chip:hover{background:var(--c-surf-200)}.ci-cat-chip.active{background:var(--c-blue);color:#fff}.ci-cat-more{border-radius:var(--r-full);border:1px dashed var(--c-border);font-family:var(--f-body);color:var(--c-ink-3);cursor:pointer;transition:all var(--t-base);white-space:nowrap;background:0 0;padding:6px 12px;font-size:11px;font-weight:600}.ci-cat-more:hover{border-color:var(--c-blue);color:var(--c-blue)}.ci-active-filters{border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);flex-wrap:wrap;gap:10px;padding:12px 0;display:flex}.ci-filter-chip{background:var(--c-blue-glow);border:1px solid var(--c-blue-rim);border-radius:var(--r-full);color:var(--c-blue);align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.ci-filter-chip button{cursor:pointer;color:var(--c-blue);background:0 0;border:none;margin-left:4px;font-size:12px;font-weight:700}.ci-clear-all{color:var(--c-ink-4);cursor:pointer;transition:color var(--t-base);background:0 0;border:none;font-size:12px;font-weight:600}.ci-clear-all:hover{color:var(--c-crimson)}.ci-sites-section{background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border);padding:20px}.ci-sites-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.ci-sites-title{font-family:var(--f-head);color:var(--c-ink);font-size:15px;font-weight:700}.ci-sites-count{font-family:var(--f-mono);color:var(--c-blue);background:var(--c-blue-glow);border-radius:var(--r-full);padding:4px 12px;font-size:11px;font-weight:700;line-height:1}.ci-sites-scroll{gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.ci-sites-scroll::-webkit-scrollbar{height:3px}.ci-sites-scroll::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}.ci-materials-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.ci-materials-title{font-family:var(--f-head);color:var(--c-ink);flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.ci-title-icon{font-size:16px}.ci-date-badge{font-family:var(--f-mono);color:var(--c-emerald);border-radius:var(--r-full);background:#00c9a71a;padding:4px 10px;font-size:10px;font-weight:600;line-height:1}.ci-materials-count{font-family:var(--f-mono);color:var(--c-blue);background:var(--c-blue-glow);border-radius:var(--r-full);padding:4px 12px;font-size:11px;font-weight:700;line-height:1}.ci-materials-list{flex-direction:column;gap:14px;display:flex}.ci-empty-state{text-align:center;background:var(--c-surface);border-radius:var(--r-lg);border:1px solid var(--c-border);padding:60px 30px}.ci-empty-icon{opacity:.5;margin-bottom:20px;font-size:56px}.ci-empty-state h3{font-family:var(--f-head);color:var(--c-ink);margin-bottom:8px;font-size:18px;font-weight:700}.ci-empty-state p{color:var(--c-ink-3);margin-bottom:24px;font-size:14px}.ci-expand-btn{background:var(--c-blue-glow);border:1px solid var(--c-blue-rim);border-radius:var(--r-full);color:var(--c-blue);cursor:pointer;transition:all var(--t-base);padding:10px 28px;font-size:13px;font-weight:600}.ci-expand-btn:hover{background:#1d6feb26;transform:translateY(-1px)}.ci-load-more-btn{background:var(--c-surface);border:1.5px dashed var(--c-border-2);border-radius:var(--r-md);width:100%;color:var(--c-ink-3);cursor:pointer;transition:all var(--t-base);justify-content:center;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:600;display:flex}.ci-load-more-btn:hover:not(:disabled){background:var(--c-surf-50);border-color:var(--c-blue);color:var(--c-blue);border-style:solid}.ci-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#01060fa6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ci-modal-content{background:var(--c-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:520px;max-height:85vh;animation:ci-slide-up .3s var(--ease-out);overflow:hidden}@keyframes ci-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ci-modal-header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ci-modal-title{align-items:center;gap:10px;display:flex}.ci-modal-title h3{font-family:var(--f-head);margin:0;font-size:18px;font-weight:700}.ci-modal-close{border-radius:var(--r-xs);background:var(--c-surf-100);border:1px solid var(--c-border);cursor:pointer;width:36px;height:36px;transition:all var(--t-base);justify-content:center;align-items:center;font-size:18px;display:flex}.ci-modal-close:hover{color:var(--c-crimson);background:#ff475714}.ci-modal-body{max-height:60vh;padding:24px;overflow-y:auto}.ci-filter-group{margin-bottom:28px}.ci-filter-group:last-child{margin-bottom:0}.ci-filter-label{color:var(--c-ink-2);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.ci-filter-chips{flex-wrap:wrap;gap:10px;display:flex}.ci-filter-chip-option{border:1.5px solid var(--c-border);border-radius:var(--r-full);background:var(--c-surface);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);padding:8px 18px;font-size:12px;font-weight:600}.ci-filter-chip-option:hover{border-color:var(--c-blue);color:var(--c-blue)}.ci-filter-chip-option.active{background:var(--c-blue-glow);border-color:var(--c-blue);color:var(--c-blue)}.ci-modal-footer{border-top:1px solid var(--c-border);gap:14px;padding:16px 24px;display:flex}.ci-reset-btn{border:1.5px solid var(--c-border-2);border-radius:var(--r-sm);background:var(--c-surf-100);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);flex:1;justify-content:center;align-items:center;gap:6px;padding:13px;font-size:14px;font-weight:600;display:flex}.ci-reset-btn:hover{border-color:var(--c-blue);color:var(--c-blue);background:var(--c-blue-glow)}.ci-apply-btn{background:linear-gradient(90deg, #1555ce, var(--c-blue));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-base);border:none;flex:2;padding:13px;font-size:14px;font-weight:700}.ci-apply-btn:hover{box-shadow:var(--sh-blue);transform:translateY(-1px)}.ci-error-state{text-align:center;background:var(--c-surface);border-radius:var(--r-lg);border:1px solid var(--c-border);max-width:500px;margin:40px auto;padding:60px 30px}.ci-error-icon{margin-bottom:20px;font-size:56px}.ci-error-state h3{font-family:var(--f-head);color:var(--c-ink);margin-bottom:8px;font-size:18px;font-weight:700}.ci-error-state p{color:var(--c-ink-3);margin-bottom:24px;font-size:14px}.ci-retry-btn{background:linear-gradient(90deg, #1555ce, var(--c-blue));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-base);border:none;padding:12px 28px;font-size:14px;font-weight:700}.ci-retry-btn:hover{box-shadow:var(--sh-blue);transform:translateY(-2px)}@keyframes ci-fade-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1280px){.ci-metric-strip{flex-wrap:wrap}.ci-metric-item{border-bottom:1px solid #ffffff12;border-right:none;flex-basis:33.33%}.ci-metric-item:nth-child(3n+1),.ci-metric-item:nth-child(3n+2){border-right:1px solid #ffffff12}}@media (width<=1100px){.ci-header-title{font-size:32px}.ci-category-scroll{max-width:100%}}@media (width<=900px){.ci-header-inner,.ci-metric-strip{padding:0 20px}.ci-content{gap:16px;padding:24px 20px 48px}.ci-metric-item{flex-basis:100%;border-right:none!important}.ci-sort-row{flex-direction:column;align-items:flex-start}.ci-category-scroll{width:100%;max-width:100%}.ci-date-range-inline{flex-direction:column;align-items:flex-start}.ci-date-chips{justify-content:space-between;width:100%}.ci-date-chip{text-align:center;flex:1}.ci-date-custom{justify-content:center;width:100%}}@media (width<=768px){.ci-header-title{font-size:26px}.ci-search-filter-bar{flex-direction:column;align-items:stretch}.ci-quick-status{justify-content:center}.ci-actions-group{justify-content:flex-end}.ci-sites-scroll{flex-direction:column}.ci-materials-header{flex-direction:column;align-items:flex-start}.ci-tabs-container{justify-content:stretch;width:100%}.ci-tab-btn{flex:1;justify-content:center}}@media (width<=600px){.ci-tab-btn span:last-child{font-size:11px}.ci-tab-icon{font-size:12px}}@media (width<=480px){.ci-header-title{font-size:22px}.ci-metric-value{font-size:16px}.ci-metric-icon{font-size:20px}.ci-metric-item{padding:12px 14px}.ci-status-pill{padding:6px 12px;font-size:11px}.ci-filter-btn{padding:8px 16px}.ci-empty-icon{font-size:44px}.ci-empty-state h3{font-size:16px}.ci-tab-btn span:last-child{display:none}.ci-tab-btn{padding:8px 12px}.ci-tab-icon{margin:0;font-size:16px}}.msc-compact{background:var(--c-surface);border:1px solid var(--c-border);cursor:pointer;transition:transform var(--t-base), box-shadow var(--t-base), border-color var(--t-base);box-shadow:var(--sh-sm);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.msc-c-top-bar{border-radius:16px 16px 0 0;flex-shrink:0;height:3px;position:absolute;top:0;left:0;right:0}.msc-c-menu-btn{border:1px solid var(--c-border);cursor:pointer;width:28px;height:28px;transition:all var(--t-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.msc-c-menu-btn:hover{background:var(--c-surf-100);border-color:var(--c-blue)}.msc-c-dropdown{background:var(--c-surface);box-shadow:var(--sh-lg);z-index:30;border:1px solid var(--c-border);border-radius:10px;min-width:120px;animation:.15s msc-drop-in;position:absolute;top:30px;right:0;overflow:hidden}@keyframes msc-drop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.msc-c-drop-item{text-align:left;cursor:pointer;width:100%;transition:background var(--t-fast);font-size:12px;font-weight:600;font-family:var(--f-body);background:0 0;border:none;align-items:center;gap:8px;padding:9px 14px;display:flex}.msc-c-header{flex-shrink:0;align-items:center;gap:10px;display:flex}.msc-c-icon-wrap{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.msc-c-icon{line-height:1}.msc-c-name-block{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.msc-c-name{font-family:var(--f-head);color:var(--c-ink);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.msc-c-meta-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.msc-c-badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700;line-height:1.4}.msc-c-site-tag{color:#10b981;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:9px;font-weight:600;overflow:hidden}.msc-c-stats-grid{grid-template-columns:repeat(3,1fr);display:grid}.msc-c-stat-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.msc-c-stat-inner{border:1px solid;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.msc-c-stat-icon{line-height:1}.msc-c-stat-value{text-align:center;font-weight:700;line-height:1;display:block;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-family:JetBrains Mono,Fira Code,monospace!important}.msc-c-stat-label{font-family:var(--f-body);color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.4px;text-align:center;white-space:nowrap;font-weight:600}.msc-c-footer{border-top:1px solid var(--c-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.msc-c-progress-wrap{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.msc-c-progress-track{background:var(--c-surf-100);border-radius:3px;flex:1;height:5px;overflow:hidden}.msc-c-progress-fill{border-radius:3px;height:100%;transition:width .5s}.msc-c-stock-ratio{white-space:nowrap;font-weight:700;line-height:1;font-feature-settings:"tnum" 1!important;font-family:JetBrains Mono,monospace!important}.msc-c-stock-sep{opacity:.4;margin:0 1px}.msc-c-total-value{color:var(--c-ink-2);white-space:nowrap;font-weight:700;line-height:1;font-feature-settings:"tnum" 1!important;font-family:JetBrains Mono,monospace!important}.msc-c-drop-delete,.msc-f-drop-delete{border-top:1px solid #ef444426;margin-top:4px;color:#ef4444!important}.msc-c-drop-delete:hover,.msc-f-drop-delete:hover{color:#dc2626!important;background:#ef44441a!important}.msc-c-drop-delete:before,.msc-f-drop-delete:before{content:"";background:#ef444433;height:1px;position:absolute;top:-4px;left:0;right:0}.msc-c-drop-delete,.msc-f-drop-delete{font-weight:600}.ui-materials-grid[data-cols="1"] .msc-compact{padding:18px 16px 0}.ui-materials-grid[data-cols="1"] .msc-c-header{gap:12px;padding:0 32px 14px 0}.ui-materials-grid[data-cols="1"] .msc-c-icon-wrap{width:48px;height:48px}.ui-materials-grid[data-cols="1"] .msc-c-icon{font-size:24px}.ui-materials-grid[data-cols="1"] .msc-c-name{font-size:16px}.ui-materials-grid[data-cols="1"] .msc-c-stats-grid{gap:10px;margin:0 0 14px}.ui-materials-grid[data-cols="1"] .msc-c-stat-inner{border-radius:12px;padding:10px 8px}.ui-materials-grid[data-cols="1"] .msc-c-stat-icon{margin-bottom:4px;font-size:18px}.ui-materials-grid[data-cols="1"] .msc-c-stat-value{margin-bottom:2px;font-size:22px}.ui-materials-grid[data-cols="1"] .msc-c-stat-label{letter-spacing:.5px;font-size:10px}.ui-materials-grid[data-cols="1"] .msc-c-footer{padding:10px 0 14px}.ui-materials-grid[data-cols="1"] .msc-c-stock-ratio{font-size:11px}.ui-materials-grid[data-cols="1"] .msc-c-total-value{font-size:14px}.ui-materials-grid[data-cols="1"] .msc-c-progress-track{height:6px}.ui-materials-grid[data-cols="3"] .msc-compact{padding:14px 14px 0}.ui-materials-grid[data-cols="3"] .msc-c-header{gap:10px;padding:0 28px 12px 0}.ui-materials-grid[data-cols="3"] .msc-c-icon-wrap{width:40px;height:40px}.ui-materials-grid[data-cols="3"] .msc-c-icon{font-size:20px}.ui-materials-grid[data-cols="3"] .msc-c-name{font-size:13px}.ui-materials-grid[data-cols="3"] .msc-c-stats-grid{gap:7px;margin:0 0 12px}.ui-materials-grid[data-cols="3"] .msc-c-stat-inner{border-radius:10px;padding:8px 5px}.ui-materials-grid[data-cols="3"] .msc-c-stat-icon{margin-bottom:3px;font-size:14px}.ui-materials-grid[data-cols="3"] .msc-c-stat-value{margin-bottom:1px;font-size:18px}.ui-materials-grid[data-cols="3"] .msc-c-stat-label{letter-spacing:.4px;font-size:9px}.ui-materials-grid[data-cols="3"] .msc-c-footer{padding:9px 0 13px}.ui-materials-grid[data-cols="3"] .msc-c-stock-ratio{font-size:10px}.ui-materials-grid[data-cols="3"] .msc-c-total-value{font-size:12px}.ui-materials-grid[data-cols="6"] .msc-compact{padding:10px 10px 0}.ui-materials-grid[data-cols="6"] .msc-c-header{gap:7px;padding:0 24px 10px 0}.ui-materials-grid[data-cols="6"] .msc-c-icon-wrap{width:32px;height:32px}.ui-materials-grid[data-cols="6"] .msc-c-icon{font-size:16px}.ui-materials-grid[data-cols="6"] .msc-c-name{font-size:11px}.ui-materials-grid[data-cols="6"] .msc-c-stat-label{letter-spacing:.3px;font-size:8px}.ui-materials-grid[data-cols="6"] .msc-c-stats-grid{gap:5px;margin:0 0 10px}.ui-materials-grid[data-cols="6"] .msc-c-stat-inner{border-radius:8px;padding:6px 3px}.ui-materials-grid[data-cols="6"] .msc-c-stat-icon{margin-bottom:2px;font-size:11px}.ui-materials-grid[data-cols="6"] .msc-c-stat-value{margin-bottom:1px;font-size:14px}.ui-materials-grid[data-cols="6"] .msc-c-footer{padding:7px 0 10px}.ui-materials-grid[data-cols="6"] .msc-c-stock-ratio{font-size:9px}.ui-materials-grid[data-cols="6"] .msc-c-total-value{font-size:10px}.ui-materials-grid[data-cols="6"] .msc-c-progress-track{height:4px}.ui-materials-grid[data-cols="6"] .msc-c-badge{padding:1px 6px;font-size:8px}.ui-materials-grid[data-cols="6"] .msc-c-site-tag{font-size:8px}.ui-materials-grid[data-cols="6"] .msc-c-meta-row{gap:3px}.msc-f-stat-val{font-size:12px;font-weight:700;line-height:1;font-feature-settings:"tnum" 1, "lnum" 1!important;font-family:JetBrains Mono,monospace!important}.msc-f-prog-lbl{white-space:nowrap;font-size:10px;font-weight:700;line-height:1;font-feature-settings:"tnum" 1!important;font-family:JetBrains Mono,monospace!important}.msc-f-value{color:var(--c-ink);white-space:nowrap;font-size:13px;font-weight:700;line-height:1;font-feature-settings:"tnum" 1!important;font-family:JetBrains Mono,monospace!important}@media (width<=900px){.ui-materials-grid[data-cols="6"] .msc-c-stat-value{font-size:16px}.ui-materials-grid[data-cols="6"] .msc-c-stat-icon{font-size:13px}.ui-materials-grid[data-cols="6"] .msc-compact{padding:10px 10px 0}}@media (width<=600px){.msc-c-stat-value{font-size:16px!important}.msc-c-stat-icon{font-size:14px!important}.msc-c-stat-label{font-size:9px!important}.msc-c-total-value{font-size:11px!important}}@media (prefers-reduced-motion:reduce){.msc-compact,.msc-full,.msc-c-progress-fill,.msc-f-prog-fill{transition:none!important;animation:none!important}}:root{--c-void:#01060f;--c-abyss:#030b18;--c-deep:#061224;--c-navy:#0a1e3d;--c-steel:#112952;--c-slate:#1c3e72;--c-blue:#1d6feb;--c-blue-l:#4c96ff;--c-blue-ll:#8bbfff;--c-blue-glow:#1d6feb1f;--c-blue-rim:#1d6feb40;--c-emerald:#00c9a7;--c-emerald-d:#009e83;--c-gold:#f0a500;--c-gold-l:#ffd166;--c-crimson:#ff4757;--c-crimson-d:#cc1f30;--c-violet:#7c3aed;--c-orange:#f97316;--c-surface:#fff;--c-surf-50:#f4f7ff;--c-surf-100:#e8eeff;--c-surf-200:#d0dcff;--c-border:#dde5f7;--c-border-2:#c8d6f0;--c-ink:#07142a;--c-ink-2:#2c4170;--c-ink-3:#647da0;--c-ink-4:#98afcc;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", "Fira Code", monospace;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-full:9999px;--sh-sm:0 2px 8px #07142a14, 0 1px 3px #07142a0d;--sh-md:0 6px 24px #07142a1a;--sh-lg:0 16px 48px #07142a21;--sh-blue:0 8px 32px #1d6feb38;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--t-fast:.15s var(--ease);--t-base:.22s var(--ease)}.ui-metric-value,.ui-kpi-item span,.ui-stat-value,.ui-materials-count,.ui-alert-badge,.ui-result-count,.ui-filter-badge,.ui-status-pill{text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.ui-dashboard{background:var(--c-surf-50);min-height:100vh;font-family:var(--f-body);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.ui-bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#1d6feb06 1px,#0000 1px),linear-gradient(90deg,#1d6feb06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;overflow:hidden}.ui-mesh-orb{filter:blur(100px);border-radius:50%;animation:18s ease-in-out infinite ui-orb-float;position:absolute}.ui-mesh-orb-1{background:radial-gradient(circle,#1d6feb0f,#0000 70%);width:800px;height:800px;top:-300px;right:-200px}.ui-mesh-orb-2{background:radial-gradient(circle,#00c9a70a,#0000 70%);width:600px;height:600px;animation-delay:-6s;bottom:0;left:-150px}.ui-mesh-orb-3{background:radial-gradient(circle,#7c3aed0a,#0000 70%);width:500px;height:500px;animation-delay:-12s;top:40%;left:35%}@keyframes ui-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-40px)scale(1.04)}66%{transform:translate(-30px,25px)scale(.97)}}.ui-loading-screen{background:var(--c-void);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex;position:relative}.ui-loading-screen:before{content:"";background:radial-gradient(80% 50% at 50% -10%,#1d6feb1f,#0000);position:absolute;inset:0}.ui-loading-logo{text-align:center;z-index:1;position:relative}.ui-loading-pulse{filter:drop-shadow(0 0 24px #1d6feb80);margin-bottom:20px;font-size:52px;animation:2s ease-in-out infinite ui-loading-bounce}@keyframes ui-loading-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}.ui-loading-logo h2{font-family:var(--f-head);color:#fff;margin-bottom:8px;font-size:22px;font-weight:700}.ui-loading-logo p{color:#fff6;font-size:14px}.ui-loading-bars{align-items:flex-end;gap:5px;height:32px;display:flex}.ui-loading-bar{background:linear-gradient(to top, var(--c-blue), var(--c-blue-l));border-radius:3px;width:6px;animation:1s ease-in-out infinite ui-bar-wave}@keyframes ui-bar-wave{0%,to{opacity:.35;height:10px}50%{opacity:1;height:32px}}.ui-header{z-index:1;background:radial-gradient(ellipse 100% 80% at 70% 0%, #1d6feb2e, transparent 60%), radial-gradient(ellipse 50% 60% at 0% 50%, #00c9a70f, transparent 60%), linear-gradient(170deg, var(--c-void) 0%, var(--c-abyss) 30%, var(--c-deep) 60%, #0b1e47 90%, var(--c-navy) 100%);padding:32px 0 40px;position:relative;overflow:hidden}.ui-header:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.ui-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--c-surf-50));height:80px;position:absolute;bottom:0;left:0;right:0}.ui-header-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1520px;margin:0 auto;padding:0 36px;display:flex;position:relative}.ui-site-selector-area{align-items:center;gap:12px;display:flex}.ui-back-btn{border-radius:var(--r-sm);cursor:pointer;width:42px;height:42px;transition:all var(--t-base);color:#ffffffe6;background:#ffffff12;border:1px solid #ffffff1f;justify-content:center;align-items:center;font-size:18px;display:flex}.ui-back-btn:hover{background:#ffffff24;transform:translateY(-2px)}.ui-site-selector{border-radius:var(--r-full);color:#fff;cursor:pointer;transition:all var(--t-base);font-family:var(--f-body);background:#ffffff12;border:1px solid #ffffff24;align-items:center;gap:10px;padding:10px 20px;font-weight:500;display:flex}.ui-site-selector:hover{background:#ffffff1f;transform:translateY(-1px)}.ui-site-icon{font-size:18px}.ui-site-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-family:var(--f-head);font-weight:700;overflow:hidden}.ui-chevron{opacity:.7;font-size:10px}.ui-header-actions{flex-wrap:wrap;gap:10px;display:flex}.ui-icon-btn{border-radius:var(--r-sm);cursor:pointer;width:42px;height:42px;transition:all var(--t-base);color:#ffffffe6;background:#ffffff12;border:1px solid #ffffff1f;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.ui-icon-btn:hover{background:#ffffff24;transform:translateY(-2px)}.ui-alert-btn{position:relative}.ui-alert-badge{background:var(--c-crimson);color:#fff;font-family:var(--f-mono);border-radius:var(--r-full);text-align:center;border:2px solid #0003;min-width:18px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1;position:absolute;top:-6px;right:-6px}.ui-metric-strip{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff17;max-width:1520px;margin:28px auto 0;padding:0 36px;display:flex;overflow:hidden}.ui-metric-item{transition:background var(--t-base);border-right:1px solid #ffffff12;flex:1;align-items:center;gap:14px;padding:18px 22px;display:flex}.ui-metric-item:last-child{border-right:none}.ui-metric-item:hover{background:#ffffff08}.ui-metric-icon{opacity:.7;font-size:24px}.ui-metric-info{flex:1}.ui-metric-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.ui-metric-value{font-family:var(--f-mono);font-size:22px;font-weight:700;line-height:1;display:block}.ui-content{z-index:1;flex-direction:column;gap:20px;max-width:1520px;margin:0 auto;padding:32px 36px 60px;display:flex;position:relative}.ui-search-filter-bar{background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border);box-shadow:var(--sh-sm);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 20px;display:flex}.ui-search-wrapper{flex:2;min-width:240px;position:relative}.ui-search-icon{opacity:.5;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ui-search-input{border:1.5px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surf-50);width:100%;font-size:14px;font-family:var(--f-body);transition:all var(--t-base);padding:12px 40px 12px 42px}.ui-search-input:focus{border-color:var(--c-blue);background:var(--c-surface);outline:none;box-shadow:0 0 0 3px #1d6feb14}.ui-clear-search{cursor:pointer;color:var(--c-ink-4);background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ui-clear-search:hover{color:var(--c-crimson)}.ui-quick-status{flex-wrap:wrap;gap:8px;display:flex}.ui-status-pill{border-radius:var(--r-full);border:1.5px solid var(--c-border);background:var(--c-surf-50);font-family:var(--f-body);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);white-space:nowrap;padding:8px 16px;font-size:12px;font-weight:600}.ui-status-pill:hover{border-color:var(--c-blue);transform:translateY(-1px)}.ui-status-pill.active{background:var(--c-blue);border-color:var(--c-blue);color:#fff}.ui-status-instock.active{background:var(--c-emerald);border-color:var(--c-emerald)}.ui-status-low.active{background:var(--c-orange);border-color:var(--c-orange)}.ui-status-out.active{background:var(--c-crimson);border-color:var(--c-crimson)}.ui-archive-toggle{align-items:center;display:flex}.ui-archive-btn{border-radius:var(--r-sm);border:1.5px solid var(--c-border);background:var(--c-surf-50);font-family:var(--f-body);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;display:flex}.ui-archive-btn:hover{border-color:var(--c-violet);color:var(--c-violet)}.ui-archive-btn.active{border-color:var(--c-violet);color:var(--c-violet);background:#7c3aed1a;box-shadow:0 0 0 3px #7c3aed14}.ui-actions-group{align-items:center;gap:8px;display:flex}.ui-filter-btn{border-radius:var(--r-sm);border:1.5px solid var(--c-border);background:var(--c-surf-50);font-family:var(--f-body);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;display:flex;position:relative}.ui-filter-btn:hover{border-color:var(--c-blue);color:var(--c-blue);background:var(--c-blue-glow)}.ui-filter-btn.active{border-color:var(--c-blue);color:var(--c-blue);background:#1d6feb14}.ui-filter-badge{background:var(--c-blue);color:#fff;font-family:var(--f-mono);border-radius:var(--r-full);border:2px solid #fff;padding:2px 7px;font-size:9px;font-weight:700;line-height:1;position:absolute;top:-6px;right:-6px}.ui-refresh-btn{border-radius:var(--r-sm);border:1.5px solid var(--c-border);background:var(--c-surf-50);cursor:pointer;width:44px;height:44px;transition:all var(--t-base);justify-content:center;align-items:center;font-size:18px;display:flex}.ui-refresh-btn:hover:not(:disabled){border-color:var(--c-blue);color:var(--c-blue);transform:translateY(-1px)}.ui-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ui-bulk-delete-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1.5px solid #ef4444;border-radius:8px;margin-left:10px;padding:8px 16px;font-weight:600;transition:all .2s}.ui-bulk-delete-btn:hover{background:#ef444433;transform:translateY(-1px)}.ui-bulk-delete-btn.active{color:#fff;background:#ef4444}.ui-bulk-delete-bar{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-radius:12px;justify-content:space-between;align-items:center;margin:12px 0;padding:12px 16px;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ui-bulk-delete-info{align-items:center;gap:16px;display:flex}.ui-bulk-delete-info span{color:#dc2626;font-weight:600}.ui-bulk-delete-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:6px 14px;font-weight:600;transition:all .2s}.ui-bulk-delete-confirm:hover{background:#dc2626;transform:translateY(-1px)}.ui-bulk-delete-select-all{color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #ef4444;border-radius:8px;padding:6px 14px;font-weight:600;transition:all .2s}.ui-bulk-delete-select-all:hover{background:#fef2f2}.ui-material-list-item{align-items:center;gap:12px;display:flex;position:relative}.ui-bulk-checkbox{cursor:pointer;accent-color:#ef4444;flex-shrink:0;width:20px;height:20px}.ui-material-grid-item{position:relative}.ui-bulk-checkbox-grid{cursor:pointer;accent-color:#ef4444;z-index:10;width:20px;height:20px;position:absolute;top:8px;left:8px}.ui-sort-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:4px 0;display:flex}.ui-sort-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ui-sort-label{color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.ui-sort-chip{border-radius:var(--r-full);border:1px solid var(--c-border);background:var(--c-surface);font-family:var(--f-body);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);padding:6px 14px;font-size:12px;font-weight:500}.ui-sort-chip:hover{border-color:var(--c-blue);color:var(--c-blue)}.ui-sort-chip.active{background:var(--c-blue-glow);border-color:var(--c-blue);color:var(--c-blue);font-weight:600}.ui-category-scroll{scrollbar-width:thin;scrollbar-color:var(--c-border) transparent;gap:8px;max-width:55%;padding-bottom:4px;display:flex;overflow-x:auto}.ui-category-scroll::-webkit-scrollbar{height:3px}.ui-category-scroll::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}.ui-cat-chip{border-radius:var(--r-full);background:var(--c-surf-100);font-family:var(--f-body);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);white-space:nowrap;border:none;padding:6px 14px;font-size:12px;font-weight:500}.ui-cat-chip:hover{background:var(--c-surf-200)}.ui-cat-chip.active{background:var(--c-blue);color:#fff}.ui-cat-more{border-radius:var(--r-full);border:1px dashed var(--c-border);font-family:var(--f-body);color:var(--c-ink-3);cursor:pointer;transition:all var(--t-base);white-space:nowrap;background:0 0;padding:6px 12px;font-size:11px;font-weight:600}.ui-cat-more:hover{border-color:var(--c-blue);color:var(--c-blue)}.ui-active-filters{border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);flex-wrap:wrap;gap:10px;padding:12px 0;display:flex}.ui-filter-chip{background:var(--c-blue-glow);border:1px solid var(--c-blue-rim);border-radius:var(--r-full);color:var(--c-blue);align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.ui-filter-chip button{cursor:pointer;color:var(--c-blue);background:0 0;border:none;margin-left:4px;font-size:12px;font-weight:700}.ui-clear-all{color:var(--c-ink-4);cursor:pointer;transition:color var(--t-base);background:0 0;border:none;font-size:12px;font-weight:600}.ui-clear-all:hover{color:var(--c-crimson)}.ui-materials-header{justify-content:space-between;align-items:center;margin:8px 0;display:flex}.ui-materials-title{font-family:var(--f-head);color:var(--c-ink);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.ui-title-icon{font-size:16px}.ui-materials-count{font-family:var(--f-mono);color:var(--c-blue);background:var(--c-blue-glow);border-radius:var(--r-full);padding:4px 12px;font-size:11px;font-weight:700;line-height:1}.ui-materials-list{flex-direction:column;gap:12px;display:flex}.ui-materials-grid{grid-template-columns:var(--ui-grid-cols,repeat(3, minmax(0, 1fr)));gap:16px;display:grid}.ui-materials-grid[data-cols="1"]{grid-template-columns:1fr}.ui-materials-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-materials-grid[data-cols="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}.ui-archived-banner{border-radius:var(--r-md);animation:ui-fade-up .35s var(--ease-out) forwards;background:#7c3aed12;border:1.5px solid #7c3aed33;align-items:center;gap:14px;padding:14px 18px;display:flex}.ui-archived-banner-icon{font-size:28px}.ui-archived-banner-text{flex:1}.ui-archived-banner-title{font-family:var(--f-head);color:var(--c-violet);margin-bottom:2px;font-size:14px;font-weight:700}.ui-archived-banner-sub{color:var(--c-ink-3);font-size:12px}.ui-archived-banner-close{width:32px;height:32px;color:var(--c-violet);cursor:pointer;transition:all var(--t-base);background:#7c3aed1f;border:none;border-radius:9px;justify-content:center;align-items:center;font-size:14px;display:flex}.ui-archived-banner-close:hover{background:#7c3aed38}.ui-empty-state{text-align:center;background:var(--c-surface);border-radius:var(--r-lg);border:1px dashed var(--c-border);animation:ui-fade-up .4s var(--ease-out);padding:60px 30px}.ui-empty-icon{opacity:.45;margin-bottom:20px;font-size:56px}.ui-empty-state h3{font-family:var(--f-head);color:var(--c-ink);margin-bottom:8px;font-size:18px;font-weight:700}.ui-empty-state p{color:var(--c-ink-3);margin-bottom:24px;font-size:14px}.ui-empty-action-btn{background:var(--c-blue-glow);border:1px solid var(--c-blue-rim);border-radius:var(--r-full);color:var(--c-blue);cursor:pointer;transition:all var(--t-base);padding:10px 28px;font-size:13px;font-weight:600}.ui-empty-action-btn:hover{background:#1d6feb2e;transform:translateY(-1px)}.ui-error-state{text-align:center;background:var(--c-surface);border-radius:var(--r-lg);border:1px solid var(--c-border);max-width:500px;margin:40px auto;padding:60px 30px}.ui-error-icon{margin-bottom:20px;font-size:56px}.ui-error-state h3{font-family:var(--f-head);color:var(--c-ink);margin-bottom:8px;font-size:18px;font-weight:700}.ui-error-state p{color:var(--c-ink-3);margin-bottom:24px;font-size:14px}.ui-retry-btn{background:linear-gradient(90deg, #1555ce, var(--c-blue));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-base);border:none;padding:12px 28px;font-size:14px;font-weight:700}.ui-retry-btn:hover{box-shadow:var(--sh-blue);transform:translateY(-2px)}.ui-loading-state{background:var(--c-surface);border-radius:var(--r-lg);border:1px solid var(--c-border);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.loading-spinner-small{border:3px solid var(--c-border);border-top-color:var(--c-blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.ui-loading-state p{color:var(--c-ink-3);font-size:13px}.dashboard-loading{min-height:100vh;color:var(--c-blue);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 0%,#e8e8e8 25%,#f5f5f5 50%,#e8e8e8 75%,#f0f0f0 100%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}.ui-skeleton-list{flex-direction:column;gap:16px;display:flex}.ui-skeleton-list-item{opacity:0;background:#fff;border:1px solid #e8edf5;border-radius:16px;align-items:center;gap:16px;padding:16px;animation:.4s forwards fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.ui-skeleton-icon{border-radius:12px;flex-shrink:0;width:48px;height:48px}.ui-skeleton-content{flex:1}.ui-skeleton-title{border-radius:8px;width:40%;height:20px;margin-bottom:12px}.ui-skeleton-stats{gap:16px;margin-bottom:12px;display:flex}.ui-skeleton-stat{border-radius:6px;width:80px;height:16px}.ui-skeleton-footer{border-radius:6px;width:30%;height:14px}.ui-skeleton-grid{gap:16px;display:grid}.ui-skeleton-grid[data-cols="1"]{grid-template-columns:1fr}.ui-skeleton-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.ui-skeleton-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.ui-skeleton-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}.ui-skeleton-grid[data-cols="5"]{grid-template-columns:repeat(5,1fr)}.ui-skeleton-grid[data-cols="6"]{grid-template-columns:repeat(6,1fr)}.ui-skeleton-grid-card{opacity:0;background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:16px;animation:.4s forwards fadeInUp}.ui-skeleton-grid-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ui-skeleton-grid-icon{border-radius:12px;flex-shrink:0;width:44px;height:44px}.ui-skeleton-grid-title{border-radius:8px;flex:1;height:18px}.ui-skeleton-grid-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.ui-skeleton-grid-stat{border-radius:10px;height:48px}.ui-skeleton-grid-footer{border-radius:8px;height:32px}@media (width<=900px){.ui-skeleton-grid[data-cols="6"],.ui-skeleton-grid[data-cols="5"],.ui-skeleton-grid[data-cols="4"]{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.ui-skeleton-grid{grid-template-columns:1fr!important}.ui-skeleton-stats{flex-wrap:wrap}.ui-skeleton-stat{width:calc(33% - 8px)}}.ui-loading-overlay{min-height:400px;position:relative}.ui-loading-overlay:after{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#ffffffb3;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes pulse{0%{box-shadow:0 0 #3a7fd533}70%{box-shadow:0 0 0 6px #3a7fd500}to{box-shadow:0 0 #3a7fd500}}.ui-loading-pulse{animation:1.5s ease-in-out infinite pulse}.ui-materials-container{position:relative}.ui-refresh-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#fff9;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ui-refresh-spinner{background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:20px 30px;display:flex;box-shadow:0 4px 20px #0000001a}.ui-spinner-ring{border:3px solid #e8edf5;border-top-color:#f59e0b;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.ui-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#01060fa6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ui-modal-content{background:var(--c-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:520px;max-height:85vh;animation:ui-slide-up .3s var(--ease-out);overflow:hidden}@keyframes ui-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ui-modal-header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ui-modal-title{align-items:center;gap:10px;display:flex}.ui-modal-title h3{font-family:var(--f-head);margin:0;font-size:18px;font-weight:700}.ui-modal-icon{font-size:20px}.ui-modal-close{border-radius:var(--r-xs);background:var(--c-surf-100);border:1px solid var(--c-border);cursor:pointer;width:36px;height:36px;transition:all var(--t-base);justify-content:center;align-items:center;font-size:18px;display:flex}.ui-modal-close:hover{color:var(--c-crimson);background:#ff475714}.ui-modal-body{max-height:60vh;padding:24px;overflow-y:auto}.ui-filter-group{margin-bottom:28px}.ui-filter-group:last-child{margin-bottom:0}.ui-filter-label{color:var(--c-ink-2);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.ui-filter-label-icon{font-size:14px}.ui-filter-chips-modal{flex-wrap:wrap;gap:10px;display:flex}.ui-filter-chip-option{border:1.5px solid var(--c-border);border-radius:var(--r-full);background:var(--c-surface);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);padding:8px 18px;font-size:12px;font-weight:600}.ui-filter-chip-option:hover{border-color:var(--c-blue);color:var(--c-blue)}.ui-filter-chip-option.active{background:var(--c-blue-glow);border-color:var(--c-blue);color:var(--c-blue)}.ui-modal-footer{border-top:1px solid var(--c-border);gap:14px;padding:16px 24px;display:flex}.ui-reset-btn{border:1.5px solid var(--c-border-2);border-radius:var(--r-sm);background:var(--c-surf-100);color:var(--c-ink-2);cursor:pointer;transition:all var(--t-base);flex:1;justify-content:center;align-items:center;gap:6px;padding:13px;font-size:14px;font-weight:600;display:flex}.ui-reset-btn:hover{border-color:var(--c-blue);color:var(--c-blue);background:var(--c-blue-glow)}.ui-apply-btn{background:linear-gradient(90deg, #1555ce, var(--c-blue));border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:all var(--t-base);border:none;flex:2;padding:13px;font-size:14px;font-weight:700}.ui-apply-btn:hover{box-shadow:var(--sh-blue);transform:translateY(-1px)}.ui-search-type-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ui-type-pill{border-radius:var(--r-full);background:var(--c-surf-100);border:1.5px solid var(--c-border);font-family:var(--f-body);cursor:pointer;transition:all var(--t-base);align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.ui-type-pill:hover{background:var(--c-surf-200)}.ui-type-pill.active{background:var(--c-blue);border-color:var(--c-blue);color:#fff}.ui-result-count{font-family:var(--f-mono);color:var(--c-ink-3);margin-left:auto;font-size:12px}.ui-filter-chips{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ui-sort-dropdown{background:var(--c-surface);border-radius:var(--r-sm);box-shadow:var(--sh-lg);z-index:100;border:1px solid var(--c-border);min-width:220px;position:absolute;right:20px;overflow:hidden}.ui-sort-option{cursor:pointer;text-align:left;width:100%;transition:background var(--t-base);font-family:var(--f-body);background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.ui-sort-option:hover{background:var(--c-surf-50)}.ui-sort-option.active{background:var(--c-blue-glow);color:var(--c-blue)}@keyframes ui-fade-up{to{opacity:1;transform:translateY(0)}}.ui-spinner-small{border:2px solid var(--c-border);border-top-color:var(--c-blue);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.msc-full{background:var(--c-surface);border:1px solid var(--c-border);cursor:pointer;transition:all var(--t-base);box-shadow:var(--sh-sm);border-radius:16px;align-items:center;display:flex;position:relative;overflow:hidden}.msc-full:hover{border-color:#1d6feb33;transform:translateY(-3px);box-shadow:0 10px 28px #0a163c1a}.msc-archived{opacity:.7}.msc-archived.msc-full{background:#f8faff}.msc-f-stripe{background:var(--hc,#10b981);flex-shrink:0;align-self:stretch;width:4px}.msc-f-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;margin:12px 0 12px 12px;display:flex}.msc-f-icon{font-size:22px}.msc-f-body{flex:1;min-width:0;padding:12px 4px 12px 12px}.msc-f-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.msc-f-name-block{flex-direction:column;gap:3px;display:flex}.msc-f-name{font-family:var(--f-head);color:var(--c-ink);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:14px;font-weight:700;overflow:hidden}.msc-f-site{color:#10b981;font-size:11px;font-weight:500}.msc-f-badges{flex-wrap:wrap;gap:6px;display:flex}.msc-f-badge{letter-spacing:.3px;border-radius:20px;padding:3px 10px;font-size:9px;font-weight:700}.msc-f-badge-arch{color:#64748b;background:#64748b1a}.msc-f-stats{flex-direction:column;gap:6px;display:flex}.msc-f-stat-row{gap:8px;display:flex}.msc-f-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.msc-f-stat-pill{border-radius:10px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:flex}.msc-f-stat-icon{font-size:11px}.msc-f-stat-val{font-family:var(--f-mono);font-size:12px;font-weight:700}.msc-f-stat-lbl{color:var(--c-ink-4);text-transform:uppercase;letter-spacing:.4px;font-size:8px}.msc-f-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.msc-f-prog-wrap{flex:1;align-items:center;gap:8px;display:flex}.msc-f-prog-track{background:var(--c-surf-100);border-radius:3px;flex:1;height:5px;overflow:hidden}.msc-f-prog-fill{border-radius:3px;height:100%;transition:width .5s}.msc-f-prog-lbl{font-family:var(--f-mono);white-space:nowrap;font-size:10px;font-weight:700}.msc-f-value{font-family:var(--f-mono);color:var(--c-ink);white-space:nowrap;font-size:13px;font-weight:700}.msc-f-menu{flex-shrink:0;padding:0 4px;position:relative}.msc-f-menu-btn{border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;width:30px;height:30px;transition:all var(--t-base);border-radius:9px;justify-content:center;align-items:center;font-size:18px;display:flex}.msc-f-menu-btn:hover{background:var(--c-surf-100);border-color:var(--c-blue)}.msc-f-dropdown{background:var(--c-surface);box-shadow:var(--sh-lg);z-index:20;border:1px solid var(--c-border);border-radius:12px;min-width:130px;position:absolute;top:34px;right:0;overflow:hidden}.msc-f-drop-item{background:var(--c-surface);text-align:left;cursor:pointer;width:100%;transition:background var(--t-fast);font-size:13px;font-family:var(--f-body);border:none;align-items:center;gap:8px;padding:10px 14px;display:flex}.msc-f-drop-item:hover{background:var(--c-surf-50)}.msc-f-drop-archive{color:#ef4444}.msc-f-drop-restore{color:#10b981}.msc-f-chevron{color:var(--c-ink-3);transition:transform var(--t-base);flex-shrink:0;padding:0 12px;font-size:14px}.msc-full:hover .msc-f-chevron{color:var(--c-blue);transform:translate(3px)}.msc-compact{background:var(--c-surface);border:1px solid var(--c-border);border-top:3px solid var(--hc,#10b981);cursor:pointer;transition:all var(--t-base);box-shadow:var(--sh-sm);border-radius:16px;flex-direction:column;min-height:0;padding:14px 12px 12px;display:flex;position:relative;overflow:hidden}.msc-compact:hover{border-color:#1d6feb33;transform:translateY(-4px);box-shadow:0 12px 32px #0a163c1f}.msc-archived.msc-compact{opacity:.75;background:#f8faff}.msc-c-accent{background:linear-gradient(to bottom, rgba(var(--hc-rgb,16, 185, 129), .06), transparent);pointer-events:none;border-radius:16px 16px 0 0;height:60px;position:absolute;top:0;left:0;right:0}.msc-c-menu{z-index:5;position:absolute;top:10px;right:10px}.msc-c-menu-btn{border:1px solid var(--c-border);cursor:pointer;width:26px;height:26px;transition:all var(--t-base);background:#ffffffe6;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.msc-c-menu-btn:hover{background:var(--c-surf-100)}.msc-c-dropdown{background:var(--c-surface);box-shadow:var(--sh-lg);z-index:30;border:1px solid var(--c-border);border-radius:10px;min-width:120px;position:absolute;top:28px;right:0;overflow:hidden}.msc-c-drop-item{background:var(--c-surface);text-align:left;cursor:pointer;width:100%;transition:background var(--t-fast);font-size:12px;font-family:var(--f-body);border:none;align-items:center;gap:7px;padding:9px 12px;display:flex}.msc-c-drop-item:hover{background:var(--c-surf-50)}.msc-c-drop-archive{color:#ef4444}.msc-c-drop-restore{color:#10b981}.msc-c-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;display:flex}.msc-c-icon{font-size:20px}.msc-c-name{font-family:var(--f-head);color:var(--c-ink);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;padding-right:28px;font-size:13px;font-weight:700;overflow:hidden}.msc-c-badges{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.msc-c-badge{letter-spacing:.3px;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700}.msc-c-badge-arch{color:#64748b;background:#64748b1a}.msc-c-site{color:#10b981;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:10px;font-weight:500;overflow:hidden}.msc-c-stats{gap:4px;margin-bottom:8px;display:flex}.msc-c-stat{background:var(--c-surf-50);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:5px 4px;display:flex}.msc-c-stat-val{font-family:var(--f-mono);font-size:12px;font-weight:800;line-height:1}.msc-c-stat-lbl{color:var(--c-ink-4);text-transform:uppercase;letter-spacing:.3px;font-size:8px}.msc-c-prog-track{background:var(--c-surf-100);border-radius:3px;height:4px;margin-bottom:6px;overflow:hidden}.msc-c-prog-fill{border-radius:3px;height:100%;transition:width .5s}.msc-c-value{font-family:var(--f-mono);color:var(--c-ink-3);text-align:right;font-size:11px;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1280px){.ui-metric-strip{flex-wrap:wrap}.ui-metric-item{border-bottom:1px solid #ffffff12;border-right:none;flex-basis:33.33%}.ui-metric-item:nth-child(3n+1),.ui-metric-item:nth-child(3n+2){border-right:1px solid #ffffff12}.ui-materials-grid[data-cols="6"]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.ui-materials-grid[data-cols="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.ui-header-inner,.ui-metric-strip,.ui-content{padding-left:20px;padding-right:20px}.ui-content{gap:16px;padding-top:24px;padding-bottom:48px}.ui-metric-item{flex-basis:100%;border-right:none!important}.ui-materials-grid[data-cols="6"],.ui-materials-grid[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-category-scroll{max-width:100%}.ui-sort-row{flex-direction:column;align-items:flex-start}}@media (width<=768px){.ui-header-inner{flex-direction:column;align-items:flex-start}.ui-site-selector-area{justify-content:space-between;width:100%}.ui-header-actions{justify-content:flex-end;width:100%}.ui-search-filter-bar{flex-direction:column;align-items:stretch}.ui-quick-status{justify-content:center}.ui-actions-group{justify-content:flex-end}.ui-materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=480px){.ui-metric-value{font-size:16px}.ui-metric-icon{font-size:20px}.ui-metric-item{padding:12px 14px}.ui-materials-grid{grid-template-columns:1fr!important}.msc-c-stats{gap:3px}.msc-c-stat-val{font-size:11px}.ui-materials-grid{grid-template-columns:repeat(var(--ui-grid-cols,3), minmax(0, 1fr));gap:16px;display:grid}.ui-materials-grid[data-cols="1"]{--ui-grid-cols:1}.ui-materials-grid[data-cols="3"]{--ui-grid-cols:3}.ui-materials-grid[data-cols="6"]{--ui-grid-cols:6}.msc-compact{background:var(--c-surface);border:1px solid var(--c-border);border-top:3px solid var(--hc,#10b981);cursor:pointer;transition:all var(--t-base);box-shadow:var(--sh-sm);border-radius:16px;flex-direction:column;padding:12px;display:flex;position:relative;overflow:hidden}.msc-compact:hover{box-shadow:var(--sh-lg);border-color:#1d6feb33;transform:translateY(-4px)}.msc-c-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.msc-c-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.msc-c-icon{font-size:20px}.msc-c-title{flex:1;min-width:0}.msc-c-name{font-family:var(--f-head);color:var(--c-ink);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;font-weight:700;overflow:hidden}.msc-c-badges{flex-wrap:wrap;gap:5px;display:flex}.msc-c-badge{letter-spacing:.3px;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700}.msc-c-badge-arch{color:#64748b;background:#64748b1a}.msc-c-site{color:#10b981;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;font-size:10px;font-weight:500;overflow:hidden}.msc-c-stats-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.msc-c-stat{text-align:center;background:var(--c-surf-50);border-radius:10px;flex-direction:column;align-items:center;padding:6px 4px;display:flex}.msc-c-stat-icon{margin-bottom:2px;font-size:12px}.msc-c-stat-val{font-family:var(--f-mono);font-size:12px;font-weight:700;line-height:1.2}.msc-c-stat-lbl{color:var(--c-ink-4);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:8px}.msc-c-value{font-family:var(--f-mono);color:var(--c-ink-3);text-align:right;border-top:1px solid var(--c-border);padding-top:6px;font-size:11px;font-weight:700}.msc-c-menu{z-index:5;position:absolute;top:8px;right:8px}.msc-c-menu-btn{border:1px solid var(--c-border);cursor:pointer;width:26px;height:26px;transition:all var(--t-base);background:#ffffffe6;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.msc-c-menu-btn:hover{background:var(--c-surf-100)}.msc-c-dropdown{background:var(--c-surface);box-shadow:var(--sh-lg);z-index:30;border:1px solid var(--c-border);border-radius:10px;min-width:110px;position:absolute;top:28px;right:0;overflow:hidden}.msc-c-drop-item{background:var(--c-surface);text-align:left;cursor:pointer;width:100%;transition:background var(--t-fast);font-size:12px;font-family:var(--f-body);border:none;align-items:center;gap:7px;padding:8px 12px;display:flex}.msc-c-drop-item:hover{background:var(--c-surf-50)}.msc-c-drop-archive{color:#ef4444}.msc-c-drop-restore{color:#10b981}.msc-archived{opacity:.75}.msc-archived.msc-compact{background:#f8faff}}:root{--md-navy-950:#020915;--md-navy-900:#040d21;--md-navy-800:#071530;--md-navy-700:#0d2347;--md-navy-600:#1a3a6b;--md-blue:#3b82f6;--md-blue-l:#60a5fa;--md-blue-d:#1d4ed8;--md-gold:#f59e0b;--md-green:#10b981;--md-green-d:#059669;--md-red:#ef4444;--md-red-b:#f43f5e;--md-purple:#8b5cf6;--md-surface:#fff;--md-s-50:#f8faff;--md-s-100:#eef3ff;--md-s-200:#e2eaff;--md-border:#e4ecff;--md-text-1:#0a1628;--md-text-2:#3d5278;--md-text-3:#7a8faf;--md-radius-sm:12px;--md-radius:18px;--md-radius-lg:24px;--md-shadow-sm:0 1px 4px #0a163c0f;--md-shadow:0 4px 16px #0a163c14;--md-shadow-md:0 8px 28px #0a163c1a;--md-shadow-lg:0 16px 48px #0a163c24;--md-transition:.22s cubic-bezier(.4, 0, .2, 1)}.md-stat-value,.md-total-value,.md-stat-box-value,.md-transaction-quantity,.md-transaction-value,.md-forecast-value,.md-period-chip,.md-tab-badge,.md-forecast-row span:last-child,.md-stat-value-with-edit span,.md-total-value-container .md-total-value{text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-family:JetBrains Mono,Fira Code,monospace!important}.md-dashboard{background:var(--md-s-50);min-height:100vh;position:relative;overflow-x:hidden}.md-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.md-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite md-orb-float;position:absolute}.md-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.md-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.md-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#10b981,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes md-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.md-loading-screen{background:linear-gradient(135deg,#020915 0%,#040d21 30%,#071530 60%,#0b1e47 90%,#1a3a6b 100%);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex;position:relative;overflow:hidden}.md-loading-screen:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -10%,#1d6feb1f,#0000);position:absolute;inset:0}.md-loading-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff05 3px 4px);position:absolute;inset:0}.md-loading-logo{text-align:center;z-index:1;position:relative}.md-loading-pulse{filter:drop-shadow(0 0 24px #3b82f680);margin-bottom:24px;font-size:64px;animation:2s ease-in-out infinite md-loading-bounce}@keyframes md-loading-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.05)}}.md-loading-logo h2{background:linear-gradient(135deg,#fff 0%,#93c5fd 100%);color:#0000;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Space Grotesk,system-ui,sans-serif;font-size:26px;font-weight:700}.md-loading-logo p{color:#ffffff80;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500}.md-loading-bars{z-index:1;align-items:flex-end;gap:8px;height:40px;display:flex;position:relative}.md-loading-bar{background:linear-gradient(#60a5fa,#3b82f6);border-radius:4px;width:8px;animation:1s ease-in-out infinite md-bar-wave}@keyframes md-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:40px}}.md-header{z-index:1;background:radial-gradient(100% 80% at 70% 0,#1d6feb2e,#0000 60%),radial-gradient(50% 60% at 0%,#00c9a70f,#0000 60%),linear-gradient(170deg,#020915 0%,#040d21 30%,#071530 60%,#0b1e47 90%,#1a3a6b 100%);padding:32px 0 40px;position:relative;overflow:hidden}.md-header:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.md-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--md-s-50,#f4f7ff));height:80px;position:absolute;bottom:0;left:0;right:0}.md-header-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex;position:relative}.md-header-left{animation:.5s cubic-bezier(.4,0,.2,1) forwards md-fade-in-up}.md-live-chip{color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.md-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite md-live-pulse}@keyframes md-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.md-header-title{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-family:Space Grotesk,system-ui,sans-serif;font-size:28px;font-weight:800;line-height:1.2}.md-header-subtitle{color:#ffffffa6;margin:0;font-size:13px}.md-header-actions{opacity:0;animation:.5s cubic-bezier(.4,0,.2,1) .1s forwards md-fade-in-up;transform:translateY(16px)}.md-icon-btn{cursor:pointer;color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.md-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.md-icon-btn:disabled{opacity:.5;cursor:not-allowed}.md-content{z-index:1;max-width:1200px;margin:0 auto;padding:28px 32px 60px;position:relative}.md-status-card{background:var(--md-surface);border:1px solid var(--md-border);box-shadow:var(--md-shadow);border-radius:24px;margin-bottom:20px;padding:24px}.md-status-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.md-status-badge{background:#3a7fd514;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.md-status-dot{border-radius:4px;width:8px;height:8px}.md-category-badge{color:#3a7fd5;background:#ebf3fd;border-radius:30px;padding:6px 14px;font-size:11px;font-weight:700}.md-stats-row{flex-wrap:wrap;gap:20px;margin-bottom:24px;display:flex}.md-stat-item{text-align:center;background:var(--md-s-50);transition:all var(--md-transition);border-radius:16px;flex:1;padding:16px}.md-stat-item:hover{box-shadow:var(--md-shadow-sm);transform:translateY(-2px)}.md-stat-icon{margin-bottom:8px;font-size:24px;display:block}.md-stat-label{color:var(--md-text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;display:block}.md-stat-value{color:var(--md-text-1);font-family:Syne,sans-serif;font-size:18px;font-weight:800}.md-stat-value-with-edit{justify-content:center;align-items:center;gap:8px;display:flex}.md-edit-icon{cursor:pointer;color:#3a7fd5;transition:all var(--md-transition);background:0 0;border:none;font-size:14px}.md-edit-icon:hover{transform:scale(1.1)}.md-total-value-container{border-top:1px solid var(--md-border);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.md-total-label{color:var(--md-text-3);font-size:13px}.md-total-value{color:#3a7fd5;font-family:Syne,sans-serif;font-size:22px;font-weight:800}.md-period-selector{background:var(--md-surface);border:1px solid var(--md-border);border-radius:18px;margin-bottom:20px;padding:16px 20px}.md-period-label{color:var(--md-text-2);margin-bottom:12px;font-size:13px;font-weight:600;display:block}.md-period-chips{flex-wrap:wrap;gap:10px;display:flex}.md-period-chip{background:var(--md-s-100);border:1.5px solid var(--md-border);cursor:pointer;transition:all var(--md-transition);border-radius:30px;padding:8px 18px;font-size:13px;font-weight:600}.md-period-chip:hover{transform:translateY(-1px)}.md-period-chip.active{color:#fff;background:#3a7fd5;border-color:#3a7fd5}.md-chart-card{background:var(--md-surface);border:1px solid var(--md-border);border-radius:20px;margin-bottom:20px;padding:20px}.md-chart-header{margin-bottom:20px}.md-chart-title{color:var(--md-text-1);font-size:16px;font-weight:700}.md-chart-subtitle{color:var(--md-text-3);margin-top:2px;font-size:11px}.md-trend-bars{justify-content:space-around;align-items:flex-end;gap:8px;height:140px;padding:10px 0;display:flex}.md-trend-bar-item{flex-direction:column;flex:1;align-items:center;display:flex}.md-trend-bar{background:linear-gradient(#3a7fd5,#1e3a6e);border-radius:6px 6px 0 0;width:100%;max-width:32px;transition:height .3s}.md-trend-label{color:var(--md-text-3);margin-top:8px;font-size:9px}.md-empty-chart{text-align:center;color:var(--md-text-3);padding:40px}.md-empty-chart-icon{opacity:.5;margin-bottom:12px;font-size:48px}.md-stats-card{background:var(--md-surface);border:1px solid var(--md-border);border-radius:20px;margin-bottom:20px;padding:20px}.md-stats-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.md-stat-box{text-align:center;background:var(--md-s-50);transition:all var(--md-transition);border-radius:14px;padding:14px}.md-stat-box:hover{transform:translateY(-2px)}.md-stat-box-icon{margin-bottom:6px;font-size:22px;display:block}.md-stat-box-label{color:var(--md-text-3);font-size:10px;display:block}.md-stat-box-value{color:var(--md-text-1);margin-top:6px;font-size:15px;font-weight:700;display:block}.md-forecast-card{background:linear-gradient(135deg, #ebf3fd, var(--md-surface));border:1px solid var(--md-border);border-left:4px solid #3a7fd5;border-radius:20px;margin-bottom:20px;padding:20px}.md-forecast-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.md-forecast-title{color:#3a7fd5;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.md-confidence-badge{color:#fff;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700}.md-confidence-badge.low{background:#10b981}.md-confidence-badge.medium{background:#f59e0b}.md-confidence-badge.high{background:#ef4444}.md-confidence-badge.critical{background:#7f1d1d}.md-forecast-content{margin-bottom:20px}.md-forecast-row{border-bottom:1px solid var(--md-border);justify-content:space-between;padding:10px 0;display:flex}.md-forecast-row:last-child{border-bottom:none}.md-forecast-label{color:var(--md-text-2);font-size:13px}.md-forecast-value{color:var(--md-text-1);font-weight:700}.md-order-button{color:#fff;cursor:pointer;width:100%;transition:all var(--md-transition);background:linear-gradient(90deg,#1e3a6e,#3a7fd5);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.md-order-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3a7fd566}.md-transaction-tabs{gap:8px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.md-tab-btn{background:var(--md-s-100);cursor:pointer;transition:all var(--md-transition);white-space:nowrap;border:none;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.md-tab-btn:hover{background:var(--md-s-200)}.md-tab-btn.active{background:#fff;border-bottom:2px solid}.md-tab-badge{color:#fff;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.md-transaction-context{background:#00000008;border-radius:16px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.md-transaction-notes{color:#5a6a85;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:11px;font-style:italic;overflow:hidden}.md-transaction-reason{background:#f8faff;border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:6px;margin-top:6px;padding:4px 8px;font-size:11px;display:flex}.md-reason-label{color:#5a6a85;font-weight:600}.md-reason-text{color:#3d5278;word-break:break-word;flex:1}@media (width<=768px){.md-transaction-details{flex-direction:column;align-items:flex-start;gap:6px}.md-transaction-context,.md-transaction-notes{font-size:10px}}.md-transactions-card{background:var(--md-surface);border:1px solid var(--md-border);border-radius:20px;padding:20px}.md-transactions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.md-section-title{color:var(--md-text-1);font-size:16px;font-weight:700}.md-view-all-btn{color:#3a7fd5;cursor:pointer;transition:all var(--md-transition);background:0 0;border:none;font-size:13px;font-weight:600}.md-view-all-btn:hover{transform:translate(2px)}.md-transaction-item{border-bottom:1px solid var(--md-border);transition:all var(--md-transition);align-items:center;gap:14px;padding:14px 0;display:flex}.md-transaction-item:hover{background:var(--md-s-50);transform:translate(4px)}.md-transaction-item:last-child{border-bottom:none}.md-transaction-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.md-transaction-content{flex:1}.md-transaction-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.md-transaction-type{font-size:13px;font-weight:700}.md-transaction-date{color:var(--md-text-3);font-size:10px}.md-transaction-details{color:var(--md-text-3);flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.md-transaction-quantity{color:var(--md-text-1);font-weight:700}.md-transaction-site,.md-transaction-supplier{align-items:center;gap:4px;display:flex}.md-transaction-value{color:#10b981;margin-top:6px;font-size:11px}.md-empty-transactions{text-align:center;color:var(--md-text-3);padding:50px 20px}.md-empty-icon{opacity:.5;margin-bottom:12px;font-size:48px}.md-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#020915b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.md-modal-content{background:var(--md-surface);border-radius:28px;width:90%;max-width:420px;animation:.3s md-modal-slide-up;overflow:hidden}@keyframes md-modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.md-modal-header{border-bottom:1px solid var(--md-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.md-modal-header h3{margin:0;font-family:Syne,sans-serif;font-size:18px;font-weight:700}.md-modal-close{background:var(--md-s-100);cursor:pointer;width:36px;height:36px;transition:all var(--md-transition);border:none;border-radius:10px;font-size:18px}.md-modal-close:hover{color:#fff;background:#ef4444}.md-modal-body{padding:24px}.md-modal-input{border:1.5px solid var(--md-border);width:100%;transition:all var(--md-transition);border-radius:14px;outline:none;padding:14px;font-size:14px}.md-modal-input:focus{border-color:#3a7fd5;box-shadow:0 0 0 3px #3a7fd51a}.md-modal-footer{border-top:1px solid var(--md-border);gap:14px;padding:16px 24px;display:flex}.md-cancel-btn{border:1.5px solid var(--md-border);background:var(--md-s-100);color:var(--md-text-2);cursor:pointer;transition:all var(--md-transition);border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:600}.md-cancel-btn:hover{color:#ef4444;border-color:#ef4444}.md-submit-btn{color:#fff;cursor:pointer;transition:all var(--md-transition);background:linear-gradient(135deg,#1e3a6e,#3a7fd5);border:none;border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:700}.md-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3a7fd566}.md-submit-btn:disabled{opacity:.6;cursor:not-allowed}.md-error-state{text-align:center;background:var(--md-surface);border:1px solid var(--md-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.md-error-icon{margin-bottom:20px;font-size:64px}.md-error-state h3{color:var(--md-text-1);margin-bottom:8px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.md-error-state p{color:var(--md-text-3);margin-bottom:24px;font-size:14px}.md-retry-btn{color:#fff;cursor:pointer;transition:all var(--md-transition);background:linear-gradient(135deg,#1e3a6e,#3a7fd5);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.md-retry-btn:hover{transform:translateY(-2px)}@keyframes md-fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes md-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.md-loading-pulse,.md-loading-bar{animation:none}.md-loading-pulse{transform:none}.md-loading-bar{height:20px}}@media (width<=900px){.md-header-inner{padding:0 20px}.md-content{padding:20px 20px 48px}.md-header-title{font-size:22px}}@media (width<=768px){.md-stats-row{flex-direction:column}.md-stats-grid-4{grid-template-columns:repeat(2,1fr);gap:12px}.md-trend-bars{height:100px}.md-transaction-header{flex-direction:column;align-items:flex-start}.md-transaction-details{flex-direction:column;align-items:flex-start;gap:6px}.md-forecast-header,.md-status-header{flex-direction:column;align-items:flex-start}.md-stat-value,.md-total-value,.md-forecast-value,.md-transaction-quantity,.md-stat-box-value,.md-period-chip,.md-tab-badge,.md-transaction-value,.md-forecast-row span:last-child{text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-family:JetBrains Mono,Fira Code,monospace!important}.md-stats-row .md-stat-value,.md-stat-box-value,.md-total-value{font-family:JetBrains Mono,Fira Code,monospace!important}.md-header-subtitle{font-family:JetBrains Mono,monospace}.md-trend-label{font-family:JetBrains Mono,monospace;font-size:9px}}:root{--mh-navy-950:#020915;--mh-navy-900:#040d21;--mh-navy-800:#071530;--mh-navy-700:#0d2347;--mh-navy-600:#1a3a6b;--mh-blue:#3b82f6;--mh-blue-l:#60a5fa;--mh-blue-d:#1d4ed8;--mh-gold:#f59e0b;--mh-green:#10b981;--mh-green-d:#059669;--mh-red:#ef4444;--mh-red-b:#f43f5e;--mh-purple:#8b5cf6;--mh-surface:#fff;--mh-s-50:#f8faff;--mh-s-100:#eef3ff;--mh-s-200:#e2eaff;--mh-border:#e4ecff;--mh-text-1:#0a1628;--mh-text-2:#3d5278;--mh-text-3:#7a8faf;--mh-radius-sm:12px;--mh-radius:18px;--mh-radius-lg:24px;--mh-shadow-sm:0 1px 4px #0a163c0f;--mh-shadow:0 4px 16px #0a163c14;--mh-shadow-md:0 8px 28px #0a163c1a;--mh-shadow-lg:0 16px 48px #0a163c24;--mh-transition:.22s cubic-bezier(.4, 0, .2, 1)}.mh-stat-value,.mh-transaction-quantity,.mh-summary-value{font-feature-settings:"tnum" on, "lnum" on;font-variant-numeric:tabular-nums;text-rendering:geometricprecision}.mh-dashboard{background:var(--mh-s-50);min-height:100vh;position:relative;overflow-x:hidden}.mh-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.mh-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite mh-orb-float;position:absolute}.mh-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.mh-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.mh-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#10b981,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes mh-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.mh-loading-screen{background:var(--mh-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.mh-loading-logo{text-align:center}.mh-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite mh-loading-bounce}@keyframes mh-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.mh-loading-logo h2{color:#fff;margin-bottom:8px;font-family:Syne,sans-serif;font-size:24px;font-weight:800}.mh-loading-logo p{color:#ffffff73;font-size:14px}.mh-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.mh-loading-bar{background:linear-gradient(#3b82f6,#1a3a6b);border-radius:4px;width:8px;animation:1s ease-in-out infinite mh-bar-wave}@keyframes mh-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.mh-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e3a6e,#3a7fd5)!important}.mh-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.mh-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--mh-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.mh-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.mh-header-left{flex-shrink:0}.mh-live-chip{color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.mh-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite mh-live-pulse}@keyframes mh-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.mh-header-title{color:#fff;letter-spacing:-1px;margin:0 0 8px;font-family:Syne,sans-serif;font-size:28px;font-weight:800}.mh-header-subtitle{color:#ffffffa6;margin:0;font-size:13px}.mh-header-actions{flex-wrap:wrap;gap:10px;display:flex}.mh-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--mh-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.mh-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.mh-content{z-index:1;max-width:1200px;margin:0 auto;padding:28px 32px 60px;position:relative}.mh-search-container{margin-bottom:20px}.mh-search-wrapper{background:var(--mh-surface);border:1.5px solid var(--mh-border);transition:all var(--mh-transition);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex}.mh-search-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mh-search-icon{color:var(--mh-text-3);font-size:18px}.mh-search-input{background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:14px}.mh-search-input::placeholder{color:var(--mh-text-3)}.mh-clear-search{cursor:pointer;color:var(--mh-text-3);transition:color var(--mh-transition);background:0 0;border:none;font-size:16px}.mh-clear-search:hover{color:#ef4444}.mh-summary-container{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.mh-summary-card{background:var(--mh-surface);text-align:center;border:1px solid var(--mh-border);transition:all var(--mh-transition);border-radius:20px;flex:1;padding:16px}.mh-summary-card:hover{box-shadow:var(--mh-shadow-md);transform:translateY(-2px)}.mh-summary-icon{margin-bottom:8px;font-size:22px}.mh-summary-label{color:var(--mh-text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.mh-summary-value{font-family:Syne,sans-serif;font-size:18px;font-weight:800}.mh-transaction-list{flex-direction:column;gap:12px;display:flex}.mh-transaction-item{background:var(--mh-surface);border:1px solid var(--mh-border);transition:all var(--mh-transition);cursor:pointer;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.mh-transaction-item:hover{box-shadow:var(--mh-shadow-md);transform:translate(4px)}.mh-transaction-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.mh-transaction-content{flex:1}.mh-transaction-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.mh-transaction-type{font-size:14px;font-weight:700}.mh-transaction-date{color:var(--mh-text-3);font-size:11px}.mh-transaction-details{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.mh-transaction-quantity{color:var(--mh-text-2);font-size:13px;font-weight:600}.mh-transaction-value{color:#10b981;font-size:13px;font-weight:700}.mh-transaction-meta{align-items:center;gap:6px;margin-top:4px;display:flex}.mh-transaction-meta-icon{color:var(--mh-text-3);font-size:12px}.mh-transaction-meta-text{color:var(--mh-text-3);font-size:11px}.mh-transaction-notes{color:var(--mh-text-3);margin-top:6px;font-size:11px;font-style:italic}.mh-transaction-chevron{color:var(--mh-text-3);flex-shrink:0;font-size:18px}.mh-empty-state{text-align:center;background:var(--mh-surface);border:1px solid var(--mh-border);border-radius:24px;padding:60px 30px}.mh-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.mh-empty-icon-wrap{display:inline-block}.mh-empty-title{color:var(--mh-text-1);margin-bottom:8px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.mh-empty-text{color:var(--mh-text-3);font-size:14px}.mh-filter-btn{background:var(--mh-surface);border:1.5px solid var(--mh-border);cursor:pointer;transition:all var(--mh-transition);border-radius:40px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.mh-filter-btn:hover{color:#3b82f6;border-color:#3b82f6}.mh-filter-btn.active{color:#3b82f6;background:#3b82f60d;border-color:#3b82f6}.mh-filter-badge{position:relative}.mh-filter-badge:after{content:"";background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-8px}.mh-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#02091599;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mh-modal-content{background:var(--mh-surface);border-radius:28px 28px 0 0;width:100%;max-width:500px;max-height:85vh;animation:.3s mh-slide-up;overflow:hidden}@keyframes mh-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mh-modal-handle{background:var(--mh-border);border-radius:2px;width:40px;height:4px;margin:12px auto 0}.mh-modal-header{border-bottom:1px solid var(--mh-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mh-modal-title{color:var(--mh-text-1);margin:0;font-family:Syne,sans-serif;font-size:18px;font-weight:700}.mh-modal-close{background:var(--mh-s-100);cursor:pointer;width:36px;height:36px;transition:all var(--mh-transition);border:none;border-radius:10px;font-size:18px}.mh-modal-close:hover{color:#fff;background:#ef4444}.mh-modal-body{max-height:60vh;padding:20px 24px;overflow-y:auto}.mh-modal-label{color:var(--mh-text-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.mh-filter-options{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.mh-filter-option{border:1.5px solid var(--mh-border);background:var(--mh-s-100);cursor:pointer;transition:all var(--mh-transition);border-radius:40px;padding:8px 18px;font-size:13px;font-weight:600}.mh-filter-option:hover{color:#3b82f6;border-color:#3b82f6}.mh-filter-option.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.mh-date-button{background:var(--mh-s-100);border:1.5px solid var(--mh-border);cursor:pointer;width:100%;transition:all var(--mh-transition);border-radius:12px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 16px;display:flex}.mh-date-button:hover{border-color:#3b82f6}.mh-date-button-text{color:var(--mh-text-1);flex:1;font-size:14px}.mh-clear-dates{color:#ef4444;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:10px;font-size:13px;font-weight:600}.mh-modal-footer{border-top:1px solid var(--mh-border);gap:12px;padding:16px 24px;display:flex}.mh-clear-btn{border:1.5px solid var(--mh-border);background:var(--mh-s-100);color:var(--mh-text-2);cursor:pointer;transition:all var(--mh-transition);border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:600}.mh-clear-btn:hover{color:#ef4444;border-color:#ef4444}.mh-apply-btn{color:#fff;cursor:pointer;transition:all var(--mh-transition);background:linear-gradient(135deg,#1e3a6e,#3b82f6);border:none;border-radius:14px;flex:2;padding:12px;font-size:14px;font-weight:700}.mh-apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.mh-load-more-btn{background:var(--mh-surface);border:1.5px dashed var(--mh-border);width:100%;color:var(--mh-text-2);cursor:pointer;transition:all var(--mh-transition);border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:14px;font-size:14px;font-weight:600;display:flex}.mh-load-more-btn:hover{color:#3b82f6;background:#3b82f605;border-color:#3b82f6}.mh-load-more-btn:disabled{opacity:.5;cursor:not-allowed}.mh-refresh-btn{background:var(--mh-surface);border:1.5px dashed var(--mh-border);width:100%;color:var(--mh-text-2);cursor:pointer;transition:all var(--mh-transition);border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:14px;font-weight:600;display:flex}.mh-refresh-btn:hover:not(:disabled){background:var(--mh-s-50);color:#3b82f6;border-style:solid;border-color:#3b82f6}.mh-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.mh-loading-spinner{border:3px solid var(--mh-border);border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite mh-spin}@keyframes mh-spin{to{transform:rotate(360deg)}}.mh-footer-loader{justify-content:center;padding:20px;display:flex}.mh-error-state{text-align:center;background:var(--mh-surface);border:1px solid var(--mh-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.mh-error-icon{margin-bottom:20px;font-size:64px}.mh-error-state h3{color:var(--mh-text-1);margin-bottom:8px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.mh-error-state p{color:var(--mh-text-3);margin-bottom:24px;font-size:14px}.mh-retry-btn{color:#fff;cursor:pointer;transition:all var(--mh-transition);background:linear-gradient(135deg,#1e3a6e,#3b82f6);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.mh-retry-btn:hover{transform:translateY(-2px)}@keyframes mh-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.mh-loading-bar{height:20px;animation:none}}@media (width<=900px){.mh-header-inner{padding:0 20px}.mh-content{padding:20px 20px 48px}.mh-header-title{font-size:22px}}@media (width<=768px){.mh-summary-container{flex-direction:column}.mh-summary-card{width:100%}.mh-transaction-item{flex-wrap:wrap}.mh-transaction-header,.mh-transaction-details{flex-direction:column;align-items:flex-start}.mh-transaction-chevron{display:none}.mh-filter-options{flex-direction:column}.mh-filter-option{text-align:center;width:100%}}:root{--gsa-critical:#ef4444;--gsa-critical-d:#dc2626;--gsa-high:#f97316;--gsa-medium:#f59e0b;--gsa-surface:#fff;--gsa-surf-50:#f8faff;--gsa-surf-100:#eef3ff;--gsa-border:#e4ecff;--gsa-ink:#0a1628;--gsa-ink-2:#3d5278;--gsa-ink-3:#7a8faf;--f-display:"Bebas Neue", "Space Grotesk", sans-serif;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", "Fira Code", monospace;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-full:9999px;--sh-sm:0 2px 8px #07142a14;--sh-md:0 6px 24px #07142a1a;--sh-lg:0 16px 48px #07142a21;--ease:cubic-bezier(.4, 0, .2, 1);--t-base:.22s var(--ease)}.gsa-stock-value,.gsa-summary-value,.gsa-alert-card .stock-value{display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.gsa-dashboard{background:var(--gsa-surf-50);min-height:100vh;position:relative;overflow-x:hidden}.gsa-bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#ef444405 1px,#0000 1px),linear-gradient(90deg,#ef444405 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;overflow:hidden}.gsa-mesh-orb{filter:blur(100px);border-radius:50%;animation:18s ease-in-out infinite gsa-orb-drift;position:absolute}.gsa-mesh-orb-1{background:radial-gradient(circle,#ef444414,#0000 70%);width:800px;height:800px;animation-delay:0s;top:-300px;right:-200px}.gsa-mesh-orb-2{background:radial-gradient(circle,#f973160f,#0000 70%);width:600px;height:600px;animation-delay:-6s;bottom:0;left:-150px}.gsa-mesh-orb-3{background:radial-gradient(circle,#f59e0b0a,#0000 70%);width:500px;height:500px;animation-delay:-12s;top:40%;left:35%}@keyframes gsa-orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-40px)scale(1.04)}66%{transform:translate(-30px,25px)scale(.97)}}.gsa-loading-screen{background:linear-gradient(135deg,#020915,#040d21,#071530);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex}.gsa-loading-logo{text-align:center}.gsa-loading-pulse{filter:drop-shadow(0 0 24px #ef444480);margin-bottom:20px;font-size:52px;animation:2s ease-in-out infinite gsa-pulse-float}@keyframes gsa-pulse-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}.gsa-loading-logo h2{font-family:var(--f-head);color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:700}.gsa-loading-logo p{color:#fff6;font-size:14px;font-family:var(--f-body)}.gsa-loading-bars{align-items:flex-end;gap:5px;height:32px;display:flex}.gsa-loading-bar{background:linear-gradient(to top, var(--gsa-critical-d), var(--gsa-critical));border-radius:3px;width:6px;animation:1s ease-in-out infinite gsa-bar-wave}@keyframes gsa-bar-wave{0%,to{opacity:.35;height:10px}50%{opacity:1;height:32px}}.gsa-header{z-index:1;background:linear-gradient(135deg,#7f1d1d,#b91c1c,#dc2626,#ef4444);padding:32px 0 40px;position:relative;overflow:hidden}.gsa-header:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff05 3px 4px);position:absolute;inset:0}.gsa-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--gsa-surf-50));height:60px;position:absolute;bottom:0;left:0;right:0}.gsa-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1520px;margin:0 auto;padding:0 36px;display:flex}.gsa-header-left{flex-shrink:0}.gsa-live-chip{border-radius:var(--r-full);color:#ffffffd9;letter-spacing:.5px;font-size:10px;font-weight:700;font-family:var(--f-body);background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;display:inline-flex}.gsa-live-dot{background:#fca5a5;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite gsa-live-pulse}@keyframes gsa-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.gsa-header-title{font-family:var(--f-head);color:#fff;letter-spacing:-1px;margin:0 0 8px;font-size:32px;font-weight:800}.gsa-header-subtitle{color:#ffffffa6;font-size:13px;font-family:var(--f-body);margin:0}.gsa-header-actions{gap:10px;display:flex}.gsa-icon-btn{border-radius:var(--r-sm);cursor:pointer;width:42px;height:42px;transition:all var(--t-base);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;justify-content:center;align-items:center;font-size:18px;display:flex}.gsa-icon-btn:hover:not(:disabled){background:#ffffff38;transform:translateY(-2px)}.gsa-icon-btn:disabled{opacity:.5;cursor:not-allowed}.gsa-summary-cards{gap:16px;max-width:1520px;margin:20px auto 0;padding:0 36px;display:flex}.gsa-summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-sm);background:#ffffff1a;border:1px solid #ffffff26;flex:1;align-items:center;gap:14px;padding:16px 20px;display:flex}.gsa-summary-card span:first-child{font-size:28px}.gsa-summary-value{color:#fff;font-size:28px;font-weight:800;font-family:var(--f-mono)!important;line-height:1!important}.gsa-summary-label{color:#ffffffb3;font-size:10px;font-family:var(--f-body);letter-spacing:.5px}.gsa-content{z-index:1;max-width:1520px;margin:0 auto;padding:32px 36px 60px;position:relative}.gsa-filter-section{border-radius:var(--r-md);border:1px solid var(--gsa-border);box-shadow:var(--sh-sm);background:#fff;margin-bottom:20px;padding:20px}.gsa-filter-label{color:var(--gsa-ink-3);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700;font-family:var(--f-body);margin-bottom:14px}.gsa-filter-chips{flex-wrap:wrap;gap:10px;display:flex}.gsa-filter-chip{border-radius:var(--r-full);background:var(--gsa-surf-100);border:1.5px solid var(--gsa-border);cursor:pointer;transition:all var(--t-base);font-size:13px;font-weight:600;font-family:var(--f-body);padding:8px 18px}.gsa-filter-chip:hover{transform:translateY(-1px)}.gsa-filter-chip.active{background:var(--gsa-critical);border-color:var(--gsa-critical);color:#fff}.gsa-alerts-list{flex-direction:column;gap:16px;display:flex}.gsa-alert-card{border-radius:var(--r-md);border:1px solid var(--gsa-border);transition:all var(--t-base);box-shadow:var(--sh-sm);background:#fff;border-left-width:4px;padding:20px}.gsa-alert-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.gsa-alert-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.gsa-severity-badge{border-radius:var(--r-full);letter-spacing:.5px;font-size:11px;font-weight:700;font-family:var(--f-body);align-items:center;gap:6px;padding:5px 14px;display:flex}.gsa-site-name{color:var(--gsa-ink-3);font-size:12px;font-family:var(--f-body)}.gsa-alert-content{margin-bottom:18px}.gsa-material-info{align-items:center;gap:10px;margin-bottom:16px;display:flex}.gsa-material-icon{font-size:22px}.gsa-material-name{font-family:var(--f-head);color:var(--gsa-ink);letter-spacing:-.3px;font-size:16px;font-weight:700}.gsa-stock-info{background:var(--gsa-surf-50);border-radius:var(--r-sm);justify-content:space-around;align-items:center;margin-bottom:16px;padding:12px;display:flex}.gsa-stock-item{text-align:center;flex:1}.gsa-stock-label{color:var(--gsa-ink-3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700;font-family:var(--f-body);margin-bottom:6px}.gsa-stock-value{color:var(--gsa-ink);font-size:16px;font-weight:700;font-family:var(--f-mono)!important;line-height:1!important}.gsa-stock-divider{background:var(--gsa-border);width:1px;height:35px}.gsa-progress-container{margin-top:12px}.gsa-progress-bar{background:var(--gsa-surf-100);border-radius:3px;height:6px;overflow:hidden}.gsa-progress-fill{height:100%;transition:width .3s var(--ease);border-radius:3px}.gsa-progress-text{color:var(--gsa-ink-3);font-size:10px;font-family:var(--f-body);margin-top:6px}.gsa-alert-actions{border-top:1px solid var(--gsa-border);gap:12px;padding-top:16px;display:flex}.gsa-action-btn{border-radius:var(--r-sm);background:var(--gsa-surf-100);border:1px solid var(--gsa-border);cursor:pointer;transition:all var(--t-base);font-size:12px;font-weight:600;font-family:var(--f-body);flex:1;padding:10px 12px}.gsa-action-btn:hover{border-color:var(--gsa-critical);color:var(--gsa-critical);background:#fff;transform:translateY(-1px)}.gsa-empty-state{text-align:center;border-radius:var(--r-lg);border:1px solid var(--gsa-border);background:#fff;padding:60px 30px}.gsa-empty-icon{margin-bottom:20px;font-size:64px}.gsa-empty-state h3{font-family:var(--f-head);color:var(--gsa-ink);margin-bottom:8px;font-size:20px;font-weight:700}.gsa-empty-state p{color:var(--gsa-ink-3);font-size:14px;font-family:var(--f-body)}@keyframes gsa-fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes gsa-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}[dir=rtl] .gsa-stock-info{flex-direction:row-reverse}[dir=rtl] .gsa-stock-divider{margin:0 8px}[dir=rtl] .gsa-material-info{flex-direction:row-reverse}[dir=rtl] .gsa-alert-header,[dir=rtl] .gsa-filter-chips{flex-direction:row}:root{--er-blue:#3a7fd5;--er-blue-dark:#1e3a6e;--er-blue-light:#5b9fef;--er-blue-glow:#3a7fd514;--er-blue-border:#3a7fd533;--er-blue-soft:#ebf3fd;--er-bg:#f5f7fa;--er-surface:#fff;--er-border:#e8edf5;--er-navy:#0f1c35;--er-text-second:#5a6a85;--er-text-muted:#a0aebf;--er-success:#10b981;--er-danger:#ef4444;--er-warning:#f59e0b;--er-purple:#8b5cf6;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", monospace;--shadow-sm:0 2px 8px #07142a0f;--shadow-md:0 8px 24px #07142a14;--shadow-lg:0 16px 40px #07142a1f;--radius-sm:12px;--radius-md:16px;--radius-lg:20px}.er-dashboard{background:var(--er-bg);min-height:100vh;position:relative}.er-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0}.er-mesh-orb{filter:blur(100px);opacity:.4;border-radius:50%;position:absolute}.er-mesh-orb-1{background:radial-gradient(circle,#3a7fd514,#0000);width:600px;height:600px;top:-200px;right:-100px}.er-mesh-orb-2{background:radial-gradient(circle,#8b5cf60f,#0000);width:500px;height:500px;bottom:0;left:-150px}.er-mesh-orb-3{background:radial-gradient(circle,#10b9810d,#0000);width:400px;height:400px;top:50%;left:30%}.er-header{z-index:1;background:linear-gradient(135deg,#020915,#040d21,#071530);padding:32px 40px 48px;position:relative}.er-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--er-bg));height:60px;position:absolute;bottom:0;left:0;right:0}.er-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1600px;margin:0 auto;display:flex}.er-header-left{flex:1}.er-live-chip{color:#ffffffb3;background:#ffffff1a;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.er-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.er-header-title{font-family:var(--f-head);color:#fff;letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:800}.er-header-subtitle{color:#ffffff80;font-size:14px}.er-header-actions{gap:12px;display:flex}.er-icon-btn{cursor:pointer;color:#fffc;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;width:42px;height:42px;font-size:18px;transition:all .2s}.er-icon-btn:hover{background:#fff3;transform:translateY(-2px)}.er-main{z-index:1;grid-template-columns:380px 1fr;gap:28px;max-width:1600px;margin:-30px auto 0;padding:0 40px 60px;display:grid;position:relative}.er-templates-panel{box-shadow:var(--shadow-md);background:#fff;border-radius:20px;height:fit-content;position:sticky;top:20px;overflow:hidden}.er-panel-header{background:linear-gradient(135deg, var(--er-blue), var(--er-blue-dark));color:#fff;align-items:center;gap:12px;padding:20px 24px;display:flex}.er-panel-icon{font-size:24px}.er-panel-title{font-family:var(--f-head);flex:1;font-size:18px;font-weight:700}.er-panel-count{background:#fff3;border-radius:30px;padding:4px 10px;font-size:13px;font-weight:600}.er-templates-list{max-height:calc(100vh - 200px);padding:12px;overflow-y:auto}.er-template-item{cursor:pointer;border-radius:14px;align-items:flex-start;gap:14px;padding:16px;transition:all .2s;display:flex;position:relative}.er-template-item:hover{background:var(--er-blue-glow)}.er-template-item.selected{background:var(--er-blue-soft);border:1px solid var(--er-blue-border)}.er-template-item-icon{background:var(--er-blue-glow);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.er-template-item.selected .er-template-item-icon{background:var(--er-blue);color:#fff}.er-template-item-info{flex:1}.er-template-item-name{font-family:var(--f-head);color:var(--er-navy);margin-bottom:4px;font-size:15px;font-weight:700}.er-template-item-desc{color:var(--er-text-muted);margin-bottom:8px;font-size:12px;line-height:1.4}.er-template-item-formats{gap:6px;display:flex}.er-format-tag{font-family:var(--f-mono);background:var(--er-bg);border:1px solid var(--er-border);color:var(--er-text-second);border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700}.er-selected-indicator{background:var(--er-success);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.er-config-panel{box-shadow:var(--shadow-md);background:#fff;border-radius:20px;padding:28px 32px}.er-empty-config{text-align:center;padding:80px 40px}.er-empty-config-icon{opacity:.4;margin-bottom:20px;font-size:64px}.er-empty-config h3{font-family:var(--f-head);color:var(--er-navy);margin-bottom:8px;font-size:20px;font-weight:700}.er-empty-config p{color:var(--er-text-muted);font-size:14px}.er-config-header{border-bottom:2px solid var(--er-border);align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.er-config-header-icon{background:var(--er-blue-glow);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.er-config-header-info h2{font-family:var(--f-head);color:var(--er-navy);margin-bottom:6px;font-size:22px;font-weight:700}.er-config-header-info p{color:var(--er-text-muted);font-size:13px}.er-config-section{margin-bottom:28px}.er-config-label{color:var(--er-text-second);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.er-config-label span:first-child{font-size:16px}.er-material-select-btn{background:var(--er-bg);border:1.5px solid var(--er-border);width:100%;color:var(--er-navy);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.er-material-select-btn:hover{border-color:var(--er-blue);background:var(--er-blue-soft)}.er-change-link{color:var(--er-blue);margin-left:auto;font-size:12px}.er-language-buttons{gap:12px;display:flex}.er-lang-btn{background:var(--er-bg);border:1.5px solid var(--er-border);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.er-lang-btn:hover{border-color:var(--er-blue)}.er-lang-btn.active{background:var(--er-blue);border-color:var(--er-blue);color:#fff}.er-site-buttons{flex-wrap:wrap;gap:10px;display:flex}.er-site-btn{background:var(--er-bg);border:1.5px solid var(--er-border);cursor:pointer;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.er-site-btn:hover{border-color:var(--er-blue)}.er-site-btn.active{background:var(--er-blue);border-color:var(--er-blue);color:#fff}.er-site-select{border:1.5px solid var(--er-border);cursor:pointer;background:#fff;border-radius:30px;padding:8px 16px;font-size:13px}.er-config-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.er-config-section.half{margin-bottom:0}.er-format-buttons{gap:10px;display:flex}.er-format-btn{background:var(--er-bg);border:1.5px solid var(--er-border);cursor:pointer;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.er-format-btn span:first-child{font-size:24px}.er-format-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.er-format-btn.active{background:var(--er-blue);border-color:var(--er-blue);color:#fff}.er-period-buttons{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.er-period-btn{background:var(--er-bg);border:1.5px solid var(--er-border);cursor:pointer;border-radius:30px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s}.er-period-btn:hover{border-color:var(--er-blue)}.er-period-btn.active{background:var(--er-blue);border-color:var(--er-blue);color:#fff}.er-date-range{align-items:center;gap:12px;margin-top:12px;display:flex}.er-date-input{border:1.5px solid var(--er-border);font-size:13px;font-family:var(--f-body);border-radius:10px;flex:1;padding:10px 12px}.er-action-buttons{gap:16px;margin:32px 0 24px;display:flex}.er-generate-btn{background:linear-gradient(135deg, var(--er-warning), #f97316);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:2;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.er-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b4d}.er-generate-btn:disabled{opacity:.5;cursor:not-allowed}.er-schedule-btn{border:1.5px solid var(--er-border);color:var(--er-blue);cursor:pointer;background:#fff;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.er-schedule-btn:hover{border-color:var(--er-blue);background:var(--er-blue-soft)}.er-info-note{background:var(--er-blue-soft);border:1px solid var(--er-blue-border);color:var(--er-blue-dark);border-radius:14px;align-items:flex-start;gap:12px;padding:16px;font-size:12px;display:flex}.er-info-note span:first-child{font-size:18px}.er-loading-screen{background:linear-gradient(135deg,#020915,#040d21);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.er-loading-logo{text-align:center}.er-loading-pulse{font-size:64px;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.er-loading-logo h2{font-family:var(--f-head);color:#fff;margin-top:16px;font-size:24px}.er-loading-logo p{color:#ffffff80}.er-loading-bars{gap:6px;display:flex}.er-loading-bar{background:linear-gradient(to top, var(--er-blue), var(--er-blue-light));border-radius:4px;width:8px;height:40px;animation:1s infinite wave}@keyframes wave{0%,to{height:15px}50%{height:40px}}.er-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.er-modal-content{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:80vh;animation:.3s slideUp;overflow:hidden}.er-modal-header{border-bottom:1px solid var(--er-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.er-modal-header h3{font-family:var(--f-head);font-size:18px;font-weight:700}.er-modal-close{background:var(--er-bg);border:1px solid var(--er-border);cursor:pointer;border-radius:10px;width:36px;height:36px;font-size:16px}.er-modal-body{max-height:60vh;padding:20px 24px;overflow-y:auto}.er-modal-subtitle{color:var(--er-text-muted);margin-bottom:16px;font-size:13px}.er-materials-list{flex-direction:column;gap:8px;display:flex}.er-material-option{background:var(--er-bg);border:1px solid var(--er-border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:14px;width:100%;padding:12px;transition:all .2s;display:flex}.er-material-option:hover{background:var(--er-blue-soft);border-color:var(--er-blue-border)}.er-material-option-icon{font-size:24px}.er-material-option-info{flex:1}.er-material-option-name{color:var(--er-navy);font-size:14px;font-weight:600}.er-material-option-details{color:var(--er-text-muted);font-size:11px}.er-material-option-arrow{color:var(--er-text-muted);font-size:16px}.er-empty-materials{text-align:center;padding:40px}.er-empty-materials span{opacity:.4;font-size:48px}.er-schedule-modal{max-width:480px}.er-schedule-group{margin-bottom:20px}.er-schedule-group label{color:var(--er-text-second);margin-bottom:10px;font-size:12px;font-weight:700;display:block}.er-frequency-grid{flex-wrap:wrap;gap:8px;display:flex}.er-frequency-btn{background:var(--er-bg);border:1.5px solid var(--er-border);cursor:pointer;border-radius:30px;padding:8px 16px;font-size:13px}.er-frequency-btn.active{background:var(--er-blue);border-color:var(--er-blue);color:#fff}.er-format-row{gap:10px;display:flex}.er-format-option{background:var(--er-bg);border:1.5px solid var(--er-border);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px;display:flex}.er-format-option.active{background:var(--er-blue);border-color:var(--er-blue);color:#fff}.er-format-option span:first-child{font-size:24px}.er-recipient-input{border:1.5px solid var(--er-border);resize:vertical;border-radius:12px;width:100%;padding:12px;font-size:13px}.er-schedule-note{color:var(--er-text-muted);margin-top:16px;font-size:11px;font-style:italic}.er-modal-footer{border-top:1px solid var(--er-border);gap:12px;padding:16px 24px;display:flex}.er-cancel-btn{background:var(--er-bg);border:1.5px solid var(--er-border);cursor:pointer;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:600}.er-submit-btn{background:var(--er-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:700}.er-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3a7fd54d}.loading-spinner-small{border:3px solid var(--er-border);border-top-color:var(--er-blue);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .er-template-item{flex-direction:row}[dir=rtl] .er-selected-indicator{left:12px;right:auto}[dir=rtl] .er-config-header,[dir=rtl] .er-date-range{flex-direction:row}@media (width<=1100px){.er-main{grid-template-columns:1fr;padding:0 24px 48px}.er-templates-panel{position:static}.er-templates-list{max-height:400px}}@media (width<=768px){.er-header{padding:24px 20px 40px}.er-header-title{font-size:24px}.er-config-row{grid-template-columns:1fr;gap:20px}.er-config-panel{padding:20px}.er-action-buttons,.er-language-buttons{flex-direction:column}.er-site-buttons{flex-wrap:wrap}}.sm-kpi-value,.sm-stat-value,.sm-material-qty,.sm-progress-value,.sm-mobile-stat-value,.sm-loading-progress-text,.sm-ring-label{text-rendering:geometricprecision;display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}.sm-dashboard{background:var(--s-bg);min-height:100vh;font-family:var(--f-body);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.sm-bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#f59e0b08 1px,#0000 1px),linear-gradient(90deg,#f59e0b08 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;overflow:hidden}.sm-mesh-orb{filter:blur(100px);border-radius:50%;animation:20s ease-in-out infinite sm-orb-drift;position:absolute}.sm-mesh-orb-1{background:radial-gradient(circle,#f59e0b12,#0000 70%);width:700px;height:700px;top:-250px;right:-150px}.sm-mesh-orb-2{background:radial-gradient(circle,#d977060d,#0000 70%);width:500px;height:500px;animation-delay:-7s;bottom:5%;left:-120px}.sm-mesh-orb-3{background:radial-gradient(circle,#fbbf240a,#0000 70%);width:400px;height:400px;animation-delay:-14s;top:45%;left:40%}@keyframes sm-orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(35px,-35px)scale(1.04)}66%{transform:translate(-25px,20px)scale(.97)}}.sm-loading-screen{background:var(--s-wood);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100vh;display:flex;position:relative;overflow:hidden}.sm-loading-screen:before{content:"";background:radial-gradient(80% 50% at 50% -10%,#f59e0b33,#0000),radial-gradient(60% 40% at 80% 100%,#d977061f,#0000);position:absolute;inset:0}.sm-loading-logo{text-align:center;z-index:1;position:relative}.sm-loading-pulse{filter:drop-shadow(0 0 24px #f59e0b99);font-size:52px;animation:2s ease-in-out infinite sm-pulse-float}@keyframes sm-pulse-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.04)}}.sm-loading-logo h2{font-family:var(--f-head);color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:700}.sm-loading-logo p{color:#ffffff6b;font-size:14px}.sm-loading-progress-container{align-items:center;gap:14px;width:320px;display:flex}.sm-loading-progress-bar{background:#ffffff14;border-radius:2px;flex:1;height:3px;overflow:hidden}.sm-loading-progress-fill{background:linear-gradient(90deg, var(--s-gold), var(--s-gold-l));height:100%;transition:width .4s var(--ease-out);border-radius:2px}.sm-loading-progress-text{font-family:var(--f-mono);color:var(--s-gold-l);text-align:right;min-width:36px;font-size:12px;font-weight:600}.sm-loading-bars{align-items:flex-end;gap:5px;height:32px;display:flex}.sm-loading-bar{background:linear-gradient(to top, var(--s-gold), var(--s-gold-l));border-radius:3px;width:6px;animation:1s ease-in-out infinite sm-bar-wave}@keyframes sm-bar-wave{0%,to{opacity:.35;height:10px}50%{opacity:1;height:32px}}.sm-navbar{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(200%);backdrop-filter:blur(24px)saturate(200%);transition:background var(--t-base), box-shadow var(--t-base);background:#451a03f2;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.sm-navbar--scrolled{background:#451a03fa;box-shadow:0 1px #ffffff0a,0 8px 32px #0006}.sm-navbar-inner{align-items:center;gap:28px;max-width:1520px;height:62px;margin:0 auto;padding:0 36px;display:flex}.sm-navbar-brand{flex-shrink:0;align-items:center;gap:11px;display:flex}.sm-brand-icon{background:linear-gradient(135deg, var(--s-gold), var(--s-gold-l));border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex;box-shadow:0 2px 8px #f59e0b66}.sm-brand-text{flex-direction:column;display:flex}.sm-brand-name{font-family:var(--f-head);color:#fff;letter-spacing:-.4px;font-size:14px;font-weight:700;line-height:1.1}.sm-brand-tag{color:var(--s-gold-l);letter-spacing:1px;text-transform:uppercase;margin-top:1px;font-size:9px;font-weight:500}.sm-navbar-nav{flex:1;gap:2px;display:flex}.sm-nav-item{border-radius:var(--r-xs);color:#ffffff7a;font-family:var(--f-body);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;letter-spacing:.1px;background:0 0;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:500;display:flex}.sm-nav-item:hover{color:#ffffffe0;background:#ffffff12;transform:translateY(-1px)}.sm-nav-item--active{color:var(--s-gold-l);background:#f59e0b29;border:1px solid #f59e0b47}.sm-nav-icon{font-size:14px}.sm-navbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sm-live-badge{color:var(--s-gold);border-radius:var(--r-full);letter-spacing:.3px;background:#f59e0b1a;border:1px solid #f59e0b38;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.sm-live-badge--offline{color:var(--s-red);background:#ef444414;border-color:#ef444438}.sm-live-dot{background:var(--s-gold);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite sm-live-beat}.sm-live-badge--offline .sm-live-dot{background:var(--s-red);animation:none}@keyframes sm-live-beat{0%,to{opacity:1;box-shadow:0 0 #f59e0b80}50%{opacity:.7;box-shadow:0 0 0 4px #f59e0b00}}.sm-nav-action-btn{cursor:pointer;width:36px;height:36px;transition:all var(--t-fast);color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.sm-nav-action-btn:hover{background:#ffffff1f;border-color:#ffffff29;transform:translateY(-1px)}.sm-nav-avatar{background:linear-gradient(135deg, var(--s-gold), var(--s-gold-l));color:#fff;width:36px;height:36px;font-family:var(--f-head);cursor:pointer;transition:all var(--t-fast);letter-spacing:-.5px;border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.sm-nav-avatar:hover{box-shadow:var(--sh-gold);transform:translateY(-1px)}.sm-mobile-menu-btn{cursor:pointer;color:#fffc;background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:none}.sm-mobile-menu-btn:hover{background:#ffffff1f}.sm-mobile-menu-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000a6;position:fixed;inset:0}.sm-mobile-menu{background:var(--s-wood);z-index:201;width:290px;animation:sm-slide-in-right .28s var(--ease-out);border-left:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes sm-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.sm-mobile-menu-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:20px;display:flex}.sm-mobile-menu-brand{align-items:center;gap:10px;display:flex}.sm-mobile-menu-close{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:30px;height:30px;font-size:14px}.sm-mobile-menu-stats{background:#ffffff05;border-bottom:1px solid #ffffff12;padding:16px 20px;display:flex}.sm-mobile-stat{text-align:center;border-right:1px solid #ffffff12;flex:1}.sm-mobile-stat:last-child{border-right:none}.sm-mobile-stat-label{color:#ffffff61;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;font-size:9px;font-weight:600;display:block}.sm-mobile-stat-value{font-family:var(--f-mono);color:#fff;font-size:18px;font-weight:700;line-height:1;display:block}.sm-mobile-menu-nav{flex:1;padding:12px 0;overflow-y:auto}.sm-mobile-nav-item{color:#ffffff9e;width:100%;font-family:var(--f-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:13px 20px;font-size:14px;font-weight:500;display:flex}.sm-mobile-nav-item:hover{color:#fff;background:#f59e0b14;padding-left:24px}.sm-mobile-nav-icon{font-size:17px}.sm-mobile-menu-footer{border-top:1px solid #ffffff12;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.sm-hero{background:radial-gradient(ellipse 100% 80% at 70% 0%, #f59e0b29 0%, transparent 55%), radial-gradient(ellipse 50% 60% at 0% 60%, #d977061a 0%, transparent 60%), linear-gradient(170deg, var(--s-wood) 0%, var(--s-amber) 30%, var(--s-orange-dark) 60%, #92400e 90%, var(--s-gold) 100%);z-index:1;padding:48px 0 64px;position:relative;overflow:hidden}.sm-hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.sm-hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--s-bg));height:80px;position:absolute;bottom:0;left:0;right:0}.sm-hero-inner{z-index:1;flex-wrap:wrap;align-items:center;gap:40px;max-width:1520px;margin:0 auto;padding:0 36px;display:flex;position:relative}.sm-hero-left{flex-shrink:0;min-width:200px}.sm-hero-greeting{color:#ffffff6b;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:500}.sm-hero-name{font-family:var(--f-head);color:#fff;letter-spacing:-1.5px;text-shadow:0 2px 20px #f59e0b4d;margin-bottom:12px;font-size:42px;font-weight:700;line-height:1.05}.sm-hero-date{color:#ffffff59;letter-spacing:.3px;font-size:12px;font-weight:400}.sm-hero-kpis{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff17;flex:1;grid-template-columns:repeat(4,1fr);min-width:0;display:grid;overflow:hidden}.sm-hero-kpi{transition:background var(--t-base);border-right:1px solid #ffffff12;padding:20px 22px}.sm-hero-kpi:last-child{border-right:none}.sm-hero-kpi:hover{background:#ffffff08}.sm-kpi-sep{display:none}.sm-kpi-label{color:#ffffff61;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:9px;font-weight:700}.sm-kpi-value{font-family:var(--f-mono);letter-spacing:-.5px;margin-bottom:5px;font-size:24px;font-weight:700;display:block;line-height:1!important}.sm-kpi-sub{color:#ffffff59;font-size:10px;line-height:1.3}.sm-kpi-bar{background:#ffffff1a;border-radius:1px;height:2px;margin-top:8px;overflow:hidden}.sm-kpi-bar-fill{height:100%;transition:width 1.2s var(--ease-out);border-radius:1px}.sm-main{z-index:1;flex-direction:column;gap:32px;max-width:1520px;margin:0 auto;padding:32px 36px 80px;display:flex;position:relative}.sm-section{width:100%}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.sm-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.sm-section-head-left{align-items:center;gap:10px;display:flex}.sm-section-icon{background:var(--s-surf-100);border-radius:var(--r-xs);border:1px solid var(--s-border);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.sm-section-title{font-family:var(--f-head);color:var(--s-ink);letter-spacing:-.3px;font-size:15px;font-weight:700}.sm-view-all{border:1px solid var(--s-border-2);border-radius:var(--r-xs);color:var(--s-gold);cursor:pointer;transition:all var(--t-fast);background:0 0;padding:5px 12px;font-size:12px;font-weight:600}.sm-view-all:hover{background:var(--s-glow);border-color:var(--s-rim);transform:translate(2px)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-44px;display:grid}.sm-compact-stat-card{background:var(--s-surface);border-radius:var(--r-md);text-align:center;box-shadow:var(--sh-md);cursor:pointer;transition:transform var(--t-base), box-shadow var(--t-base);border:1px solid;flex-direction:column;align-items:center;padding:22px 20px 20px;display:flex;position:relative;overflow:hidden}.sm-compact-stat-card:hover{box-shadow:var(--sh-lg);transform:translateY(-5px)}.sm-stat-glow{filter:blur(28px);opacity:.1;pointer-events:none;border-radius:50%;width:140px;height:70px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.sm-stat-top-bar{height:2px;position:absolute;top:0;left:0;right:0}.sm-stat-icon-wrap{border:1px solid #0000000a;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin:12px auto 14px;display:flex}.sm-stat-icon-emoji{font-size:22px}.sm-stat-value{font-family:var(--f-mono);letter-spacing:0;text-align:center;width:100%;min-height:36px;font-size:36px;font-weight:700;display:block;line-height:1!important}.sm-stat-value-pulse{vertical-align:middle;background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:2px;animation:.8s ease-in-out infinite sm-dot-blink;display:inline-block;position:relative;top:-2px}@keyframes sm-dot-blink{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.sm-stat-label{color:var(--s-ink-3);letter-spacing:.4px;text-transform:uppercase;margin-top:8px;font-size:10px;font-weight:600;display:block}.sm-qa-card{background:var(--s-surface);border-radius:var(--r-md);border:1px solid var(--s-border);padding:22px 24px 26px}.sm-qa-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.sm-qa-chip{cursor:pointer;border-radius:var(--r-sm);transition:transform var(--t-fast);background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:12px;display:flex}.sm-qa-chip:hover{transform:translateY(-5px)}.sm-qa-chip:hover .sm-qa-icon-wrap{border-color:color-mix(in srgb, var(--qa-color) 40%, transparent);box-shadow:0 8px 20px color-mix(in srgb, var(--qa-color) 20%, transparent)}.sm-qa-icon-wrap{background:var(--s-surf-100);border:1px solid var(--s-border);width:60px;height:60px;transition:all var(--t-base);border-radius:16px;justify-content:center;align-items:center;font-size:26px;display:flex;position:relative;overflow:hidden}.sm-qa-bg-glow{background:var(--qa-color);opacity:0;transition:opacity var(--t-base);border-radius:inherit;position:absolute;inset:0}.sm-qa-chip:hover .sm-qa-bg-glow{opacity:.09}.sm-qa-label{color:var(--qa-color);letter-spacing:.2px;font-size:11px;font-weight:600}.sm-card{background:var(--s-surface);border-radius:var(--r-md);border:1px solid var(--s-border);box-shadow:var(--sh-sm);padding:20px}.sm-site-selector-card{margin-bottom:16px}.sm-site-chip-group{flex-wrap:wrap;gap:10px;display:flex}.sm-site-chip{background:var(--s-surface);border:1px solid var(--s-border);color:var(--s-ink-2);cursor:pointer;transition:all var(--t-fast);border-radius:40px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:500;display:flex}.sm-site-chip:hover{border-color:var(--s-gold);transform:translateY(-1px)}.sm-site-chip.active{background:var(--s-gold);border-color:var(--s-gold);color:#fff}.sm-site-info-card{background:var(--s-surface);border-radius:var(--r-md);border:1px solid var(--s-border);align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex}.sm-site-icon-large{background:var(--s-surf-100);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.sm-site-details{flex:1}.sm-site-name{font-family:var(--f-head);color:var(--s-ink);margin-bottom:4px;font-size:18px;font-weight:700}.sm-site-location{color:var(--s-ink-3);margin-bottom:8px;font-size:12px}.sm-site-meta{color:var(--s-ink-2);gap:16px;font-size:11px;display:flex}.sm-site-progress-ring{flex-shrink:0;width:70px;height:70px;position:relative}.sm-ring-svg{width:70px;height:70px;transform:rotate(-90deg)}.sm-ring-track{fill:none;stroke:var(--s-surf-200);stroke-width:5px}.sm-ring-fill{fill:none;stroke:var(--s-gold);stroke-width:5px;stroke-linecap:round;stroke-dasharray:175.93;transition:stroke-dashoffset 1.4s var(--ease-out)}.sm-ring-label{font-family:var(--f-mono);color:var(--s-gold);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.sm-task-list{flex-direction:column;gap:8px;display:flex}.sm-task-item{border-bottom:1px solid var(--s-border);cursor:pointer;transition:all var(--t-fast);align-items:center;gap:12px;padding:12px 0;display:flex}.sm-task-item:last-child{border-bottom:none}.sm-task-item:hover{transform:translate(4px)}.sm-task-priority{border-radius:2px;width:4px;height:44px}.sm-task-info{flex:1}.sm-task-title{color:var(--s-ink);margin-bottom:4px;font-size:13px;font-weight:600}.sm-task-meta{color:var(--s-ink-3);flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.sm-priority-badge{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:9px;font-weight:700}.sm-priority-badge.critical{color:#ef4444;background:#ef444426}.sm-priority-badge.high{color:#f97316;background:#f9731626}.sm-priority-badge.medium{color:#f59e0b;background:#f59e0b26}.sm-priority-badge.low{color:#3b82f6;background:#3b82f626}.sm-task-arrow{color:var(--s-ink-3);font-size:14px}.sm-urgent-card{border-radius:var(--r-md);background:#ef44440d;border:1px solid #ef444433;padding:20px}.sm-urgent-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.sm-urgent-icon-header{font-size:24px}.sm-urgent-title{font-family:var(--f-head);color:#ef4444;margin:0;font-size:16px;font-weight:700}.sm-urgent-list{flex-direction:column;gap:10px;display:flex}.sm-urgent-item{cursor:pointer;transition:all var(--t-fast);background:#ef44440f;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex}.sm-urgent-item:hover{background:#ef44441f;transform:translate(4px)}.sm-urgent-icon{font-size:20px}.sm-urgent-info{flex:1}.sm-urgent-task-title{color:#ef4444;margin-bottom:4px;font-size:14px;font-weight:700}.sm-urgent-message{color:var(--s-ink-2);font-size:12px}.sm-urgent-arrow{color:#ef4444;font-size:16px}.sm-material-list{flex-direction:column;gap:16px;display:flex}.sm-material-item{margin-bottom:0}.sm-material-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sm-material-name{color:var(--s-ink);font-size:13px;font-weight:600}.sm-material-status{border-radius:20px;padding:2px 10px;font-size:10px;font-weight:700}.sm-material-progress{align-items:center;gap:12px;display:flex}.sm-progress-bar{background:var(--s-surf-100);border-radius:3px;flex:1;height:6px;overflow:hidden}.sm-progress-fill{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.sm-material-qty{color:var(--s-ink-3);text-align:right;min-width:80px;font-size:11px}.sm-activity-list{flex-direction:column;gap:8px;display:flex}.sm-activity-item{border-bottom:1px solid var(--s-border);align-items:center;gap:14px;padding:10px 0;display:flex}.sm-activity-item:last-child{border-bottom:none}.sm-activity-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.sm-activity-info{flex:1}.sm-activity-text{color:var(--s-ink-2);margin-bottom:4px;font-size:13px}.sm-activity-time{color:var(--s-ink-3);font-size:10px}.sm-empty-state{text-align:center;padding:32px 20px}.sm-empty-emoji{opacity:.5;margin-bottom:10px;font-size:36px}.sm-empty-title{color:var(--s-ink-2);margin-bottom:4px;font-size:13px;font-weight:600}.sm-empty-sub{color:var(--s-ink-3);font-size:12px}.sm-refresh-btn{background:var(--s-surface);border:1.5px dashed var(--s-border-2);border-radius:var(--r-md);width:100%;color:var(--s-ink-3);cursor:pointer;transition:all var(--t-base);justify-content:center;align-items:center;gap:8px;padding:15px;font-size:13px;font-weight:600;display:flex}.sm-refresh-btn:hover:not(:disabled){background:var(--s-surf-50);border-color:var(--s-gold);color:var(--s-gold);border-style:solid}.sm-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.sm-spin{animation:.8s linear infinite sm-spin-anim;display:inline-block}@keyframes sm-spin-anim{to{transform:rotate(360deg)}}.sm-fab{background:linear-gradient(135deg, var(--s-gold), var(--s-gold-l));color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:var(--sh-gold);transition:all var(--t-base);z-index:100;border:none;border-radius:28px;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:fixed;bottom:28px;right:28px}.sm-fab:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #f59e0b80}.sm-error-state{text-align:center;background:var(--s-surface);border-radius:var(--r-lg);border:1px solid var(--s-border);max-width:500px;margin:40px auto;padding:60px 30px}.sm-error-icon{margin-bottom:20px;font-size:64px}.sm-error-state h3{font-family:var(--f-head);color:var(--s-ink);margin-bottom:8px;font-size:20px;font-weight:700}.sm-error-state p{color:var(--s-ink-3);margin-bottom:24px;font-size:14px}.sm-retry-btn{background:linear-gradient(135deg, var(--s-gold), var(--s-gold-l));color:#fff;cursor:pointer;border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.sm-retry-btn:hover{transform:translateY(-2px)}.sm-lang-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#451a03a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sm-lang-modal-content{background:var(--s-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:500px;animation:sm-lang-up .3s var(--ease-out)}@keyframes sm-lang-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sm-lang-modal-handle{background:var(--s-border);border-radius:2px;width:36px;height:4px;margin:12px auto 0}.sm-lang-modal-header{border-bottom:1px solid var(--s-border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.sm-lang-modal-title{font-family:var(--f-head);color:var(--s-ink);letter-spacing:-.3px;font-size:17px;font-weight:700}.sm-lang-modal-close{background:var(--s-surf-100);border:1px solid var(--s-border);cursor:pointer;border-radius:9px;width:34px;height:34px;font-size:16px}.sm-lang-modal-close:hover{background:var(--s-red);color:#fff}.sm-lang-current-text{color:var(--s-ink-3);padding:14px 24px 6px;font-size:13px}.sm-lang-option{border-radius:var(--r-sm);background:var(--s-surf-100);border:1.5px solid var(--s-border);cursor:pointer;justify-content:space-between;align-items:center;margin:4px 12px;padding:14px 22px;display:flex}.sm-lang-option:hover{border-color:var(--s-gold);background:var(--s-glow)}.sm-lang-option-left{align-items:center;gap:12px;display:flex}.sm-lang-flag{font-size:20px}.sm-lang-label{color:var(--s-ink-2);font-size:15px;font-weight:500}.sm-lang-label.active{color:var(--s-gold);font-weight:700}.sm-lang-check{color:var(--s-gold);font-size:16px;font-weight:700}.sm-lang-modal-footer{border-top:1px solid var(--s-border);gap:12px;margin-top:8px;padding:18px 24px;display:flex}.sm-lang-cancel-btn{border:1.5px solid var(--s-border-2);border-radius:var(--r-sm);background:var(--s-surf-100);color:var(--s-ink-2);cursor:pointer;flex:1;padding:13px;font-size:14px;font-weight:600}.sm-lang-cancel-btn:hover{border-color:var(--s-red);color:var(--s-red)}.sm-lang-apply-btn{background:linear-gradient(90deg, var(--s-gold), var(--s-gold-l));border-radius:var(--r-sm);color:#fff;cursor:pointer;border:none;flex:2;padding:13px;font-size:14px;font-weight:700}.sm-lang-apply-btn:hover:not(:disabled){box-shadow:var(--sh-gold);transform:translateY(-1px)}.sm-lang-apply-btn:disabled{opacity:.45;cursor:not-allowed}.sm-lang-apply-btn.loading{opacity:.7}@keyframes sm-fade-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.sm-loading-bar{height:18px;animation:none}}@media (width<=1280px){.sm-hero-kpis,.sm-qa-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr);margin-top:-32px}.two-col{grid-template-columns:1fr;gap:20px}}@media (width<=900px){.sm-hero-inner,.sm-main{padding-left:24px;padding-right:24px}.sm-main{gap:20px;padding-top:24px;padding-bottom:56px}.sm-hero{padding:36px 0 60px}.sm-hero-name{font-size:32px}.sm-navbar-nav{display:none}.sm-mobile-menu-btn{display:flex}.sm-qa-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width<=640px){.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:-28px}.sm-stat-value,.sm-hero-name{font-size:26px}.sm-qa-grid{grid-template-columns:repeat(2,1fr)}.sm-hero-kpis{display:none}.sm-navbar-inner{height:54px}.sm-site-info-card{text-align:center;flex-direction:column}.sm-site-meta{justify-content:center}.sm-task-meta{flex-direction:column;gap:4px}}:root{--ss-navy-950:#020915;--ss-navy-900:#040d21;--ss-navy-800:#071530;--ss-navy-700:#0d2347;--ss-navy-600:#1a3a6b;--ss-blue:#3b82f6;--ss-blue-l:#60a5fa;--ss-blue-d:#1d4ed8;--ss-gold:#f59e0b;--ss-green:#10b981;--ss-green-d:#059669;--ss-red:#ef4444;--ss-red-b:#f43f5e;--ss-purple:#8b5cf6;--ss-surface:#fff;--ss-s-50:#f8faff;--ss-s-100:#eef3ff;--ss-s-200:#e2eaff;--ss-border:#e4ecff;--ss-text-1:#0a1628;--ss-text-2:#3d5278;--ss-text-3:#7a8faf;--ss-radius-sm:12px;--ss-radius:18px;--ss-radius-lg:24px;--ss-shadow-sm:0 1px 4px #0a163c0f;--ss-shadow:0 4px 16px #0a163c14;--ss-shadow-md:0 8px 28px #0a163c1a;--ss-shadow-lg:0 16px 48px #0a163c24;--ss-transition:.22s cubic-bezier(.4, 0, .2, 1);--ss-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--ss-font-body:"DM Sans", system-ui, sans-serif;--ss-font-mono:"JetBrains Mono", "Fira Code", monospace}.ss-dashboard{font-family:var(--ss-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ss-dashboard h1,.ss-dashboard h2,.ss-dashboard h3,.ss-dashboard h4,.ss-header-title,.ss-site-name,.ss-empty-state h3,.ss-modal-header h3{font-family:var(--ss-font-head);letter-spacing:-.02em}.ss-progress-percent,.ss-metric-value,.ss-site-card .ss-progress-percent,.ss-ai-badge span:last-child,.ss-footer-info span:first-child,.ss-meta-item span:last-child,.ss-card-footer .ss-total-value,.ss-site-card .ss-budget-value,.ss-empty-state .ss-stat-number,.ss-stat-value{letter-spacing:-.01em;font-family:var(--ss-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}.ss-dashboard{background:var(--ss-s-50);min-height:100vh;position:relative;overflow-x:hidden}.ss-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ss-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite ss-orb-float;position:absolute}.ss-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.ss-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.ss-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#10b981,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes ss-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.ss-loading-screen{background:var(--ss-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.ss-loading-logo{text-align:center}.ss-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite ss-loading-bounce}@keyframes ss-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ss-loading-logo h2{font-family:var(--ss-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.ss-loading-logo p{font-family:var(--ss-font-body);color:#ffffff73;font-size:14px}.ss-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.ss-loading-bar{background:linear-gradient(#3b82f6,#1a3a6b);border-radius:4px;width:8px;animation:1s ease-in-out infinite ss-bar-wave}@keyframes ss-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.ss-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e3a6e,#2d5faa,#3a7fd5)!important}.ss-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.ss-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--ss-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.ss-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.ss-header-left{flex-shrink:0}.ss-live-chip{font-size:11px;font-weight:600;font-family:var(--ss-font-mono);color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;display:inline-flex}.ss-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite ss-live-pulse}@keyframes ss-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ss-header-title{font-family:var(--ss-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.ss-header-subtitle{font-family:var(--ss-font-body);color:#ffffffa6;margin:0;font-size:13px}.ss-header-actions{flex-wrap:wrap;gap:10px;display:flex}.ss-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--ss-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.ss-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.ss-metric-strip{flex-wrap:wrap;gap:8px;max-width:1440px;margin:28px auto 0;padding:0 32px;display:flex}.ss-metric-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--ss-radius-sm);min-width:140px;transition:all var(--ss-transition);background:#ffffff14;border:1px solid #ffffff1a;flex:1;align-items:center;gap:12px;padding:12px 16px;display:flex}.ss-metric-item:hover{background:#ffffff1f;transform:translateY(-2px)}.ss-metric-icon{font-size:24px}.ss-metric-info{flex:1}.ss-metric-label{font-family:var(--ss-font-mono);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:600;display:block}.ss-metric-value{letter-spacing:-.02em;color:#fff;font-feature-settings:"tnum" 1, "lnum" 1;font-variant-numeric:tabular-nums;font-size:20px;font-family:var(--ss-font-mono)!important;font-weight:700!important}.ss-metric-divider{background:#fff3;width:1px}.ss-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.ss-search-bar{margin-bottom:24px}.ss-search-wrapper{position:relative}.ss-search-icon{opacity:.6;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ss-search-input{border:1.5px solid var(--ss-border);width:100%;font-size:14px;font-family:var(--ss-font-body);background:var(--ss-surface);transition:all var(--ss-transition);border-radius:14px;padding:13px 40px;font-weight:500}.ss-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ss-clear-search{cursor:pointer;color:var(--ss-text-3);transition:color var(--ss-transition);background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ss-clear-search:hover{color:#ef4444}.ss-sites-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.ss-site-card{background:var(--ss-surface);border:1px solid var(--ss-border);cursor:pointer;transition:all var(--ss-transition);box-shadow:var(--ss-shadow-sm);border-radius:20px;overflow:hidden}.ss-site-card:hover{box-shadow:var(--ss-shadow-lg);transform:translateY(-4px)}.ss-card-accent{height:4px}.ss-card-content{padding:20px}.ss-card-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.ss-site-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ss-site-info{flex:1;min-width:0}.ss-site-name{font-family:var(--ss-font-head);color:var(--ss-text-1);letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:700}.ss-site-location{font-family:var(--ss-font-body);color:var(--ss-text-3);align-items:center;gap:4px;font-size:12px;display:flex}.ss-status-badge{font-size:10px;font-weight:700;font-family:var(--ss-font-mono);white-space:nowrap;border-radius:30px;padding:4px 12px}.ss-role-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}.ss-lock-badge{color:#ef4444;white-space:nowrap;background:#ef44441a;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}.ss-site-card.disabled{opacity:.7;cursor:not-allowed}.ss-site-card.disabled:hover{box-shadow:var(--ss-shadow-sm);transform:none}.ss-card-footer{border-top:1px solid var(--ss-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.ss-footer-info{color:var(--ss-text-3);flex-wrap:wrap;flex:1;align-items:center;gap:6px;font-size:11px;display:flex}.ss-card-meta{border-top:1px solid var(--ss-border);border-bottom:1px solid var(--ss-border);flex-wrap:wrap;gap:16px;margin-bottom:14px;padding:10px 0;display:flex}.ss-meta-item{font-family:var(--ss-font-body);color:var(--ss-text-2);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.ss-meta-item span:last-child{font-family:var(--ss-font-mono);font-weight:600}.ss-progress-section{margin-bottom:14px}.ss-progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ss-progress-percent{color:var(--ss-text-1);letter-spacing:-.01em;font-size:16px;font-family:var(--ss-font-mono)!important;font-weight:700!important}.ss-progress-label{font-family:var(--ss-font-body);color:var(--ss-text-3);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.ss-progress-bar{background:var(--ss-s-100);border-radius:3px;height:6px;overflow:hidden}.ss-progress-fill{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.ss-ai-badge{background:#8b5cf61a;border-radius:20px;align-items:center;gap:4px;width:fit-content;margin-top:8px;padding:4px 8px;display:flex}.ss-ai-badge span:first-child{font-size:10px}.ss-ai-badge span:last-child{font-family:var(--ss-font-mono);letter-spacing:-.01em;font-size:10px;font-weight:700}.ss-card-footer{border-top:1px solid var(--ss-border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.ss-footer-info{font-family:var(--ss-font-body);color:var(--ss-text-3);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.ss-footer-info span:first-child{font-family:var(--ss-font-mono);font-weight:600}.ss-chevron{color:var(--ss-text-3);transition:transform var(--ss-transition);font-size:14px}.ss-site-card:hover .ss-chevron{transform:translate(4px)}.ss-empty-state{text-align:center;background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:24px;padding:60px 30px}.ss-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.ss-empty-state h3{font-family:var(--ss-font-head);color:var(--ss-text-1);letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.ss-empty-state p{font-family:var(--ss-font-body);color:var(--ss-text-3);margin-bottom:24px;font-size:14px}.ss-empty-add-btn{color:#fff;font-family:var(--ss-font-head);cursor:pointer;transition:all var(--ss-transition);background:linear-gradient(135deg,#1e3a6e,#3b82f6);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.ss-empty-add-btn:hover{transform:translateY(-2px)}.ss-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#020915b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ss-modal-content{background:var(--ss-surface);border-radius:28px;width:90%;max-width:520px;max-height:85vh;animation:.3s ss-modal-slide-up;overflow:hidden}@keyframes ss-modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ss-modal-header{border-bottom:1px solid var(--ss-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ss-modal-header h3{font-family:var(--ss-font-head);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.ss-modal-close{background:var(--ss-s-100);cursor:pointer;width:36px;height:36px;transition:all var(--ss-transition);border:none;border-radius:10px;font-size:18px}.ss-modal-close:hover{color:#fff;background:#ef4444}.ss-modal-body{max-height:60vh;padding:20px 24px;overflow-y:auto}.ss-form-field{margin-bottom:20px}.ss-form-field label{font-family:var(--ss-font-mono);color:var(--ss-text-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.ss-form-field input,.ss-form-field select{border:1.5px solid var(--ss-border);width:100%;font-family:var(--ss-font-body);transition:all var(--ss-transition);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:500}.ss-form-field input:focus,.ss-form-field select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ss-form-hint{font-family:var(--ss-font-mono);color:#3b82f6;margin-top:4px;font-size:11px}.ss-info-box{font-family:var(--ss-font-body);color:#3b82f6;background:#3b82f614;border-radius:12px;gap:10px;margin-top:16px;padding:12px;font-size:12px;display:flex}.ss-modal-footer{border-top:1px solid var(--ss-border);gap:14px;padding:16px 24px;display:flex}.ss-cancel-btn{border:1.5px solid var(--ss-border);background:var(--ss-s-100);font-family:var(--ss-font-head);color:var(--ss-text-2);cursor:pointer;transition:all var(--ss-transition);border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:600}.ss-cancel-btn:hover{color:#ef4444;border-color:#ef4444}.ss-submit-btn{color:#fff;font-family:var(--ss-font-head);cursor:pointer;transition:all var(--ss-transition);background:linear-gradient(135deg,#1e3a6e,#3b82f6);border:none;border-radius:14px;flex:2;padding:12px;font-size:14px;font-weight:700}.ss-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.ss-submit-btn:disabled{opacity:.6;cursor:not-allowed}.ss-refresh-btn{background:var(--ss-surface);border:1.5px dashed var(--ss-border);border-radius:var(--ss-radius);width:100%;font-family:var(--ss-font-head);color:var(--ss-text-2);cursor:pointer;transition:all var(--ss-transition);justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:14px;font-size:14px;font-weight:600;display:flex}.ss-refresh-btn:hover:not(:disabled){background:var(--ss-s-50);color:#3b82f6;border-style:solid;border-color:#3b82f6}.ss-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ss-error-state{text-align:center;background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:24px;max-width:500px;margin:60px auto;padding:60px 30px}.ss-error-icon{margin-bottom:20px;font-size:56px}.ss-error-state h3{font-family:var(--ss-font-head);color:var(--ss-text-1);margin-bottom:8px;font-size:18px;font-weight:700}.ss-error-state p{font-family:var(--ss-font-body);color:var(--ss-text-3);margin-bottom:24px;font-size:14px}.ss-retry-btn{color:#fff;font-family:var(--ss-font-head);cursor:pointer;transition:all var(--ss-transition);background:linear-gradient(135deg,#1e3a6e,#3b82f6);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.ss-retry-btn:hover{transform:translateY(-2px)}@keyframes ss-fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes ss-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ss-loading-bar{height:20px;animation:none}}@media (width<=1100px){.ss-sites-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (width<=900px){.ss-header-inner,.ss-metric-strip{padding:0 20px}.ss-content{padding:20px 20px 48px}.ss-header-title{font-size:24px}}@media (width<=768px){.ss-sites-grid{grid-template-columns:1fr}.ss-metric-strip{flex-direction:column}.ss-metric-divider{display:none}.ss-card-header{flex-wrap:wrap}.ss-status-badge{align-self:flex-start}.ss-card-meta{flex-direction:column;gap:8px}.ss-footer-info{flex-direction:column;align-items:flex-start}.ss-modal-footer{flex-direction:column}.ss-cancel-btn,.ss-submit-btn{width:100%}}:root{--sd-navy-950:#020915;--sd-navy-900:#040d21;--sd-navy-800:#071530;--sd-navy-700:#0d2347;--sd-navy-600:#1a3a6b;--sd-blue:#3b82f6;--sd-blue-l:#60a5fa;--sd-blue-d:#1d4ed8;--sd-gold:#f59e0b;--sd-green:#10b981;--sd-green-d:#059669;--sd-red:#ef4444;--sd-red-b:#f43f5e;--sd-purple:#8b5cf6;--sd-surface:#fff;--sd-s-50:#f8faff;--sd-s-100:#eef3ff;--sd-s-200:#e2eaff;--sd-border:#e4ecff;--sd-text-1:#0a1628;--sd-text-2:#3d5278;--sd-text-3:#7a8faf;--sd-radius-sm:12px;--sd-radius:18px;--sd-radius-lg:24px;--sd-shadow-sm:0 1px 4px #0a163c0f;--sd-shadow:0 4px 16px #0a163c14;--sd-shadow-md:0 8px 28px #0a163c1a;--sd-shadow-lg:0 16px 48px #0a163c24;--sd-transition:.22s cubic-bezier(.4, 0, .2, 1);--sd-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--sd-font-body:"DM Sans", system-ui, sans-serif;--sd-font-mono:"JetBrains Mono", "Fira Code", monospace}.sd-dashboard{font-family:var(--sd-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sd-dashboard h1,.sd-dashboard h2,.sd-dashboard h3,.sd-dashboard h4,.sd-site-name,.sd-card-title,.sd-milestone-name,.sd-insight-title,.sd-pending-title,.sd-team-name{font-family:var(--sd-font-head);letter-spacing:-.02em}.sd-stat-value,.sd-progress-value,.sd-metric-value,.sd-progress-hero-value,.sd-stat-number,.sd-method-value,.sd-milestone-weight,.sd-milestone-progress .sd-progress-percent,.sd-ai-chip span:last-child,.sd-pending-message span:first-child,.sd-progress-percent,.sd-value-number,.sd-stat-number,.sd-metric-card .sd-metric-value{letter-spacing:-.01em;font-family:var(--sd-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:700!important}.sd-dashboard{background:var(--sd-s-50);min-height:100vh;position:relative;overflow-x:hidden}.sd-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.sd-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite sd-orb-float;position:absolute}.sd-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.sd-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.sd-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#10b981,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes sd-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.sd-loading-screen{background:var(--sd-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.sd-loading-logo{text-align:center}.sd-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite sd-loading-bounce}@keyframes sd-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.sd-loading-logo h2{font-family:var(--sd-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.sd-loading-logo p{font-family:var(--sd-font-body);color:#ffffff73;font-size:14px}.sd-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.sd-loading-bar{background:linear-gradient(#3b82f6,#1a3a6b);border-radius:4px;width:8px;animation:1s ease-in-out infinite sd-bar-wave}@keyframes sd-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.sd-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e3a6e,#2d5faa,#3a7fd5)!important}.sd-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.sd-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--sd-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.sd-header-inner{max-width:1440px;margin:0 auto;padding:0 32px}.sd-nav-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.sd-back-btn{cursor:pointer;width:42px;height:42px;transition:all var(--sd-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.sd-back-btn:hover{background:#ffffff38;transform:translateY(-2px)}.sd-site-title-section{flex:1}.sd-site-name{font-family:var(--sd-font-head);color:#fff;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.sd-site-location{font-family:var(--sd-font-body);color:#ffffffb3;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.sd-share-btn{cursor:pointer;width:42px;height:42px;transition:all var(--sd-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.sd-share-btn:hover{background:#ffffff38;transform:translateY(-2px)}.sd-status-badges{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.sd-status-chip{font-size:12px;font-weight:700;font-family:var(--sd-font-mono);border-radius:30px;padding:6px 16px}.sd-ai-chip{font-size:12px;font-weight:700;font-family:var(--sd-font-body);border-radius:30px;align-items:center;gap:6px;padding:6px 16px;display:flex}.sd-ai-chip span:last-child{font-family:var(--sd-font-mono);font-weight:700}.sd-stats-row{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-around;gap:16px;padding:16px 0;display:flex}.sd-stat-item{color:#fff;align-items:center;gap:12px;display:flex}.sd-stat-icon{font-size:24px}.sd-stat-info{flex:1}.sd-stat-value{letter-spacing:-.01em;font-size:18px;display:block;font-family:var(--sd-font-mono)!important;font-weight:700!important}.sd-stat-label{font-family:var(--sd-font-mono);color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:10px;display:block}.sd-progress-section{padding:16px 0}.sd-progress-header{color:#ffffffe6;font-family:var(--sd-font-body);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.sd-progress-value{font-family:var(--sd-font-mono)!important;font-weight:700!important}.sd-progress-bar{background:#fff3;border-radius:4px;height:8px;overflow:hidden}.sd-progress-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.sd-prediction{font-family:var(--sd-font-body);color:#ffffffb3;align-items:center;gap:6px;margin-top:12px;font-size:11px;display:flex}.sd-content{z-index:1;max-width:1200px;margin:0 auto;padding:28px 32px 60px;position:relative}.sd-tabs{background:var(--sd-surface);border:1px solid var(--sd-border);box-shadow:var(--sd-shadow-sm);border-radius:16px;gap:8px;margin-bottom:24px;padding:6px;display:flex}.sd-tab-btn{font-family:var(--sd-font-head);color:var(--sd-text-2);cursor:pointer;transition:all var(--sd-transition);background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.sd-tab-btn.active{color:#fff;background:linear-gradient(135deg,#1e3a6e,#3b82f6);box-shadow:0 4px 12px #3b82f64d}.sd-tab-btn:hover:not(.active){background:var(--sd-s-100);color:var(--sd-text-1)}.sd-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.sd-metric-card{background:var(--sd-surface);text-align:center;border:1px solid var(--sd-border);transition:all var(--sd-transition);border-radius:18px;padding:16px}.sd-metric-card:hover{box-shadow:var(--sd-shadow-md);transform:translateY(-2px)}.sd-metric-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 10px;font-size:24px;display:flex}.sd-metric-value{margin-bottom:4px;font-size:22px;font-family:var(--sd-font-mono)!important;font-weight:700!important}.sd-metric-label{font-family:var(--sd-font-mono);color:var(--sd-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sd-detail-card{background:var(--sd-surface);border:1px solid var(--sd-border);transition:all var(--sd-transition);border-radius:20px;margin-bottom:20px;padding:20px}.sd-detail-card:hover{box-shadow:var(--sd-shadow-md)}.sd-card-title{font-family:var(--sd-font-head);color:var(--sd-text-1);border-bottom:2px solid var(--sd-border);align-items:center;gap:8px;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.sd-manager-name{font-family:var(--sd-font-head);color:var(--sd-text-1);margin-bottom:8px;font-size:18px;font-weight:700}.sd-manager-contact{font-family:var(--sd-font-body);color:var(--sd-text-2);margin-bottom:4px;font-size:13px}.sd-call-btn{color:#fff;font-family:var(--sd-font-head);cursor:pointer;transition:all var(--sd-transition);background:linear-gradient(90deg,#1e3a6e,#3a7fd5);border:none;border-radius:12px;margin-top:12px;padding:10px 20px;font-weight:600}.sd-call-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.sd-activity-item{border-bottom:1px solid var(--sd-border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.sd-activity-item:last-child{border-bottom:none}.sd-activity-icon{background:#3b82f61a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.sd-activity-content{flex:1}.sd-activity-text{font-family:var(--sd-font-body);color:var(--sd-text-1);margin-bottom:4px;font-size:13px}.sd-activity-date{font-family:var(--sd-font-mono);color:var(--sd-text-3);font-size:10px}.sd-progress-hero{text-align:center;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:24px;margin-bottom:20px;padding:28px}.sd-progress-hero-label{font-family:var(--sd-font-mono);color:var(--sd-text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px}.sd-progress-hero-value{color:#3a7fd5;margin-bottom:8px;font-size:56px;font-family:var(--sd-font-mono)!important;font-weight:800!important}.sd-progress-hero-confidence{font-family:var(--sd-font-body);color:#8b5cf6;background:#8b5cf61a;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;display:inline-flex}.sd-milestone-stats{gap:16px;margin-bottom:20px;display:flex}.sd-stat-box{text-align:center;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:18px;flex:1;padding:16px}.sd-stat-number{margin-bottom:4px;font-size:28px;font-family:var(--sd-font-mono)!important;font-weight:800!important}.sd-stat-label-sm{font-family:var(--sd-font-mono);color:var(--sd-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sd-method-card{background:var(--sd-s-50);border-radius:16px;margin-bottom:12px;padding:16px}.sd-method-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sd-method-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sd-method-title{font-family:var(--sd-font-head);font-size:14px;font-weight:600}.sd-method-progress{align-items:center;gap:12px;display:flex}.sd-method-value{width:60px;font-size:20px;font-family:var(--sd-font-mono)!important;font-weight:700!important}.sd-method-bar{background:var(--sd-s-200);border-radius:3px;flex:1;height:6px;overflow:hidden}.sd-method-fill{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.sd-milestone-header{justify-content:space-between;align-items:center;margin:20px 0 16px;display:flex}.sd-milestone-card{background:var(--sd-surface);border:1px solid var(--sd-border);cursor:pointer;transition:all var(--sd-transition);border-radius:16px;margin-bottom:12px;padding:16px}.sd-milestone-card:hover{box-shadow:var(--sd-shadow-md);transform:translate(4px)}.sd-milestone-header-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sd-milestone-name{font-family:var(--sd-font-head);font-size:14px;font-weight:600}.sd-milestone-weight{font-family:var(--sd-font-mono);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.sd-milestone-progress{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sd-progress-bg{background:var(--sd-s-100);border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.sd-progress-fill-milestone{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.sd-progress-percent{font-family:var(--sd-font-mono);font-size:11px;font-weight:700}.sd-ai-suggestion-line{z-index:1;background:#3b82f64d;border-right:1px dashed #3a7fd5;position:absolute;top:0;bottom:0}.sd-ai-suggestion{font-family:var(--sd-font-mono);color:#3a7fd5;align-items:center;gap:6px;margin-top:6px;font-size:10px;display:flex}.sd-milestone-status{font-family:var(--sd-font-body);color:var(--sd-text-3);margin-top:8px;font-size:11px}.sd-pending-reviews{margin-top:20px}.sd-pending-card{cursor:pointer;transition:all var(--sd-transition);background:#f59e0b14;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:14px;display:flex}.sd-pending-card:hover{background:#f59e0b1f;transform:translate(4px)}.sd-pending-icon{background:#f59e0b26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.sd-pending-content{flex:1}.sd-pending-title{font-family:var(--sd-font-head);margin-bottom:4px;font-weight:600}.sd-pending-message{font-family:var(--sd-font-mono);color:#f59e0b;font-size:11px}.sd-pending-chevron{color:#f59e0b;font-size:16px}.sd-team-card{background:var(--sd-surface);border:1px solid var(--sd-border);transition:all var(--sd-transition);border-radius:16px;align-items:center;gap:14px;margin-bottom:10px;padding:14px;display:flex}.sd-team-card:hover{box-shadow:var(--sd-shadow-sm);transform:translate(4px)}.sd-team-avatar{color:#fff;width:52px;height:52px;font-family:var(--sd-font-head);background:linear-gradient(135deg,#1e3a6e,#3a7fd5);border-radius:26px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.sd-team-info{flex:1}.sd-team-role{font-family:var(--sd-font-mono);color:var(--sd-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sd-team-name{font-family:var(--sd-font-head);margin-top:2px;font-size:15px;font-weight:600}.sd-team-detail{font-family:var(--sd-font-body);color:var(--sd-text-2);margin-top:2px;font-size:12px}.sd-ai-insights{margin-top:0}.sd-insight-item{border-bottom:1px solid var(--sd-border);gap:14px;padding:16px 0;display:flex}.sd-insight-item:last-child{border-bottom:none}.sd-insight-icon{flex-shrink:0;font-size:28px}.sd-insight-title{font-family:var(--sd-font-head);margin-bottom:4px;font-weight:700}.sd-insight-text{font-family:var(--sd-font-body);color:var(--sd-text-2);font-size:13px}.sd-action-bar{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;margin-bottom:20px;display:flex}.sd-action-item{background:var(--sd-surface);border:1px solid var(--sd-border);cursor:pointer;transition:all var(--sd-transition);color:var(--sd-text-2);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;font-size:13px;font-weight:500;display:flex}.sd-action-item:hover{box-shadow:var(--sd-shadow-md);border-color:var(--sd-accent);color:var(--sd-accent);transform:translateY(-2px)}.sd-action-item span:first-child{font-size:20px}.sd-charts-container{flex-direction:column;gap:20px;display:flex}.sd-chart-card{background:var(--sd-surface);border-radius:var(--sd-radius);border:1px solid var(--sd-border);box-shadow:var(--sd-shadow-sm);padding:20px}.sd-chart-bars{justify-content:space-around;align-items:flex-end;gap:12px;height:200px;padding:20px 0;display:flex}.sd-chart-bar-item{flex-direction:column;flex:1;align-items:center;display:flex}.sd-chart-bar{background:linear-gradient(#3a7fd5,#1e3a6e);border-radius:6px 6px 0 0;width:100%;max-width:40px;min-height:4px;transition:height .3s}.sd-chart-label{color:var(--sd-text-3);text-align:center;margin-top:8px;font-size:9px}.sd-cost-bars{flex-direction:column;gap:16px;display:flex}.sd-cost-item{align-items:center;gap:12px;display:flex}.sd-cost-label{width:100px;color:var(--sd-text-2);font-size:13px}.sd-cost-bar{background:var(--sd-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.sd-cost-fill{border-radius:4px;height:100%;transition:width .5s}.sd-cost-value{width:50px;color:var(--sd-text-1);text-align:right;font-size:12px;font-weight:600}.sd-access-denied{text-align:center;background:var(--sd-surface);border-radius:var(--sd-radius-lg);border:1px solid var(--sd-border);max-width:500px;margin:60px auto;padding:80px 30px}.sd-access-icon{margin-bottom:20px;font-size:64px}.sd-access-denied h3{color:var(--sd-text-1);margin-bottom:8px;font-family:Syne,sans-serif;font-size:20px;font-weight:700}.sd-access-denied p{color:var(--sd-text-3);margin-bottom:24px;font-size:14px}.sd-back-btn-lg{background:linear-gradient(135deg, var(--sd-accent), var(--sd-accent-light));color:#fff;cursor:pointer;transition:all var(--sd-transition);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.sd-back-btn-lg:hover{box-shadow:var(--sd-shadow-accent);transform:translateY(-2px)}[dir=rtl] .sd-cost-value{text-align:left}[dir=rtl] .sd-cost-item{flex-direction:row}@media (width<=768px){.sd-action-bar{flex-direction:column}.sd-action-item{flex-direction:row;justify-content:center}.sd-chart-bars{height:150px}.sd-cost-item{flex-wrap:wrap}.sd-cost-label{width:auto}.sd-cost-value{text-align:left}}.photo-gallery{background:var(--sd-surface);border-radius:var(--sd-radius);border:1px solid var(--sd-border);margin-top:24px;padding:20px}.gallery-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.gallery-title{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.gallery-title h3{font-family:var(--sd-font-head);margin:0;font-size:16px;font-weight:700}.upload-btn-small{color:#fff;cursor:pointer;transition:all var(--sd-transition);background:linear-gradient(135deg,#1e3a6e,#3a7fd5);border:none;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.upload-btn-small:hover{transform:translateY(-1px)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.gallery-item{background:var(--sd-s-50);border:1px solid var(--sd-border);transition:all var(--sd-transition);border-radius:12px;overflow:hidden}.gallery-item:hover{box-shadow:var(--sd-shadow-md);transform:translateY(-2px)}.gallery-image-wrapper{aspect-ratio:16/9;background:#f0f0f0;position:relative;overflow:hidden}.gallery-image-wrapper img{object-fit:cover;width:100%;height:100%}.primary-badge{color:#fff;background:#f59e0b;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.gallery-overlay{opacity:0;transition:opacity var(--sd-transition);background:linear-gradient(#0000,#000000b3);justify-content:flex-end;gap:8px;padding:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-btn-primary,.gallery-btn-delete{cursor:pointer;transition:all var(--sd-transition);border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.gallery-btn-primary{color:#fff;background:#f59e0b}.gallery-btn-primary:hover{background:#d97706}.gallery-btn-delete{color:#fff;background:#ef4444}.gallery-btn-delete:hover{background:#dc2626}.gallery-caption{padding:10px}.gallery-caption input{border:1px solid var(--sd-border);background:#fff;border-radius:8px;width:100%;padding:8px;font-size:12px}.gallery-caption input:focus{border-color:#3a7fd5;outline:none}.photo-gallery-empty{text-align:center;background:var(--sd-surface);border-radius:var(--sd-radius);border:1px solid var(--sd-border);padding:60px 20px}.empty-gallery-icon{opacity:.5;margin-bottom:16px;font-size:64px}.photo-gallery-empty h4{color:var(--sd-text-1);margin-bottom:8px;font-size:18px}.photo-gallery-empty p{color:var(--sd-text-3);margin-bottom:20px;font-size:14px}.upload-btn{color:#fff;cursor:pointer;transition:all var(--sd-transition);background:linear-gradient(135deg,#1e3a6e,#3a7fd5);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:600}.upload-btn:hover{transform:translateY(-2px)}@media (width<=768px){.gallery-grid{grid-template-columns:1fr}}.sd-no-data{text-align:center;color:var(--sd-text-3);font-family:var(--sd-font-body);padding:40px 20px}.sd-empty-icon{opacity:.5;margin-bottom:12px;font-size:48px}.sd-hint-text{font-family:var(--sd-font-body);color:var(--sd-text-3);margin-top:4px;font-size:11px}.sd-error-state{text-align:center;background:var(--sd-surface);border:1px solid var(--sd-border);border-radius:24px;max-width:500px;margin:60px auto;padding:60px 30px}.sd-error-icon{margin-bottom:20px;font-size:56px}.sd-error-state h3{font-family:var(--sd-font-head);color:var(--sd-text-1);margin-bottom:8px;font-size:18px;font-weight:700}.sd-error-state p{font-family:var(--sd-font-body);color:var(--sd-text-3);margin-bottom:24px;font-size:14px}.sd-retry-btn{color:#fff;font-family:var(--sd-font-head);cursor:pointer;transition:all var(--sd-transition);background:linear-gradient(135deg,#1e3a6e,#3a7fd5);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.sd-retry-btn:hover{transform:translateY(-2px)}.sd-init-btn{color:#fff;font-family:var(--sd-font-mono);cursor:pointer;transition:all var(--sd-transition);background:linear-gradient(135deg,#1e3a6e,#3a7fd5);border:none;border-radius:30px;padding:6px 16px;font-size:12px;font-weight:600}.sd-init-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@keyframes sd-fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes sd-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.sd-loading-bar{height:20px;animation:none}}@media (width<=900px){.sd-content{padding:20px 20px 48px}.sd-site-name{font-size:18px}}@media (width<=768px){.sd-metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sd-stats-row{flex-wrap:wrap;gap:12px}.sd-stat-item{min-width:calc(50% - 6px)}.sd-milestone-stats{flex-direction:column}.sd-method-progress{flex-direction:column;align-items:flex-start}.sd-method-value{width:auto}.sd-tab-btn{padding:10px 12px;font-size:12px}.sd-progress-hero-value{font-size:40px}.sd-nav-wrapper{flex-direction:column;align-items:flex-start}}:root{--sr-blue:#3a7fd5;--sr-blue-dark:#1e3a6e;--sr-blue-light:#5b9fef;--sr-blue-glow:#3a7fd514;--sr-blue-border:#3a7fd533;--sr-blue-soft:#ebf3fd;--sr-bg:#f5f7fa;--sr-surface:#fff;--sr-border:#e8edf5;--sr-navy:#0f1c35;--sr-text-second:#5a6a85;--sr-text-muted:#a0aebf;--sr-success:#10b981;--sr-danger:#ef4444;--sr-warning:#f59e0b;--sr-purple:#8b5cf6;--sr-orange:#f97316;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", monospace;--shadow-sm:0 2px 8px #07142a0f;--shadow-md:0 8px 24px #07142a14;--shadow-lg:0 16px 40px #07142a1f;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--transition:.22s cubic-bezier(.4, 0, .2, 1)}.sr-loading-pulse{filter:drop-shadow(0 0 24px #3a7fd580);font-size:64px;animation:2s infinite sr-pulse-float}@keyframes sr-pulse-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.05)}}.sr-loading-logo h2{font-family:var(--f-head);color:#fff;margin-bottom:8px;font-size:26px;font-weight:700}@keyframes sr-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.sr-dashboard{background:var(--sr-bg);min-height:100vh;position:relative}.sr-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0}.sr-mesh-orb-1{background:radial-gradient(circle,#3a7fd514,#0000);width:600px;height:600px;top:-200px;right:-100px}.sr-mesh-orb-2{background:radial-gradient(circle,#10b9810f,#0000);width:500px;height:500px;bottom:0;left:-150px}.sr-mesh-orb-3{background:radial-gradient(circle,#8b5cf60d,#0000);width:400px;height:400px;top:50%;left:20%}@keyframes sr-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.sr-header{z-index:1;background:linear-gradient(135deg,#020915,#040d21,#071530);padding:32px 40px 48px;position:relative}.sr-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1400px;margin:0 auto;display:flex}.sr-header-left{flex:1}.sr-breadcrumb{align-items:center;gap:8px;margin-bottom:16px;display:flex}.sr-breadcrumb-btn{font-family:var(--f-body);color:#ffffffe6;cursor:pointer;transition:var(--transition);background:#ffffff1f;border:1px solid #fff3;border-radius:30px;padding:6px 16px;font-size:12px;font-weight:600}.sr-breadcrumb-btn:hover{background:#fff3;transform:translate(-2px)}.sr-breadcrumb-sep{color:#fff6}.sr-breadcrumb-current{font-family:var(--f-head);color:#fff9;font-size:12px}.sr-live-chip{font-family:var(--f-mono);color:#ffffffd9;background:#ffffff1f;border:1px solid #fff3;border-radius:30px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}@keyframes sr-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.sr-header-title{font-family:var(--f-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:32px;font-weight:800}.sr-header-subtitle{font-family:var(--f-body);color:#ffffff8c;font-size:14px}.sr-icon-btn{cursor:pointer;color:#fffc;width:42px;height:42px;transition:var(--transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.sr-icon-btn:hover{background:#fff3;transform:translateY(-2px)}.sr-site-card{align-items:center;gap:16px;max-width:1400px;margin:20px auto 0;padding:0 40px;display:flex}.sr-site-icon{background:#ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.sr-site-info{flex-direction:column;gap:4px;display:flex}.sr-main{z-index:1;grid-template-columns:1fr 420px;gap:28px;max-width:1400px;margin:-30px auto 0;padding:0 40px 60px;display:grid;position:relative}.sr-controls-panel{background:var(--sr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.sr-panel-header{background:linear-gradient(135deg, var(--sr-blue), var(--sr-blue-dark));color:#fff;align-items:center;gap:12px;padding:20px 24px;display:flex}.sr-panel-icon{font-size:20px}.sr-panel-title{font-family:var(--f-head);margin:0;font-size:16px;font-weight:700}.sr-config-section{border-bottom:1px solid var(--sr-border);padding:20px 24px}.sr-config-section:last-child{border-bottom:none}.sr-config-label{color:var(--sr-text-second);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.sr-config-label span:first-child{font-size:16px}.sr-period-buttons{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.sr-period-btn{background:var(--sr-bg);border:1.5px solid var(--sr-border);font-family:var(--f-body);cursor:pointer;transition:var(--transition);border-radius:30px;flex:1;padding:10px 16px;font-size:13px;font-weight:500}.sr-period-btn:hover{border-color:var(--sr-blue);color:var(--sr-blue)}.sr-period-btn.active{background:var(--sr-blue);border-color:var(--sr-blue);color:#fff}.sr-year-selector{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.sr-year-arrow{background:var(--sr-bg);border:1.5px solid var(--sr-border);cursor:pointer;width:36px;height:36px;transition:var(--transition);border-radius:10px;font-size:16px}.sr-year-arrow:hover{border-color:var(--sr-blue);color:var(--sr-blue)}.sr-year-value{font-family:var(--f-head);color:var(--sr-navy);text-align:center;min-width:80px;font-size:18px;font-weight:700}.sr-period-display{background:var(--sr-blue-soft);text-align:center;font-family:var(--f-mono);color:var(--sr-blue);border-radius:30px;padding:10px 16px;font-size:12px;font-weight:600}.sr-report-types{flex-direction:column;gap:12px;display:flex}.sr-report-type-btn{border:1.5px solid var(--sr-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:left;background:#fff;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.sr-report-type-btn:hover{box-shadow:var(--shadow-sm);transform:translate(4px)}.sr-report-type-btn.active{background:var(--sr-blue-soft)}.sr-report-type-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.sr-report-type-info{flex:1}.sr-report-type-title{font-family:var(--f-head);margin-bottom:4px;font-size:14px;font-weight:700;display:block}.sr-report-type-desc{font-family:var(--f-body);color:var(--sr-text-muted);font-size:11px;line-height:1.4;display:block}.sr-check-icon{font-size:18px;font-weight:700}.sr-action-buttons{padding:20px 24px}.sr-generate-btn{background:linear-gradient(135deg, var(--sr-warning), #f97316);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:700;display:flex}.sr-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b4d}.sr-generate-btn:disabled{opacity:.6;cursor:not-allowed}.sr-info-note{background:var(--sr-blue-soft);border-top:1px solid var(--sr-blue-border);color:var(--sr-blue-dark);align-items:flex-start;gap:10px;padding:16px 24px;font-size:12px;display:flex}.sr-preview-panel{background:var(--sr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.sr-preview-header{background:var(--sr-bg);border-bottom:1px solid var(--sr-border);align-items:center;gap:12px;padding:20px 24px;display:flex}.sr-preview-icon{font-size:20px}.sr-preview-title{font-family:var(--f-head);margin:0;font-size:16px;font-weight:700}.sr-selected-report{background:var(--sr-bg);border-radius:var(--radius-md);border-left:4px solid;align-items:center;gap:16px;margin:20px;padding:20px;display:flex}.sr-selected-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.sr-selected-info{flex:1}.sr-selected-title{font-family:var(--f-head);margin-bottom:4px;font-size:15px;font-weight:700}.sr-selected-desc{color:var(--sr-text-muted);font-size:12px}.sr-params-card{background:var(--sr-bg);border-radius:var(--radius-md);margin:0 20px 20px;padding:16px}.sr-params-header{border-bottom:1px solid var(--sr-border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.sr-params-header h3{font-family:var(--f-head);margin:0;font-size:14px;font-weight:700}.sr-param-row{justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.sr-param-label{color:var(--sr-text-muted)}.sr-param-value{color:var(--sr-navy);font-weight:600}.sr-included-card{border-radius:var(--radius-md);background:#10b9810d;border:1px solid #10b98126;margin:0 20px 20px;padding:16px}.sr-included-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.sr-included-header h3{font-family:var(--f-head);color:#10b981;margin:0;font-size:14px;font-weight:700}.sr-included-list{flex-direction:column;gap:10px;display:flex}.sr-included-item{color:var(--sr-text-second);align-items:center;gap:8px;font-size:12px;display:flex}.sr-included-item span:first-child{color:#10b981;font-weight:700}.sr-format-card{border-radius:var(--radius-md);background:#3a7fd50d;margin:0 20px 20px;padding:16px}.sr-format-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sr-format-header h3{font-family:var(--f-head);margin:0;font-size:14px;font-weight:700}.sr-format-badge{background:var(--sr-danger);color:#fff;font-family:var(--f-mono);border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.sr-format-desc{color:var(--sr-text-muted);font-size:12px;line-height:1.5}.sr-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sr-modal-content{background:#fff;border-radius:24px;width:90%;max-width:500px;animation:.3s sr-modal-up;overflow:hidden}@keyframes sr-modal-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sr-modal-header{border-bottom:1px solid var(--sr-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sr-modal-header h3{font-family:var(--f-head);margin:0;font-size:18px;font-weight:700}.sr-modal-close{background:var(--sr-bg);border:1px solid var(--sr-border);cursor:pointer;width:36px;height:36px;transition:var(--transition);border-radius:10px;font-size:16px}.sr-modal-close:hover{background:var(--sr-danger);color:#fff}.sr-modal-body{padding:20px 24px}.sr-modal-subtitle{color:var(--sr-text-muted);margin-bottom:20px;font-size:13px}.sr-quick-select{margin-bottom:20px}.sr-quick-label{color:var(--sr-text-second);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.sr-quick-buttons{flex-wrap:wrap;gap:10px;display:flex}.sr-quick-btn{background:var(--sr-bg);border:1.5px solid var(--sr-border);cursor:pointer;transition:var(--transition);border-radius:30px;padding:8px 16px;font-size:12px;font-weight:500}.sr-quick-btn:hover{border-color:var(--sr-blue);color:var(--sr-blue)}.sr-date-inputs{align-items:flex-end;gap:16px;display:flex}.sr-date-field{flex:1}.sr-date-field label{color:var(--sr-text-muted);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.sr-date-input{border:1.5px solid var(--sr-border);width:100%;font-size:13px;font-family:var(--f-body);border-radius:10px;padding:10px 12px}.sr-date-arrow{color:var(--sr-text-muted);margin-bottom:10px;font-size:20px}.sr-modal-footer{border-top:1px solid var(--sr-border);gap:12px;padding:16px 24px;display:flex}.sr-cancel-btn{background:var(--sr-bg);border:1.5px solid var(--sr-border);cursor:pointer;transition:var(--transition);border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:600}.sr-cancel-btn:hover{border-color:var(--sr-danger);color:var(--sr-danger)}.sr-apply-btn{background:var(--sr-blue);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:700}.sr-apply-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3a7fd54d}@keyframes sr-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes sr-spin{to{transform:rotate(360deg)}}[dir=rtl] .sr-breadcrumb-btn:hover{transform:translate(2px)}[dir=rtl] .sr-report-type-btn:hover{transform:translate(-4px)}[dir=rtl] .sr-date-inputs{flex-direction:row}@media (width<=1100px){.sr-main{grid-template-columns:1fr;padding:0 24px 48px}.sr-controls-panel{order:1}.sr-preview-panel{order:2}}@media (width<=768px){.sr-header{padding:24px 20px 40px}.sr-header-title{font-size:24px}.sr-main{padding:0 20px 40px}.sr-period-buttons{flex-wrap:wrap}.sr-date-inputs{flex-direction:column;align-items:stretch}.sr-date-arrow{text-align:center;margin:5px 0}.sr-quick-buttons{flex-wrap:wrap}}:root{--ra-navy-950:#020915;--ra-navy-900:#040d21;--ra-navy-800:#071530;--ra-navy-700:#0d2347;--ra-navy-600:#1a3a6b;--ra-blue:#3b82f6;--ra-blue-l:#60a5fa;--ra-blue-d:#1d4ed8;--ra-gold:#f59e0b;--ra-green:#10b981;--ra-green-d:#059669;--ra-red:#ef4444;--ra-red-b:#f43f5e;--ra-orange:#f97316;--ra-purple:#8b5cf6;--ra-surface:#fff;--ra-s-50:#f8faff;--ra-s-100:#eef3ff;--ra-s-200:#e2eaff;--ra-border:#e4ecff;--ra-text-1:#0a1628;--ra-text-2:#3d5278;--ra-text-3:#7a8faf;--ra-radius-sm:12px;--ra-radius:18px;--ra-radius-lg:24px;--ra-shadow-sm:0 1px 4px #0a163c0f;--ra-shadow:0 4px 16px #0a163c14;--ra-shadow-md:0 8px 28px #0a163c1a;--ra-shadow-lg:0 16px 48px #0a163c24;--ra-transition:.22s cubic-bezier(.4, 0, .2, 1);--ra-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--ra-font-body:"DM Sans", system-ui, sans-serif;--ra-font-mono:"JetBrains Mono", "Fira Code", monospace}.ra-dashboard{font-family:var(--ra-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ra-dashboard h1,.ra-dashboard h2,.ra-dashboard h3,.ra-dashboard h4,.ra-header-title,.ra-alert-name,.ra-empty-state h3,.ra-stat-value{font-family:var(--ra-font-head);letter-spacing:-.02em}.ra-stat-value,.ra-alert-time,.ra-priority-badge,.ra-alert-type,.ra-alert-message{letter-spacing:-.01em;font-family:var(--ra-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}[dir=rtl] .ra-alert-header,[dir=rtl] .ra-alert-title,[dir=rtl] .ra-alert-site,[dir=rtl] .ra-alert-footer,[dir=rtl] .ra-filter-tabs{flex-direction:row-reverse}.ra-dashboard{background:var(--ra-s-50);min-height:100vh;position:relative;overflow-x:hidden}.ra-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ra-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite ra-orb-float;position:absolute}.ra-mesh-orb-1{background:radial-gradient(circle,#ef4444,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.ra-mesh-orb-2{background:radial-gradient(circle,#f97316,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.ra-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#f59e0b,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes ra-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.ra-loading-screen{background:var(--ra-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.ra-loading-logo{text-align:center}.ra-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite ra-loading-bounce}@keyframes ra-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ra-loading-logo h2{font-family:var(--ra-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.ra-loading-logo p{font-family:var(--ra-font-body);color:#ffffff73;font-size:14px}.ra-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.ra-loading-bar{background:linear-gradient(#ef4444,#dc2626);border-radius:4px;width:8px;animation:1s ease-in-out infinite ra-bar-wave}@keyframes ra-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.ra-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden;background:linear-gradient(135deg,#7f1d1d,#b91c1c,#dc2626,#ef4444)!important}.ra-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.ra-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--ra-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.ra-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.ra-header-left{flex-shrink:0}.ra-live-chip{font-family:var(--ra-font-mono);color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.ra-live-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite ra-live-pulse}@keyframes ra-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ra-header-title{font-family:var(--ra-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.ra-header-subtitle{font-family:var(--ra-font-body);color:#ffffffa6;margin:0;font-size:13px}.ra-header-actions{flex-wrap:wrap;gap:10px;display:flex}.ra-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--ra-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.ra-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.ra-connection-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;font-family:var(--ra-font-mono);color:#ffffffe6;background:#ffffff1f;border-radius:40px;align-items:center;gap:8px;margin:0 32px 20px;padding:8px 20px;font-size:12px;font-weight:600;display:inline-flex}.ra-status-dot{border-radius:4px;width:8px;height:8px}.ra-connection-status.connected .ra-status-dot{background:#10b981;animation:2s infinite ra-pulse}.ra-connection-status.disconnected .ra-status-dot{background:#ef4444}.ra-reconnect-btn{color:#fff;cursor:pointer;width:28px;height:28px;transition:all var(--ra-transition);background:#fff3;border:none;border-radius:14px;justify-content:center;align-items:center;display:flex}.ra-reconnect-btn:hover{background:#ffffff4d;transform:scale(1.05)}.ra-stat-card.action{background:#8b5cf626;border-color:#8b5cf640}.ra-stat-card.action .ra-stat-value{color:#8b5cf6}.ra-empty-connect-btn{color:#fff;font-family:var(--ra-font-head);cursor:pointer;transition:all var(--ra-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;margin-top:20px;padding:12px 28px;font-size:14px;font-weight:700}.ra-empty-connect-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}@keyframes ra-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ra-stats-grid{flex-wrap:wrap;gap:16px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.ra-stat-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;min-width:120px;transition:all var(--ra-transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;flex:1;padding:16px}.ra-stat-card:hover{background:#ffffff26;transform:translateY(-2px)}.ra-stat-value{letter-spacing:-.01em;color:#fff;font-size:32px;font-family:var(--ra-font-mono)!important;font-weight:800!important}.ra-stat-label{font-family:var(--ra-font-mono);color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:11px;font-weight:600}.ra-content{z-index:1;max-width:1200px;margin:0 auto;padding:28px 32px 60px;position:relative}.ra-filter-tabs{gap:12px;margin-bottom:24px;display:flex}.ra-filter-tab{background:var(--ra-surface);border:1.5px solid var(--ra-border);font-family:var(--ra-font-head);color:var(--ra-text-2);cursor:pointer;transition:all var(--ra-transition);border-radius:40px;flex:1;padding:12px 20px;font-size:14px;font-weight:600}.ra-filter-tab:hover{border-color:#ef4444;transform:translateY(-2px)}.ra-filter-tab.active{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.ra-action-bar{gap:12px;margin-bottom:24px;display:flex}.ra-action-btn{background:var(--ra-surface);border:1.5px solid var(--ra-border);font-family:var(--ra-font-head);color:var(--ra-text-2);cursor:pointer;transition:all var(--ra-transition);border-radius:40px;padding:10px 20px;font-size:13px;font-weight:600}.ra-action-btn:hover:not(:disabled){color:#ef4444;border-color:#ef4444;transform:translateY(-2px)}.ra-action-btn:disabled{opacity:.6;cursor:not-allowed}.ra-alerts-list{flex-direction:column;gap:12px;display:flex}.ra-alert-item{background:var(--ra-surface);border:1px solid var(--ra-border);cursor:pointer;transition:all var(--ra-transition);box-shadow:var(--ra-shadow-sm);border-radius:20px;display:flex;overflow:hidden}.ra-alert-item:hover{box-shadow:var(--ra-shadow-md);transform:translate(4px)}[dir=rtl] .ra-alert-item:hover{transform:translate(-4px)}.ra-alert-item.unread{background:#ef444405;border-color:#ef444433}.ra-priority-line{align-self:stretch;width:4px}.ra-alert-content{flex:1;padding:18px}.ra-alert-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.ra-alert-title{gap:14px;display:flex}.ra-alert-icon{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.ra-alert-name{font-family:var(--ra-font-head);color:var(--ra-text-1);letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:700}.ra-alert-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ra-priority-badge{font-family:var(--ra-font-mono);font-size:10px;font-weight:700}.ra-action-badge{color:#fff;font-family:var(--ra-font-mono);background:#ef4444;border-radius:20px;padding:2px 10px;font-size:9px;font-weight:700}.ra-alert-time{font-family:var(--ra-font-mono);color:var(--ra-text-3);font-size:11px;font-weight:600}.ra-alert-message{font-family:var(--ra-font-body);color:var(--ra-text-2);margin-bottom:10px;font-size:13px;font-weight:500;line-height:1.5}.ra-alert-site{font-family:var(--ra-font-body);color:#8a9bb5;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:500;display:flex}.ra-alert-footer{border-top:1px solid var(--ra-border);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.ra-alert-type{font-family:var(--ra-font-mono);color:var(--ra-text-3);text-transform:capitalize;font-size:10px;font-weight:600}.ra-unread-dot{background:#ef4444;border-radius:4px;width:8px;height:8px}.ra-empty-state{text-align:center;background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:24px;padding:60px 30px}.ra-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.ra-empty-state h3{font-family:var(--ra-font-head);color:var(--ra-text-1);letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.ra-empty-state p{font-family:var(--ra-font-body);color:var(--ra-text-3);margin-bottom:0;font-size:14px}.ra-error-state{text-align:center;background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.ra-error-icon{margin-bottom:20px;font-size:64px}.ra-error-state h3{font-family:var(--ra-font-head);color:var(--ra-text-1);margin-bottom:8px;font-size:20px;font-weight:700}.ra-error-state p{font-family:var(--ra-font-body);color:var(--ra-text-3);margin-bottom:24px;font-size:14px}.ra-retry-btn{color:#fff;font-family:var(--ra-font-head);cursor:pointer;transition:all var(--ra-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.ra-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}@keyframes ra-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ra-loading-bar{height:20px;animation:none}}@media (width<=900px){.ra-header-inner{padding:0 20px}.ra-connection-status{margin:0 20px 20px}.ra-stats-grid{padding:0 20px}.ra-content{padding:20px 20px 48px}.ra-header-title{font-size:24px}}@media (width<=768px){.ra-stats-grid{flex-direction:column}.ra-stat-card{width:100%}.ra-filter-tabs,.ra-action-bar,.ra-alert-header{flex-direction:column}.ra-alert-title{width:100%}.ra-alert-time{align-self:flex-start}}:root{--sr-navy-950:#020915;--sr-navy-900:#040d21;--sr-navy-800:#071530;--sr-navy-700:#0d2347;--sr-navy-600:#1a3a6b;--sr-blue:#3b82f6;--sr-blue-l:#60a5fa;--sr-blue-d:#1d4ed8;--sr-gold:#f59e0b;--sr-gold-d:#d97706;--sr-gold-dark:#92400e;--sr-green:#10b981;--sr-green-d:#059669;--sr-red:#ef4444;--sr-red-b:#f43f5e;--sr-purple:#8b5cf6;--sr-surface:#fff;--sr-s-50:#f8faff;--sr-s-100:#eef3ff;--sr-s-200:#e2eaff;--sr-border:#e4ecff;--sr-text-1:#0a1628;--sr-text-2:#3d5278;--sr-text-3:#7a8faf;--sr-radius-sm:12px;--sr-radius:18px;--sr-radius-lg:24px;--sr-shadow-sm:0 1px 4px #0a163c0f;--sr-shadow:0 4px 16px #0a163c14;--sr-shadow-md:0 8px 28px #0a163c1a;--sr-shadow-lg:0 16px 48px #0a163c24;--sr-transition:.22s cubic-bezier(.4, 0, .2, 1);--sr-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--sr-font-body:"DM Sans", system-ui, sans-serif;--sr-font-mono:"JetBrains Mono", "Fira Code", monospace}.sr-dashboard{font-family:var(--sr-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-dashboard h1,.sr-dashboard h2,.sr-dashboard h3,.sr-dashboard h4,.sr-header-title,.sr-site-name,.sr-empty-state h3,.sr-filter-modal-header h3,.sr-card-title{font-family:var(--sr-font-head);letter-spacing:-.02em}.sr-stat-value,.sr-kpi-value,.sr-log-date,.sr-progress-percent,.sr-metric-value,.sr-stat-number,.sr-count-badge,.sr-kpi-card .sr-kpi-value,.sr-stat-chip .sr-stat-value,.sr-bulk-actions .sr-selected-badge,.sr-loading-spinner-sm,.sr-ai-badge span:last-child,.sr-status-badge{letter-spacing:-.01em;font-family:var(--sr-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}.sr-dashboard{background:var(--sr-s-50);min-height:100vh;position:relative;overflow-x:hidden}.sr-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.sr-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite sr-orb-float;position:absolute}.sr-mesh-orb-1{background:radial-gradient(circle,#f59e0b,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.sr-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.sr-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#d97706,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}.sr-loading-screen{background:var(--sr-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.sr-loading-logo{text-align:center}.sr-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite sr-loading-bounce}@keyframes sr-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.sr-loading-logo h2{font-family:var(--sr-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.sr-loading-logo p{font-family:var(--sr-font-body);color:#ffffff73;font-size:14px}.sr-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.sr-loading-bar{background:linear-gradient(#f59e0b,#d97706);border-radius:4px;width:8px;animation:1s ease-in-out infinite sr-bar-wave}.sr-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden}.sr-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.sr-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--sr-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.sr-header-inner{max-width:1440px;margin:0 auto;padding:0 32px}.sr-nav-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.sr-back-btn{cursor:pointer;width:42px;height:42px;transition:all var(--sr-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.sr-back-btn:hover{background:#ffffff38;transform:translateY(-2px)}.sr-live-chip{font-size:10px;font-weight:600;font-family:var(--sr-font-mono);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;display:inline-flex}.sr-live-dot{background:#fde68a;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite sr-live-pulse}@keyframes sr-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.sr-header-title{font-family:var(--sr-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:28px;font-weight:800}.sr-header-subtitle{font-family:var(--sr-font-body);color:#ffffffa6;margin:0;font-size:13px}.sr-header-actions{gap:10px;display:flex}.sr-action-btn{cursor:pointer;width:42px;height:42px;transition:all var(--sr-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:16px;display:flex}.sr-action-btn:hover{background:#ffffff38;transform:translateY(-2px)}.sr-action-btn.active{background:#10b981;border-color:#10b981}.sr-filter-chip-btn{width:auto;font-family:var(--sr-font-body);gap:8px;padding:0 18px;font-size:14px;font-weight:600}.sr-kpi-strip{flex-wrap:wrap;gap:12px;max-width:1440px;margin:20px auto 0;padding:0 32px;display:flex}.sr-kpi-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:140px;transition:all var(--sr-transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;flex:1;align-items:center;gap:12px;padding:12px 16px;display:flex}.sr-kpi-card:hover{background:#ffffff26;transform:translateY(-2px)}.sr-kpi-icon{font-size:22px}.sr-kpi-value{letter-spacing:-.01em;font-size:20px;font-family:var(--sr-font-mono)!important;font-weight:700!important}.sr-kpi-label{font-family:var(--sr-font-mono);color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.sr-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.sr-site-selector{background:var(--sr-surface);border:1px solid var(--sr-border);width:100%;box-shadow:var(--sr-shadow);cursor:pointer;transition:all var(--sr-transition);border-radius:20px;align-items:center;gap:14px;margin-bottom:20px;padding:16px 20px;display:flex}.sr-site-selector:hover{box-shadow:var(--sr-shadow-md);transform:translateY(-2px)}.sr-site-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.sr-site-info{text-align:left;flex:1}.sr-site-label{font-family:var(--sr-font-mono);color:var(--sr-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.sr-site-name{font-family:var(--sr-font-head);color:var(--sr-text-1);font-size:16px;font-weight:700}.sr-chevron{transition:transform var(--sr-transition);font-size:14px}.sr-search-bar{background:var(--sr-surface);border:1.5px solid var(--sr-border);transition:all var(--sr-transition);border-radius:16px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 20px;display:flex}.sr-search-bar.focused{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.sr-search-icon{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.sr-search-input{font-family:var(--sr-font-body);background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:500}.sr-clear-search{cursor:pointer;color:var(--sr-text-3);background:0 0;border:none;padding:4px;font-size:16px}.sr-clear-search:hover{color:#ef4444}.sr-stats-bar{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.sr-stat-chip{background:var(--sr-surface);border:1.5px solid var(--sr-border);cursor:pointer;transition:all var(--sr-transition);border-radius:40px;flex:1;align-items:center;gap:12px;padding:10px 18px;display:flex}.sr-stat-chip:hover{box-shadow:var(--sr-shadow-sm);transform:translateY(-2px)}.sr-stat-chip.active{background:#3a7fd50d}.sr-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.sr-stat-info{flex:1}.sr-stat-value{font-size:18px;line-height:1.2;font-family:var(--sr-font-mono)!important;font-weight:700!important}.sr-stat-label{font-family:var(--sr-font-mono);color:var(--sr-text-3);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.sr-log-card{background:var(--sr-surface);border:1px solid var(--sr-border);cursor:pointer;transition:all var(--sr-transition);box-shadow:var(--sr-shadow-sm);border-left-width:4px;border-radius:20px;overflow:hidden}.sr-log-card:hover{box-shadow:var(--sr-shadow-md);transform:translateY(-3px)}.sr-log-card.selected{background:#3a7fd508;border-color:#3a7fd5}.sr-log-card-inner{padding:20px}.sr-log-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.sr-log-info{flex:1}.sr-log-meta-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sr-log-icon{font-size:14px}.sr-log-date{color:var(--sr-text-1);font-size:14px;font-family:var(--sr-font-mono)!important;font-weight:700!important}.sr-reporter-row{font-family:var(--sr-font-body);color:var(--sr-text-3);align-items:center;gap:12px;margin-bottom:10px;font-size:11px;display:flex}.sr-work-preview{font-family:var(--sr-font-body);color:var(--sr-text-2);font-size:13px;line-height:1.5}.sr-status-badge{white-space:nowrap;border-radius:30px;padding:6px 14px;font-size:11px;font-family:var(--sr-font-mono)!important;font-weight:700!important}.sr-ai-badge-container{margin-top:10px}.sr-ai-badge{font-family:var(--sr-font-mono);color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:30px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:700;display:inline-flex}.sr-ai-badge.failed{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.sr-log-footer{border-top:1px solid var(--sr-border);background:var(--sr-s-50);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.sr-view-btn,.sr-approve-btn{font-family:var(--sr-font-head);cursor:pointer;transition:all var(--sr-transition);background:#fff;border:1.5px solid;border-radius:30px;padding:8px 20px;font-size:12px;font-weight:700}.sr-view-btn{color:#3a7fd5;border-color:#3a7fd5}.sr-view-btn:hover{color:#fff;background:#3a7fd5;transform:translateY(-1px)}.sr-approve-btn{color:#10b981;border-color:#10b981}.sr-approve-btn:hover{color:#fff;background:#10b981;transform:translateY(-1px)}.sr-selection-checkbox{border:2px solid var(--sr-text-3);width:28px;height:28px;font-family:var(--sr-font-mono);border-radius:14px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.sr-selection-checkbox.checked{color:#fff;background:#10b981;border-color:#10b981}.sr-empty-state{text-align:center;background:var(--sr-surface);border:1px solid var(--sr-border);border-radius:24px;padding:60px 30px}.sr-empty-icon{border:1.5px solid;border-radius:28px;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;font-size:40px;display:flex}.sr-empty-state h3{font-family:var(--sr-font-head);color:var(--sr-text-1);letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.sr-empty-state p{font-family:var(--sr-font-body);color:var(--sr-text-3);margin-bottom:24px;font-size:14px}.sr-clear-filter-btn{font-family:var(--sr-font-head);cursor:pointer;transition:all var(--sr-transition);background:#3a7fd50d;border:1.5px solid;border-radius:40px;padding:12px 28px;font-size:13px;font-weight:600}.sr-clear-filter-btn:hover{color:#fff;background:#3a7fd5}.sr-loading-state{background:var(--sr-surface);border:1px solid var(--sr-border);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.sr-loading-spinner-sm{border:3px solid var(--sr-border);border-top-color:#f59e0b;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:.8s linear infinite sr-spin}.sr-loading-dots{gap:8px;margin-bottom:12px;display:flex}.sr-dot{border-radius:3px;width:6px;height:6px;animation:1.2s infinite sr-pulse}.sr-dot:nth-child(2){animation-delay:.2s}.sr-dot:nth-child(3){animation-delay:.4s}.sr-loading-state p{font-family:var(--sr-font-body);color:var(--sr-text-3);font-size:14px}.sr-bulk-actions-bar{background:var(--sr-surface);border-top:1px solid var(--sr-border);box-shadow:var(--sr-shadow-lg);z-index:100;justify-content:space-between;align-items:center;padding:16px 24px;animation:.3s sr-slide-up;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes sr-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sr-selected-info{align-items:center;gap:14px;display:flex}.sr-selected-badge{width:36px;height:36px;font-family:var(--sr-font-mono);color:#10b981;background:#10b98126;border:1.5px solid #10b9814d;border-radius:18px;justify-content:center;align-items:center;font-weight:700;display:flex}.sr-bulk-actions{gap:12px;display:flex}.sr-approve-bulk-btn{color:#fff;font-family:var(--sr-font-head);cursor:pointer;transition:all var(--sr-transition);background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:40px;padding:10px 24px;font-weight:700}.sr-approve-bulk-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.sr-cancel-bulk-btn{color:#ef4444;cursor:pointer;width:44px;height:44px;transition:all var(--sr-transition);background:#ef44441a;border:1px solid #ef444433;border-radius:22px;font-size:18px}.sr-cancel-bulk-btn:hover{background:#ef444433;transform:translateY(-2px)}.sr-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#020915b3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sr-loading-spinner{border:4px solid #fff3;border-top-color:#f59e0b;border-radius:50%;width:56px;height:56px;animation:.8s linear infinite sr-spin}.sr-loading-overlay p{color:#fff;font-family:var(--sr-font-body);margin-top:20px;font-size:14px;font-weight:500}.sr-filter-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#02091599;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sr-filter-modal-content{background:var(--sr-surface);border-radius:32px 32px 0 0;width:100%;max-width:500px;animation:.3s sr-modal-slide-up}@keyframes sr-modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sr-modal-handle{background:var(--sr-border);border-radius:2px;width:40px;height:4px;margin:12px auto 0}.sr-filter-modal-header{border-bottom:1px solid var(--sr-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sr-header-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.sr-filter-modal-header h3{font-family:var(--sr-font-head);letter-spacing:-.01em;flex:1;margin:0 12px;font-size:18px;font-weight:700}.sr-close-modal{cursor:pointer;width:36px;height:36px;color:var(--sr-text-3);background:0 0;border:none;border-radius:10px;font-size:20px}.sr-filter-options{max-height:400px;padding:8px 0;overflow-y:auto}.sr-filter-option{cursor:pointer;text-align:left;width:100%;transition:background var(--sr-transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sr-filter-option:hover{background:var(--sr-s-50)}.sr-filter-option.selected{background:#3a7fd50d}.sr-option-left{align-items:center;gap:14px;display:flex}.sr-option-icon{font-size:18px}.sr-option-label{font-family:var(--sr-font-body);color:var(--sr-text-2);font-size:15px}.sr-check-icon{color:#10b981;font-size:18px;font-weight:700}.sr-error-state{text-align:center;background:var(--sr-surface);border:1px solid var(--sr-border);border-radius:24px;max-width:500px;margin:60px auto;padding:60px 30px}.sr-error-icon{margin-bottom:20px;font-size:56px}.sr-error-state h3{font-family:var(--sr-font-head);color:var(--sr-text-1);margin-bottom:8px;font-size:18px;font-weight:700}.sr-error-state p{font-family:var(--sr-font-body);color:var(--sr-text-3);margin-bottom:24px;font-size:14px}.sr-retry-btn{color:#fff;font-family:var(--sr-font-head);cursor:pointer;transition:all var(--sr-transition);background:linear-gradient(135deg,#1e3a6e,#3a7fd5);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.sr-retry-btn:hover{transform:translateY(-2px)}@keyframes sr-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.sr-loading-bar{height:20px;animation:none}}@media (width<=900px){.sr-header-inner,.sr-kpi-strip{padding:0 20px}.sr-content{padding:20px 20px 48px}.sr-header-title{font-size:22px}}@media (width<=768px){.sr-kpi-strip{flex-wrap:wrap}.sr-kpi-card{min-width:calc(50% - 6px)}.sr-nav-wrapper{flex-wrap:wrap}.sr-header-actions{margin-left:auto}.sr-filter-chip-btn{width:auto}.sr-stats-bar{flex-direction:column}.sr-stat-chip{width:100%}.sr-log-header{flex-direction:column}.sr-status-badge{align-self:flex-start}.sr-log-footer{flex-wrap:wrap;gap:10px}.sr-bulk-actions-bar{flex-direction:column;gap:12px}.sr-bulk-actions{width:100%}.sr-approve-bulk-btn{text-align:center;flex:1}}:root{--ts-navy-950:#020915;--ts-navy-900:#040d21;--ts-navy-800:#071530;--ts-navy-700:#0d2347;--ts-navy-600:#1a3a6b;--ts-blue:#3b82f6;--ts-blue-l:#60a5fa;--ts-blue-d:#1d4ed8;--ts-gold:#f59e0b;--ts-green:#10b981;--ts-green-d:#059669;--ts-red:#ef4444;--ts-red-b:#f43f5e;--ts-purple:#8b5cf6;--ts-surface:#fff;--ts-s-50:#f8faff;--ts-s-100:#eef3ff;--ts-s-200:#e2eaff;--ts-border:#e4ecff;--ts-text-1:#0a1628;--ts-text-2:#3d5278;--ts-text-3:#7a8faf;--ts-radius-sm:12px;--ts-radius:18px;--ts-radius-lg:24px;--ts-shadow-sm:0 1px 4px #0a163c0f;--ts-shadow:0 4px 16px #0a163c14;--ts-shadow-md:0 8px 28px #0a163c1a;--ts-shadow-lg:0 16px 48px #0a163c24;--ts-transition:.22s cubic-bezier(.4, 0, .2, 1);--ts-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--ts-font-body:"DM Sans", system-ui, sans-serif;--ts-font-mono:"JetBrains Mono", "Fira Code", monospace}.ts-dashboard{font-family:var(--ts-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ts-dashboard h1,.ts-dashboard h2,.ts-dashboard h3,.ts-dashboard h4,.ts-header-title,.ts-member-name,.ts-empty-state h3,.ts-modal-title,.ts-accountant-name,.ts-perm-title{font-family:var(--ts-font-head);letter-spacing:-.02em}.ts-metric-value,.ts-stat-value,.ts-member-date,.ts-perm-label,.ts-detail-badge,.ts-number-input,.ts-select-input,.ts-site-chip-name{letter-spacing:-.01em;font-family:var(--ts-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}[dir=rtl] .ts-card-header{flex-direction:row-reverse}[dir=rtl] .ts-member-actions{align-items:flex-start}[dir=rtl] .ts-modal-header-left{flex-direction:row-reverse}[dir=rtl] .ts-input-icon{left:auto;right:14px}[dir=rtl] .ts-form-input{padding:12px 42px 12px 12px}[dir=rtl] .ts-site-actions{flex-direction:row-reverse}.ts-dashboard{background:var(--ts-s-50);min-height:100vh;position:relative;overflow-x:hidden}.ts-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ts-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite ts-orb-float;position:absolute}.ts-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.ts-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.ts-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#10b981,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes ts-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.ts-loading-screen{background:var(--ts-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.ts-loading-logo{text-align:center}.ts-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite ts-loading-bounce}@keyframes ts-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ts-loading-logo h2{font-family:var(--ts-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.ts-loading-logo p{font-family:var(--ts-font-body);color:#ffffff73;font-size:14px}.ts-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.ts-loading-bar{background:linear-gradient(#3b82f6,#1a3a6b);border-radius:4px;width:8px;animation:1s ease-in-out infinite ts-bar-wave}@keyframes ts-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.ts-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a1628,#0f1c35,#1e3a6e,#2d5faa)!important}.ts-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.ts-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--ts-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.ts-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.ts-header-left{flex-shrink:0}.ts-live-chip{font-family:var(--ts-font-mono);color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.ts-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite ts-live-pulse}@keyframes ts-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ts-header-title{font-family:var(--ts-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.ts-header-subtitle{font-family:var(--ts-font-body);color:#ffffffa6;margin:0;font-size:13px}.ts-header-actions{flex-wrap:wrap;gap:10px;display:flex}.ts-icon-btn{cursor:pointer;width:auto;min-width:120px;transition:all var(--ts-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.ts-icon-btn .ts-btn-icon{font-size:18px}.ts-icon-btn .ts-btn-text{font-size:13px;font-weight:600}.ts-icon-btn.manager-add{background:#3b82f640}.ts-icon-btn.accountant-add{background:#10b98140}.ts-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.ts-metric-strip{flex-wrap:wrap;gap:8px;max-width:1440px;margin:28px auto 0;padding:0 32px;display:flex}.ts-metric-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--ts-radius-sm);min-width:140px;transition:all var(--ts-transition);background:#ffffff14;border:1px solid #ffffff1a;flex:1;align-items:center;gap:12px;padding:12px 16px;display:flex}.ts-metric-item:hover{background:#ffffff1f;transform:translateY(-2px)}.ts-metric-icon{font-size:24px}.ts-metric-info{flex:1}.ts-metric-label{font-family:var(--ts-font-mono);color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:600;display:block}.ts-metric-value{letter-spacing:-.01em;color:#fff;font-size:20px;font-family:var(--ts-font-mono)!important;font-weight:700!important}.ts-metric-divider{background:#fff3;width:1px}.ts-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.ts-tabs{background:var(--ts-surface);border:1px solid var(--ts-border);box-shadow:var(--ts-shadow-sm);border-radius:20px;gap:12px;margin-bottom:24px;padding:6px;display:flex}.ts-tab-btn{font-family:var(--ts-font-head);color:var(--ts-text-2);cursor:pointer;transition:all var(--ts-transition);background:0 0;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.ts-tab-btn .ts-tab-icon{font-size:18px}.ts-tab-btn.active.managers{color:#fff;background:linear-gradient(135deg,#1e3a6e,#3a7fd5);box-shadow:0 4px 12px #3b82f64d}.ts-tab-btn.active.accountants{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #10b9814d}.ts-tab-btn:hover:not(.active){background:var(--ts-s-100);color:var(--ts-text-1)}.ts-team-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px;display:grid}.ts-team-card{background:var(--ts-surface);border:1px solid var(--ts-border);cursor:pointer;transition:all var(--ts-transition);box-shadow:var(--ts-shadow-sm);border-radius:20px;overflow:hidden}.ts-team-card:hover{box-shadow:var(--ts-shadow-lg);transform:translateY(-4px)}.ts-card-accent{height:4px}.ts-card-accent.manager{background:linear-gradient(90deg,#1e3a6e,#3a7fd5)}.ts-card-accent.accountant{background:linear-gradient(90deg,#059669,#10b981)}.ts-card-body{padding:20px}.ts-card-header{gap:16px;display:flex}.ts-avatar{width:56px;height:56px;font-family:var(--ts-font-head);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.ts-avatar.manager{color:#3a7fd5;background:#3b82f626}.ts-avatar.accountant{color:#10b981;background:#10b98126}.ts-member-info{flex:1}.ts-member-name{font-family:var(--ts-font-head);color:var(--ts-text-1);letter-spacing:-.01em;margin-bottom:4px;font-size:16px;font-weight:700}.ts-member-role{font-family:var(--ts-font-mono);margin-bottom:10px;font-size:11px;font-weight:600}.ts-member-role.manager{color:#3a7fd5}.ts-member-role.accountant{color:#10b981}.ts-member-details{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.ts-detail-badge{font-family:var(--ts-font-mono);color:var(--ts-text-2);background:var(--ts-s-50);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:500}.ts-dept-badge{align-items:center;gap:4px;display:inline-flex}.ts-member-date{font-family:var(--ts-font-mono);color:var(--ts-text-3);font-size:10px;font-weight:500}.ts-member-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.ts-status-badge{font-family:var(--ts-font-mono);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.ts-status-badge.active{color:#10b981;background:#10b9811a}.ts-status-badge.inactive{color:#ef4444;background:#ef44441a}.ts-action-btn{cursor:pointer;width:32px;height:32px;transition:all var(--ts-transition);background:var(--ts-s-100);border:none;border-radius:10px;justify-content:center;align-items:center;font-size:14px;display:flex}.ts-action-btn:hover{background:var(--ts-s-200)}.ts-action-btn.perm:hover{background:#3b82f61a}.ts-site-section{background:var(--ts-s-100);border-radius:14px;margin-top:16px;padding:12px}.ts-site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ts-site-title{font-family:var(--ts-font-head);color:var(--ts-text-1);font-size:12px;font-weight:700}.ts-site-actions{gap:8px;display:flex}.ts-site-btn{border:1px solid var(--ts-border);background:var(--ts-surface);font-family:var(--ts-font-mono);color:var(--ts-blue);cursor:pointer;transition:all var(--ts-transition);border-radius:16px;padding:4px 10px;font-size:10px;font-weight:600}.ts-site-btn:hover:not(:disabled){background:var(--ts-blue);color:#fff;border-color:var(--ts-blue)}.ts-site-btn:disabled{opacity:.5;cursor:not-allowed}.ts-selected-count{font-family:var(--ts-font-mono);color:var(--ts-blue);background:#3b82f61a;border-radius:16px;margin-bottom:10px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-block}.ts-sites-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:200px;padding-right:4px;display:grid;overflow-y:auto}.ts-sites-grid::-webkit-scrollbar{width:4px}.ts-sites-grid::-webkit-scrollbar-track{background:var(--ts-s-100);border-radius:4px}.ts-sites-grid::-webkit-scrollbar-thumb{background:var(--ts-border);border-radius:4px}.ts-site-chip{border:1px solid var(--ts-border);background:var(--ts-surface);cursor:pointer;transition:all var(--ts-transition);border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.ts-site-chip:hover:not(:disabled){border-color:var(--ts-blue);background:#3b82f60d;transform:translateY(-1px)}.ts-site-chip.selected{background:var(--ts-blue);border-color:var(--ts-blue)}.ts-site-chip.selected .ts-site-chip-name{color:#fff}.ts-site-chip.selected .ts-site-chip-icon{filter:brightness(0)invert()}.ts-site-chip:disabled{opacity:.5;cursor:not-allowed}.ts-site-chip-icon{font-size:14px}.ts-site-chip-name{font-family:var(--ts-font-body);color:var(--ts-text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.ts-number-input{border:1.5px solid var(--ts-border);width:80px;font-family:var(--ts-font-mono);text-align:center;background:var(--ts-surface);transition:all var(--ts-transition);border-radius:10px;padding:6px 10px;font-size:13px;font-weight:600}.ts-number-input:focus{border-color:var(--ts-blue);outline:none;box-shadow:0 0 0 2px #3b82f61a}.ts-number-input:disabled{opacity:.5;cursor:not-allowed}.ts-select-input{border:1.5px solid var(--ts-border);font-family:var(--ts-font-mono);background:var(--ts-surface);cursor:pointer;transition:all var(--ts-transition);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}.ts-select-input:focus{border-color:var(--ts-blue);outline:none;box-shadow:0 0 0 2px #3b82f61a}.ts-select-input:disabled{opacity:.5;cursor:not-allowed}.ts-empty-state{text-align:center;background:var(--ts-surface);border:1px solid var(--ts-border);border-radius:24px;padding:60px 30px}.ts-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.ts-empty-state h3{font-family:var(--ts-font-head);color:var(--ts-text-1);letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.ts-empty-state p{font-family:var(--ts-font-body);color:var(--ts-text-3);margin-bottom:24px;font-size:14px}.ts-empty-add-btn{font-family:var(--ts-font-head);cursor:pointer;transition:all var(--ts-transition);color:#fff;border:none;border-radius:16px;padding:12px 28px;font-size:14px;font-weight:700}.ts-empty-add-btn.manager{background:linear-gradient(135deg,#1e3a6e,#3a7fd5)}.ts-empty-add-btn.accountant{background:linear-gradient(135deg,#059669,#10b981)}.ts-empty-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.ts-help-section{background:var(--ts-s-50);border:1px solid var(--ts-border);border-radius:18px;align-items:center;gap:14px;margin-top:20px;padding:16px 20px;display:flex}.ts-help-icon{font-size:22px}.ts-help-text{font-family:var(--ts-font-body);color:var(--ts-text-2);flex:1;font-size:13px;font-weight:500}.ts-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#020915b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ts-modal-content{background:var(--ts-surface);box-shadow:var(--ts-shadow-lg);border-radius:28px;animation:.3s ts-slide-up;overflow:hidden}@keyframes ts-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ts-add-manager-modal,.ts-add-accountant-modal{width:90%;max-width:520px}.ts-permissions-modal{width:90%;max-width:680px;max-height:85vh;overflow-y:auto}.ts-modal-header{background:linear-gradient(135deg, var(--ts-s-50), var(--ts-surface));border-bottom:1px solid var(--ts-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ts-modal-header-left{align-items:center;gap:14px;display:flex}.ts-modal-header-icon{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ts-modal-header-icon.manager{background:#3b82f626}.ts-modal-header-icon.accountant{background:#10b98126}.ts-modal-header-icon.perm{background:#8b5cf626}.ts-modal-title{font-family:var(--ts-font-head);color:var(--ts-text-1);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.ts-modal-subtitle{font-family:var(--ts-font-body);color:var(--ts-text-3);margin:2px 0 0;font-size:12px}.ts-modal-close{background:var(--ts-s-100);border:1px solid var(--ts-border);cursor:pointer;width:36px;height:36px;transition:all var(--ts-transition);border-radius:12px;justify-content:center;align-items:center;font-size:16px;display:flex}.ts-modal-close:hover{background:var(--ts-s-200)}.ts-modal-body{max-height:65vh;padding:24px;overflow-y:auto}.ts-modal-body::-webkit-scrollbar{width:6px}.ts-modal-body::-webkit-scrollbar-track{background:var(--ts-s-100);border-radius:4px}.ts-modal-body::-webkit-scrollbar-thumb{background:var(--ts-border);border-radius:4px}.ts-form-group{margin-bottom:20px}.ts-form-label{font-family:var(--ts-font-mono);color:#334155;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.ts-required{color:#ef4444}.ts-input-wrapper{position:relative}.ts-input-icon{color:#94a3b8;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ts-form-input{width:100%;font-family:var(--ts-font-body);transition:all var(--ts-transition);border:1.5px solid #e2e8f0;border-radius:14px;padding:12px 12px 12px 42px;font-size:14px;font-weight:500}.ts-form-input:focus{border-color:#3a7fd5;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ts-form-input.error{border-color:#ef4444}.ts-form-input.filled{border-color:#3a7fd5}.ts-error-hint{font-family:var(--ts-font-body);color:#ef4444;margin-top:6px;font-size:11px}.ts-input-hint{font-family:var(--ts-font-body);color:#94a3b8;margin-top:6px;font-size:11px}.ts-dept-selector{flex-wrap:wrap;gap:12px;display:flex}.ts-dept-option{cursor:pointer;transition:all var(--ts-transition);background:var(--ts-surface);border:1.5px solid #e2e8f0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.ts-dept-option:hover,.ts-dept-option.active{transform:translateY(-2px)}.ts-dept-option-icon{font-size:16px}.ts-dept-option-name{font-family:var(--ts-font-body);font-size:13px;font-weight:600}.ts-info-message{background:#3b82f614;border-radius:16px;gap:12px;margin-top:16px;padding:14px;display:flex}.ts-info-message.accountant{background:#10b98114}.ts-info-icon{font-size:18px}.ts-info-content strong{font-family:var(--ts-font-head);margin-bottom:4px;font-size:13px;font-weight:700;display:block}.ts-info-content p{font-family:var(--ts-font-body);color:var(--ts-text-2);margin:0;font-size:12px}.ts-modal-footer{border-top:1px solid var(--ts-border);background:var(--ts-s-50);gap:12px;padding:16px 24px;display:flex}.ts-cancel-btn{background:var(--ts-surface);font-family:var(--ts-font-head);color:var(--ts-text-2);cursor:pointer;transition:all var(--ts-transition);border:1.5px solid #e2e8f0;border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:600}.ts-cancel-btn:hover{background:var(--ts-s-100)}.ts-submit-btn{color:#fff;font-family:var(--ts-font-head);cursor:pointer;transition:all var(--ts-transition);border:none;border-radius:14px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;display:flex}.ts-submit-btn.manager{background:linear-gradient(135deg,#1e3a6e,#3a7fd5)}.ts-submit-btn.accountant{background:linear-gradient(135deg,#059669,#10b981)}.ts-submit-btn.perm{background:linear-gradient(135deg,#6d28d9,#8b5cf6)}.ts-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ts-submit-btn:disabled{opacity:.6;cursor:not-allowed}.ts-accountant-info{background:var(--ts-s-50);border-radius:20px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.ts-accountant-avatar{width:64px;height:64px;font-family:var(--ts-font-head);border-radius:20px;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.ts-accountant-details{flex:1}.ts-accountant-name{font-family:var(--ts-font-head);color:var(--ts-text-1);letter-spacing:-.01em;font-size:16px;font-weight:700}.ts-accountant-email{font-family:var(--ts-font-body);color:var(--ts-text-2);margin-top:2px;font-size:12px}.ts-accountant-dept{font-family:var(--ts-font-mono);color:#10b981;margin-top:4px;font-size:11px;font-weight:600}.ts-perm-section{background:var(--ts-s-50);border-radius:20px;margin-bottom:20px;padding:20px}.ts-loading-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.ts-loading-spinner{border:3px solid var(--ts-s-200);border-top-color:var(--ts-blue);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite ts-spin}.ts-loading-box p{font-family:var(--ts-font-body);color:var(--ts-text-2);font-size:13px}.ts-perm-title{font-family:var(--ts-font-head);color:var(--ts-text-1);letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.ts-perm-list{flex-direction:column;gap:12px;display:flex}.ts-perm-item{border-bottom:1px solid var(--ts-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.ts-perm-item:last-child{border-bottom:none}.ts-perm-info{flex:1}.ts-perm-label{font-family:var(--ts-font-mono);color:#334155;font-size:13px;font-weight:600}.ts-perm-desc{font-family:var(--ts-font-body);color:var(--ts-text-3);margin-top:2px;font-size:10px}.ts-switch{flex-shrink:0;width:48px;height:24px;display:inline-block;position:relative}.ts-switch input{opacity:0;width:0;height:0}.ts-slider{cursor:pointer;background-color:#e2e8f0;border-radius:24px;transition:all .3s;position:absolute;inset:0}.ts-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.ts-slider{background-color:#10b981}input:checked+.ts-slider:before{transform:translate(24px)}@keyframes ts-fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes ts-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ts-loading-bar{height:20px;animation:none}}@media (width<=900px){.ts-header-inner,.ts-metric-strip{padding:0 20px}.ts-content{padding:20px 20px 48px}.ts-header-title{font-size:24px}.ts-team-grid{grid-template-columns:1fr}}@media (width<=768px){.ts-metric-strip{flex-direction:column}.ts-metric-divider{display:none}.ts-card-header{flex-wrap:wrap}.ts-member-actions{flex-direction:row;justify-content:flex-start;width:100%;margin-top:12px}.ts-dept-selector{flex-direction:column}.ts-sites-grid{grid-template-columns:1fr}.ts-site-header{flex-direction:column;align-items:flex-start}.ts-modal-body{max-height:70vh}.ts-tab-btn{padding:10px 12px;font-size:12px}.ts-permissions-modal{max-width:95%}}:root{--tsk-navy-950:#020915;--tsk-navy-900:#040d21;--tsk-navy-800:#071530;--tsk-navy-700:#0d2347;--tsk-navy-600:#1a3a6b;--tsk-blue:#3b82f6;--tsk-blue-l:#60a5fa;--tsk-blue-d:#1d4ed8;--tsk-gold:#f59e0b;--tsk-green:#10b981;--tsk-green-d:#059669;--tsk-red:#ef4444;--tsk-red-b:#f43f5e;--tsk-purple:#8b5cf6;--tsk-surface:#fff;--tsk-s-50:#f8faff;--tsk-s-100:#eef3ff;--tsk-s-200:#e2eaff;--tsk-border:#e4ecff;--tsk-text-1:#0a1628;--tsk-text-2:#3d5278;--tsk-text-3:#7a8faf;--tsk-radius-sm:12px;--tsk-radius:18px;--tsk-radius-lg:24px;--tsk-shadow-sm:0 1px 4px #0a163c0f;--tsk-shadow:0 4px 16px #0a163c14;--tsk-shadow-md:0 8px 28px #0a163c1a;--tsk-shadow-lg:0 16px 48px #0a163c24;--tsk-transition:.22s cubic-bezier(.4, 0, .2, 1);--tsk-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--tsk-font-body:"DM Sans", system-ui, sans-serif;--tsk-font-mono:"JetBrains Mono", "Fira Code", monospace}.tsk-dashboard{font-family:var(--tsk-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tsk-dashboard h1,.tsk-dashboard h2,.tsk-dashboard h3,.tsk-dashboard h4,.tsk-header-title,.tsk-task-title,.tsk-empty-state h3,.tsk-modal-title-enhanced,.tsk-stat-value{font-family:var(--tsk-font-head);letter-spacing:-.02em}.tsk-stat-value,.tsk-kpi-value,.tsk-task-count,.tsk-priority-chip,.tsk-detail-text,.tsk-badge{letter-spacing:-.01em;font-family:var(--tsk-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}[dir=rtl] .tsk-task-card{border-left:none;border-right-width:4px}[dir=rtl] .tsk-task-actions,[dir=rtl] .tsk-boss-actions,[dir=rtl] .tsk-filter-option{flex-direction:row-reverse}.tsk-dashboard{background:var(--tsk-s-50);min-height:100vh;position:relative;overflow-x:hidden}.tsk-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.tsk-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite tsk-orb-float;position:absolute}.tsk-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.tsk-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.tsk-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#10b981,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes tsk-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.tsk-loading-screen{background:var(--tsk-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.tsk-loading-logo{text-align:center}.tsk-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite tsk-loading-bounce}@keyframes tsk-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.tsk-loading-logo h2{font-family:var(--tsk-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.tsk-loading-logo p{font-family:var(--tsk-font-body);color:#ffffff73;font-size:14px}.tsk-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.tsk-loading-bar{background:linear-gradient(#3b82f6,#1a3a6b);border-radius:4px;width:8px;animation:1s ease-in-out infinite tsk-bar-wave}@keyframes tsk-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.tsk-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden}.tsk-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.tsk-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--tsk-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.tsk-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.tsk-header-left{flex-shrink:0}.tsk-live-chip{font-family:var(--tsk-font-mono);color:#fffc;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.tsk-live-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite tsk-live-pulse}@keyframes tsk-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.tsk-header-title{font-family:var(--tsk-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.tsk-header-subtitle{font-family:var(--tsk-font-body);color:#ffffffa6;margin:0;font-size:13px}.tsk-header-actions{flex-wrap:wrap;gap:10px;display:flex}.tsk-filter-btn-header,.tsk-add-btn-header{color:#fff;font-family:var(--tsk-font-body);cursor:pointer;transition:all var(--tsk-transition);background:#ffffff26;border:1px solid #fff3;border-radius:30px;padding:8px 18px;font-size:13px;font-weight:600}.tsk-filter-btn-header:hover,.tsk-add-btn-header:hover{background:#ffffff40;transform:translateY(-2px)}.tsk-icon-btn{cursor:pointer;width:42px;height:42px;transition:all var(--tsk-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.tsk-icon-btn:hover{background:#ffffff38;transform:translateY(-2px)}.tsk-stats-strip{flex-wrap:wrap;gap:12px;max-width:1440px;margin:20px auto 0;padding:0 32px;display:flex}.tsk-stat-pill{cursor:pointer;transition:all var(--tsk-transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1.5px solid;border-radius:20px;flex-direction:column;align-items:center;min-width:90px;padding:10px 20px;display:flex}.tsk-stat-pill:hover{background:#ffffff26;transform:translateY(-2px)}.tsk-stat-pill.active{background:#fff3;transform:translateY(-2px)}.tsk-stat-value{letter-spacing:-.01em;font-size:22px;font-family:var(--tsk-font-mono)!important;font-weight:800!important}.tsk-stat-label{font-family:var(--tsk-font-mono);text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3;font-size:10px}.tsk-kpi-strip{flex-wrap:wrap;gap:12px;max-width:1440px;margin:20px auto 0;padding:0 32px;display:flex}.tsk-kpi-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;flex:1;align-items:center;gap:12px;padding:12px 16px;display:flex}.tsk-kpi-icon{font-size:22px}.tsk-kpi-value{font-size:20px;font-family:var(--tsk-font-mono)!important;font-weight:800!important}.tsk-kpi-label{font-family:var(--tsk-font-mono);color:#ffffffb3;font-size:10px}.tsk-content{z-index:1;max-width:1440px;margin:0 auto;padding:28px 32px 60px;position:relative}.tsk-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px;display:grid}.tsk-task-card{background:var(--tsk-surface);border:1px solid var(--tsk-border);cursor:pointer;transition:all var(--tsk-transition);box-shadow:var(--tsk-shadow-sm);border-left-width:4px;border-radius:20px;padding:20px}.tsk-task-card:hover{box-shadow:var(--tsk-shadow-lg);transform:translateY(-4px)}.tsk-task-badges{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tsk-badge{font-family:var(--tsk-font-mono);border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.tsk-ai-badge{color:#8b5cf6;background:#8b5cf61f}.tsk-approval-badge{color:#f59e0b;background:#f59e0b1f}.tsk-status-badge{color:#64748b;background:#64748b1a}.tsk-task-title-section{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.tsk-task-icon{font-size:24px}.tsk-task-title{font-family:var(--tsk-font-head);color:var(--tsk-text-1);letter-spacing:-.01em;flex:1;margin:0;font-size:16px;font-weight:700}.tsk-priority-chip{font-family:var(--tsk-font-mono);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.tsk-task-description{font-family:var(--tsk-font-body);color:var(--tsk-text-2);-webkit-box-orient:vertical;margin-bottom:14px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.tsk-task-details{background:var(--tsk-s-50);border-radius:14px;margin-bottom:14px;padding:12px}.tsk-detail-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.tsk-detail-row:last-child{margin-bottom:0}.tsk-detail-icon{font-size:12px}.tsk-detail-text{font-family:var(--tsk-font-mono);color:var(--tsk-text-2);font-size:12px;font-weight:500}.tsk-you-badge{color:#3a7fd5;font-weight:600}.tsk-created-by{font-size:11px}.tsk-role-badge{color:#f59e0b}.tsk-task-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tsk-action-btn{font-family:var(--tsk-font-head);cursor:pointer;transition:all var(--tsk-transition);text-align:center;background:#fff;border:1px solid;border-radius:10px;flex:1;padding:8px 14px;font-size:12px;font-weight:600}.tsk-claim-btn{color:#8b5cf6;border-color:#8b5cf6}.tsk-claim-btn:hover{color:#fff;background:#8b5cf6}.tsk-submit-btn{color:#3a7fd5;border-color:#3a7fd5}.tsk-submit-btn:hover{color:#fff;background:#3a7fd5}.tsk-complete-btn{color:#10b981;border-color:#10b981}.tsk-complete-btn:hover{color:#fff;background:#10b981}.tsk-view-btn{border-color:var(--tsk-border);color:var(--tsk-text-2)}.tsk-view-btn:hover{background:var(--tsk-s-50)}.tsk-boss-actions{flex:1;gap:8px;display:flex}.tsk-approve-btn{color:#10b981;border-color:#10b981;flex:1}.tsk-approve-btn:hover{color:#fff;background:#10b981}.tsk-reject-btn{color:#ef4444;border-color:#ef4444;flex:1}.tsk-reject-btn:hover{color:#fff;background:#ef4444}.tsk-empty-state{text-align:center;background:var(--tsk-surface);border:1px solid var(--tsk-border);border-radius:24px;padding:60px 30px}.tsk-empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.tsk-empty-state h3{font-family:var(--tsk-font-head);color:var(--tsk-text-1);letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.tsk-empty-state p{font-family:var(--tsk-font-body);color:var(--tsk-text-3);margin-bottom:24px;font-size:14px}.tsk-empty-add-btn{color:#fff;font-family:var(--tsk-font-head);cursor:pointer;transition:all var(--tsk-transition);background:linear-gradient(135deg,#1e3a6e,#3a7fd5);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.tsk-empty-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.tsk-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#020915b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tsk-modal-content{background:var(--tsk-surface);box-shadow:var(--tsk-shadow-lg);border-radius:28px;animation:.3s tsk-slide-up;overflow:hidden}@keyframes tsk-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tsk-filter-modal{width:90%;max-width:350px}.tsk-add-task-modal{width:90%;max-width:600px}.tsk-reject-modal{width:90%;max-width:450px}.tsk-modal-header-enhanced{background:linear-gradient(135deg, var(--tsk-s-50), var(--tsk-surface));border-bottom:1px solid var(--tsk-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tsk-modal-header-left{align-items:center;gap:14px;display:flex}.tsk-modal-header-icon{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.tsk-modal-title-enhanced{font-family:var(--tsk-font-head);color:var(--tsk-text-1);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.tsk-modal-subtitle{font-family:var(--tsk-font-body);color:var(--tsk-text-3);margin:2px 0 0;font-size:12px}.tsk-modal-close-enhanced{background:var(--tsk-s-100);border:1px solid var(--tsk-border);cursor:pointer;width:36px;height:36px;transition:all var(--tsk-transition);border-radius:12px;justify-content:center;align-items:center;font-size:16px;display:flex}.tsk-modal-close-enhanced:hover{background:var(--tsk-s-200)}.tsk-modal-body-enhanced{max-height:60vh;padding:24px;overflow-y:auto}.tsk-form-group{margin-bottom:20px}.tsk-form-label{font-family:var(--tsk-font-mono);color:#334155;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.tsk-required{color:#ef4444}.tsk-input-wrapper,.tsk-textarea-wrapper,.tsk-date-input-wrapper{position:relative}.tsk-input-icon,.tsk-textarea-icon,.tsk-date-icon{color:#94a3b8;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tsk-textarea-icon{top:14px;transform:none}.tsk-form-input,.tsk-form-input-date{width:100%;font-family:var(--tsk-font-body);background:var(--tsk-surface);transition:all var(--tsk-transition);border:1.5px solid #e2e8f0;border-radius:14px;padding:12px 12px 12px 42px;font-size:14px;font-weight:500}.tsk-form-input:focus,.tsk-form-input-date:focus{border-color:#3a7fd5;outline:none;box-shadow:0 0 0 3px #3b82f61a}.tsk-form-input.filled{border-color:#3a7fd5}.tsk-form-textarea{width:100%;font-family:var(--tsk-font-body);resize:vertical;border:1.5px solid #e2e8f0;border-radius:14px;min-height:80px;padding:12px 12px 12px 42px;font-size:14px;font-weight:500}.tsk-form-textarea:focus{border-color:#3a7fd5;outline:none;box-shadow:0 0 0 3px #3b82f61a}.tsk-input-hint{font-family:var(--tsk-font-body);color:#94a3b8;margin-top:6px;font-size:11px}.tsk-site-selector{border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;max-height:150px;padding:8px;display:flex;overflow-y:auto}.tsk-site-option{cursor:pointer;transition:all var(--tsk-transition);background:#f8fafe;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.tsk-site-option:hover{background:#edf1f9}.tsk-site-option.active{background:#3b82f61a;border-left:3px solid #3a7fd5}.tsk-site-option-icon{font-size:16px}.tsk-site-option-name{font-family:var(--tsk-font-body);flex:1;font-size:13px;font-weight:500}.tsk-site-option-check{color:#3a7fd5;font-weight:700}.tsk-manager-selector{border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.tsk-manager-option{cursor:pointer;transition:all var(--tsk-transition);background:#f8fafe;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}.tsk-manager-option:hover{background:#edf1f9}.tsk-manager-option.active{background:#3b82f61a;border-left:3px solid #3a7fd5}.tsk-manager-avatar{width:40px;height:40px;font-family:var(--tsk-font-head);border-radius:12px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.tsk-manager-details{flex:1}.tsk-manager-name{font-family:var(--tsk-font-head);color:#0d1b2e;font-size:13px;font-weight:600;display:block}.tsk-manager-email{font-family:var(--tsk-font-body);color:#8a9bb5;font-size:11px;display:block}.tsk-current-badge{font-family:var(--tsk-font-mono);color:#fff;background:#3a7fd5;border-radius:12px;padding:2px 8px;font-size:10px}.tsk-manager-check{color:#3a7fd5;margin-left:8px;font-weight:700}.tsk-priority-selector{flex-wrap:wrap;gap:12px;display:flex}.tsk-priority-option{cursor:pointer;transition:all var(--tsk-transition);border:1.5px solid;border-radius:40px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.tsk-priority-option:hover,.tsk-priority-option.active{transform:translateY(-2px)}.tsk-priority-dot{border-radius:5px;width:10px;height:10px}.tsk-priority-name{font-family:var(--tsk-font-mono);font-size:13px;font-weight:600}.tsk-info-message{font-family:var(--tsk-font-body);border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-size:12px;display:flex}.tsk-info-message.info{color:#3a7fd5;background:#3b82f614;border-left:3px solid #3a7fd5}.tsk-info-message.error{color:#dc2626;background:#fee2e2}.tsk-loading-managers{background:#f8fafe;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.tsk-loading-spinner-small{border:2px solid #3b82f633;border-top-color:#3a7fd5;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite tsk-spin}.tsk-modal-footer-enhanced{border-top:1px solid var(--tsk-border);background:var(--tsk-s-50);gap:12px;padding:16px 24px;display:flex}.tsk-cancel-btn-enhanced{background:var(--tsk-surface);font-family:var(--tsk-font-head);color:var(--tsk-text-2);cursor:pointer;transition:all var(--tsk-transition);border:1.5px solid #e2e8f0;border-radius:14px;flex:1;padding:12px;font-size:14px;font-weight:600}.tsk-cancel-btn-enhanced:hover{background:var(--tsk-s-100)}.tsk-submit-btn-enhanced{color:#fff;font-family:var(--tsk-font-head);cursor:pointer;transition:all var(--tsk-transition);border:none;border-radius:14px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;display:flex}.tsk-submit-btn-enhanced:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.tsk-submit-btn-enhanced:disabled{opacity:.6;cursor:not-allowed}.tsk-modal-header{border-bottom:1px solid var(--tsk-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tsk-modal-header h3{font-family:var(--tsk-font-head);margin:0;font-size:18px;font-weight:700}.tsk-modal-close{background:var(--tsk-s-100);border:1px solid var(--tsk-border);cursor:pointer;width:36px;height:36px;transition:all var(--tsk-transition);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.tsk-modal-close:hover{background:var(--tsk-s-200)}.tsk-modal-body{max-height:60vh;padding:8px 0;overflow-y:auto}.tsk-filter-option{cursor:pointer;transition:background var(--tsk-transition);font-family:var(--tsk-font-body);color:var(--tsk-text-1);justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;display:flex}.tsk-filter-option:hover{background:var(--tsk-s-50)}.tsk-filter-option.active{color:#3a7fd5;background:#3b82f614;font-weight:600}.tsk-check{color:#10b981;font-weight:700}.tsk-form-field{margin-bottom:16px}.tsk-form-field label{font-family:var(--tsk-font-mono);color:var(--tsk-text-2);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.tsk-form-field textarea{width:100%;font-family:var(--tsk-font-body);resize:vertical;border:1.5px solid #e2e8f0;border-radius:12px;padding:12px;font-size:14px}.tsk-form-field textarea:focus{border-color:#ef4444;outline:none;box-shadow:0 0 0 3px #ef44441a}.tsk-modal-footer{border-top:1px solid var(--tsk-border);gap:12px;padding:16px 24px;display:flex}.tsk-cancel-btn{background:var(--tsk-surface);font-family:var(--tsk-font-head);color:var(--tsk-text-2);cursor:pointer;transition:all var(--tsk-transition);border:1.5px solid #e2e8f0;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:600}.tsk-cancel-btn:hover{background:var(--tsk-s-100)}.tsk-reject-submit-btn{color:#fff;font-family:var(--tsk-font-head);cursor:pointer;transition:all var(--tsk-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:12px;flex:2;padding:12px;font-size:14px;font-weight:700}.tsk-reject-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.tsk-reject-submit-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes tsk-fade-in-up{to{opacity:1;transform:translateY(0)}}@keyframes tsk-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.tsk-loading-bar{height:20px;animation:none}}@media (width<=1100px){.tsk-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (width<=900px){.tsk-header-inner{padding:0 20px}.tsk-content{padding:20px 20px 48px}.tsk-header-title{font-size:24px}.tsk-stats-strip,.tsk-kpi-strip{padding:0 20px}}@media (width<=768px){.tsk-tasks-grid{grid-template-columns:1fr}.tsk-stats-strip{gap:8px}.tsk-stat-pill{min-width:70px;padding:6px 12px}.tsk-stat-value{font-size:16px}.tsk-boss-actions{flex-direction:column}.tsk-manager-option{flex-wrap:wrap}.tsk-current-badge{margin-left:auto}.tsk-priority-selector{flex-direction:column}.tsk-priority-option{justify-content:flex-start;padding:10px 16px}.tsk-add-task-modal{width:95%}}:root{--td-navy-950:#020915;--td-navy-900:#040d21;--td-navy-800:#071530;--td-navy-700:#0d2347;--td-navy-600:#1a3a6b;--td-blue:#3b82f6;--td-blue-l:#60a5fa;--td-blue-d:#1d4ed8;--td-gold:#f59e0b;--td-green:#10b981;--td-green-d:#059669;--td-red:#ef4444;--td-red-b:#f43f5e;--td-purple:#8b5cf6;--td-surface:#fff;--td-s-50:#f8faff;--td-s-100:#eef3ff;--td-s-200:#e2eaff;--td-border:#e4ecff;--td-text-1:#0a1628;--td-text-2:#3d5278;--td-text-3:#7a8faf;--td-radius-sm:12px;--td-radius:18px;--td-radius-lg:24px;--td-shadow-sm:0 1px 4px #0a163c0f;--td-shadow:0 4px 16px #0a163c14;--td-shadow-md:0 8px 28px #0a163c1a;--td-shadow-lg:0 16px 48px #0a163c24;--td-transition:.22s cubic-bezier(.4, 0, .2, 1);--td-font-head:"Space Grotesk", "Syne", system-ui, sans-serif;--td-font-body:"DM Sans", system-ui, sans-serif;--td-font-mono:"JetBrains Mono", "Fira Code", monospace}.td-dashboard{font-family:var(--td-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.td-dashboard h1,.td-dashboard h2,.td-dashboard h3,.td-dashboard h4,.td-header-title,.td-card-title,.td-rejection-title,.td-timeline-title,.td-priority-chip{font-family:var(--td-font-head);letter-spacing:-.02em}.td-info-value,.td-priority-chip,.td-badge,.td-timeline-date,.td-source-log-date,.td-rejection-footer span,.td-stat-value{letter-spacing:-.01em;font-family:var(--td-font-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;font-weight:600!important}[dir=rtl] .td-nav-wrapper,[dir=rtl] .td-card-header{flex-direction:row-reverse}[dir=rtl] .td-info-row{flex-direction:row-reverse;justify-content:space-between}[dir=rtl] .td-ai-reason{border-left:none;border-right-width:3px}[dir=rtl] .td-source-log-card .td-chevron-right{transform:scaleX(-1)}.td-dashboard{background:var(--td-s-50);min-height:100vh;position:relative;overflow-x:hidden}.td-bg-mesh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.td-mesh-orb{filter:blur(80px);opacity:.04;border-radius:50%;animation:12s ease-in-out infinite td-orb-float;position:absolute}.td-mesh-orb-1{background:radial-gradient(circle,#3b82f6,#0000);width:600px;height:600px;animation-delay:0s;top:-150px;right:-80px}.td-mesh-orb-2{background:radial-gradient(circle,#8b5cf6,#0000);width:400px;height:400px;animation-delay:-4s;bottom:10%;left:-80px}.td-mesh-orb-3{opacity:.03;background:radial-gradient(circle,#10b981,#0000);width:350px;height:350px;animation-delay:-8s;top:40%;left:30%}@keyframes td-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(25px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.96)}}.td-loading-screen{background:var(--td-navy-950);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;display:flex}.td-loading-logo{text-align:center}.td-loading-pulse{margin-bottom:16px;font-size:48px;animation:1.5s ease-in-out infinite td-loading-bounce}@keyframes td-loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.td-loading-logo h2{font-family:var(--td-font-head);color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800}.td-loading-logo p{font-family:var(--td-font-body);color:#ffffff73;font-size:14px}.td-loading-bars{align-items:flex-end;gap:6px;height:36px;display:flex}.td-loading-bar{background:linear-gradient(#3b82f6,#1a3a6b);border-radius:4px;width:8px;animation:1s ease-in-out infinite td-bar-wave}@keyframes td-bar-wave{0%,to{opacity:.4;height:12px}50%{opacity:1;height:36px}}.td-header{z-index:1;padding:32px 0 40px;position:relative;overflow:hidden}.td-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.td-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--td-s-50));height:60px;position:absolute;bottom:0;left:0;right:0}.td-header-inner{max-width:1440px;margin:0 auto;padding:0 32px}.td-nav-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.td-back-btn{font-family:var(--td-font-body);color:#ffffffe6;cursor:pointer;transition:all var(--td-transition);background:#ffffff1f;border:1px solid #fff3;border-radius:30px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-flex}.td-back-btn:hover{background:#ffffff38;transform:translate(-2px)}[dir=rtl] .td-back-btn:hover{transform:translate(2px)}.td-title-section{text-align:center;flex:1}.td-header-title{font-family:var(--td-font-head);color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:28px;font-weight:800}.td-header-subtitle{font-family:var(--td-font-mono);color:#fff9;margin:0;font-size:12px}.td-share-btn{cursor:pointer;width:42px;height:42px;transition:all var(--td-transition);color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:18px;display:flex}.td-share-btn:hover{background:#ffffff38;transform:translateY(-2px)}.td-badges-row{flex-wrap:wrap;gap:12px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.td-badge{font-family:var(--td-font-mono);border-radius:30px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-flex}.td-ai-badge{color:#fff;cursor:pointer;transition:all var(--td-transition);background:#8b5cf633}.td-ai-badge:hover{background:#8b5cf64d;transform:translateY(-1px)}.td-chevron{font-size:12px}.td-approval-badge{background:#f59e0b33}.td-status-badge{background:#64748b33}.td-content{z-index:1;max-width:1200px;margin:0 auto;padding:28px 32px 60px;position:relative}.td-task-container{gap:28px;display:flex}.td-task-main{flex:2}.td-task-actions-sidebar{flex:1;height:fit-content;position:sticky;top:20px}.td-priority-header{margin-bottom:24px}.td-priority-chip{font-family:var(--td-font-mono);border-radius:40px;padding:8px 20px;font-size:13px;font-weight:700;display:inline-block}.td-detail-card{background:var(--td-surface);border:1px solid var(--td-border);transition:all var(--td-transition);box-shadow:var(--td-shadow-sm);border-radius:20px;margin-bottom:24px;padding:24px}.td-detail-card:hover{box-shadow:var(--td-shadow-md)}.td-card-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.td-card-icon{border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.td-card-title{font-family:var(--td-font-head);color:var(--td-text-1);letter-spacing:-.01em;flex:1;margin:0;font-size:16px;font-weight:700}.td-description-text{font-family:var(--td-font-body);color:var(--td-text-2);margin:0;font-size:15px;line-height:1.6}.td-ai-reason{background:var(--td-s-50);font-family:var(--td-font-body);color:#64748b;border-left:3px solid;border-radius:14px;align-items:flex-start;gap:12px;margin-top:16px;padding:16px;font-size:13px;display:flex}.td-details-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;display:grid}.td-info-row{border-bottom:1px solid var(--td-border);justify-content:space-between;padding:12px 0;display:flex}.td-info-row:last-child{border-bottom:none}.td-info-label{font-family:var(--td-font-mono);color:var(--td-text-3);font-size:12px;font-weight:600}.td-info-value{font-family:var(--td-font-mono);color:var(--td-text-1);font-size:13px;font-weight:500}.td-info-value.td-overdue{color:#ef4444}.td-you-badge{color:#3a7fd5;font-weight:700}.td-role-badge{color:#f59e0b}.td-source-log-card{cursor:pointer;transition:all var(--td-transition)}.td-source-log-card:hover{border-color:var(--td-blue);box-shadow:var(--td-shadow-md);transform:translate(4px)}[dir=rtl] .td-source-log-card:hover{transform:translate(-4px)}.td-chevron-right{color:var(--td-text-3);transition:transform var(--td-transition);font-size:18px}.td-source-log-card:hover .td-chevron-right{color:var(--td-blue);transform:translate(4px)}[dir=rtl] .td-source-log-card:hover .td-chevron-right{transform:translate(-4px)}.td-source-log-preview{font-family:var(--td-font-body);color:var(--td-text-2);margin:0 0 10px;font-size:13px;line-height:1.5}.td-source-log-date{font-family:var(--td-font-mono);color:var(--td-text-3);font-size:11px;font-weight:500}.td-rejection-card{background:#fef2f2;border:1px solid #fee2e2;border-radius:20px;margin-bottom:24px;overflow:hidden}.td-rejection-header{background:#fee2e2;align-items:center;gap:10px;padding:14px 20px;display:flex}.td-rejection-icon{font-size:20px}.td-rejection-title{font-family:var(--td-font-head);color:#ef4444;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.td-rejection-body{padding:18px 20px}.td-rejection-body p{font-family:var(--td-font-body);color:var(--td-text-2);margin:0 0 12px;font-size:14px;line-height:1.5}.td-rejection-body p strong{font-family:var(--td-font-head);font-weight:700}.td-rejection-footer{font-family:var(--td-font-mono);color:#94a3b8;border-top:1px solid #fee2e2;justify-content:space-between;padding-top:12px;font-size:11px;font-weight:500;display:flex}.td-timeline-card{margin-bottom:24px}.td-timeline{margin-top:8px}.td-timeline-item{gap:16px;margin-bottom:24px;display:flex}.td-timeline-item:last-child{margin-bottom:0}.td-timeline-dot{border-radius:6px;flex-shrink:0;width:12px;height:12px;margin-top:4px}.td-timeline-content{flex:1}.td-timeline-title{font-family:var(--td-font-head);color:var(--td-text-1);letter-spacing:-.01em;margin-bottom:6px;font-size:14px;font-weight:700}.td-timeline-date{font-family:var(--td-font-mono);color:var(--td-text-3);font-size:12px;font-weight:500}.td-timeline-note{font-family:var(--td-font-body);color:#64748b;border-top:1px dashed var(--td-border);margin-top:8px;padding-top:8px;font-size:12px;font-style:italic}.td-info-card .td-info-row{justify-content:flex-start;gap:20px}.td-info-card .td-info-label{width:120px}.td-action-btn{width:100%;font-family:var(--td-font-head);text-align:center;cursor:pointer;transition:all var(--td-transition);border:none;border-radius:14px;margin-bottom:12px;padding:14px 20px;font-size:14px;font-weight:700;display:block}.td-action-btn:disabled{opacity:.6;cursor:not-allowed}.td-submit-review-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.td-submit-review-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.td-approve-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.td-approve-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.td-reject-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.td-reject-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.td-complete-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.td-complete-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.td-back-btn-side{background:var(--td-s-100);border:1px solid var(--td-border);color:var(--td-text-2)}.td-back-btn-side:hover:not(:disabled){background:var(--td-s-200)}.td-error-state{text-align:center;background:var(--td-surface);border:1px solid var(--td-border);border-radius:24px;max-width:500px;margin:40px auto;padding:60px 30px}.td-error-icon{margin-bottom:20px;font-size:64px}.td-error-state h3{font-family:var(--td-font-head);color:var(--td-text-1);margin-bottom:8px;font-size:20px;font-weight:700}.td-error-state p{font-family:var(--td-font-body);color:var(--td-text-3);margin-bottom:24px;font-size:14px}.td-retry-btn{color:#fff;font-family:var(--td-font-head);cursor:pointer;transition:all var(--td-transition);background:linear-gradient(135deg,#1e3a6e,#3a7fd5);border:none;border-radius:14px;padding:12px 28px;font-size:14px;font-weight:700}.td-retry-btn:hover{transform:translateY(-2px)}.td-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#020915b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.td-modal-content{background:var(--td-surface);width:90%;max-width:450px;box-shadow:var(--td-shadow-lg);border-radius:28px;animation:.3s td-slide-up;overflow:hidden}@keyframes td-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.td-modal-header{border-bottom:1px solid var(--td-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.td-modal-header h3{font-family:var(--td-font-head);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.td-modal-close{background:var(--td-s-100);border:1px solid var(--td-border);cursor:pointer;width:36px;height:36px;transition:all var(--td-transition);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex}.td-modal-close:hover{background:var(--td-s-200)}.td-modal-body{padding:24px}.td-form-field{margin-bottom:16px}.td-form-field label{font-family:var(--td-font-mono);color:var(--td-text-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.td-form-field textarea{width:100%;font-family:var(--td-font-body);resize:vertical;transition:all var(--td-transition);border:1.5px solid #e2e8f0;border-radius:12px;padding:12px;font-size:14px;font-weight:500}.td-form-field textarea:focus{border-color:var(--td-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.td-modal-footer{border-top:1px solid var(--td-border);gap:12px;padding:16px 24px;display:flex}.td-cancel-btn{background:var(--td-surface);font-family:var(--td-font-head);color:var(--td-text-2);cursor:pointer;transition:all var(--td-transition);border:1.5px solid #e2e8f0;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:600}.td-cancel-btn:hover{background:var(--td-s-100)}.td-approve-submit-btn{color:#fff;font-family:var(--td-font-head);cursor:pointer;transition:all var(--td-transition);background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;flex:2;padding:12px;font-size:14px;font-weight:700}.td-approve-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.td-reject-submit-btn{color:#fff;font-family:var(--td-font-head);cursor:pointer;transition:all var(--td-transition);background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:12px;flex:2;padding:12px;font-size:14px;font-weight:700}.td-reject-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.td-approve-submit-btn:disabled,.td-reject-submit-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes td-fade-in-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.td-loading-bar{height:20px;animation:none}}@media (width<=900px){.td-header-inner,.td-badges-row{padding:0 20px}.td-content{padding:20px 20px 48px}.td-header-title{font-size:22px}}@media (width<=768px){.td-task-container{flex-direction:column}.td-details-grid{grid-template-columns:1fr;gap:16px}.td-task-actions-sidebar{position:static}.td-nav-wrapper{text-align:center;flex-direction:column}.td-title-section{order:-1}.td-info-card .td-info-row{flex-direction:column;gap:5px}.td-info-card .td-info-label{width:auto}.td-timeline-item{gap:12px}.td-modal-content{width:95%}}:root{--s-wood:#451a03;--s-amber:#78350f;--s-orange-dark:#92400e;--s-orange:#b45309;--s-gold:#d97706;--s-gold-l:#f59e0b;--s-amber-l:#fcd34d;--s-glow:#f59e0b24;--s-rim:#f59e0b47;--s-soft:#f59e0b0f;--s-bg:#fff9f0;--s-surface:#fff;--s-surf-50:#fffbeb;--s-surf-100:#fef3c7;--s-surf-200:#fde68a;--s-border:#fde68a;--s-border-2:#fcd34d;--s-ink:#451a03;--s-ink-2:#78350f;--s-ink-3:#9ca3af;--s-ink-4:#d1d5db;--s-red:#ef4444;--s-green:#10b981;--s-blue:#3b82f6;--s-purple:#8b5cf6;--f-head:"Space Grotesk", system-ui, sans-serif;--f-body:"Inter", system-ui, sans-serif;--f-mono:"JetBrains Mono", "Fira Code", monospace;--f-display:"Bebas Neue", "Space Grotesk", sans-serif;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-full:9999px;--sh-xs:0 1px 3px #451a030f;--sh-sm:0 2px 8px #451a0314;--sh-md:0 6px 24px #451a031a;--sh-lg:0 16px 48px #451a0321;--sh-gold:0 8px 32px #f59e0b3d;--sh-dark:0 24px 64px #00000080;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--t-fast:.15s var(--ease);--t-base:.22s var(--ease);--t-slow:.38s var(--ease-out)}.dl-summary-value,.dl-milestone-pct,.dl-log-count-pill,.dl-metric-value,.dl-stat-value,.dl-material-qty{text-rendering:geometricprecision;display:inline-block;font-family:var(--f-mono)!important;font-feature-settings:"tnum" 1, "lnum" 1, "zero" 1!important;font-variant-numeric:tabular-nums lining-nums!important;line-height:1!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.dl-dashboard{background:var(--s-bg);min-height:100vh;font-family:var(--f-body);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.dl-bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#f59e0b08 1px,#0000 1px),linear-gradient(90deg,#f59e0b08 1px,#0000 1px);background-size:52px 52px;position:fixed;inset:0;overflow:hidden}.dl-mesh-orb{filter:blur(100px);border-radius:50%;animation:20s ease-in-out infinite dl-orb-drift;position:absolute}.dl-mesh-orb-1{background:radial-gradient(circle,#f59e0b12,#0000 70%);width:700px;height:700px;top:-250px;right:-150px}.dl-mesh-orb-2{background:radial-gradient(circle,#d977060d,#0000 70%);width:500px;height:500px;animation-delay:-7s;bottom:5%;left:-120px}.dl-mesh-orb-3{background:radial-gradient(circle,#fbbf240a,#0000 70%);width:400px;height:400px;animation-delay:-14s;top:45%;left:40%}@keyframes dl-orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(35px,-35px)scale(1.04)}66%{transform:translate(-25px,20px)scale(.97)}}.dl-header{background:radial-gradient(ellipse 100% 80% at 70% 0%, #f59e0b29 0%, transparent 55%), radial-gradient(ellipse 50% 60% at 0% 60%, #d977061a 0%, transparent 60%), linear-gradient(170deg, var(--s-wood) 0%, var(--s-amber) 30%, var(--s-orange-dark) 60%, #92400e 90%, var(--s-gold) 100%);z-index:1;padding:20px 0;position:relative;overflow:hidden}.dl-header:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.dl-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--s-bg));height:40px;position:absolute;bottom:0;left:0;right:0}.dl-header-inner{z-index:1;justify-content:space-between;align-items:center;gap:20px;max-width:1520px;margin:0 auto;padding:0 36px;display:flex;position:relative}.dl-back-btn{cursor:pointer;width:42px;height:42px;transition:all var(--t-base);color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.dl-back-btn:hover{background:#ffffff40;transform:translateY(-2px)}.dl-header-title{flex:1;align-items:center;gap:15px;display:flex}.dl-header-icon{background:#ffffff26;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.dl-header-title h1{font-family:var(--f-head);color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:700}.dl-header-title p{color:#ffffffa6;font-size:12px}.dl-inventory-btn{border-radius:var(--r-full);color:#fff;font-family:var(--f-body);cursor:pointer;transition:all var(--t-base);background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.dl-inventory-btn:hover{background:#fff3;transform:translateY(-1px)}.dl-content{z-index:1;flex-direction:column;gap:20px;max-width:1520px;margin:0 auto;padding:32px 36px 100px;display:flex;position:relative}.dl-section-card{background:var(--s-surface);border-radius:var(--r-lg);border:1px solid var(--s-border);box-shadow:var(--sh-sm);transition:all var(--t-base);padding:20px 24px}.dl-section-card:hover{box-shadow:var(--sh-md)}.dl-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.dl-section-icon{background:var(--s-glow);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.dl-section-title{font-family:var(--f-head);color:var(--s-ink);letter-spacing:-.3px;flex:1;font-size:16px;font-weight:700}.dl-req-badge{color:#ef4444;border-radius:var(--r-full);text-transform:uppercase;background:#ef44441a;padding:4px 10px;font-size:10px;font-weight:700}.dl-site-selector-card{background:var(--s-surface);border-radius:var(--r-lg);border:1px solid var(--s-rim);box-shadow:var(--sh-sm);align-items:center;gap:14px;margin-bottom:4px;padding:16px 20px;display:flex}.dl-site-icon-badge{background:var(--s-glow);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.dl-site-name{font-family:var(--f-head);color:var(--s-ink);margin-bottom:4px;font-size:15px;font-weight:700}.dl-require-badge{border-radius:var(--r-full);color:#ef4444;background:#ef44441a;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.dl-log-count-pill{background:var(--s-glow);border-radius:var(--r-full);color:var(--s-gold);border:1px solid var(--s-rim);font-size:11px;font-weight:700;font-family:var(--f-mono);padding:6px 12px}.dl-site-chip-group{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.dl-site-chip{border-radius:var(--r-full);background:var(--s-bg);border:1.5px solid var(--s-border);color:var(--s-ink-2);cursor:pointer;transition:all var(--t-fast);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.dl-site-chip:hover{border-color:var(--s-gold);transform:translateY(-1px)}.dl-site-chip.active{background:var(--s-gold);border-color:var(--s-gold);color:#fff}.dl-site-warning{color:#ef4444;margin-top:8px;font-size:12px;font-style:italic}.dl-date-card{background:var(--s-surface);border-radius:var(--r-lg);border:1px solid var(--s-border);box-shadow:var(--sh-sm);align-items:center;gap:14px;padding:16px 20px;display:flex}.dl-date-icon{background:var(--s-glow);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.dl-date-label{color:var(--s-ink-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.dl-date-value{font-family:var(--f-head);color:var(--s-ink);margin-top:2px;font-size:15px;font-weight:700}.dl-weather-grid{flex-wrap:wrap;gap:12px;display:flex}.dl-weather-chip{border-radius:var(--r-md);background:var(--s-bg);border:1.5px solid var(--s-border);cursor:pointer;transition:all var(--t-fast);flex-direction:column;align-items:center;gap:6px;min-width:80px;padding:12px 18px;display:flex}.dl-weather-chip:hover{border-color:var(--s-gold);transform:translateY(-2px)}.dl-weather-chip.active{background:var(--s-gold);border-color:var(--s-gold)}.dl-weather-chip.active .dl-weather-label{color:#fff}.dl-weather-icon{font-size:24px}.dl-weather-label{color:var(--s-ink-2);font-size:11px;font-weight:600}.dl-textarea{border:1.5px solid var(--s-border);border-radius:var(--r-sm);width:100%;font-family:var(--f-body);color:var(--s-ink);background:var(--s-bg);transition:all var(--t-fast);resize:vertical;padding:14px;font-size:14px}.dl-textarea:focus{border-color:var(--s-gold);background:var(--s-surface);box-shadow:0 0 0 3px var(--s-glow);outline:none}.dl-milestone-card{background:var(--s-surface);border-radius:var(--r-lg);border:1.5px solid var(--s-rim);box-shadow:var(--sh-sm);padding:18px 22px}.dl-milestone-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.dl-milestone-title{font-family:var(--f-head);color:var(--s-gold);flex:1;font-size:14px;font-weight:700}.dl-milestone-conf{background:var(--s-glow);border-radius:var(--r-full);color:var(--s-gold);padding:3px 10px;font-size:10px;font-weight:700}.dl-milestone-cat{color:var(--s-ink);letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:700}.dl-milestone-track{background:var(--s-bg);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.dl-milestone-fill{background:linear-gradient(90deg, var(--s-gold), var(--s-gold-l));height:100%;transition:width .6s var(--ease-out);border-radius:4px}.dl-milestone-pct{font-family:var(--f-mono);color:var(--s-gold);font-size:20px;font-weight:800}.dl-add-btn{border-radius:var(--r-full);color:#fff;cursor:pointer;transition:all var(--t-fast);border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.dl-add-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.dl-empty-materials{text-align:center;background:var(--s-bg);border-radius:var(--r-md);border:1px dashed var(--s-border);padding:32px 20px}.dl-empty-materials span{opacity:.5;margin-bottom:8px;font-size:32px;display:block}.dl-empty-materials div{color:var(--s-ink-3);font-size:13px}.dl-material-list{flex-direction:column;gap:10px;display:flex}.dl-material-row{background:var(--s-bg);border-radius:var(--r-sm);border:1px solid var(--s-border);transition:all var(--t-fast);align-items:center;gap:14px;padding:10px 12px;display:flex}.dl-material-row:hover{border-color:var(--s-rim);box-shadow:var(--sh-xs)}.dl-material-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.dl-material-info{flex:1;min-width:0}.dl-material-name{font-family:var(--f-head);color:var(--s-ink);margin-bottom:2px;font-size:13px;font-weight:700}.dl-material-meta{color:var(--s-ink-3);font-size:11px}.dl-transfer-note,.dl-return-note{border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;display:inline-block}.dl-transfer-note{color:#8b5cf6;background:#8b5cf61a}.dl-return-note{color:var(--s-gold);background:#f59e0b1a}.dl-material-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.dl-type-pill{letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:800}.dl-action-btn{border:1px solid var(--s-border);cursor:pointer;width:28px;height:28px;transition:all var(--t-fast);background:#0000000a;border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.dl-action-btn:hover{background:var(--s-glow);border-color:var(--s-gold);transform:scale(1.05)}.dl-remove-btn{cursor:pointer;width:28px;height:28px;transition:all var(--t-fast);color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.dl-remove-btn:hover{background:#ef444433;transform:scale(1.05)}.dl-summary-card{background:linear-gradient(135deg, var(--s-surface) 0%, var(--s-surf-50) 100%);border-radius:var(--r-lg);border-left:4px solid var(--s-gold);border:1px solid var(--s-border);border-left-width:4px;padding:18px 22px}.dl-summary-header{font-family:var(--f-head);color:var(--s-ink);align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.dl-summary-stats{justify-content:space-around;gap:16px;display:flex}.dl-summary-stat{text-align:center;flex:1}.dl-summary-value{font-family:var(--f-mono);margin-bottom:5px;font-size:22px;font-weight:700;display:block}.dl-summary-label{color:var(--s-ink-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.dl-photo-actions{gap:12px;margin-bottom:16px;display:flex}.dl-photo-btn{border-radius:var(--r-sm);background:var(--s-glow);border:1.5px solid var(--s-rim);color:var(--s-gold);cursor:pointer;transition:all var(--t-fast);text-align:center;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.dl-photo-btn:hover{background:var(--s-soft);transform:translateY(-1px)}.dl-photo-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:12px;display:grid}.dl-photo-thumb{aspect-ratio:1;border-radius:var(--r-sm);background:var(--s-bg);border:1px solid var(--s-border);position:relative;overflow:hidden}.dl-photo-thumb img{object-fit:cover;width:100%;height:100%}.dl-photo-remove{color:#fff;cursor:pointer;width:22px;height:22px;transition:all var(--t-fast);background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:4px;right:4px}.dl-photo-remove:hover{background:#ef4444;transform:scale(1.05)}.dl-ai-banner{background:var(--s-surface);border-radius:var(--r-lg);box-shadow:var(--sh-sm);border-left:4px solid;align-items:center;gap:14px;padding:16px 20px;display:flex}.dl-ai-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.dl-ai-text{flex:1}.dl-ai-title{font-family:var(--f-head);margin-bottom:2px;font-size:14px;font-weight:700}.dl-ai-subtext{color:var(--s-ink-3);font-size:11px}.dl-ai-hint{background:var(--s-soft);border-radius:var(--r-lg);border:1px solid var(--s-rim);align-items:center;gap:12px;padding:14px 20px;display:flex}.dl-ai-hint-icon{font-size:20px}.dl-ai-hint span:last-child{color:var(--s-ink-2);font-size:12px;line-height:1.4}.dl-footer{background:var(--s-surface);border-top:1px solid var(--s-border);z-index:10;padding:16px 36px;position:sticky;bottom:0}.dl-submit-btn{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--s-gold), var(--s-gold-l));color:#fff;width:100%;font-family:var(--f-head);cursor:pointer;transition:all var(--t-base);box-shadow:var(--sh-gold);border:none;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:16px;font-weight:700;display:flex}.dl-submit-btn:hover:not(:disabled){filter:brightness(1.02);transform:translateY(-2px)}.dl-submit-btn:disabled{opacity:.6;cursor:not-allowed}.dl-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#451a03a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dl-modal-content{background:var(--s-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:600px;max-height:90vh;animation:dl-slide-up .3s var(--ease-out);overflow:hidden}.dl-modal-small{max-width:480px}@keyframes dl-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dl-modal-handle{background:var(--s-border);border-radius:2px;width:40px;height:4px;margin:12px auto 0}.dl-modal-header{border-bottom:1px solid var(--s-border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.dl-modal-title{align-items:center;gap:12px;display:flex}.dl-modal-icon{background:var(--s-glow);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.dl-modal-title h3{font-family:var(--f-head);color:var(--s-ink);letter-spacing:-.3px;font-size:17px;font-weight:700}.dl-modal-close{background:var(--s-bg);border:1px solid var(--s-border);cursor:pointer;width:36px;height:36px;transition:all var(--t-fast);border-radius:10px;font-size:18px}.dl-modal-close:hover{color:#ef4444;background:#ef44441a}.dl-modal-body{max-height:65vh;padding:20px 22px;overflow-y:auto}.dl-modal-footer{border-top:1px solid var(--s-border);gap:12px;padding:16px 22px;display:flex}.dl-modal-cancel{border-radius:var(--r-sm);border:1.5px solid var(--s-border-2);background:var(--s-bg);color:var(--s-ink-2);cursor:pointer;transition:all var(--t-fast);flex:1;padding:12px;font-size:14px;font-weight:600}.dl-modal-cancel:hover{color:#ef4444;border-color:#ef4444}.dl-modal-add{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--s-gold), var(--s-gold-l));color:#fff;cursor:pointer;transition:all var(--t-fast);border:none;flex:2;padding:12px;font-size:14px;font-weight:700}.dl-modal-add:hover:not(:disabled){box-shadow:var(--sh-gold);transform:translateY(-1px)}.dl-modal-add:disabled{opacity:.6;cursor:not-allowed}.dl-transaction-type-container{margin-bottom:20px}.dl-transaction-type-label{color:var(--s-ink-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:700}.dl-transaction-type-scroll{flex-direction:column;gap:10px;display:flex}.dl-transaction-type-card{border-radius:var(--r-sm);background:var(--s-bg);cursor:pointer;transition:all var(--t-fast);border:1.5px solid;align-items:center;gap:14px;padding:12px;display:flex;position:relative}.dl-transaction-type-card:hover{transform:translate(4px)}.dl-transaction-type-card.active{background:var(--s-surface);box-shadow:var(--sh-sm)}.dl-transaction-type-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.dl-transaction-type-info{flex:1}.dl-transaction-type-name{margin-bottom:2px;font-size:14px;font-weight:700}.dl-transaction-type-desc{color:var(--s-ink-3);font-size:10px}.dl-active-indicator{background:var(--s-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.dl-info-banner{border-radius:var(--r-sm);color:var(--s-gold);background:#f59e0b14;align-items:center;gap:10px;margin-bottom:20px;padding:12px;font-size:12px;display:flex}.dl-modal-search{background:var(--s-bg);border:1.5px solid var(--s-border);border-radius:var(--r-sm);align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.dl-search-icon{opacity:.5;font-size:14px}.dl-modal-search input{font-size:14px;font-family:var(--f-body);background:0 0;border:none;outline:none;flex:1}.dl-modal-tabs{background:var(--s-bg);border-radius:var(--r-sm);gap:4px;margin-bottom:16px;padding:4px;display:flex}.dl-modal-tab{border-radius:var(--r-xs);color:var(--s-ink-2);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;flex:1;padding:8px;font-size:12px;font-weight:600}.dl-modal-tab.active{background:var(--s-surface);color:var(--s-gold);box-shadow:var(--sh-xs)}.dl-modal-section-label{color:var(--s-ink-3);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 10px;font-size:11px;font-weight:700}.dl-suggestion-list{flex-direction:column;gap:6px;max-height:250px;margin-bottom:16px;display:flex;overflow-y:auto}.dl-suggestion-row{border-radius:var(--r-sm);background:var(--s-bg);border:1px solid var(--s-border);cursor:pointer;transition:all var(--t-fast);text-align:left;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.dl-suggestion-row:hover{border-color:var(--s-gold);background:var(--s-soft);transform:translate(4px)}.dl-suggestion-icon{background:var(--s-glow);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.dl-suggestion-info{flex:1}.dl-suggestion-name{color:var(--s-ink);margin-bottom:2px;font-size:13px;font-weight:600}.dl-suggestion-meta{color:var(--s-ink-3);font-size:10px}.dl-chevron{color:var(--s-ink-4);font-size:14px}.dl-modal-empty{text-align:center;background:var(--s-bg);border-radius:var(--r-sm);margin-bottom:16px;padding:32px}.dl-modal-empty span{opacity:.5;margin-bottom:8px;font-size:36px;display:block}.dl-modal-empty div{color:var(--s-ink-3);font-size:13px}.modal-loading{text-align:center;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.dl-quick-grid{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.dl-quick-chip{border-radius:var(--r-full);background:var(--s-glow);border:1px solid var(--s-rim);color:var(--s-gold);cursor:pointer;transition:all var(--t-fast);padding:8px 14px;font-size:11px;font-weight:600}.dl-quick-chip:hover{background:var(--s-gold);color:#fff;transform:translateY(-1px)}.dl-stock-badge{border-radius:12px;align-items:center;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.dl-stock-good{color:#10b981;background:#10b9811a}.dl-stock-low{color:#f59e0b;background:#f59e0b1a}.dl-stock-out{color:#ef4444;background:#ef44441a}.dl-stock-pill{border-radius:10px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600}.dl-or-divider{align-items:center;gap:12px;margin:16px 0;display:flex}.dl-or-line{background:var(--s-border);flex:1;height:1px}.dl-or-text{color:var(--s-ink-3);text-transform:uppercase;font-size:11px;font-weight:600}.dl-form-group{margin-bottom:16px}.dl-form-row{gap:14px;margin-bottom:16px;display:flex}.dl-form-label{color:var(--s-ink-2);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.dl-form-input{border:1.5px solid var(--s-border);border-radius:var(--r-sm);width:100%;font-size:14px;font-family:var(--f-body);background:var(--s-bg);transition:all var(--t-fast);padding:12px}.dl-form-input:focus{border-color:var(--s-gold);background:var(--s-surface);outline:none}.dl-form-select{border:1.5px solid var(--s-border);border-radius:var(--r-sm);width:100%;font-size:14px;font-family:var(--f-body);background:var(--s-bg);cursor:pointer;padding:12px}.dl-unit-select{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.dl-unit-dropdown{background:var(--s-surface);border:1.5px solid var(--s-border);border-radius:var(--r-sm);z-index:10;max-height:200px;box-shadow:var(--sh-md);margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dl-unit-option{text-align:left;cursor:pointer;width:100%;transition:background var(--t-fast);background:0 0;border:none;padding:10px 14px;font-size:13px}.dl-unit-option:hover{background:var(--s-glow)}.dl-category-grid{flex-wrap:wrap;gap:8px;display:flex}.dl-category-chip{border-radius:var(--r-full);border:1.5px solid var(--s-border);background:var(--s-bg);color:var(--s-ink-2);cursor:pointer;transition:all var(--t-fast);padding:7px 14px;font-size:12px;font-weight:500}.dl-category-chip:hover{border-color:var(--s-gold);color:var(--s-gold)}.dl-category-chip.active{background:var(--s-gold);border-color:var(--s-gold);color:#fff}.dl-special-fields{background:var(--s-bg);border-radius:var(--r-sm);border:1px solid var(--s-border);margin-top:16px;padding:16px}.dl-special-header{color:var(--s-ink);border-bottom:1px solid var(--s-border);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:8px;font-size:13px;font-weight:700;display:flex}.dl-site-scroll{flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:8px;display:flex}.dl-no-sites{color:var(--s-ink-3);padding:8px;font-size:12px}.dl-transfer-info{background:var(--s-bg);border-radius:var(--r-sm);text-align:center;border:1px solid var(--s-border);margin-bottom:16px;padding:12px}.dl-transfer-info strong{margin-bottom:4px;font-size:14px;display:block}.dl-transfer-info span{color:var(--s-ink-3);font-size:12px}.dl-spinner-small{border:2px solid #fff3;border-top-color:var(--s-gold);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite dl-spin}.dl-spinner-white{border:2px solid #fff3;border-top-color:#fff}@keyframes dl-spin{to{transform:rotate(360deg)}}.fade-in-up{opacity:0;animation:dl-fade-up .48s var(--ease-out) forwards;transform:translateY(14px)}@keyframes dl-fade-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}[dir=rtl] .dl-back-btn{transform:rotate(180deg)}[dir=rtl] .dl-back-btn:hover{transform:rotate(180deg)translateY(-2px)}[dir=rtl] .dl-material-actions{flex-direction:row-reverse}[dir=rtl] .dl-suggestion-row:hover,[dir=rtl] .dl-transaction-type-card:hover{transform:translate(-4px)}@media (width<=900px){.dl-header-inner,.dl-content,.dl-footer{padding-left:20px;padding-right:20px}.dl-content{gap:16px;padding-top:24px;padding-bottom:80px}.dl-header-title h1{font-size:18px}.dl-weather-chip{min-width:70px;padding:8px 14px}.dl-summary-stats{flex-direction:column;gap:12px}.dl-summary-stat{justify-content:space-between;align-items:center;display:flex}.dl-summary-value{font-size:18px}}@media (width<=640px){.dl-header-inner{flex-wrap:wrap}.dl-header-title{flex:1;order:1}.dl-inventory-btn{order:2;padding:8px 16px;font-size:12px}.dl-back-btn{order:0}.dl-section-card{padding:16px}.dl-material-row{flex-wrap:wrap}.dl-material-actions{justify-content:flex-end;width:100%;margin-top:8px}.dl-weather-grid{grid-template-columns:repeat(2,1fr)}.dl-weather-chip{flex-direction:row;justify-content:center;gap:8px}.dl-photo-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.dl-form-row{flex-direction:column;gap:12px}.dl-quick-grid{max-height:150px;overflow-y:auto}}:root{--forest:#1b4332;--forest-deep:#0d2b1e;--moss:#2d6a4f;--sage:#40916c;--sage-mid:#52b788;--mint:#74c69d;--dew:#b7e4c7;--foam:#d8f3dc;--mist:#f0faf2;--teal:#0d7377;--teal-light:#14a085;--sand:#e9c46a;--ink:#1c2b20;--charcoal:#374151;--smoke:#6b7280;--pebble:#9ca3af;--silver:#d1d5db;--cloud:#f9fafb;--white:#fff;--success:#059669;--error:#dc2626;--warning:#d97706;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-card:0 6px 18px #1b433217;--shadow-button:0 6px 12px #2d6a4f47;--shadow-glow:0 4px 14px #40916c59;--ease:cubic-bezier(.4, 0, .2, 1);--t-base:.22s var(--ease)}.register-container{background:var(--mist);min-height:100vh;font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.register-bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#40916c08 1px,#0000 1px),linear-gradient(90deg,#40916c08 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;overflow:hidden}.register-mesh-orb{filter:blur(100px);border-radius:50%;animation:20s ease-in-out infinite orb-drift;position:absolute}.register-mesh-orb-1{background:radial-gradient(circle,#40916c14,#0000 70%);width:600px;height:600px;top:-200px;right:-150px}.register-mesh-orb-2{background:radial-gradient(circle,#74c69d0f,#0000 70%);width:450px;height:450px;animation-delay:-7s;bottom:10%;left:-100px}.register-mesh-orb-3{background:radial-gradient(circle,#0d73770d,#0000 70%);width:350px;height:350px;animation-delay:-14s;top:50%;left:40%}.register-header{background:linear-gradient(170deg, var(--forest-deep) 0%, var(--forest) 30%, var(--moss) 60%, var(--sage) 100%);z-index:1;padding:20px 0 30px;position:relative;overflow:hidden}.register-header:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff05 3px 4px);position:absolute;inset:0}.register-header:after{content:"";background:linear-gradient(to bottom, transparent, var(--mist));height:30px;position:absolute;bottom:0;left:0;right:0}.register-header-inner{z-index:1;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;position:relative}.register-back-btn{border-radius:var(--radius-md);cursor:pointer;width:42px;height:42px;transition:all var(--t-base);color:var(--white);background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;font-size:20px;display:flex}.register-back-btn:hover{background:#ffffff40;transform:translateY(-2px)}.register-header-center{text-align:center;flex:1}.register-brand-pill{border-radius:var(--radius-full);color:var(--white);letter-spacing:.5px;background:#ffffff2e;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.register-header-title{color:var(--white);letter-spacing:-.3px;margin-bottom:4px;font-family:Space Grotesk,system-ui,sans-serif;font-size:20px;font-weight:800}.register-header-sub{color:#ffffffb3;font-size:12px}.register-step-badge{border-radius:var(--radius-md);background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;gap:2px;width:50px;height:42px;display:flex}.register-step-num{color:var(--white);font-size:18px;font-weight:800}.register-step-denom{color:#fff9;margin-top:2px;font-size:11px}.register-main{z-index:1;max-width:600px;margin:0 auto;padding:24px 20px 60px;position:relative}.register-step-track{align-items:center;margin-bottom:28px;padding:0 8px;display:flex}.register-step-node{flex-direction:column;align-items:center;min-width:70px;display:flex}.register-step-bubble{width:48px;height:48px;transition:all var(--t-base);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.register-step-bubble.active{background:var(--moss);color:var(--white);box-shadow:0 4px 12px #2d6a4f66}.register-step-bubble.done{background:var(--sage);color:var(--white)}.register-step-bubble:not(.active):not(.done){background:var(--foam);border:2px solid var(--dew);color:var(--pebble)}.register-step-label{color:var(--pebble);margin-top:8px;font-size:11px;font-weight:600}.register-step-label.active{color:var(--moss)}.register-step-line{background:var(--dew);border-radius:1px;flex:1;height:2px;margin:0 8px;overflow:hidden}.register-step-line-fill{background:var(--sage);width:0;height:100%;transition:width .4s var(--ease)}.register-step-line-fill.filled{width:100%}.register-form-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--foam);box-shadow:var(--shadow-card);overflow:hidden}.register-step-body{padding:28px}.register-step-head{gap:14px;margin-bottom:28px;display:flex}.register-step-accent{background:var(--moss);border-radius:2px;width:4px;height:50px}.register-step-accent-teal{background:var(--teal)}.register-step-accent-sand{background:var(--sand)}.register-step-title{color:var(--forest);letter-spacing:-.4px;margin-bottom:4px;font-family:Space Grotesk,system-ui,sans-serif;font-size:22px;font-weight:800}.register-step-desc{color:var(--smoke);font-size:13px}.register-field{margin-bottom:20px}.register-field-label{color:var(--charcoal);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.register-input-card{background:var(--cloud);border:1.5px solid var(--silver);border-radius:var(--radius-md);transition:all var(--t-base);align-items:center;gap:10px;padding:12px 14px;display:flex}.register-input-card:focus-within{border-color:var(--sage);background:var(--white);box-shadow:0 0 0 3px #40916c1a}.register-input-icon{opacity:.6;font-size:16px}.register-input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:Inter,system-ui,sans-serif;font-size:14px}.register-input::placeholder{color:var(--pebble)}.register-password-toggle{cursor:pointer;opacity:.6;transition:opacity var(--t-base);background:0 0;border:none;font-size:16px}.register-password-toggle:hover{opacity:1}.register-industry-grid{flex-wrap:wrap;gap:12px;display:flex}.register-industry-chip{background:var(--foam);border:1.5px solid var(--dew);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-base);flex-direction:column;align-items:center;gap:6px;min-width:90px;padding:12px 16px;display:flex}.register-industry-chip:hover{border-color:var(--sage);transform:translateY(-2px)}.register-industry-chip.active{background:var(--moss);border-color:var(--moss);color:var(--white)}.register-industry-icon{font-size:24px}.register-industry-chip span:last-child{font-size:12px;font-weight:600}.register-industry-chip.active span:last-child{color:var(--white)}.register-row{gap:14px;display:flex}.register-strength-card{background:var(--mist);border-radius:var(--radius-md);margin-top:8px;padding:16px}.register-strength-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.register-strength-title{color:var(--charcoal);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.register-strength-badge{border-radius:var(--radius-full);border:1px solid;padding:4px 12px;font-size:11px;font-weight:700}.register-strength-bar{gap:6px;margin-bottom:16px;display:flex}.register-strength-segment{height:5px;transition:background .3s var(--ease);border-radius:3px;flex:1}.register-check-list{flex-direction:column;gap:8px;display:flex}.register-check-item{align-items:center;gap:8px;display:flex}.register-check-dot{background:var(--silver);width:18px;height:18px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.register-check-dot.checked{background:var(--success)}.register-check-text{color:var(--pebble);font-size:12px}.register-check-text.checked{color:var(--success)}.register-terms-container{margin-bottom:20px;position:relative}.register-terms-scroll{background:var(--cloud);border-radius:var(--radius-md);border:1px solid var(--silver);max-height:260px;padding:16px;overflow-y:auto}.register-terms-scroll::-webkit-scrollbar{width:4px}.register-terms-scroll::-webkit-scrollbar-track{background:var(--silver);border-radius:2px}.register-terms-scroll::-webkit-scrollbar-thumb{background:var(--sage);border-radius:2px}.register-terms-heading{color:var(--forest);margin-bottom:14px;font-size:14px;font-weight:700}.register-terms-block{margin-bottom:16px}.register-terms-section-head{color:var(--moss);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.register-terms-dot{background:var(--sage);border-radius:50%;width:6px;height:6px}.register-terms-body{color:var(--smoke);white-space:pre-line;padding-left:14px;font-size:12px;line-height:1.5}.register-checkbox-group{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.register-agree-row{background:var(--cloud);border:1.5px solid var(--silver);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-base);align-items:center;gap:12px;padding:14px;display:flex}.register-agree-row.checked{background:var(--foam);border-color:var(--sage)}.register-agree-check{border:2px solid var(--silver);width:22px;height:22px;color:var(--white);border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.register-agree-check.checked{background:var(--moss);border-color:var(--moss)}.register-agree-icon{font-size:18px}.register-info-note{background:var(--foam);border-left:3px solid var(--moss);border-radius:var(--radius-md);color:var(--moss);align-items:center;gap:12px;padding:14px;font-size:13px;font-weight:500;display:flex}.register-info-icon{background:var(--moss);width:32px;height:32px;color:var(--white);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.register-nav-row{gap:12px;margin-top:24px;display:flex}.register-btn-back{background:var(--foam);border:1.5px solid var(--dew);border-radius:var(--radius-lg);color:var(--moss);cursor:pointer;transition:all var(--t-base);flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;display:flex}.register-btn-back:hover:not(:disabled){background:var(--dew);transform:translateY(-1px)}.register-btn-next,.register-btn-submit{background:linear-gradient(90deg, var(--sage-mid), var(--moss));border-radius:var(--radius-lg);color:var(--white);cursor:pointer;transition:all var(--t-base);box-shadow:var(--shadow-glow);border:none;flex:2;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:700;display:flex}.register-btn-next:hover:not(:disabled),.register-btn-submit:hover:not(:disabled){filter:brightness(1.02);transform:translateY(-2px)}.register-btn-next:disabled,.register-btn-submit:disabled{opacity:.6;cursor:not-allowed}.register-login-row{text-align:center;color:var(--smoke);margin-top:24px;font-size:14px}.register-login-link{color:var(--moss);font-weight:700;text-decoration:none}.register-login-link:hover{text-decoration:underline}.register-footer{text-align:center;border-top:1px solid var(--dew);margin-top:32px;padding-top:24px}.register-footer-leaf{color:var(--pebble);justify-content:center;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.register-footer-divider{background:var(--dew);width:50px;height:1px}.register-footer-text{color:var(--pebble);margin-bottom:6px;font-size:11px}.register-copyright{color:var(--silver);font-size:10px}.register-spinner{border:2px solid #fff3;border-top-color:var(--white);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}[dir=rtl] .register-back-btn{transform:rotate(180deg)}[dir=rtl] .register-back-btn:hover{transform:rotate(180deg)translateY(-2px)}[dir=rtl] .register-step-head{flex-direction:row-reverse}[dir=rtl] .register-step-accent{margin-left:14px;margin-right:0}@media (width<=640px){.register-header-inner{padding:0 16px}.register-main{padding:20px 16px 50px}.register-step-body{padding:20px}.register-step-title{font-size:18px}.register-row{flex-direction:column;gap:0}.register-industry-grid{gap:8px}.register-industry-chip{min-width:75px;padding:8px 12px}.register-industry-icon{font-size:20px}.register-nav-row{flex-direction:column}.register-btn-back{order:2}.register-btn-next,.register-btn-submit{order:1}}.forgot-password-page{background:linear-gradient(135deg,#eef3ff,#f5f7fa,#fff);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}body.rtl .forgot-password-page{text-align:right;direction:rtl}body.rtl .send-otp-btn span:last-child{display:inline-block;transform:rotate(180deg)}body.rtl .back-to-login-link{display:inline-block}body.rtl .back-to-login-link span{display:none}.forgot-password-container{z-index:1;width:100%;max-width:460px;padding:24px}.forgot-password-header{text-align:center;margin-bottom:28px}.forgot-password-card{background:#fff;border:1px solid #e8edf5;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0f1c3514}.forgot-password-title{color:#0f1c35;margin:0 0 4px;font-size:22px;font-weight:700}.forgot-password-subtitle{color:#5a6a85;margin:0 0 24px;font-size:13px}.send-otp-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3a7fd5,#5b9fef);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #3a7fd54d}.send-otp-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.send-otp-btn:active:not(:disabled){transform:scale(.98)}.send-otp-btn.loading,.send-otp-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=480px){.forgot-password-card{padding:24px}.logo-circle{width:60px;height:60px}.logo-image{width:36px;height:36px}.logo-ring{width:80px;height:80px}}.verify-otp-page{background:linear-gradient(135deg,#eef3ff,#f5f7fa,#fff);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}body.rtl .verify-otp-page{text-align:right;direction:rtl}body.rtl .verify-btn span:last-child{display:inline-block;transform:rotate(180deg)}.verify-otp-container{z-index:1;width:100%;max-width:460px;padding:24px}.verify-otp-header{text-align:center;margin-bottom:28px}.verify-otp-card{background:#fff;border:1px solid #e8edf5;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0f1c3514}.verify-otp-title{color:#0f1c35;text-align:center;margin:0 0 8px;font-size:22px;font-weight:700}.verify-otp-subtitle{color:#5a6a85;text-align:center;word-break:break-word;margin:0 0 28px;font-size:13px}.otp-input-group{margin-bottom:28px}.field-label{color:#5a6a85;letter-spacing:.6px;text-transform:uppercase;text-align:center;margin-bottom:12px;font-size:11px;font-weight:600;display:block}.otp-inputs{justify-content:center;gap:10px;display:flex}.otp-input{text-align:center;color:#0f1c35;background:#f5f7fa;border:1.5px solid #e8edf5;border-radius:12px;outline:none;width:48px;height:56px;padding:0;font-family:Monaco,Menlo,Courier New,monospace;font-size:20px;font-weight:600;transition:all .2s}.otp-input:focus{background:#fff;border-color:#3a7fd5;transform:scale(1.02);box-shadow:0 0 0 3px #3a7fd51a}.otp-input:not(:disabled):hover{background:#fff;border-color:#5b9fef}.otp-input:disabled{opacity:.5;cursor:not-allowed}body.rtl .otp-input{direction:ltr}.verify-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3a7fd5,#5b9fef);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:15px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #3a7fd54d}.verify-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.verify-btn:active:not(:disabled){transform:scale(.98)}.verify-btn.loading,.verify-btn:disabled{opacity:.6;cursor:not-allowed}.resend-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.resend-text{color:#5a6a85;font-size:13px}.resend-link{color:#3a7fd5;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px;font-weight:600;text-decoration:underline;transition:color .2s}.resend-link:hover:not(:disabled){color:#2e86c1;text-decoration:none}.resend-link:disabled{opacity:.5;cursor:not-allowed}.resend-link-disabled{color:#a0aebf;padding:4px 8px;font-size:13px}.back-to-login-link{color:#3a7fd5;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}@media (width<=480px){.verify-otp-card{padding:24px}.logo-circle{width:60px;height:60px}.logo-image{width:36px;height:36px}.logo-ring{width:80px;height:80px}.otp-input{width:42px;height:50px;font-size:18px}.otp-inputs{gap:8px}}@media (width<=380px){.otp-input{width:38px;height:46px;font-size:16px}.otp-inputs{gap:6px}}.otp-input:focus{animation:.5s ease-out pulse}.reset-password-page{background:linear-gradient(135deg,#eef3ff,#f5f7fa,#fff);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}body.rtl .reset-password-page{text-align:right;direction:rtl}body.rtl .reset-btn span:last-child{display:inline-block;transform:rotate(180deg)}body.rtl .back-to-login-link:before{content:"←";margin-right:5px;display:inline-block}body.rtl .requirement-item{flex-direction:row-reverse}body.rtl .requirement-icon{margin-left:8px;margin-right:0}.reset-password-container{z-index:1;width:100%;max-width:460px;padding:24px}.reset-password-header{text-align:center;margin-bottom:28px}.reset-password-card{background:#fff;border:1px solid #e8edf5;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0f1c3514}.reset-password-title{color:#0f1c35;text-align:center;margin:0 0 8px;font-size:22px;font-weight:700}.reset-password-subtitle{color:#5a6a85;text-align:center;margin:0 0 24px;font-size:13px}.password-requirements{background:#f5f7fa;border:1px solid #e8edf5;border-radius:12px;margin-bottom:18px;padding:12px 16px}.requirements-title{color:#5a6a85;letter-spacing:.6px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.requirement-item{align-items:center;margin-bottom:6px;font-size:12px;display:flex}.requirement-item:last-child{margin-bottom:0}.requirement-icon{color:#a0aebf;width:16px;margin-right:8px;font-size:12px;display:inline-block}.requirement-item.met .requirement-icon{color:#10b981}.requirement-text{color:#5a6a85;font-size:12px}.requirement-item.met .requirement-text{color:#10b981;text-decoration:line-through}.error-message{color:#ef4444;margin-top:-12px;margin-bottom:16px;padding-left:4px;font-size:12px}.reset-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3a7fd5,#5b9fef);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:15px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #3a7fd54d}.reset-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.reset-btn:active:not(:disabled){transform:scale(.98)}.reset-btn.loading,.reset-btn:disabled{opacity:.6;cursor:not-allowed}.back-to-login-row{text-align:center}.back-to-login-link{color:#3a7fd5;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.back-to-login-link:hover{color:#2e86c1;text-decoration:underline}@media (width<=480px){.reset-password-card{padding:24px}.logo-circle{width:60px;height:60px}.logo-image{width:36px;height:36px}.logo-ring{width:80px;height:80px}}.ai-chat-dashboard{background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;position:relative;overflow-x:hidden}[dir=rtl] .ai-chat-dashboard{font-family:Segoe UI,Cairo,Roboto,sans-serif}.ai-chat-bg-mesh{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ai-chat-mesh-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite ai-chat-float;position:absolute}.ai-chat-mesh-orb-1{background:radial-gradient(circle,#10b9814d,#0596691a);width:500px;height:500px;top:-150px;right:-150px}.ai-chat-mesh-orb-2{background:radial-gradient(circle,#064e3b40,#0596690d);width:400px;height:400px;animation-delay:5s;bottom:-100px;left:-100px}.ai-chat-mesh-orb-3{background:radial-gradient(circle,#10b98133,#064e3b0d);width:350px;height:350px;animation-delay:10s;top:40%;left:30%}@keyframes ai-chat-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.ai-chat-header{z-index:10;border-bottom:1px solid #ffffff1a;padding:24px 32px;position:relative}.ai-chat-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.ai-chat-header-left{flex:1}.ai-chat-live-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;background:#ffffff26;border-radius:40px;align-items:center;gap:8px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.ai-chat-chip-icon{object-fit:contain;border-radius:4px;width:18px;height:18px}.ai-chat-live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s infinite ai-chat-pulse;display:inline-block}@keyframes ai-chat-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.ai-chat-header-title{color:#fff;align-items:center;gap:12px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.ai-chat-header-icon-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);border-radius:12px;width:44px;height:44px}.ai-chat-header-subtitle{color:#fffc;margin:0;font-size:14px}.ai-chat-header-actions{gap:12px;display:flex}.ai-chat-icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .2s;display:flex}.ai-chat-icon-btn:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.ai-chat-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ai-chat-content{z-index:10;flex-direction:column;max-width:900px;height:calc(100vh - 180px);margin:0 auto;padding:0 24px;display:flex;position:relative}.ai-chat-messages-area{scroll-behavior:smooth;flex:1;padding:24px 0;overflow-y:auto}.ai-chat-messages-area::-webkit-scrollbar{width:6px}.ai-chat-messages-area::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.ai-chat-messages-area::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.ai-chat-messages-area::-webkit-scrollbar-thumb:hover{background:#64748b}.ai-chat-message{opacity:0;gap:14px;margin-bottom:24px;animation:.3s forwards fadeInUp;display:flex}.user-message{justify-content:flex-end}.assistant-message,[dir=rtl] .user-message{justify-content:flex-start}[dir=rtl] .assistant-message{justify-content:flex-end}.ai-chat-message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex;overflow:hidden}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-message .ai-chat-message-avatar{background:linear-gradient(135deg,#1e3a5f,#1a365d);box-shadow:0 4px 12px #1a365d33}.assistant-message .ai-chat-message-avatar{background:linear-gradient(135deg,#e2e8f0,#f1f5f9);box-shadow:0 4px 12px #0000000d}.ai-chat-message-bubble{max-width:75%;position:relative}.user-bubble{order:1}.assistant-bubble,[dir=rtl] .user-bubble{order:-1}[dir=rtl] .assistant-bubble{order:1}.ai-chat-message-content{word-wrap:break-word;border-radius:20px;padding:14px 18px;font-size:14px;line-height:1.6}.user-message .ai-chat-message-content{color:#fff;background:linear-gradient(135deg,#1a365d,#1e3a5f);border-bottom-right-radius:6px;box-shadow:0 2px 8px #0000001a}[dir=rtl] .user-message .ai-chat-message-content{border-bottom-right-radius:20px;border-bottom-left-radius:6px}.assistant-message .ai-chat-message-content{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:6px;box-shadow:0 2px 8px #0000000d}[dir=rtl] .assistant-message .ai-chat-message-content{border-bottom-right-radius:6px;border-bottom-left-radius:20px}.error-message .ai-chat-message-content{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.ai-chat-message-content ul.ai-message-list{margin:8px 0;padding-left:20px}[dir=rtl] .ai-chat-message-content ul.ai-message-list{padding-left:0;padding-right:20px}.ai-chat-message-content li{margin:4px 0}.ai-chat-message-content strong{color:inherit;font-weight:600}.user-message .ai-chat-message-content strong{color:#fbbf24}.ai-chat-message-meta{color:#94a3b8;align-items:center;gap:10px;margin-top:6px;font-size:10px;display:flex}.ai-chat-meta-badge{background:#f1f5f9;border-radius:12px;padding:2px 8px;font-family:monospace;font-size:10px;font-weight:500}.user-message .ai-chat-message-meta{justify-content:flex-end}[dir=rtl] .user-message .ai-chat-message-meta{justify-content:flex-start}.ai-chat-typing-indicator{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:6px;padding:14px 18px;display:flex}.ai-chat-typing-indicator span{background:#94a3b8;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite ai-chat-typing}.ai-chat-typing-indicator span:first-child{animation-delay:0s}.ai-chat-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-chat-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes ai-chat-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.ai-chat-examples-container{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:24px;padding:28px;box-shadow:0 4px 20px #0000000d}.ai-chat-examples-title{color:#64748b;text-align:center;margin-bottom:20px;font-size:14px;font-weight:500}.ai-chat-examples-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.ai-chat-example-btn{color:#1e293b;cursor:pointer;text-align:left;opacity:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;transition:all .2s;animation:.4s forwards fadeInUp;display:flex}[dir=rtl] .ai-chat-example-btn{text-align:right}.ai-chat-example-btn:hover{background:#eff6ff;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b98126}.ai-chat-example-icon{font-size:18px}.ai-chat-example-text{flex:1}.ai-chat-input-area{background:0 0;padding:20px 0 24px}.ai-chat-input-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:32px;gap:12px;padding:6px 6px 6px 20px;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000000d}[dir=rtl] .ai-chat-input-wrapper{padding:6px 20px 6px 6px}.ai-chat-input-wrapper:focus-within{border-color:#10b981;box-shadow:0 4px 20px #10b98126}.ai-chat-input{resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;padding:12px 0;font-family:inherit;font-size:14px}.ai-chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .2s;display:flex}.ai-chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #10b98166}.ai-chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-chat-send-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.ai-chat-input-hint{color:#94a3b8;text-align:center;margin-top:10px;font-size:11px}.ai-chat-loading-screen{background:linear-gradient(135deg,#f8fafc,#f1f5f9);justify-content:center;align-items:center;min-height:100vh;display:flex}.ai-chat-loading-logo{text-align:center}.ai-chat-loading-pulse{width:100px;height:100px;margin:0 auto;animation:1.5s ease-in-out infinite ai-chat-pulse-scale}.ai-chat-loading-img{object-fit:contain;border-radius:20px;width:100%;height:100%}@keyframes ai-chat-pulse-scale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.ai-chat-loading-logo h2{color:#1e293b;margin:16px 0 8px;font-size:20px}.ai-chat-loading-logo p{color:#64748b;margin:0;font-size:14px}.ai-chat-loading-bars{justify-content:center;gap:8px;margin-top:32px;display:flex}.ai-chat-loading-bar{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;width:6px;height:40px;animation:1s ease-in-out infinite ai-chat-loading-bar}@keyframes ai-chat-loading-bar{0%,to{opacity:.5;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.fade-in-up{animation:.4s forwards fadeInUp}.spin{animation:.8s linear infinite spin;display:inline-block}@media (width<=768px){.ai-chat-header{padding:16px 20px}.ai-chat-header-title{font-size:24px}.ai-chat-header-icon-img{width:36px;height:36px}.ai-chat-content{height:calc(100vh - 160px);padding:0 16px}.ai-chat-message-bubble{max-width:85%}.ai-chat-examples-container{padding:20px}.ai-chat-examples-grid{grid-template-columns:1fr}.ai-chat-header-actions{gap:8px}.ai-chat-icon-btn{width:38px;height:38px;font-size:16px}.ai-chat-message-avatar{width:32px;height:32px}}@media (width<=480px){.ai-chat-header-inner{flex-direction:column;align-items:flex-start}.ai-chat-header-actions{align-self:flex-end;margin-top:-50px}.ai-chat-message-content{padding:10px 14px;font-size:13px}.ai-chat-input-wrapper{padding:4px 4px 4px 16px}[dir=rtl] .ai-chat-input-wrapper{padding:4px 16px 4px 4px}.ai-chat-send-btn{width:42px;height:42px;font-size:16px}.ai-chat-header-icon-img{width:32px;height:32px}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.ai-chat-header-icon-img,.avatar-img,.ai-chat-chip-icon,.ai-chat-loading-img{image-rendering:crisp-edges}}.customer-register-page{background:linear-gradient(135deg,#eef3ff,#f5f7fa,#fff);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.blob{pointer-events:none;border-radius:50%;position:absolute}.blob-1{opacity:.07;background:#3a7fd5;width:500px;height:500px;top:-200px;right:-150px}body.rtl .blob-1{left:-150px;right:auto}.blob-2{opacity:.05;background:#6b4cff;width:300px;height:300px;bottom:-100px;left:-100px}body.rtl .blob-2{left:auto;right:-100px}.blob-3{opacity:.04;background:#10b981;width:200px;height:200px;top:40%;left:-80px}body.rtl .blob-3{left:auto;right:-80px}.customer-register-container{z-index:1;width:100%;max-width:500px;padding:24px}.customer-register-header{text-align:center;margin-bottom:28px}.logo-ring{background:#3a7fd51a;border:2px solid #3a7fd533;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 16px;display:flex}.logo-circle{background:#fff;border:1px solid #e8edf5;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;overflow:hidden;box-shadow:0 6px 20px #3a7fd526}.logo-image{object-fit:contain;width:48px;height:48px}.app-name{color:#0f1c35;margin:0 0 6px;font-size:26px;font-weight:800}.app-tagline{color:#5a6a85;margin:0;font-size:13px}.customer-register-card{background:#fff;border:1px solid #e8edf5;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0f1c3514}.register-title{color:#0f1c35;text-align:center;margin:0 0 4px;font-size:22px;font-weight:700}.register-subtitle{color:#5a6a85;text-align:center;margin:0 0 24px;font-size:13px}.field-group{margin-bottom:18px}.field-label{color:#5a6a85;letter-spacing:.6px;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.input-shell{background:#f5f7fa;border:1.5px solid #e8edf5;border-radius:13px;transition:border-color .2s;position:relative}.input-shell.focused{border-color:#3a7fd5}.input-icon{font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input{color:#0f1c35;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;padding:14px 14px 14px 42px;font-size:15px}.input-password{padding-right:44px}.eye-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:16px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-hint{color:#a0aebf;margin-top:6px;font-size:11px}.terms-group{margin:20px 0}.checkbox-label{cursor:pointer;color:#5a6a85;align-items:center;gap:10px;font-size:13px;display:flex}.checkbox-label input{cursor:pointer;width:18px;height:18px}.register-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3a7fd5,#5b9fef);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:15px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #3a7fd54d}.register-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.register-btn:active:not(:disabled){transform:scale(.98)}.register-btn.loading,.register-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.divider{background:#e8edf5;height:1px;margin:20px 0}.login-row{text-align:center}.have-account{color:#5a6a85;font-size:13px}.login-link{color:#3a7fd5;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.footer-text{text-align:center;color:#a0aebf;margin-top:20px;font-size:11px}body.rtl .input-icon{left:auto;right:14px}body.rtl .input{padding-left:14px;padding-right:42px}body.rtl .input-password{padding-left:44px;padding-right:42px}body.rtl .eye-btn{left:12px;right:auto}body.rtl .register-btn span:last-child{display:inline-block;transform:rotate(180deg)}body.rtl .checkbox-label{flex-direction:row-reverse}@media (width<=480px){.customer-register-card{padding:24px}.logo-circle{width:60px;height:60px}.logo-image{width:36px;height:36px}.logo-ring{width:80px;height:80px}}:root{--c-primary:#3a7fd5;--c-primary-dark:#2c5fa3;--c-primary-light:#5b9fef;--c-success:#10b981;--c-warning:#f59e0b;--c-danger:#ef4444;--c-surface:#fff;--c-surface-50:#f8faff;--c-surface-100:#eef3ff;--c-border:#e8edf5;--c-text:#0f1c35;--c-text-light:#5a6a85;--c-text-lighter:#98afcc;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#eef3ff,#f5f7fa,#fff);font-family:Inter,sans-serif}.customer-dashboard{background:linear-gradient(135deg,#eef3ff,#f5f7fa,#fff);min-height:100vh}.dashboard-header{background:var(--c-surface);border-bottom:1px solid var(--c-border);z-index:100;padding:16px 24px;transition:all .3s;position:sticky;top:0;box-shadow:0 2px 8px #0000000d}.dashboard-header.scrolled{box-shadow:var(--shadow-md)}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.logo-section{align-items:center;gap:12px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--c-primary), var(--c-primary-dark));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.header-logo{width:40px;height:40px}.brand-text{flex-direction:column;display:flex}.brand-name{color:var(--c-text);letter-spacing:-.3px;font-size:16px;font-weight:700}.brand-tag{color:var(--c-primary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.logo-section h1{color:#0f1c35;margin:0;font-size:20px;font-weight:700}.user-section{align-items:center;gap:16px;display:flex}.user-greeting{color:var(--c-text-light);font-size:13px}.user-name{color:var(--c-text);font-size:14px;font-weight:600}.lang-btn{background:var(--c-surface-100);border:1px solid var(--c-border);border-radius:var(--radius-sm);cursor:pointer;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.lang-btn:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.logout-btn{background:var(--c-surface-100);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-light);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.logout-btn:hover{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.mobile-menu-btn{border-radius:var(--radius-sm);background:var(--c-surface-100);border:1px solid var(--c-border);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:none}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1400px;margin:24px auto;padding:0 24px;display:grid}.stat-card{background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border);align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{font-size:32px}.stat-info{flex:1}.stat-info h3{color:var(--c-text-light);text-transform:uppercase;letter-spacing:.6px;margin:0 0 4px;font-size:12px;font-weight:600}.stat-info p{color:var(--c-text);margin:0;font-size:14px;font-weight:500}.stat-amount{color:var(--c-primary);font-size:20px;font-weight:700}.progress-bar{background:#e8edf5;border-radius:3px;width:100%;height:6px;margin:8px 0 4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3a7fd5,#5b9fef);border-radius:3px;height:100%;transition:width .3s}.dashboard-tabs{border-bottom:2px solid var(--c-border);scrollbar-width:none;gap:8px;max-width:1400px;margin:0 auto;padding:0 24px;display:flex;overflow-x:auto}.dashboard-tabs::-webkit-scrollbar{display:none}.tab-btn{color:var(--c-text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--c-primary)}.tab-btn.active{color:var(--c-primary);position:relative}.tab-btn.active:after{content:"";background:var(--c-primary);height:2px;position:absolute;bottom:-2px;left:0;right:0}.developer-badge{color:#3a7fd5;background:#eef3ff;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tab-content{max-width:1400px;margin:24px auto;padding:0 24px}.payment-history{background:#fff;border:1px solid #e8edf5;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.payment-summary{background:#e8edf5;border-radius:20px 20px 0 0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;display:grid;overflow:hidden}.summary-item{text-align:center;background:#fff;padding:20px;transition:all .2s}.summary-item:hover{background:#f8faff}.summary-label{color:#5a6a85;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.summary-value{color:#0f1c35;font-family:monospace;font-size:24px;font-weight:800;display:block}.summary-value.pending{color:#f59e0b}.payments-list{padding:20px}.payments-list h3{color:#0f1c35;border-bottom:2px solid #e8edf5;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:700}.payments-table{border-collapse:collapse;width:100%}.payments-table thead th{text-align:left;color:#5a6a85;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #e8edf5;padding:12px 0;font-size:11px;font-weight:700}.payments-table tbody td{color:#0f1c35;border-bottom:1px solid #eef3ff;padding:14px 0;font-size:14px}.payments-table tbody tr:hover td{background:#f8faff}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.paid{color:#059669;background:#d1fae5}.status-badge.pending{color:#d97706;background:#fef3c7}.no-payments{text-align:center;color:#5a6a85;padding:40px;font-size:14px}.apartment-card{background:#fff;border:1px solid #e8edf5;border-radius:24px;padding:24px;box-shadow:0 8px 32px #0000000a}.apartment-header{border-bottom:2px solid #e8edf5;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.apartment-header h2{color:#0f1c35;margin:0;font-size:24px;font-weight:800}.unit-badge{color:#3a7fd5;background:linear-gradient(135deg,#eef3ff,#e2eaff);border-radius:30px;padding:6px 14px;font-size:12px;font-weight:600}.apartment-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.detail-row{border-bottom:1px solid #eef3ff;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.detail-label{color:#5a6a85;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.detail-value{color:#0f1c35;font-family:monospace;font-size:16px;font-weight:700}.detail-value.paid{color:#10b981}.detail-value.pending{color:#f59e0b}.payment-progress{border-top:1px solid #e8edf5;margin-top:16px;padding-top:16px}.progress-label{color:#5a6a85;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.progress-percent{color:#3a7fd5;font-family:monospace;font-size:16px;font-weight:800}.properties-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.property-card{background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border);cursor:pointer;padding:16px;transition:all .2s}.property-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.property-card.selected{border-color:var(--c-primary);box-shadow:0 4px 12px #3a7fd526}.property-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.property-header h4{color:var(--c-text);margin:0 0 4px;font-size:16px;font-weight:700}.property-developer{color:var(--c-primary);align-items:center;gap:4px;margin:2px 0 4px;font-size:11px;font-weight:600;display:flex}.property-unit{color:var(--c-text-light);font-size:12px}.property-status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.property-status.completed{color:#059669;background:#d1fae5}.property-status.partial{background:var(--c-surface-100);color:var(--c-primary)}.property-amounts{gap:16px;margin:12px 0;display:flex}.amount-item{flex:1}.amount-label{color:var(--c-text-light);text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:600;display:block}.amount-value{color:var(--c-text);font-size:14px;font-weight:700}.amount-item.pending .amount-value{color:var(--c-warning)}.property-progress{margin-top:8px}.selected-apartment-details{background:var(--c-surface);border-radius:var(--radius-xl);border:1px solid var(--c-border);margin-top:16px;padding:24px}.details-header{border-bottom:2px solid var(--c-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.details-header h3{color:var(--c-text);margin:0;font-size:20px;font-weight:800}.selected-developer{color:var(--c-primary);align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:500;display:flex}.details-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.detail-card{background:var(--c-surface-50);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;display:flex}.detail-card.full-width{grid-column:span 2}.detail-info{flex:1}.detail-info label{color:var(--c-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.detail-info span{color:var(--c-text);font-size:16px;font-weight:700}.detail-info span.paid{color:var(--c-success)}.detail-info span.pending{color:var(--c-warning)}.detail-info.full-width{width:100%}.progress-section{align-items:center;gap:12px;margin-top:4px;display:flex}.progress-bar.large{background:#eef3ff;border-radius:4px;flex:1;height:8px;overflow:hidden}.download-payment-btn{cursor:pointer;color:#3a7fd5;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;font-size:18px;transition:all .2s;display:inline-flex}.download-payment-btn:hover:not(:disabled){background:#3a7fd51a;transform:scale(1.1)}.download-payment-btn:disabled{opacity:.5;cursor:not-allowed}.download-spinner{border:2px solid #e8edf5;border-top-color:#3a7fd5;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.payment-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.payment-modal-content{background:#fff;border-radius:20px;width:90%;max-width:400px;animation:.3s modalSlideIn;overflow:hidden}.payment-modal-header{background:linear-gradient(135deg,#eef3ff,#f5f7fa);border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.payment-modal-header h3{color:#0f1c35;margin:0;font-size:18px;font-weight:700}.payment-modal-close{cursor:pointer;background:#fff;border:1px solid #e8edf5;border-radius:8px;width:32px;height:32px;font-size:16px;transition:all .2s}.payment-modal-close:hover{color:#fff;background:#ef4444;border-color:#ef4444}.payment-modal-body{padding:20px}.payment-modal-subtitle{color:#5a6a85;text-align:center;margin-bottom:20px;font-size:13px}.payment-language-options{justify-content:center;gap:15px;display:flex}.payment-language-option{cursor:pointer;background:#f8faff;border:1.5px solid #e8edf5;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:15px;transition:all .2s;display:flex}.payment-language-option:hover:not(:disabled){background:#3a7fd50d;border-color:#3a7fd5;transform:translateY(-2px)}.payment-language-option:disabled{opacity:.5;cursor:not-allowed}.payment-language-flag{font-size:32px}.payment-language-option span:last-child{color:#0f1c35;font-size:14px;font-weight:600}.payment-modal-footer{border-top:1px solid #e8edf5;justify-content:flex-end;padding:16px 20px;display:flex}.payment-modal-cancel{color:#5a6a85;cursor:pointer;background:#f5f7fa;border:1px solid #e8edf5;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.payment-modal-cancel:hover{color:#ef4444;border-color:#ef4444}.payments-table th:last-child,.payments-table td:last-child{text-align:center;width:60px}.marketplace-container{background:#fff;border:1px solid #e8edf5;border-radius:16px;overflow:hidden}.filters-section{background:#f5f7fa;border-bottom:1px solid #e8edf5;padding:20px}.filters-section h3{color:#0f1c35;margin-bottom:16px;font-size:16px}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:16px;display:grid}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-group label{color:#5a6a85;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.filter-group input,.filter-group select{background:#fff;border:1px solid #e8edf5;border-radius:10px;padding:10px 12px;font-size:14px;transition:all .2s}.filter-group input:focus,.filter-group select:focus{border-color:#3a7fd5;outline:none;box-shadow:0 0 0 3px #3a7fd51a}.apply-filters-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3a7fd5,#5b9fef);border:none;border-radius:10px;padding:10px 20px;font-weight:600;transition:all .2s}.apply-filters-btn:hover{opacity:.9;transform:translateY(-1px)}.apartments-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:24px;display:grid}.apartment-market-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;transition:all .3s;overflow:hidden}.apartment-market-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.card-image{background:#f5f7fa;height:200px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.no-image{background:linear-gradient(135deg,#eef3ff,#f5f7fa);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.availability-badge{color:#fff;background:#10b981;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.card-content{padding:16px}.card-content h3{color:#0f1c35;margin:0 0 4px;font-size:18px;font-weight:700}.unit-number{color:#5a6a85;margin-bottom:12px;font-size:13px}.specs{gap:12px;margin-bottom:12px;display:flex}.spec{color:#5a6a85;background:#f5f7fa;border-radius:6px;padding:4px 8px;font-size:13px}.location{color:#5a6a85;margin-bottom:12px;font-size:13px}.tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tag{color:#3a7fd5;background:#eef3ff;border-radius:12px;padding:4px 10px;font-size:11px}.card-actions{gap:12px;display:flex}.inquiry-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3a7fd5,#5b9fef);border:none;border-radius:10px;flex:1;padding:10px;font-weight:600;transition:all .2s}.inquiry-btn:hover{opacity:.9}.empty-marketplace{text-align:center;padding:60px 20px}.empty-marketplace h3{color:#0f1c35;margin-bottom:8px;font-size:20px}.empty-marketplace p{color:#5a6a85}.inquiry-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inquiry-modal{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto}.inquiry-modal h3{color:#0f1c35;margin-bottom:20px;font-size:20px}.inquiry-modal .form-group{margin-bottom:16px}.inquiry-modal .form-group label{color:#5a6a85;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.inquiry-modal .form-group input,.inquiry-modal .form-group textarea{border:1px solid #e8edf5;border-radius:10px;width:100%;padding:12px;font-size:14px}.inquiry-modal .form-group textarea{resize:vertical}.modal-actions{gap:12px;margin-top:20px;display:flex}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3a7fd5,#5b9fef);border:none;border-radius:10px;flex:1;padding:12px;font-weight:600}.marketplace-loading{justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.empty-state{text-align:center;background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border);padding:60px 20px}.empty-state h3{color:var(--c-text);margin:0 0 8px;font-size:20px}.empty-state p{color:var(--c-text-light);margin-bottom:24px}.browse-btn{background:linear-gradient(90deg, var(--c-primary), var(--c-primary-light));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 32px;font-weight:600;transition:all .2s}.browse-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.coming-soon{text-align:center;background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:80px 20px}.coming-soon-icon{margin-bottom:20px;font-size:80px}.coming-soon h3{color:#0f1c35;margin:0 0 12px;font-size:24px}.coming-soon p{color:#5a6a85}.dashboard-footer{text-align:center;border-top:1px solid var(--c-border);background:var(--c-surface);margin-top:40px;padding:24px}.dashboard-footer p{color:var(--c-text-lighter);margin:4px 0;font-size:12px}.support-badge{font-weight:500;color:var(--c-success)!important}.customer-dashboard-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;position:fixed;inset:0}.customer-mobile-menu{background:var(--c-surface);z-index:201;width:280px;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.mobile-menu-header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-menu-brand{align-items:center;gap:10px;display:flex}.mobile-menu-close{border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface-100);cursor:pointer;width:32px;height:32px}.mobile-menu-nav{flex:1;padding:12px 0}.mobile-nav-item{width:100%;color:var(--c-text-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mobile-nav-item.active{background:var(--c-surface-100);color:var(--c-primary);border-right:3px solid var(--c-primary)}.mobile-nav-icon{font-size:18px}.mobile-menu-footer{border-top:1px solid var(--c-border);padding:16px 20px}.mobile-logout{background:var(--c-surface-100);border:1px solid var(--c-border);border-radius:var(--radius-sm);width:100%;color:var(--c-danger);cursor:pointer;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.lang-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.lang-modal-content{background:var(--c-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:500px;animation:.3s slideUp}.lang-modal-handle{background:var(--c-border);border-radius:2px;width:40px;height:4px;margin:12px auto 0}.lang-modal-header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.lang-modal-title{color:var(--c-text);font-size:18px;font-weight:700}.lang-modal-close{border-radius:var(--radius-sm);background:var(--c-surface-100);border:1px solid var(--c-border);cursor:pointer;width:32px;height:32px}.lang-current-text{color:var(--c-text-light);padding:16px 24px;font-size:13px}.lang-option{border-radius:var(--radius-md);background:var(--c-surface-100);border:1px solid var(--c-border);cursor:pointer;justify-content:space-between;align-items:center;margin:4px 16px;padding:16px 24px;transition:all .2s;display:flex}.lang-option:hover{border-color:var(--c-primary);background:#3a7fd50d}.lang-option-left{align-items:center;gap:12px;display:flex}.lang-flag{font-size:24px}.lang-label{color:var(--c-text);font-size:15px;font-weight:500}.lang-label.active{color:var(--c-primary);font-weight:700}.lang-check{color:var(--c-primary);font-size:18px;font-weight:700}.lang-modal-footer{border-top:1px solid var(--c-border);gap:12px;padding:20px 24px;display:flex}.lang-cancel-btn{background:var(--c-surface-100);border:1px solid var(--c-border);border-radius:var(--radius-md);cursor:pointer;flex:1;padding:12px;font-size:14px;font-weight:600}.lang-apply-btn{background:linear-gradient(90deg, var(--c-primary), var(--c-primary-light));border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;flex:2;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.lang-apply-btn:disabled{opacity:.5;cursor:not-allowed}body.rtl .logo-section,body.rtl .user-section,body.rtl .stat-card,body.rtl .property-header,body.rtl .details-header,body.rtl .detail-card,body.rtl .progress-section{flex-direction:row-reverse}body.rtl .customer-mobile-menu{left:auto;right:0}body.rtl .mobile-nav-item.active{border-right:none;border-left:3px solid var(--c-primary)}body.rtl .mobile-nav-item,body.rtl .lang-option-left{flex-direction:row-reverse}body.rtl .payments-table thead th{text-align:right}body.rtl .status-badge,body.rtl .apartment-header,body.rtl .detail-row{flex-direction:row-reverse}body.rtl .progress-fill{background:linear-gradient(90deg,#5b9fef,#3a7fd5)}body.rtl .specs,body.rtl .tags{flex-direction:row-reverse}body.rtl .availability-badge{left:12px;right:auto}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.dashboard-tabs{overflow-x:auto}.tab-btn{white-space:nowrap}.header-content{flex-direction:row}.mobile-menu-btn{display:flex}.user-greeting,.lang-btn span{display:none}.lang-btn{padding:8px 12px}.details-grid{grid-template-columns:1fr}.detail-card.full-width{grid-column:span 1}.details-header{flex-direction:column;align-items:flex-start;gap:12px}.payment-summary{grid-template-columns:1fr;gap:1px}.payments-table thead{display:none}.payments-table tbody td{border-bottom:none;padding:10px 0;display:block}.payments-table tbody tr{background:#fff;border-bottom:1px solid #e8edf5;border-radius:12px;margin-bottom:10px;padding:16px;display:block}.payments-table tbody td:before{content:attr(data-label);color:#5a6a85;text-transform:uppercase;width:100px;font-size:11px;font-weight:600;display:inline-block}.payments-table tbody td{justify-content:space-between;align-items:center;display:flex}.payments-table td:last-child{justify-content:center}.payment-language-options{flex-direction:column}.apartments-grid{grid-template-columns:1fr;padding:16px}.filters-grid{grid-template-columns:1fr}.filters-section{padding:16px}}@media (width<=640px){.apartment-card{padding:16px}.apartment-header{flex-direction:column;align-items:flex-start;gap:12px}.apartment-header h2{font-size:20px}.apartment-details{grid-template-columns:1fr;gap:0}.detail-row{padding:10px 0}.properties-grid{grid-template-columns:1fr}.selected-apartment-details{padding:16px}.details-header h3{font-size:16px}}@media (width<=480px){.stats-grid,.tab-content{padding:0 16px}}.customer-requests-container{max-width:1000px;margin:0 auto;padding:20px}.requests-header{text-align:center;margin-bottom:32px}.requests-header h2{color:#0f1c35;margin-bottom:8px;font-size:24px;font-weight:700}.requests-header p{color:#5a6a85;font-size:14px}.requests-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #e8edf5;border-radius:12px;padding:16px}.stat-card .stat-value{color:#3a7fd5;font-family:monospace;font-size:28px;font-weight:800}.stat-card .stat-label{color:#5a6a85;margin-top:4px;font-size:12px;font-weight:600}.stat-card.pending .stat-value{color:#f59e0b}.stat-card.progress .stat-value{color:#3b82f6}.stat-card.completed .stat-value{color:#10b981}.requests-list{flex-direction:column;gap:12px;display:flex}.request-item{cursor:pointer;background:#fff;border:1px solid #e8edf5;border-radius:12px;transition:all .2s;overflow:hidden}.request-item:hover{border-color:#3a7fd5;box-shadow:0 4px 12px #00000014}.request-item.expanded{border-color:#3a7fd5;box-shadow:0 4px 12px #3a7fd526}.request-summary{align-items:center;gap:16px;padding:16px;display:flex}.request-icon{font-size:32px}.request-info{flex:1}.request-title{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.request-meta{color:#5a6a85;gap:16px;font-size:11px;display:flex}.request-meta span{align-items:center;gap:4px;display:flex}.request-arrow{color:#5a6a85;font-size:14px}.status-badge{text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.status-pending{color:#d97706;background:#fef3c7}.status-progress{color:#2563eb;background:#dbeafe}.status-completed{color:#059669;background:#d1fae5}.status-cancelled{color:#dc2626;background:#fee2e2}.priority-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.priority-high{color:#dc2626;background:#fee2e2}.priority-medium{color:#d97706;background:#fef3c7}.priority-low{color:#059669;background:#d1fae5}.request-details{background:#f8faff;border-top:1px solid #e8edf5;padding:16px}.detail-row{margin-bottom:16px}.detail-row label{color:#5a6a85;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.detail-row p{color:#0f1c35;font-size:14px;line-height:1.5}.photos-list{flex-wrap:wrap;gap:12px;display:flex}.request-photo{object-fit:cover;cursor:pointer;border:2px solid #e8edf5;border-radius:8px;width:80px;height:80px}.request-photo:hover{border-color:#3a7fd5;transform:scale(1.05)}.admin-notes{color:#92400e;background:#fef3c7;border-radius:8px;padding:10px;font-size:13px}.feedback-section{border-top:1px solid #e8edf5;margin-top:16px;padding-top:16px}.give-feedback-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;width:100%;padding:10px;font-weight:600;transition:all .2s}.give-feedback-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.existing-feedback{background:#fef3c7;border-radius:8px;margin-top:16px;padding:12px}.stars-display{color:#f59e0b;margin:8px 0;font-size:18px}.feedback-comment{color:#92400e;font-size:13px;font-style:italic}.cancel-request-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;width:100%;margin-top:16px;padding:10px;font-weight:600;transition:all .2s}.cancel-request-btn:hover{color:#fff;background:#dc2626}.feedback-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-modal{background:#fff;border-radius:20px;width:90%;max-width:450px;animation:.3s modalSlideIn;overflow:hidden}.modal-header{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid #e8edf5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{margin:0;font-size:18px}.close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;width:32px;height:32px;font-size:16px}.modal-body{text-align:center;padding:20px}.modal-body p{color:#5a6a85;margin-bottom:16px}.star-rating{justify-content:center;gap:8px;margin:20px 0;display:flex}.star{cursor:pointer;color:#d1d5db;background:0 0;border:none;font-size:32px;transition:all .2s}.star.active{color:#f59e0b}.star:hover{color:#f59e0b;transform:scale(1.1)}.feedback-textarea{resize:vertical;border:1px solid #e8edf5;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:14px}.modal-footer{border-top:1px solid #e8edf5;gap:12px;padding:16px 20px;display:flex}.cancel-btn{cursor:pointer;background:#f5f7fa;border:1px solid #e8edf5;border-radius:8px;flex:1;padding:10px;font-weight:600}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;flex:1;padding:10px;font-weight:600}.empty-state{text-align:center;background:#fff;border:1px solid #e8edf5;border-radius:12px;padding:60px 20px}.empty-icon{margin-bottom:16px;font-size:64px}.empty-state h3{color:#0f1c35;margin-bottom:8px;font-size:18px}.empty-state p{color:#5a6a85}.customer-requests-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px;display:flex}@media (width<=768px){.requests-stats{grid-template-columns:repeat(2,1fr)}.request-summary,.request-meta{flex-wrap:wrap}}:root{--c-primary:#3a7fd5;--c-primary-dark:#2c5fa3;--c-primary-light:#5b9fef;--c-primary-bg:#3a7fd514;--c-success:#10b981;--c-warning:#f59e0b;--c-danger:#ef4444;--c-surface:#fff;--c-surface-50:#f8faff;--c-surface-100:#eef3ff;--c-border:#e8edf5;--c-border-dark:#d1d9e8;--c-text:#0f1c35;--c-text-light:#5a6a85;--c-text-lighter:#98afcc;--c-overlay:#00000080;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-hover:0 12px 32px #3a7fd526;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}.customer-apartments-container{max-width:1400px;margin:0 auto;padding:24px}.apartments-header{margin-bottom:28px}.back-btn{color:var(--c-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0;font-size:14px;font-weight:500;display:inline-flex}.back-btn:hover{color:var(--c-primary-dark);transform:translate(-2px)}.apartments-header h1{color:var(--c-text);letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:800}.apartments-header p{color:var(--c-text-light);font-size:14px}.apartments-search{margin-bottom:20px}.search-wrapper{max-width:400px;position:relative}.search-icon{color:var(--c-text-lighter);font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:1.5px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);width:100%;transition:all var(--transition-fast);padding:12px 40px;font-size:14px;font-weight:500}.search-input:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 3px #3a7fd51a}.clear-search{cursor:pointer;color:var(--c-text-lighter);transition:var(--transition-fast);background:0 0;border:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search:hover{color:var(--c-danger)}.apartments-filters{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filter-select{border:1.5px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);cursor:pointer;min-width:130px;transition:all var(--transition-fast);padding:10px 16px;font-size:13px;font-weight:500}.filter-select:hover{border-color:var(--c-primary)}.filter-select:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 3px #3a7fd51a}.area-filters{background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:4px 8px;display:flex}.area-input{text-align:center;border:none;width:90px;padding:8px;font-size:13px;font-weight:500}.area-input:focus{outline:none}.area-input::placeholder{color:var(--c-text-lighter);font-size:11px}.area-sep{color:var(--c-text-lighter);font-weight:600}.reset-filters{background:var(--c-surface-100);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--c-text-light);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.reset-filters:hover{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.filter-badge{background:var(--c-primary);color:#fff;border-radius:var(--radius-full);margin-left:4px;padding:2px 6px;font-size:10px;font-weight:700}.results-count{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.results-count span{color:var(--c-text-light);font-size:13px;font-weight:500}.clear-filters-link{color:var(--c-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:12px;font-weight:600}.clear-filters-link:hover{color:var(--c-danger)}.apartments-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.apartment-card{background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border);transition:all var(--transition-base);box-shadow:var(--shadow-sm);overflow:hidden}.apartment-card:hover{box-shadow:var(--shadow-hover);border-color:var(--c-primary-light);transform:translateY(-4px)}.apartment-card.expanded{border-color:var(--c-primary);box-shadow:0 0 0 2px #3a7fd51a, var(--shadow-lg)}.apartment-carousel{background:linear-gradient(135deg, var(--c-surface-100), #f5f7fa);width:100%;height:220px;position:relative;overflow:hidden}.carousel-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.carousel-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.apartment-card:hover .carousel-image{transform:scale(1.05)}.carousel-placeholder{width:100%;height:100%;color:var(--c-text-lighter);justify-content:center;align-items:center;font-size:56px;display:flex}.carousel-nav{background:var(--c-overlay);color:#fff;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);z-index:2;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.apartment-card:hover .carousel-nav{opacity:1}.carousel-nav:hover{background:#000000b3;transform:translateY(-50%)scale(1.1)}.carousel-prev{left:12px}.carousel-next{right:12px}.image-counter{background:var(--c-overlay);color:#fff;z-index:2;border-radius:20px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;position:absolute;bottom:12px;right:12px}.auto-play-indicator{z-index:2;background:#ffffff4d;height:3px;position:absolute;bottom:0;left:0;right:0}.auto-play-progress{background:var(--c-primary);width:100%;height:100%;animation:3s linear forwards progress-shrink}@keyframes progress-shrink{0%{width:100%}to{width:0%}}.play-pause-btn{background:var(--c-overlay);color:#fff;cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);z-index:2;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:12px;left:12px}.apartment-card:hover .play-pause-btn{opacity:1}.play-pause-btn:hover{background:#000000b3;transform:scale(1.1)}.availability-badge{background:var(--c-success);color:#fff;z-index:2;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.thumbnail-strip{z-index:2;background:linear-gradient(#0000,#0009);gap:6px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.thumbnail{border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:2px solid #0000;flex-shrink:0;overflow:hidden}.thumbnail.active{border-color:var(--c-primary);transform:scale(1.05)}.thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail-placeholder{color:#fff;background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}.thumbnail-more{border-radius:var(--radius-sm);color:#fff;background:#0009;justify-content:center;align-items:center;width:44px;height:44px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:flex}.apartment-info{padding:20px}.apartment-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.apartment-header h3{color:var(--c-text);margin:0 0 4px;font-size:18px;font-weight:700}.project-name{color:var(--c-text-light);margin-top:2px;font-size:12px}.expand-btn{cursor:pointer;color:var(--c-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:6px 10px;font-size:14px}.expand-btn:hover{background:var(--c-primary-bg)}.apartment-details{border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:10px 0;display:flex}.detail{align-items:center;gap:6px;display:flex}.detail-icon{font-size:14px}.detail-text{color:var(--c-text-light);font-size:13px;font-weight:500}.apartment-side{background:var(--c-primary-bg);border-radius:var(--radius-sm);color:var(--c-primary);align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.apartment-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tag{background:var(--c-surface-100);color:var(--c-primary);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.tag-more{background:var(--c-border);color:var(--c-text-light);cursor:pointer;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.expanded-details{border-top:1px solid var(--c-border);margin-top:16px;padding-top:16px;animation:.25s expandSlide}@keyframes expandSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tags-section,.contact-section{margin-bottom:14px}.tags-section label,.contact-section label{color:var(--c-text-lighter);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.tags-section .tags{flex-wrap:wrap;gap:6px;display:flex}.contact-section p{color:var(--c-text-light);align-items:center;gap:8px;margin:6px 0;font-size:12px;display:flex}.inquiry-btn{background:linear-gradient(135deg, var(--c-primary), var(--c-primary-light));color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:13px;font-weight:700;display:flex}.inquiry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3a7fd566}.no-apartments{text-align:center;background:var(--c-surface);border-radius:var(--radius-lg);border:1px solid var(--c-border);padding:80px 40px}.no-apartments-icon{opacity:.4;margin-bottom:24px;font-size:80px}.no-apartments h3{color:var(--c-text);margin-bottom:8px;font-size:22px;font-weight:700}.no-apartments p{color:var(--c-text-light);margin-bottom:24px;font-size:14px}.clear-filters-btn{background:linear-gradient(135deg, var(--c-primary), var(--c-primary-light));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:12px 32px;font-weight:600}.clear-filters-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.inquiry-modal-overlay{background:var(--c-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inquiry-modal{background:var(--c-surface);border-radius:var(--radius-xl);width:90%;max-width:480px;max-height:85vh;animation:.3s modalSlideIn;overflow:hidden}.inquiry-modal-header{border-bottom:1px solid var(--c-border);background:linear-gradient(135deg, var(--c-surface-100), var(--c-surface));justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.inquiry-modal-header h3{color:var(--c-text);margin:0;font-size:18px;font-weight:700}.modal-close{border-radius:var(--radius-sm);background:var(--c-surface);border:1px solid var(--c-border);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);font-size:16px}.modal-close:hover{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.inquiry-modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:var(--c-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-group input,.form-group textarea{border:1.5px solid var(--c-border);border-radius:var(--radius-sm);width:100%;transition:all var(--transition-fast);padding:12px 14px;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 3px #3a7fd51a}.inquiry-modal-footer{border-top:1px solid var(--c-border);gap:12px;padding:16px 24px;display:flex}.cancel-btn{background:var(--c-surface-100);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:12px;font-weight:600}.cancel-btn:hover:not(:disabled){border-color:var(--c-danger);color:var(--c-danger)}.send-btn{background:linear-gradient(135deg, var(--c-primary), var(--c-primary-light));border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3a7fd566}.send-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.customer-apartments-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.loading-spinner{border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}[dir=rtl] .back-btn{flex-direction:row-reverse}[dir=rtl] .back-btn:hover{transform:translate(2px)}[dir=rtl] .search-icon{left:auto;right:14px}[dir=rtl] .clear-search{left:12px;right:auto}[dir=rtl] .carousel-prev{left:auto;right:12px}[dir=rtl] .carousel-next{left:12px;right:auto}[dir=rtl] .play-pause-btn{left:auto;right:12px}[dir=rtl] .image-counter,[dir=rtl] .availability-badge{left:12px;right:auto}[dir=rtl] .detail,[dir=rtl] .apartment-tags{flex-direction:row-reverse}@media (width<=900px){.apartments-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.filters-row{flex-direction:column;align-items:stretch}.filter-select,.area-filters,.reset-filters{width:100%}.area-filters{justify-content:center}}@media (width<=768px){.customer-apartments-container{padding:16px}.apartments-header h1{font-size:24px}.apartment-carousel{height:200px}.thumbnail{width:36px;height:36px}.thumbnail-more{width:36px;height:36px;font-size:10px}}@media (width<=640px){.apartments-grid{grid-template-columns:1fr}.apartment-carousel{height:180px}.carousel-nav{width:28px;height:28px;font-size:16px}.apartment-info{padding:16px}.apartment-header h3{font-size:16px}.inquiry-modal{width:95%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}