@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.split-auth-container,.split-auth-container.signup-reverse{grid-template-columns:1fr}.auth-info-side{display:none}.auth-form-side{height:100vh;padding:30px 20px}.back-to-site-btn{top:20px;left:20px}}@media (width<=600px){.signup-grid{grid-template-columns:1fr}.auth-header h2{font-size:1.6rem}}.signup-reverse .auth-form-side{background:var(--color-surface,#fff)}@media (width<=600px){.signup-grid{grid-template-columns:1fr}}.auth-master-wrapper{background:var(--color-bg,#f8fafc);width:100vw;height:100vh;overflow:hidden}.split-auth-container{grid-template-columns:1.1fr 1fr;width:100%;height:100vh;display:grid}.split-auth-container.signup-reverse{grid-template-columns:1fr 1.1fr}.auth-info-side{color:#fff;background:#0f172a;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.info-content{z-index:2;flex-direction:column;gap:20px;max-width:520px;display:flex}.logo-badge{color:#f97316;letter-spacing:.3px;background:#f973161f;border:1px solid #f973164d;border-radius:100px;align-self:flex-start;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:800;display:inline-flex}.info-content h1{color:#fff;letter-spacing:-1px;margin:0;font-size:clamp(34px,4.2vw,52px);font-weight:800;line-height:1.08}.info-content h1 span{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);-webkit-background-clip:text;background-clip:text}.info-content p{color:#94a3b8;margin:0;font-size:1.05rem;line-height:1.6}.feature-list{flex-direction:column;gap:14px;margin:10px 0;display:flex}.f-item{color:#cbd5e1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;display:flex}.f-icon{color:#10b981;flex-shrink:0}.info-footer{color:#64748b;letter-spacing:.5px;align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.abstract-glow{filter:blur(90px);pointer-events:none;background:radial-gradient(circle,#f9731638 0%,#f973160d 50%,#0000 70%);width:600px;height:600px;position:absolute;top:-15%;left:-15%}.abstract-glow-alt{filter:blur(90px);pointer-events:none;background:radial-gradient(circle,#f9731638 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-15%;right:-15%}.auth-form-side{background:var(--color-surface,#fff);justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow-y:auto}.back-to-site-btn{color:var(--color-text-muted,#64748b);background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;position:absolute;top:36px;left:40px}.back-to-site-btn:hover{color:#f97316;border-color:#fdba74;transform:translate(-2px)}.login-box-container{flex-direction:column;gap:20px;width:100%;max-width:440px;padding:20px 0;display:flex}.auth-header h2{color:var(--color-text-primary,#0f172a);letter-spacing:-.5px;margin:0 0 6px;font-size:1.9rem;font-weight:800}.auth-header p{color:var(--color-text-muted,#64748b);margin:0;font-size:.95rem}.role-selection-wrapper{background:var(--color-bg-subtle,#f1f5f9);border:1px solid var(--color-border,#e2e8f0);border-radius:14px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.role-tab{text-align:center;color:var(--color-text-muted,#64748b);cursor:pointer;z-index:2;border-radius:10px;padding:10px;font-size:.88rem;font-weight:700;transition:color .2s}.role-tab.active{color:#fff}.role-pill-bg{z-index:1;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:10px;width:calc(50% - 4px);transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;box-shadow:0 4px 12px #f973164d}.role-pill-bg.employee{transform:translate(100%)}.login-form-modern{flex-direction:column;gap:16px;display:flex}.signup-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.input-field-group{flex-direction:column;gap:6px;display:flex}.label-flex{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:#f97316;font-size:.83rem;font-weight:700;text-decoration:none}.forgot-link:hover{text-decoration:underline}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-muted,#94a3b8);pointer-events:none;position:absolute;left:14px}.styled-auth-input{box-sizing:border-box;border:1.5px solid var(--color-border,#cbd5e1);background:var(--color-bg-subtle,#f8fafc);width:100%;color:var(--color-text-primary,#0f172a);border-radius:12px;outline:none;padding:12px 14px 12px 42px;font-size:.92rem;transition:all .2s}.styled-auth-input:focus{background:var(--color-surface,#fff);border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.toggle-password-btn{color:var(--color-text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.toggle-password-btn:hover{color:var(--color-text-primary,#0f172a)}.login-btn-modern{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f9731659}.login-btn-modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #f9731673}.login-btn-modern:disabled{opacity:.65;cursor:not-allowed}.auth-footer-modern{text-align:center;color:var(--color-text-muted,#64748b);margin:10px 0 0;font-size:.9rem}.auth-footer-modern a{color:#f97316;font-weight:700;text-decoration:none}.auth-footer-modern a:hover{text-decoration:underline}.error-banner-modern{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 16px;font-size:.88rem;font-weight:600;animation:.3s ease-out forwards slideDown}.fade-in-left{animation:.6s ease-out forwards fadeInLeft}@media (width<=1024px){.split-auth-container,.split-auth-container.signup-reverse{grid-template-columns:1fr}.auth-info-side{display:none}.auth-form-side{height:100vh;padding:30px 20px}.back-to-site-btn{top:20px;left:20px}}@media (width<=600px){.signup-grid{grid-template-columns:1fr}.auth-header h2{font-size:1.6rem}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);min-height:42px;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-compact);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base), border-color var(--transition-base), color var(--transition-base);border:1px solid #0000;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-secondary);color:var(--color-text-inverse)}.btn-outline{border-color:var(--color-border-strong);color:var(--color-text-primary);background:0 0}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger)}.btn-success{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success)}.btn-icon{border-radius:var(--radius-full);width:42px;padding:0}.btn:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn:disabled{opacity:.55;filter:grayscale(.25)}.btn-spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:1rem;height:1rem;animation:.7s linear infinite buttonSpin}@keyframes buttonSpin{to{transform:rotate(360deg)}}.otp-page-wrapper{background:var(--color-bg);min-height:100vh;font-family:var(--font-family-sans,"Plus Jakarta Sans", sans-serif);flex-direction:column;display:flex;position:relative;overflow:auto}.otp-top-corner-actions{z-index:100;position:absolute;top:24px;right:24px}.otp-theme-toggle-btn{background:var(--color-surface);border:1px solid var(--color-border);color:#f97316;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm,0 4px 12px #0f172a0a);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.otp-theme-toggle-btn:hover{background:#f973161a;border-color:#f97316;transform:scale(1.06)}.otp-flex-container{z-index:10;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.otp-card-modern{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;width:100%;max-width:480px;box-shadow:var(--shadow-xl,0 20px 50px #0f172a14);z-index:10;border-radius:28px;padding:44px 36px;transition:background .3s,border-color .3s,box-shadow .3s;animation:.35s cubic-bezier(.16,1,.3,1) otpCardFadeIn;position:relative}@keyframes otpCardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.otp-icon-badge{color:#f97316;background:linear-gradient(135deg,#f9731624 0%,#ea580c0f 100%);border:1px solid #f9731647;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex;box-shadow:0 8px 24px #f9731626}.otp-badge-icon{color:#f97316}.otp-header-text h2{color:var(--color-text-primary);letter-spacing:-.5px;margin:0 0 8px;font-size:clamp(22px,3.5vw,28px);font-weight:800}.otp-header-text p{color:var(--color-text-secondary);margin:0 0 6px;font-size:.95rem;line-height:1.5}.otp-email-highlight{color:#ea580c;word-break:break-all;background:#f973161a;border:1px solid #f9731638;border-radius:8px;padding:4px 12px;font-size:.92rem;font-weight:700;display:inline-block}:root[data-theme=dark] .otp-email-highlight{color:#f97316;background:#f9731629;border-color:#f973164d}.otp-input-wrapper{justify-content:center;gap:clamp(6px,2vw,10px);margin:32px 0 28px;display:flex}.otp-box-modern{background:var(--color-bg);border:1.5px solid var(--color-border-strong,#cbd5e1);text-align:center;width:clamp(40px,12vw,52px);height:clamp(50px,14vw,60px);color:var(--color-text-primary);box-shadow:var(--shadow-xs);border-radius:14px;outline:none;font-size:1.45rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1)}.otp-box-modern:focus{transform:translateY(-2px);background:var(--color-surface)!important;border-color:#f97316!important;box-shadow:0 0 0 4px #f9731633!important}.otp-box-modern.filled{color:#ea580c;background:#f9731614;border-color:#f97316}:root[data-theme=dark] .otp-box-modern.filled{color:#f97316;background:#f9731629;border-color:#f97316}.otp-submit-btn{width:100%;color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;border:none!important;border-radius:14px!important;padding:14px 20px!important;font-size:.98rem!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 8px 24px #f9731659!important}.otp-submit-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 12px 28px #f9731673!important}.otp-submit-btn:disabled{opacity:.75!important;cursor:not-allowed!important;transform:none!important}.otp-footer-modern{color:var(--color-text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:.9rem;display:flex}.resend-link{color:#f97316;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.resend-link:hover:not(.disabled){background:#f973161a}.resend-link.disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.6}@keyframes spin{to{transform:rotate(360deg)}}.otp-back-link{border-top:1px solid var(--color-border);margin-top:22px;padding-top:18px}.otp-back-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.otp-back-btn:hover{color:#f97316;background:#f9731614}.error-banner-modern{color:#ef4444;background:#ef44441a;border:1px solid #ef444440;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.88rem;font-weight:600;display:flex}.success-banner-modern{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.88rem;font-weight:600;display:flex}.otp-bg-glow-1{filter:blur(50px);pointer-events:none;z-index:1;background:radial-gradient(circle,#f973161a 0%,#0000 70%);width:350px;height:350px;position:absolute;top:10%;left:15%}.otp-bg-glow-2{filter:blur(50px);pointer-events:none;z-index:1;background:radial-gradient(circle,#0284c714 0%,#0000 70%);width:350px;height:350px;position:absolute;bottom:10%;right:15%}@media (width<=520px){.otp-card-modern{border-radius:20px;padding:32px 20px}.otp-flex-container{padding:16px}.otp-icon-badge{border-radius:16px;width:60px;height:60px}}header.landing-navbar{z-index:1000!important;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffeb!important;border-bottom:1px solid #e2e8f0e6!important;align-items:center!important;min-height:76px!important;transition:all .3s!important;display:flex!important;position:sticky!important;top:0!important;box-shadow:0 4px 20px #0f172a0a!important}header.landing-navbar.scrolled{background:#fffffffa!important;border-bottom-color:#e2e8f0!important;box-shadow:0 10px 30px #0f172a14!important}.landing-nav-container{justify-content:space-between!important;align-items:center!important;width:100%!important;max-width:1480px!important;margin:0 auto!important;padding:0 32px!important;display:flex!important}.landing-logo{color:#0f172a!important;letter-spacing:-.5px!important;white-space:nowrap!important;align-items:center!important;gap:10px!important;font-size:1.35rem!important;font-weight:800!important;text-decoration:none!important;display:inline-flex!important}.landing-logo-text{color:#0f172a!important;align-items:center!important;display:inline-flex!important}.landing-logo-box{color:#fff!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;border-radius:10px!important;place-items:center!important;width:36px!important;height:36px!important;display:grid!important;box-shadow:0 4px 14px #f9731659!important}.orange-text{color:#f97316!important}.landing-nav-links{align-items:center!important;gap:32px!important;display:flex!important}.landing-nav-btn{color:#475569!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:6px 0!important;font-size:.95rem!important;font-weight:600!important;transition:color .2s!important;position:relative!important}.landing-nav-btn:hover{color:#f97316!important}.landing-nav-actions{align-items:center!important;gap:18px!important;display:flex!important}.landing-signin-link{color:#475569!important;padding:8px 12px!important;font-size:.92rem!important;font-weight:700!important;text-decoration:none!important;transition:color .2s!important}.landing-signin-link:hover{color:#f97316!important}.landing-cta-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:8px!important;padding:10px 22px!important;font-size:.9rem!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 14px #f9731659!important}.landing-cta-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 18px #f9731673!important}.landing-hamburger-btn{color:#0f172a!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:4px!important;display:none!important}.landing-mobile-ctas{display:none!important}@media (width<=960px){.landing-nav-container{padding:0 20px!important}.landing-nav-links{text-align:center!important;opacity:0!important;visibility:hidden!important;background:#fff!important;border-bottom:1px solid #e2e8f0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:20px!important;padding:30px 20px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:76px!important;left:0!important;right:0!important;transform:translateY(-150%)!important;box-shadow:0 20px 40px #0f172a26!important}.landing-nav-links.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.landing-nav-btn{text-align:center!important;width:100%!important;padding:8px 0!important;font-size:1.1rem!important}.landing-hamburger-btn{display:block!important}.landing-mobile-ctas{text-align:center!important;border-top:1px solid #e2e8f0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:14px!important;width:100%!important;max-width:320px!important;margin-top:14px!important;padding-top:20px!important;display:flex!important}.landing-mobile-login{text-align:center!important;color:#0f172a!important;border:1.5px solid #cbd5e1!important;border-radius:12px!important;width:100%!important;padding:12px!important;font-size:.95rem!important;font-weight:700!important;text-decoration:none!important}.landing-mobile-signup{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;border:none!important;border-radius:12px!important;width:100%!important;padding:12px!important;font-size:.95rem!important;font-weight:700!important;box-shadow:0 4px 14px #f973164d!important}.landing-signin-link,.landing-cta-btn{display:none!important}}.landing-theme-toggle{background:var(--color-primary-soft,#f973161a)!important;border:1px solid var(--color-primary-border,#f9731640)!important;color:#f97316!important;cursor:pointer!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;transition:all .2s!important;display:inline-flex!important}.landing-theme-toggle:hover{background:#f9731633!important;transform:scale(1.05)!important}.mobile-theme-toggle-btn{border-radius:12px!important;gap:10px!important;width:100%!important;height:auto!important;padding:10px 16px!important;font-size:.95rem!important;font-weight:700!important}:root[data-theme=dark] header.landing-navbar{background:#0b0e17eb!important;border-bottom-color:#1d2436e6!important;box-shadow:0 4px 20px #0000004d!important}:root[data-theme=dark] header.landing-navbar.scrolled{background:#0f1422fa!important;border-bottom-color:#2a344d!important;box-shadow:0 10px 30px #00000080!important}:root[data-theme=dark] .landing-logo-text{color:#fff!important}:root[data-theme=dark] .landing-nav-btn{color:#94a3b8!important}:root[data-theme=dark] .landing-nav-btn:hover{color:#f97316!important}:root[data-theme=dark] .landing-signin-link{color:#cbd5e1!important}:root[data-theme=dark] .landing-signin-link:hover{color:#f97316!important}:root[data-theme=dark] .landing-hamburger-btn{color:#f8fafc!important}@media (width<=960px){:root[data-theme=dark] .landing-nav-links{background:#0f1422!important;border-bottom-color:#1d2436!important;box-shadow:0 20px 40px #00000080!important}:root[data-theme=dark] .landing-mobile-ctas{border-top-color:#1d2436!important}:root[data-theme=dark] .landing-mobile-login{color:#f8fafc!important;border-color:#334155!important}}.landing-page{color:#0f172a!important;width:100%!important;font-family:var(--font-family-sans,"Plus Jakarta Sans", sans-serif)!important;scroll-behavior:smooth!important;background:#fff!important;overflow-x:hidden!important}.landing-page .section-container{width:100%!important;max-width:1480px!important;margin:0 auto!important;padding:0 32px!important}.landing-page .section-header{margin-bottom:54px!important}.landing-page .section-header.center{text-align:center!important;max-width:800px!important;margin-left:auto!important;margin-right:auto!important}.landing-page .section-tag{text-transform:uppercase!important;letter-spacing:1px!important;color:#f97316!important;background:#f973161a!important;border:1px solid #f9731633!important;border-radius:100px!important;margin-bottom:14px!important;padding:6px 14px!important;font-size:.82rem!important;font-weight:800!important;display:inline-block!important}.landing-page .section-header h2{color:#0f172a!important;letter-spacing:-.8px!important;margin:0 0 16px!important;font-size:clamp(28px,3.2vw,44px)!important;font-weight:800!important;line-height:1.15!important}.landing-page .section-header p{color:#64748b!important;margin:0!important;font-size:1.05rem!important;line-height:1.6!important}.landing-page .hero-section{text-align:center!important;background:radial-gradient(circle at 50% 0,#f9731614 0%,#fff0 65%)!important;padding:70px 0 90px!important;position:relative!important;overflow:hidden!important}.landing-page .hero-container{flex-direction:column!important;align-items:center!important;max-width:1200px!important;margin:0 auto!important;padding:0 24px!important;display:flex!important}.landing-page .hero-badge{color:#ea580c!important;background:#fff!important;border:1px solid #f973164d!important;border-radius:100px!important;align-items:center!important;gap:8px!important;margin-bottom:24px!important;padding:8px 18px!important;font-size:.85rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 4px 14px #f9731614!important}.landing-page .badge-sparkle{color:#f97316!important}.landing-page .hero-title{color:#0f172a!important;letter-spacing:-1.5px!important;margin:0 0 22px!important;font-size:clamp(38px,4.8vw,64px)!important;font-weight:800!important;line-height:1.08!important}.landing-page .hero-gradient-text{color:#0000!important;-webkit-text-fill-color:transparent!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}.landing-page .hero-subtitle{color:#475569!important;max-width:840px!important;margin:0 0 36px!important;font-size:clamp(16px,2.2vw,20px)!important;line-height:1.6!important}.landing-page .hero-actions-wrapper{align-items:center!important;gap:16px!important;margin-bottom:28px!important;display:flex!important}.landing-page .btn-hero-primary{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;border:none!important;border-radius:14px!important;align-items:center!important;gap:10px!important;padding:16px 32px!important;font-size:1.05rem!important;font-weight:700!important;transition:all .25s!important;display:inline-flex!important;box-shadow:0 8px 24px #f9731659!important}.landing-page .btn-hero-primary:hover{transform:translateY(-3px)!important;box-shadow:0 12px 30px #f9731673!important}.landing-page .btn-hero-secondary{color:#0f172a!important;cursor:pointer!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:14px!important;align-items:center!important;gap:10px!important;padding:16px 28px!important;font-size:1.05rem!important;font-weight:700!important;transition:all .25s!important;display:inline-flex!important;box-shadow:0 4px 14px #0f172a0d!important}.landing-page .btn-hero-secondary:hover{background:#f8fafc!important;border-color:#94a3b8!important;transform:translateY(-2px)!important}.landing-page .hero-trust-bar{color:#64748b!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:12px!important;margin-bottom:50px!important;font-size:.88rem!important;font-weight:600!important;display:flex!important}.landing-page .trust-check{color:#10b981!important;vertical-align:middle!important}.landing-page .trust-dot{color:#cbd5e1!important}.landing-page .hero-showcase-wrapper{width:100%!important;max-width:1140px!important;margin-top:10px!important;position:relative!important}.landing-page .showcase-glow-bg{filter:blur(80px)!important;z-index:1!important;background:radial-gradient(circle,#f9731638 0%,#0000 70%)!important;width:85%!important;height:85%!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.landing-page .hero-dashboard-frame{z-index:2!important;text-align:left!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:24px!important;position:relative!important;overflow:hidden!important;box-shadow:0 30px 80px #0f172a2e!important}.landing-page .browser-top-bar{background:#0f172a!important;border-bottom:1px solid #1e293b!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:12px 24px!important;display:flex!important}.landing-page .browser-left-controls{align-items:center!important;gap:16px!important;display:flex!important}.landing-page .browser-dots{gap:6px!important;display:flex!important}.landing-page .browser-dots .dot{border-radius:50%!important;width:10px!important;height:10px!important}.landing-page .dot.red{background:#ef4444!important}.landing-page .dot.yellow{background:#f59e0b!important}.landing-page .dot.green{background:#10b981!important}.landing-page .browser-address{color:#cbd5e1!important;background:#1e293b!important;border:1px solid #334155!important;border-radius:8px!important;width:260px!important;padding:4px 16px!important;font-family:monospace!important;font-size:.78rem!important}.landing-page .dashboard-mode-toggle{background:#1e293b!important;border:1px solid #334155!important;border-radius:10px!important;align-items:center!important;gap:6px!important;padding:3px!important;display:flex!important}.landing-page .mode-btn{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:8px!important;padding:4px 10px!important;font-size:.75rem!important;font-weight:700!important;transition:all .2s!important}.landing-page .mode-btn.active{color:#fff!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;box-shadow:0 2px 8px #f973164d!important}.landing-page .dashboard-image-box{background:#0f172a!important;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important;overflow:hidden!important}.landing-page .hero-dashboard-img{object-fit:cover!important;width:100%!important;height:auto!important;transition:transform .5s!important;display:block!important}.landing-page .hero-dashboard-frame:hover .hero-dashboard-img{transform:scale(1.012)!important}.landing-page .floating-card{z-index:10!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;align-items:center!important;gap:12px!important;padding:12px 18px!important;animation:4s ease-in-out infinite alternate floatAnim!important;display:flex!important;position:absolute!important;box-shadow:0 16px 36px #0f172a24!important}.landing-page .float-left{top:80px!important;left:-30px!important}.landing-page .float-right{animation-delay:-2s!important;bottom:60px!important;right:-30px!important}@keyframes floatAnim{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.landing-page .float-icon{flex-shrink:0!important}.landing-page .float-icon.org{color:#f97316!important}.landing-page .float-icon.grn{color:#10b981!important}.landing-page .f-title{color:#0f172a!important;font-size:.85rem!important;font-weight:800!important}.landing-page .f-sub{color:#64748b!important;font-size:.75rem!important}.landing-page .features-section{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;border-bottom:1px solid #e2e8f0!important;padding:100px 0!important}.landing-page .features-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))!important;gap:28px!important;display:grid!important}.landing-page .feature-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;flex-direction:column!important;align-items:flex-start!important;padding:30px 26px!important;transition:all .3s!important;display:flex!important;box-shadow:0 4px 16px #0f172a08!important}.landing-page .feature-card:hover{border-color:#cbd5e1!important;transform:translateY(-5px)!important;box-shadow:0 16px 36px #0f172a14!important}.landing-page .feature-icon-box{border:1px solid #0000!important;border-radius:14px!important;justify-content:center!important;align-items:center!important;width:52px!important;height:52px!important;margin-bottom:18px!important;display:flex!important}.landing-page .feature-card h3{color:#0f172a!important;margin:0 0 8px!important;font-size:1.18rem!important;font-weight:800!important}.landing-page .feature-card p{color:#64748b!important;margin:0!important;font-size:.94rem!important;line-height:1.55!important}.landing-page .modules-section{padding:100px 0!important}.landing-page .modules-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))!important;gap:24px!important;display:grid!important}.landing-page .module-card-modern{border:1px solid #e2e8f0e6!important;border-radius:22px!important;flex-direction:column!important;gap:12px!important;padding:30px 24px!important;transition:all .3s!important;display:flex!important;position:relative!important;overflow:hidden!important}.landing-page .module-card-modern:hover{transform:translateY(-6px)!important;box-shadow:0 16px 36px #0f172a14!important}.landing-page .mod-icon-wrapper{margin-bottom:4px!important}.landing-page .module-card-modern h3{color:#0f172a!important;margin:0!important;font-size:1.15rem!important;font-weight:800!important}.landing-page .module-card-modern p{color:#64748b!important;margin:0!important;font-size:.9rem!important;line-height:1.5!important}.landing-page .mod-arrow-link{color:#f97316!important;cursor:pointer!important;align-items:center!important;gap:6px!important;margin-top:6px!important;font-size:.84rem!important;font-weight:800!important;transition:gap .2s!important;display:inline-flex!important}.landing-page .module-card-modern:hover .mod-arrow-link{gap:10px!important}.landing-page .why-us-section{color:#fff!important;background:#0f172a!important;padding:100px 0!important;position:relative!important;overflow:hidden!important}.landing-page .why-us-split{grid-template-columns:1.2fr .8fr!important;align-items:center!important;gap:50px!important;display:grid!important}.landing-page .why-us-left h2{color:#fff!important}.landing-page .why-us-left p{color:#94a3b8!important;margin-bottom:30px!important;font-size:1.05rem!important;line-height:1.6!important}.landing-page .why-cards-stack{flex-direction:column!important;gap:16px!important;display:flex!important}.landing-page .why-card{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:16px!important;padding:20px!important}.landing-page .why-card-header{justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;display:flex!important}.landing-page .why-card-header h3{color:#fff!important;margin:0!important;font-size:1.05rem!important;font-weight:800!important}.landing-page .why-badge{color:#f97316!important;background:#f9731626!important;border:1px solid #f973164d!important;border-radius:6px!important;padding:2px 8px!important;font-size:.72rem!important;font-weight:800!important}.landing-page .why-card p{color:#cbd5e1!important;margin:0!important;font-size:.88rem!important;line-height:1.5!important}.landing-page .why-us-right{flex-direction:column!important;gap:24px!important;display:flex!important}.landing-page .why-illustration-card{background:#ffffff05!important;border:1px solid #ffffff1f!important;border-radius:24px!important;width:100%!important;overflow:hidden!important;box-shadow:0 20px 48px #00000059!important}.landing-page .why-illustration-img{object-fit:cover!important;width:100%!important;height:auto!important;transition:transform .4s!important;display:block!important}.landing-page .why-illustration-card:hover .why-illustration-img{transform:scale(1.02)!important}.landing-page .counters-card-box{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%)!important;border:1px solid #ffffff1a!important;border-radius:24px!important;grid-template-columns:1fr 1fr!important;gap:24px!important;padding:30px!important;display:grid!important}.landing-page .counter-item{flex-direction:column!important;gap:6px!important;display:flex!important}.landing-page .c-number{color:#0000!important;-webkit-text-fill-color:transparent!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:clamp(28px,3vw,40px)!important;font-weight:800!important;line-height:1!important}.landing-page .c-label{color:#94a3b8!important;font-size:.85rem!important;font-weight:600!important}.landing-page .pricing-section{background:#f8fafc!important;padding:100px 0!important}.landing-page .pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;align-items:stretch!important;gap:32px!important;display:grid!important}.landing-page .pricing-card{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:24px!important;flex-direction:column!important;padding:36px 28px!important;transition:all .3s!important;display:flex!important;position:relative!important;box-shadow:0 4px 16px #0f172a08!important}.landing-page .pricing-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 36px #0f172a14!important}.landing-page .pricing-card.highlighted{background:#fff!important;border-color:#f97316!important;box-shadow:0 12px 32px #f9731626!important}.landing-page .tier-popular-badge{color:#fff!important;letter-spacing:.5px!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;border-radius:100px!important;padding:4px 12px!important;font-size:.72rem!important;font-weight:800!important;position:absolute!important;top:-14px!important;right:28px!important;box-shadow:0 4px 12px #f973164d!important}.landing-page .tier-name{color:#0f172a!important;margin:0 0 8px!important;font-size:1.3rem!important;font-weight:800!important}.landing-page .tier-desc{color:#64748b!important;margin:0 0 20px!important;font-size:.88rem!important;line-height:1.5!important}.landing-page .tier-price-row{border-bottom:1px solid #f1f5f9!important;align-items:baseline!important;gap:4px!important;margin-bottom:24px!important;padding-bottom:20px!important;display:flex!important}.landing-page .tier-price{color:#0f172a!important;letter-spacing:-1px!important;font-size:2.5rem!important;font-weight:800!important}.landing-page .tier-period{color:#64748b!important;font-size:.88rem!important;font-weight:600!important}.landing-page .tier-features-list{flex-direction:column!important;gap:12px!important;margin:0 0 30px!important;padding:0!important;list-style:none!important;display:flex!important}.landing-page .tier-features-list li{color:#334155!important;align-items:center!important;gap:10px!important;font-size:.9rem!important;display:flex!important}.landing-page .tier-check{color:#10b981!important;flex-shrink:0!important}.landing-page .btn-tier-cta{cursor:pointer!important;text-align:center!important;border-radius:12px!important;margin-top:auto!important;padding:14px 20px!important;font-size:.95rem!important;font-weight:700!important;transition:all .2s!important}.landing-page .btn-tier-cta.primary{color:#fff!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;border:none!important;box-shadow:0 4px 14px #f9731659!important}.landing-page .btn-tier-cta.primary:hover{transform:translateY(-2px)!important;box-shadow:0 6px 18px #f9731673!important}.landing-page .btn-tier-cta.outline{color:#0f172a!important;background:#fff!important;border:1.5px solid #cbd5e1!important}.landing-page .btn-tier-cta.outline:hover{background:#f8fafc!important;border-color:#94a3b8!important}.landing-page .contact-section{padding:100px 0!important}.landing-page .contact-card-wrapper{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:28px!important;grid-template-columns:1fr 1fr!important;align-items:center!important;gap:50px!important;padding:50px 40px!important;display:grid!important;box-shadow:0 20px 48px #0f172a14!important}.landing-page .contact-info-col h2{color:#0f172a!important;margin:12px 0 16px!important;font-size:2rem!important;font-weight:800!important;line-height:1.2!important}.landing-page .contact-info-col p{color:#64748b!important;margin-bottom:30px!important;font-size:.98rem!important;line-height:1.6!important}.landing-page .contact-meta-items{flex-direction:column!important;gap:20px!important;display:flex!important}.landing-page .cm-item{align-items:center!important;gap:14px!important;display:flex!important}.landing-page .cm-icon{color:#f97316!important;background:#fff7ed!important;border:1px solid #ffedd5!important;border-radius:10px!important;flex-shrink:0!important;width:40px!important;height:40px!important;padding:10px!important}.landing-page .cm-lbl{color:#94a3b8!important;font-size:.78rem!important;font-weight:700!important}.landing-page .cm-val{color:#0f172a!important;font-size:.95rem!important;font-weight:800!important}.landing-page .landing-contact-form{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:20px!important;flex-direction:column!important;gap:16px!important;padding:30px 24px!important;display:flex!important}.landing-page .landing-contact-form h4{color:#0f172a!important;margin:0 0 6px!important;font-size:1.15rem!important;font-weight:800!important}.landing-page .form-group-landing{flex-direction:column!important;gap:6px!important;display:flex!important}.landing-page .form-group-landing label{color:#0f172a!important;font-size:.82rem!important;font-weight:700!important}.landing-page .landing-input{box-sizing:border-box!important;color:#0f172a!important;background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;outline:none!important;width:100%!important;padding:11px 14px!important;font-size:.9rem!important;transition:all .2s!important}.landing-page .landing-input:focus{border-color:#f97316!important;box-shadow:0 0 0 3px #f9731626!important}.landing-page .btn-send-contact{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin-top:4px!important;padding:13px!important;font-size:.92rem!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 14px #f9731659!important}.landing-page .btn-send-contact:hover{transform:translateY(-2px)!important;box-shadow:0 6px 18px #f9731673!important}.landing-page .contact-success-msg{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:40px 20px!important;display:flex!important}.landing-page .contact-success-msg h3{color:#0f172a!important;margin:0!important;font-size:1.25rem!important;font-weight:800!important}.landing-page .contact-success-msg p{color:#64748b!important;margin:0!important;font-size:.9rem!important}.landing-page .footer-master{color:#94a3b8!important;background:#090d16!important;border-top:1px solid #1e293b!important;padding:80px 0 40px!important}.landing-page .footer-top-grid{grid-template-columns:2fr repeat(4,1fr)!important;gap:40px!important;margin-bottom:60px!important;display:grid!important}.landing-page .footer-brand-col{flex-direction:column!important;gap:16px!important;display:flex!important}.landing-page .footer-brand-col .landing-logo{color:#fff!important}.landing-page .footer-brand-desc{color:#64748b!important;max-width:320px!important;margin:0!important;font-size:.88rem!important;line-height:1.6!important}.landing-page .social-links-row{gap:12px!important;margin-top:4px!important;display:flex!important}.landing-page .social-links-row a{color:#94a3b8!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;transition:all .2s!important;display:flex!important}.landing-page .social-links-row a:hover{color:#f97316!important;background:#f973161a!important;border-color:#f97316!important}.landing-page .footer-col h4{color:#fff!important;margin:0 0 16px!important;font-size:.92rem!important;font-weight:800!important}.landing-page .footer-col ul{flex-direction:column!important;gap:10px!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important}.landing-page .footer-col ul a{color:#64748b!important;font-size:.88rem!important;text-decoration:none!important;transition:color .2s!important}.landing-page .footer-col ul a:hover{color:#f97316!important}.landing-page .contact-list li{color:#64748b!important;align-items:center!important;gap:8px!important;font-size:.85rem!important;display:flex!important}.landing-page .footer-bottom-bar{color:#64748b!important;border-top:1px solid #1e293b!important;justify-content:space-between!important;align-items:center!important;padding-top:30px!important;font-size:.82rem!important;display:flex!important}.landing-page .footer-legal-links{gap:20px!important;display:flex!important}.landing-page .footer-legal-links a{color:#64748b!important;text-decoration:none!important}.landing-page .footer-legal-links a:hover{color:#f97316!important}@media (width<=1024px){.landing-page .why-us-split,.landing-page .contact-card-wrapper{grid-template-columns:1fr!important}.landing-page .footer-top-grid{grid-template-columns:1fr 1fr!important}.landing-page .floating-card{display:none!important}}@media (width<=768px){.landing-page .section-container{padding:0 16px!important}.landing-page .hero-actions-wrapper{flex-direction:column!important;width:100%!important}.landing-page .btn-hero-primary,.landing-page .btn-hero-secondary{justify-content:center!important;width:100%!important}.landing-page .counters-card-box{grid-template-columns:1fr!important;padding:24px!important}.landing-page .contact-card-wrapper{padding:30px 20px!important}.landing-page .footer-top-grid{grid-template-columns:1fr!important}.landing-page .footer-bottom-bar{text-align:center!important;flex-direction:column!important;gap:14px!important}}:root[data-theme=dark] .landing-page{color:#f8fafc!important;background:#0b0e17!important}:root[data-theme=dark] .landing-page .section-header h2{color:#fff!important}:root[data-theme=dark] .landing-page .section-header p{color:#94a3b8!important}:root[data-theme=dark] .landing-page .hero-section{background:radial-gradient(circle at 50% 0,#f9731624 0%,#0b0e1700 65%)!important}:root[data-theme=dark] .landing-page .hero-badge{color:#f97316!important;background:#131826!important;border-color:#f9731659!important;box-shadow:0 4px 14px #f9731626!important}:root[data-theme=dark] .landing-page .hero-title{color:#fff!important}:root[data-theme=dark] .landing-page .hero-subtitle{color:#94a3b8!important}:root[data-theme=dark] .landing-page .btn-hero-secondary{color:#f8fafc!important;background:#131826!important;border-color:#2a344d!important;box-shadow:0 4px 14px #00000040!important}:root[data-theme=dark] .landing-page .btn-hero-secondary:hover{background:#181e30!important;border-color:#3b486b!important}:root[data-theme=dark] .landing-page .hero-trust-bar{color:#94a3b8!important}:root[data-theme=dark] .landing-page .trust-dot{color:#334155!important}:root[data-theme=dark] .landing-page .hero-dashboard-frame{background:#131826!important;border-color:#1d2436!important;box-shadow:0 30px 80px #000000a6!important}:root[data-theme=dark] .landing-page .floating-card{background:#131826!important;border-color:#1d2436!important;box-shadow:0 16px 36px #00000080!important}:root[data-theme=dark] .landing-page .f-title{color:#f8fafc!important}:root[data-theme=dark] .landing-page .f-sub{color:#94a3b8!important}:root[data-theme=dark] .landing-page .features-section{background:#0f1422!important;border-top-color:#1d2436!important;border-bottom-color:#1d2436!important}:root[data-theme=dark] .landing-page .feature-card{background:#131826!important;border-color:#1d2436!important;box-shadow:0 4px 16px #00000040!important}:root[data-theme=dark] .landing-page .feature-card:hover{border-color:#2a344d!important;box-shadow:0 16px 36px #00000073!important}:root[data-theme=dark] .landing-page .feature-card h3{color:#fff!important}:root[data-theme=dark] .landing-page .feature-card p{color:#94a3b8!important}:root[data-theme=dark] .landing-page .module-card-modern{background:linear-gradient(135deg,#131826 0%,#0f1422 100%)!important;border-color:#1d2436!important;box-shadow:0 4px 16px #0003!important}:root[data-theme=dark] .landing-page .module-card-modern:hover{border-color:#2a344d!important;box-shadow:0 16px 36px #0006!important}:root[data-theme=dark] .landing-page .module-card-modern h3{color:#fff!important}:root[data-theme=dark] .landing-page .module-card-modern p{color:#94a3b8!important}:root[data-theme=dark] .landing-page .why-us-section{background:#080b12!important}:root[data-theme=dark] .landing-page .why-card{background:#ffffff0a!important;border-color:#ffffff1a!important}:root[data-theme=dark] .landing-page .pricing-section{background:#0f1422!important}:root[data-theme=dark] .landing-page .pricing-card{background:#131826!important;border-color:#1d2436!important;box-shadow:0 4px 16px #00000040!important}:root[data-theme=dark] .landing-page .pricing-card:hover{box-shadow:0 16px 36px #00000073!important}:root[data-theme=dark] .landing-page .pricing-card.highlighted{background:#131826!important;border-color:#f97316!important;box-shadow:0 12px 32px #f9731640!important}:root[data-theme=dark] .landing-page .tier-name{color:#fff!important}:root[data-theme=dark] .landing-page .tier-desc{color:#94a3b8!important}:root[data-theme=dark] .landing-page .tier-price-row{border-bottom-color:#1d2436!important}:root[data-theme=dark] .landing-page .tier-price{color:#fff!important}:root[data-theme=dark] .landing-page .tier-period{color:#94a3b8!important}:root[data-theme=dark] .landing-page .tier-features-list li{color:#cbd5e1!important}:root[data-theme=dark] .landing-page .btn-tier-cta.outline{color:#f8fafc!important;background:#181e30!important;border-color:#2a344d!important}:root[data-theme=dark] .landing-page .btn-tier-cta.outline:hover{background:#22293e!important;border-color:#3b486b!important}:root[data-theme=dark] .landing-page .contact-card-wrapper{background:#131826!important;border-color:#1d2436!important;box-shadow:0 20px 48px #00000073!important}:root[data-theme=dark] .landing-page .contact-info-col h2{color:#fff!important}:root[data-theme=dark] .landing-page .contact-info-col p{color:#94a3b8!important}:root[data-theme=dark] .landing-page .cm-icon{color:#f97316!important;background:#f973161f!important;border-color:#f9731640!important}:root[data-theme=dark] .landing-page .cm-lbl{color:#64748b!important}:root[data-theme=dark] .landing-page .cm-val{color:#f8fafc!important}:root[data-theme=dark] .landing-page .landing-contact-form{background:#0f1422!important;border-color:#1d2436!important}:root[data-theme=dark] .landing-page .landing-contact-form h4{color:#fff!important}:root[data-theme=dark] .landing-page .form-group-landing label{color:#cbd5e1!important}:root[data-theme=dark] .landing-page .landing-input{color:#f8fafc!important;background:#131826!important;border-color:#2a344d!important}:root[data-theme=dark] .landing-page .landing-input:focus{border-color:#f97316!important}:root[data-theme=dark] .landing-page .contact-success-msg h3{color:#fff!important}:root[data-theme=dark] .landing-page .contact-success-msg p{color:#94a3b8!important}:root[data-theme=dark] .landing-page .footer-master{background:#05070c!important;border-top-color:#131826!important}.form-group{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.input-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.input-wrapper{align-items:center;display:flex;position:relative}.custom-input{width:100%;min-height:46px;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-body);transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);outline:none}.custom-input:hover:not(:focus){border-color:var(--color-text-muted)}.custom-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.custom-input::placeholder{color:var(--color-text-muted)}.custom-input:disabled{background:var(--color-bg-subtle);color:var(--color-text-muted)}.input-error{border-color:var(--color-danger)}.error-text{color:var(--color-danger);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.password-toggle{right:var(--space-md);border-radius:var(--radius-full);width:34px;height:34px;color:var(--color-text-muted);background:0 0;justify-content:center;align-items:center;display:inline-flex;position:absolute}.password-toggle:hover{background:var(--color-bg);color:var(--color-text-primary)}.custom-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:99999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.custom-modal-card{background:var(--color-surface,#fff);border:1.5px solid var(--color-border,#e2e8f0);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:440px;padding:28px 24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0f172a40}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-icon-badge{border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 20px #00000014}.modal-icon-badge.info,.modal-icon-badge.prompt{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.modal-icon-badge.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.modal-icon-badge.warning,.modal-icon-badge.confirm{color:#f97316;background:#fff7ed;border:1px solid #fed7aa}.modal-icon-badge.danger,.modal-icon-badge.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.modal-text-content{flex-direction:column;gap:8px;width:100%;display:flex}.modal-title{color:var(--color-text-primary,#0f172a);letter-spacing:-.3px;margin:0;font-size:1.25rem;font-weight:800}.modal-message{color:var(--color-text-muted,#64748b);word-break:break-word;margin:0;font-size:.92rem;line-height:1.5}.modal-prompt-input{box-sizing:border-box;border:1.5px solid var(--color-border,#cbd5e1);background:var(--color-bg-subtle,#f8fafc);width:100%;color:var(--color-text-primary,#0f172a);border-radius:12px;outline:none;margin-top:10px;padding:12px 16px;font-size:.92rem;transition:all .2s}.modal-prompt-input:focus{background:var(--color-surface,#fff);border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.modal-actions-group{align-items:center;gap:12px;width:100%;margin-top:6px;display:flex}.btn-modal-cancel{border:1.5px solid var(--color-border,#cbd5e1);background:var(--color-surface,#fff);color:var(--color-text-primary,#0f172a);cursor:pointer;border-radius:12px;flex:1;padding:12px 18px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-modal-cancel:hover{background:var(--color-bg-subtle,#f1f5f9);border-color:var(--color-text-muted,#94a3b8)}.btn-modal-confirm{color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px 18px;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #00000026}.btn-modal-confirm.info,.btn-modal-confirm.prompt{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 4px 14px #0284c759}.btn-modal-confirm.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.btn-modal-confirm.warning,.btn-modal-confirm.confirm{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 4px 14px #f9731659}.btn-modal-confirm.danger,.btn-modal-confirm.error{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #ef444459}.btn-modal-confirm:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn-modal-confirm:active{transform:translateY(0)}@media (width<=480px){.custom-modal-card{border-radius:20px;padding:22px 18px}}.sidebar{z-index:1100;width:var(--sidebar-width);background:var(--sidebar-bg);height:100svh;color:var(--color-text-primary);border-right:1px solid var(--color-border);font-family:var(--font-family-base);transition:transform var(--transition-slow), background-color var(--transition-base), border-color var(--transition-base);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}:root[data-theme=dark] .sidebar{background:var(--sidebar-bg)}.sidebar-logo{min-height:86px;padding:0 var(--space-xl);cursor:pointer;align-items:center;gap:14px;margin-bottom:12px;display:flex}.logo-icon-box{width:48px;height:48px;color:var(--color-primary);background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:var(--radius-xl);place-items:center;transition:all .25s;display:grid;box-shadow:0 4px 16px #f9731647}.sidebar-logo:hover .logo-icon-box{background:var(--color-primary);color:#fff;transform:scale(1.08)}.logo-icon-box svg{width:30px;height:30px}.logo-text{color:var(--color-text-primary);letter-spacing:-.6px;font-size:25px;font-weight:900}.logo-text span{color:var(--color-primary)}.sidebar-nav{gap:var(--space-xs);min-height:0;padding:var(--space-md) var(--space-md) var(--space-md);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-text-muted) 35%, transparent) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-link{align-items:center;gap:var(--space-sm);width:100%;min-height:44px;padding:0 var(--space-md);color:var(--color-text-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:left;cursor:pointer;transition:background var(--transition-base), color var(--transition-base), border-color var(--transition-base), transform var(--transition-fast);background:0 0;border:1px solid #0000;text-decoration:none;display:flex}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-soft);transform:translate(2px)}.nav-link.active,.nav-link.emphasized{color:var(--color-primary);background:var(--color-primary-soft);border-color:color-mix(in srgb, var(--color-primary-border) 65%, transparent)}:root[data-theme=dark] .nav-link.active,:root[data-theme=dark] .nav-link.emphasized,:root[data-theme=dark] .nav-link:hover{background:color-mix(in srgb, var(--color-primary) 14%, transparent)}.nav-link .icon{flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.nav-link .icon svg{width:100%;height:100%}.group-btn .arrow{color:currentColor;font-size:var(--font-size-body-lg);margin-left:auto;line-height:1;display:inline-flex}.nav-group .group-content{gap:var(--space-xs);max-height:0;margin-left:var(--space-lg);opacity:0;transition:max-height var(--transition-slow), opacity var(--transition-base);display:grid;position:relative;overflow:hidden}.nav-group.is-open>.group-content{opacity:1;max-height:720px;padding:var(--space-xs) 0 var(--space-sm) var(--space-sm)}.nav-group.is-open>.group-content:before{content:"";inset:var(--space-sm) auto var(--space-sm) 0;background:var(--color-border);width:1px;position:absolute}.sub-link{min-height:40px;padding:0 var(--space-sm) 0 var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.indicator{width:4px;height:4px;margin-right:var(--space-xs);background:var(--color-border-strong);border-radius:var(--radius-full);flex:0 0 4px}.sub-link.active .indicator,.sub-link.emphasized .indicator{background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 14%, transparent)}.no-data{min-height:auto;color:var(--color-text-muted);cursor:default}.shapes-list{gap:var(--space-2xs);padding-left:var(--space-md);margin-top:var(--space-2xs);border-left:1px solid var(--color-border);flex-direction:column;display:flex}.shapes-label{margin:var(--space-xs) 0 var(--space-2xs) var(--space-xs);color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.shape-item{width:100%;padding:var(--space-xs) var(--space-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:background-color var(--transition-base), color var(--transition-base), transform var(--transition-fast);background:0 0;border:1px solid #0000;display:block}.shape-item:hover{color:var(--color-primary);background:var(--color-primary-soft);transform:translate(2px)}.shape-item.active{color:var(--color-primary);background:var(--color-primary-soft);font-weight:var(--font-weight-bold)}.sidebar-footer{z-index:100;margin:var(--space-md);padding:var(--space-md);background:color-mix(in srgb, var(--color-surface) 88%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);position:relative}:root[data-theme=dark] .sidebar-footer{background:color-mix(in srgb, var(--color-surface-elevated) 78%, transparent)}.user-profile{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.avatar{width:42px;height:42px;color:var(--color-text-inverse);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));border-radius:var(--radius-full);font-weight:var(--font-weight-extrabold);place-items:center;display:grid}.info{min-width:0}.name,.role{display:block}.name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.footer-menu{color:var(--color-text-muted);font-size:var(--font-size-h4);cursor:pointer;border-radius:var(--radius-md);padding:4px 6px;line-height:1;transition:all .2s}.footer-menu:hover{color:var(--color-primary);background:var(--color-primary-soft)}.logout-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;height:38px;min-height:38px;margin-top:var(--space-md);color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-fast);border:1px solid #0000;display:inline-flex}.logout-btn:hover{border-color:var(--color-primary-border);transform:translateY(-1px)}.sidebar-profile-popup{background:color-mix(in srgb, var(--color-surface) 96%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);z-index:2000;transform-origin:bottom;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) forwards sidebarPopupIn;position:absolute;bottom:calc(100% + 12px);left:0;right:0;box-shadow:0 16px 36px -8px #00000047}@keyframes sidebarPopupIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.popup-header-user{align-items:center;gap:12px;display:flex}.popup-avatar{background:linear-gradient(135deg, var(--color-primary), #fb923c);color:#fff;border-radius:var(--radius-full);place-items:center;width:44px;height:44px;font-weight:800;display:grid;box-shadow:0 4px 12px #f973164d}.popup-user-details h4{color:var(--color-text-primary);margin-bottom:2px;font-size:15px;font-weight:800}.popup-user-details p{color:var(--color-text-muted);word-break:break-all;font-size:11px;font-weight:500}.popup-divider{background:var(--color-border);height:1px;margin:12px 0}.popup-info-list{flex-direction:column;gap:8px;display:flex}.popup-info-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);align-items:center;gap:10px;padding:8px 10px;transition:all .2s;display:flex}.popup-info-item:hover{border-color:var(--color-primary-border);background:var(--color-surface)}.popup-icon{color:var(--color-text-muted);flex-shrink:0}.popup-icon.orange{color:var(--color-primary)}.p-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800;display:block}.p-val{color:var(--color-text-primary);font-size:12px;font-weight:700;display:block}.p-val.code{color:var(--color-primary);letter-spacing:1px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.p-role-badge{border-radius:var(--radius-full);margin-top:2px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.p-role-badge.admin{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border)}.p-role-badge.employee{background:var(--color-info-soft);color:var(--color-info);border:1px solid #3b82f640}.invite-box{background:var(--color-primary-soft);border:1px dashed var(--color-primary)}.popup-copy-btn{background:var(--color-surface);border:1px solid var(--color-primary-border);color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.popup-copy-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.04)}.popup-copy-btn.copied{background:var(--color-success);color:#fff;border-color:var(--color-success)}.popup-actions{flex-direction:column;gap:4px;display:flex}.popup-btn{border-radius:var(--radius-xl);width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.popup-btn:hover{background:var(--color-bg);color:var(--color-primary);transform:translate(4px)}.sidebar-overlay{z-index:1050;background:var(--color-overlay);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity var(--transition-base);display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto;display:block}.mobile-close-btn{color:var(--color-text-primary);font-size:var(--font-size-h3);cursor:pointer;background:0 0;border:0;margin-left:auto;display:none}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{box-shadow:var(--shadow-xl);transform:translate(0)}.mobile-close-btn{display:inline-flex}}@media (width<=420px){.sidebar{width:min(var(--sidebar-width), 88vw)}}.dashboard-layout{background:var(--color-bg);width:100%;min-height:100svh;transition:background-color var(--transition-base);display:flex;overflow-x:hidden}.dashboard-content{min-width:0;margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.top-global-header{top:0;left:var(--sidebar-width);z-index:1000;height:70px;padding:0 var(--space-2xl);background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color var(--transition-base), border-color var(--transition-base), left var(--transition-slow);justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.top-breadcrumb{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex}.top-breadcrumb strong{color:var(--color-primary);font-weight:var(--font-weight-bold)}.breadcrumb-link{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:color var(--transition-base)}.breadcrumb-link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-separator{color:var(--color-text-muted);font-size:var(--font-size-body)}.header-user-profile{align-items:center;gap:var(--space-md);margin-left:auto;display:flex;position:relative}.mobile-hamburger,.header-icon-btn,.theme-toggle-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base), transform var(--transition-fast);background:0 0;border:1px solid #0000;place-items:center;display:grid}.mobile-hamburger{display:none}.mobile-hamburger:hover,.header-icon-btn:hover,.theme-toggle-btn:hover{color:var(--color-primary);background:var(--color-primary-soft);border-color:var(--color-primary-border);transform:scale(1.05)}.header-icon-btn{position:relative}.notification-badge{color:#fff;border:2px solid var(--color-surface,#fff);border-radius:var(--radius-full);width:18px;height:18px;font-size:10px;font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);place-items:center;line-height:1;display:grid;position:absolute;top:4px;right:4px}.pulse-badge{animation:1.8s infinite pulseRedBadge}@keyframes pulseRedBadge{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.notif-wrapper{position:relative}.navbar-notif-dropdown{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);z-index:1050;border-radius:18px;width:330px;animation:.2s ease-out forwards dropdownSlideIn;position:absolute;top:52px;right:-10px;overflow:hidden;box-shadow:0 16px 36px #0f172a26}.notif-dropdown-header{border-bottom:1px solid var(--color-border,#e2e8f0);background:var(--color-bg-subtle,#f8fafc);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notif-dropdown-header h4{color:var(--color-text-primary,#0f172a);margin:0;font-size:.92rem;font-weight:800}.notif-count-badge{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:800}.notif-dropdown-body{flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.notif-item{border-bottom:1px solid var(--color-border,#f1f5f9);align-items:flex-start;gap:12px;padding:14px 18px;transition:background .2s;display:flex}.notif-item:hover{background:var(--color-bg-subtle,#f8fafc)}.notif-item-avatar{color:#ea580c;background:#fff7ed;border:1.5px solid #ffedd5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:flex}.notif-item-content{flex-direction:column;flex:1;gap:2px;display:flex}.notif-item-title{color:var(--color-text-primary,#0f172a);font-size:.85rem;font-weight:700}.notif-item-sub{color:var(--color-text-muted,#64748b);font-size:.78rem}.notif-item-time{color:var(--color-text-muted,#94a3b8);margin-top:2px;font-size:.72rem}.notif-empty-state{text-align:center;color:var(--color-text-muted,#64748b);flex-direction:column;align-items:center;gap:8px;padding:28px 18px;font-size:.85rem;display:flex}.notif-dropdown-footer{border-top:1px solid var(--color-border,#e2e8f0);background:var(--color-bg-subtle,#f8fafc);text-align:center;padding:12px 18px}.btn-view-all-notifs{color:#f97316;cursor:pointer;background:0 0;border:none;font-size:.82rem;font-weight:700}.user-profile-trigger{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);cursor:pointer;border:1px solid #0000;padding:4px 10px 4px 6px;transition:all .2s;display:flex}.user-profile-trigger:hover,.user-profile-trigger.active{background:var(--color-bg);border-color:var(--color-border)}.user-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));width:38px;height:38px;color:var(--color-white);border-radius:var(--radius-full);font-weight:var(--font-weight-extrabold);place-items:center;display:grid;box-shadow:0 4px 14px #f973164d}.user-details-desktop{flex-direction:column;justify-content:center;min-width:60px;display:flex}.user-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-compact);display:block}.user-status{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);display:block}.profile-chevron{color:var(--color-text-muted);transition:transform .25s}.profile-chevron.rotated{color:var(--color-primary);transform:rotate(180deg)}.navbar-profile-dropdown{background:color-mix(in srgb, var(--color-surface) 96%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);z-index:2000;transform-origin:100% 0;width:330px;max-width:90vw;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards dropdownPopIn;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 20px 40px -10px #00000047}@keyframes dropdownPopIn{0%{opacity:0;transform:scale(.92)translateY(-12px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown-user-card{align-items:center;gap:14px;padding-bottom:14px;display:flex}.card-avatar-wrapper{position:relative}.card-avatar{background:linear-gradient(135deg, var(--color-primary), #fb923c);color:#fff;border-radius:var(--radius-full);place-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:grid;box-shadow:0 6px 18px #f9731659}.card-status-dot{background:var(--color-success);border:2px solid var(--color-surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.card-user-info h4{color:var(--color-text-primary);margin-bottom:2px;font-size:16px;font-weight:800}.card-email{color:var(--color-text-muted);word-break:break-all;font-size:12px;font-weight:500}.dropdown-divider{background:var(--color-border);height:1px;margin:14px 0}.dropdown-details-list{flex-direction:column;gap:10px;display:flex}.detail-row-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.detail-row-item:hover{border-color:var(--color-primary-border);background:var(--color-surface)}.detail-icon{color:var(--color-text-muted);flex-shrink:0}.detail-icon.orange{color:var(--color-primary)}.detail-content{flex-direction:column;display:flex}.detail-content.flex-grow{flex:1}.detail-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:800}.detail-value{color:var(--color-text-primary);font-size:13px;font-weight:700}.code-font{letter-spacing:1.2px;color:var(--color-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:14px}.role-badge{border-radius:var(--radius-full);letter-spacing:.5px;margin-top:3px;padding:2px 9px;font-size:10px;font-weight:800;display:inline-block}.role-badge.admin{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border)}.role-badge.employee{background:var(--color-info-soft);color:var(--color-info);border:1px solid #3b82f640}.invite-code-box{background:var(--color-primary-soft);border:1px dashed var(--color-primary)}.copy-code-btn{background:var(--color-surface);border:1px solid var(--color-primary-border);color:var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-xs);align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.copy-code-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.04)}.copy-code-btn.copied{background:var(--color-success);color:#fff;border-color:var(--color-success)}.dropdown-action-menu{flex-direction:column;gap:6px;display:flex}.dropdown-menu-btn{border-radius:var(--radius-xl);width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:11px 16px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.dropdown-menu-btn:hover{background:var(--color-bg);color:var(--color-primary);transform:translate(4px)}.dropdown-menu-btn.logout:hover{background:var(--color-danger-soft);color:var(--color-danger)}.page-container{width:100%;padding:var(--space-2xl);flex:1;margin-top:70px}@media (width<=1024px){.dashboard-content{margin-left:0}.top-global-header{height:64px;padding:0 var(--space-lg);left:0}.page-container{padding:var(--space-lg);margin-top:64px}.mobile-hamburger{display:grid}}@media (width<=680px){.top-breadcrumb,.user-details-desktop,.profile-chevron{display:none}.header-user-profile{gap:var(--space-sm)}}@media (width<=560px){.page-container{padding:var(--space-md)}.user-avatar,.header-icon-btn,.theme-toggle-btn,.mobile-hamburger{width:36px;height:36px}}:root{--bg-body:var(--color-bg);--bg-card:var(--color-surface);--text-dark:var(--color-text-primary);--text-muted:var(--color-text-muted);--text-light:var(--color-text-muted);--border-color:var(--color-bg-subtle);--border-dark:var(--color-border);--brand-orange:var(--color-primary);--brand-orange-hover:var(--color-primary-hover);--brand-orange-light:var(--color-primary-soft);--color-green:var(--color-success);--color-purple:var(--color-accent);--color-blue:var(--color-accent);--shadow-card:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--shadow-hover:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--ease-spring:cubic-bezier(.175, .885, .32, 1.275)}.admin-dashboard{background-color:var(--bg-body);min-height:100vh;color:var(--text-dark);padding:32px 40px;font-family:Inter,sans-serif;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-primary) 40%, transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-primary) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-primary) 0%, transparent)}}@keyframes drawLine{0%{stroke-dasharray:1000;stroke-dashoffset:1000px}to{stroke-dasharray:1000;stroke-dashoffset:0}}.fade-in-up{opacity:0;animation:.6s ease-out forwards fadeInUp}.slide-in-right{opacity:0;animation:.5s ease-out forwards slideInRight}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-log-0{animation-delay:.4s}.delay-log-1{animation-delay:.5s}.delay-log-2{animation-delay:.6s}.delay-log-3{animation-delay:.7s}.delay-log-4{animation-delay:.8s}.pulse{animation:2s infinite pulseGlow}.draw-line path{animation:drawLine 1.5s var(--ease-spring) forwards}.draw-line-slow path:first-child{animation:2s ease-out forwards drawLine}.hover-lift:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.hover-card{transition:all .3s;position:relative}.hover-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-dark);transform:translateY(-4px)}.hover-shadow{transition:box-shadow .3s}.hover-shadow:hover{box-shadow:var(--shadow-hover)}.hover-rotate:hover{color:var(--text-dark);transition:transform .3s;transform:rotate(90deg)}.row-hover{transition:background-color .2s}.row-hover:hover{background-color:var(--color-bg)}.row-hover:hover .avatar-bounce{background-color:var(--brand-orange);transform:scale(1.15)rotate(-5deg)}.arrow-slide:hover .arrow-icon{transform:translate(5px)}.arrow-icon{transition:transform .2s}.log-item{border-radius:8px;margin-left:-8px;margin-right:-8px;padding:8px;transition:transform .2s,background-color .2s}.log-item:hover{background-color:var(--color-bg);transform:translate(6px)}.text-dark{color:var(--text-dark)}.text-green{color:var(--color-green)}.text-purple{color:var(--color-purple)}.text-blue{color:var(--color-blue)}.dark-bg{background-color:var(--text-dark);color:var(--color-text-inverse);transition:background-color .3s var(--ease-spring), transform .3s var(--ease-spring)}.orange-light{background-color:var(--brand-orange-light)}.purple-light{background-color:var(--color-info-soft)}.green-light{background-color:var(--color-success-soft)}.blue-light{background-color:var(--color-info-soft)}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.dash-header h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.header-actions{align-items:center;gap:16px;display:flex}.bell-btn{color:var(--text-dark);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:background-color .2s;position:relative}.bell-btn:hover{background-color:var(--color-bg-subtle)}.bell-btn .badge{background:var(--brand-orange);color:var(--color-text-inverse);border:2px solid var(--bg-body);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;display:flex;position:absolute;top:4px;right:4px}.btn-primary,.btn-secondary{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.btn-primary{background-color:var(--brand-orange);color:var(--color-text-inverse);border:none}.btn-secondary{background-color:var(--color-text-inverse);color:var(--text-dark);border:1px solid var(--border-dark)}.btn-excel-export{cursor:pointer;color:#fff;white-space:nowrap;letter-spacing:-.2px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1.5px solid #059669;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #10b98159}.btn-excel-export:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 18px #10b98173}.btn-excel-export:active{transform:translateY(0);box-shadow:0 2px 4px #10b98140}.access-request-alert-banner{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1.5px solid #fdba74;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 4px 14px #f973161f}.alert-banner-content{align-items:center;gap:14px;display:flex}.alert-icon-box{color:#fff;background:#f97316;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.alert-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.alert-banner-text h4{color:#9a3412;margin:0 0 2px;font-size:1rem;font-weight:800}.alert-banner-text p{color:#c2410c;margin:0;font-size:.85rem}.btn-review-access{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:10px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #f973164d}.btn-review-access:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f9731666}.access-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.access-modal-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:20px;flex-direction:column;width:100%;max-width:580px;animation:.3s ease-out forwards fadeInUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.access-modal-header{border-bottom:1px solid var(--color-border,#e2e8f0);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title-group{align-items:center;gap:12px;display:flex}.modal-title-group h3{color:var(--color-text-primary,#0f172a);margin:0 0 2px;font-size:1.15rem;font-weight:800}.modal-title-group p{color:var(--color-text-muted,#64748b);margin:0;font-size:.82rem}.close-modal-btn{color:var(--color-text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px;transition:all .2s}.close-modal-btn:hover{background:var(--color-bg-subtle,#f1f5f9);color:var(--color-text-primary,#0f172a)}.access-modal-body{flex-direction:column;gap:14px;max-height:380px;padding:20px 24px;display:flex;overflow-y:auto}.access-user-row{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.user-avatar-badge{color:#fff;background:#f97316;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.9rem;font-weight:800;display:flex}.user-info-meta{flex-direction:column;flex:1;display:flex}.emp-name{color:var(--color-text-primary,#0f172a);font-size:.95rem;font-weight:800}.emp-contact{color:var(--color-text-muted,#64748b);font-size:.8rem}.emp-date{color:var(--color-text-muted,#94a3b8);font-size:.72rem}.access-row-actions{align-items:center;gap:8px;display:flex}.btn-action-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-action-approve:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px)}.btn-action-reject{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-action-reject:hover{color:#fff;background:#ef4444;border-color:#ef4444}.empty-access-modal{text-align:center;color:var(--color-text-muted,#64748b);flex-direction:column;align-items:center;gap:12px;padding:30px;display:flex}.access-modal-footer{border-top:1px solid var(--color-border,#e2e8f0);background:var(--color-bg-subtle,#f8fafc);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.btn-close-access{border:1px solid var(--color-border,#cbd5e1);color:var(--color-text-primary,#0f172a);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700}.btn-manage-all-link{color:#f97316;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px 24px;position:relative;overflow:hidden}.stat-top{z-index:2;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex;position:relative}.icon-box{width:48px;height:48px;transition:transform .3s var(--ease-spring);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card:hover .icon-pop{transform:scale(1.1)rotate(5deg)}.stat-text-group{flex:1}.stat-label{color:var(--text-dark);margin:0 0 4px;font-size:13px;font-weight:500}.stat-value{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.stat-bottom{z-index:2;align-items:center;gap:6px;display:flex;position:relative}.change{align-items:center;font-size:12px;font-weight:600;display:flex}.change.positive{color:var(--color-green)}.change.neutral{color:var(--text-light)}.change-text{color:var(--text-light);font-size:12px}.dot{background-color:var(--text-light);border-radius:50%;width:6px;height:6px;margin-left:6px}.sparkline{z-index:1;width:140px;height:60px;position:absolute;bottom:0;right:0}.sparkline svg{width:100%;height:100%;display:block}.ring-chart{width:40px;height:40px}.team-logs-grid{grid-template-columns:1.8fr 1.2fr;gap:20px;margin-bottom:24px;display:grid}.split-half{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-header h3{margin:0;font-size:16px;font-weight:700}.link-btn-small,.link-btn{color:var(--brand-orange);cursor:pointer;background:0 0;border:none;font-weight:600;transition:color .2s}.link-btn-small{font-size:13px}.link-btn{align-items:center;font-size:14px;display:inline-flex}.link-btn:hover,.link-btn-small:hover{color:var(--brand-orange-hover)}.card-footer{text-align:center;border-top:1px solid var(--border-color);padding:16px}.table-responsive{overflow-x:auto}.dash-table{border-collapse:collapse;width:100%}.dash-table th{background-color:var(--color-bg);text-align:left;color:var(--text-dark);border-bottom:1px solid var(--border-color);padding:12px 24px;font-size:12px;font-weight:600}.dash-table td{border-bottom:1px solid var(--border-color);padding:16px 24px;font-size:14px}.dash-table.no-border th{background-color:#0000}.dash-table.no-border td,.dash-table.no-border th{border-bottom:none;padding:12px 0}.emp-info{align-items:center;gap:12px;display:flex}.emp-name{color:var(--text-dark);font-weight:600}.avatar{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.status-pill{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}.badge-blue{background-color:var(--color-info-soft);color:var(--color-accent)}.badge-green{background-color:var(--color-success-soft);color:var(--color-success)}.badge-orange{background-color:var(--color-primary-soft);color:var(--color-primary-hover)}.log-list{flex-direction:column;gap:10px;padding:16px 24px;display:flex}.log-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.log-details{flex:1}.log-title{color:var(--text-dark);margin:0 0 2px;font-size:14px;font-weight:500}.log-sub{color:var(--text-light);margin:0;font-size:12px}.log-time{color:var(--text-light);white-space:nowrap;font-size:12px;font-weight:500}.dropdown-mock{border:1px solid var(--border-dark);color:var(--text-dark);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.chart-container{gap:16px;height:300px;padding:24px;display:flex}.chart-y-axis{color:var(--text-light);flex-direction:column;justify-content:space-between;padding-bottom:24px;font-size:12px;font-weight:500;display:flex}.chart-main{flex-direction:column;flex:1;display:flex;position:relative}.grid-lines{z-index:1;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 24px}.grid-lines div{border-bottom:1px dashed var(--border-color);width:100%;height:1px}.chart-svg{z-index:2;width:100%;height:calc(100% - 24px);position:absolute;top:0;left:0;overflow:visible}.chart-dot{fill:#fff;stroke:var(--brand-orange);stroke-width:2.5px;opacity:0;animation:.4s forwards fadeInUp}.chart-dot:nth-child(3){animation-delay:.5s}.chart-dot:nth-child(4){animation-delay:.6s}.chart-dot:nth-child(5){animation-delay:.7s}.chart-x-axis{height:24px;color:var(--text-light);justify-content:space-between;align-items:flex-end;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:0;left:0;right:0}.dash-footer{text-align:center;color:var(--text-light);padding-top:20px;font-size:13px}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.team-logs-grid,.split-half{grid-template-columns:1fr}}@media (width<=768px){.dash-header{justify-content:center}.header-actions{justify-content:center;width:100%;margin-top:10px}.stats-grid{grid-template-columns:1fr}}.user-dashboard-page{background-color:var(--color-bg,#f8fafc);min-height:100vh;color:var(--color-text-primary,#0f172a);flex-direction:column;gap:28px;padding:32px 40px;display:flex}.user-dash-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.welcome-box .role-pill{color:#ea580c;text-transform:uppercase;letter-spacing:.5px;background:#fff7ed;border:1px solid #ffedd5;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;display:inline-block}.welcome-box h1{color:var(--color-text-primary,#0f172a);letter-spacing:-.5px;margin:0 0 6px;font-size:1.8rem;font-weight:800}.welcome-box p{color:var(--color-text-muted,#64748b);margin:0;font-size:.95rem}.header-action-buttons{align-items:center;gap:12px;display:flex}.btn-dash-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:1px solid #ea580c;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f9731659}.btn-dash-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f9731673}.btn-dash-secondary{background:var(--color-surface,#fff);color:var(--color-text-primary,#0f172a);border:1.5px solid var(--color-border,#cbd5e1);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-dash-secondary:hover{background:var(--color-bg-subtle,#f1f5f9);transform:translateY(-2px)}.user-stats-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.user-stat-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;align-items:flex-start;gap:16px;padding:22px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a0a}.user-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0f172a14}.card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.card-icon.orange{color:#f97316;background:#fff7ed}.card-icon.green{color:#16a34a;background:#f0fdf4}.card-icon.blue{color:#0284c7;background:#f0f9ff}.card-icon.purple{color:#9333ea;background:#faf5ff}.card-info{flex-direction:column;display:flex}.card-label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:700}.card-value{color:var(--color-text-primary,#0f172a);margin:4px 0;font-size:1.45rem;font-weight:800}.card-sub{color:var(--color-text-muted,#64748b);font-size:.8rem}.quick-launchpad-section{flex-direction:column;gap:14px;display:flex}.section-title{align-items:center;gap:8px;display:flex}.section-title h3{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.1rem;font-weight:800}.launchpad-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.launch-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);cursor:pointer;border-radius:14px;align-items:center;gap:16px;padding:18px;transition:all .2s;display:flex}.launch-card:hover{border-color:#f97316;transform:translateY(-2px);box-shadow:0 8px 20px #f973161f}.launch-icon{color:#f97316;background:#fff7ed;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.launch-icon.blue{color:#0284c7;background:#f0f9ff}.launch-icon.green{color:#16a34a;background:#f0fdf4}.launch-text{flex:1}.launch-text h4{color:var(--color-text-primary,#0f172a);margin:0 0 2px;font-size:.95rem;font-weight:700}.launch-text p{color:var(--color-text-muted,#64748b);margin:0;font-size:.8rem}.launch-arrow{color:var(--color-text-muted,#94a3b8);transition:transform .2s}.launch-card:hover .launch-arrow{color:#f97316;transform:translate(4px)}.user-recent-projects-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0f172a08}.card-header-flex{border-bottom:1px solid var(--color-border,#e2e8f0);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-header-flex h3{margin:0;font-size:1.1rem;font-weight:800}.card-header-flex p{color:var(--color-text-muted,#64748b);margin:2px 0 0;font-size:.85rem}.btn-view-all{color:#f97316;cursor:pointer;background:0 0;border:none;font-size:.88rem;font-weight:700}.projects-table-wrapper{overflow-x:auto}.user-projects-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.user-projects-table th{background-color:var(--color-bg-subtle,#f8fafc);color:var(--color-text-muted,#64748b);border-bottom:1px solid var(--color-border,#e2e8f0);text-transform:uppercase;padding:12px 20px;font-size:.78rem;font-weight:700}.user-projects-table td{border-bottom:1px solid var(--color-border,#f1f5f9);padding:14px 20px}.user-projects-table tr:hover td{background-color:var(--color-bg-subtle,#f8fafc)}.pill-badge{color:#475569;background-color:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:.78rem;font-weight:600}.btn-open-proj{color:#ea580c;cursor:pointer;background-color:#fff7ed;border:1px solid #ffedd5;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-open-proj:hover{color:#fff;background-color:#f97316;border-color:#f97316;transform:translateY(-1px)}@media (width<=768px){.user-dashboard-page{padding:20px 16px}.user-dash-header{flex-direction:column;align-items:flex-start;gap:16px}.header-action-buttons{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;display:grid}.btn-dash-primary,.btn-dash-secondary{justify-content:center;width:100%;padding:10px 12px;font-size:12.5px}.launchpad-grid{grid-template-columns:1fr}}@media (width<=480px){.header-action-buttons{grid-template-columns:1fr}}.dashboard-layout{background-color:var(--color-bg);min-height:100vh;display:flex}.dashboard-main{flex:1;padding:40px;overflow-y:auto}.page-header{margin-bottom:32px}.page-header h1{color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:clamp(24px,4vw,32px);font-weight:800}.page-header p{color:var(--color-text-muted);font-size:15px;font-weight:400}.calculator-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.dashboard-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;padding:32px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.card-title{color:var(--color-text-primary);margin-bottom:24px;font-size:18px;font-weight:700}.form-group{width:100%;margin-bottom:20px}.input-label{color:var(--color-text-secondary);text-transform:capitalize;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.dynamic-inputs-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-bottom:16px;display:grid}.dynamic-inputs-grid>.input-wrapper:last-child:nth-child(odd){grid-column:1/-1}.modernized-select{width:100%;color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border-strong);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.modernized-select:focus{border-color:var(--color-primary-hover);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}.error-border{border-color:var(--color-danger)!important}.btn-calc-submit{background-color:var(--color-primary-hover);width:100%;color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:8px;margin-top:10px;padding:14px;font-size:15px;font-weight:600;transition:all .3s}.btn-calc-submit:hover{background-color:var(--color-primary-active);box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary-hover) 30%, transparent);transform:translateY(-2px)}.shape-visual-preview{background-color:var(--color-bg-subtle);border-radius:12px;justify-content:center;align-items:center;width:100%;height:280px;margin-bottom:auto;display:flex}.shape-placeholder{color:var(--color-text-muted);font-size:15px;font-weight:500}.glowing-result-card{background:var(--color-surface);text-align:center;box-shadow:0 10px 30px -5px color-mix(in srgb, var(--color-primary) 25%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:12px;margin-top:30px;padding:24px}.empty-result-card{background:var(--color-surface);text-align:center;border:1px solid var(--color-border);opacity:.7;border-radius:12px;margin-top:30px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.res-subtitle{color:var(--color-text-muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.res-title{color:var(--color-text-primary);font-size:clamp(20px,3vw,24px);font-weight:500}.res-title strong{font-weight:800}.res-title.empty{color:var(--color-text-muted)}.slide-down{animation:.5s ease-out slideDown}.fade-in{animation:.6s ease-out fadeIn}.bounce-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) bounceIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=1024px){.calculator-grid{grid-template-columns:1fr;gap:20px}.shape-visual-preview{height:200px}.dashboard-main{padding:20px}}@media (width<=600px){.dashboard-card{padding:20px}.dynamic-inputs-grid{grid-template-columns:1fr}.dynamic-inputs-grid>.input-wrapper:last-child:nth-child(odd){grid-column:auto}}.mhr-header-row{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.mhr-result-badge-modern{background:var(--color-text-primary);text-align:right;border-left:5px solid var(--color-primary-hover);border-radius:16px;padding:15px 30px;box-shadow:0 10px 15px -3px #0000001a}.mhr-result-badge-modern .badge-label{color:var(--color-text-muted);letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.mhr-result-badge-modern .badge-value{color:var(--color-primary);font-size:28px;font-weight:800}.mhr-result-badge-modern .badge-value small{color:var(--color-text-muted);font-size:14px}.mhr-calculator-card{background:var(--color-surface);box-shadow:var(--shadow-soft);border:1px solid #0000000d;border-radius:20px;overflow:hidden}.mhr-card-top{background:var(--color-bg);border-bottom:1px solid var(--color-bg-subtle);justify-content:space-between;align-items:center;padding:30px;display:flex}.stepper-modern{gap:40px;display:flex}.step-item{opacity:.4;align-items:center;gap:12px;transition:all .3s;display:flex}.step-item.active{opacity:1}.step-item.completed{opacity:.8;color:var(--color-primary-hover)}.step-circle{background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.step-item.active .step-circle{border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:var(--color-text-inverse)}.step-item.completed .step-circle{background:var(--color-danger-soft);border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.step-label-text{font-size:14px;font-weight:700}.modern-select{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:10px;outline:none;padding:10px 15px;font-weight:600}.mhr-form-body{padding:40px}.step-title{color:var(--color-text-primary);margin-bottom:30px;font-size:18px;font-weight:800}.mhr-input-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-bottom:40px;display:grid}.step-actions{border-top:1px solid var(--color-bg-subtle);justify-content:flex-end;padding-top:20px;display:flex}.step-actions.split{justify-content:space-between}.slide-up{animation:.4s ease-out forwards slideUp}@media (width<=1024px){.mhr-card-top{flex-direction:column;align-items:flex-start;gap:30px}}.clients-full-wrapper{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:0 0 40px}.mgmt-header-modern{border-bottom:1px solid var(--color-border);box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:20px;display:flex}.header-brand-info{align-items:center;gap:16px;min-width:0;display:flex}.mgmt-title-badge{color:#f97316;background:linear-gradient(135deg,#f9731626 0%,#ea580c0f 100%);border:1px solid #f9731647;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mgmt-header-modern h1{color:var(--color-text-primary);letter-spacing:-.4px;margin:0 0 4px;font-size:clamp(20px,2.5vw,26px);font-weight:800;line-height:1.2}.mgmt-header-modern p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.header-stats-row{flex-shrink:0;align-items:center;gap:12px;display:flex}.mini-stat-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);border-radius:12px;flex-direction:column;align-items:flex-end;padding:8px 16px;display:flex}.mini-stat-card .stat-num{color:var(--color-primary);font-size:1.25rem;font-weight:800;line-height:1}.mini-stat-card .stat-lbl{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:.7rem;font-weight:700}.view-selector-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;display:grid}.selector-card-modern{background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;box-shadow:var(--shadow-sm);box-sizing:border-box;border-radius:20px;flex-direction:column;width:100%;padding:30px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.selector-card-modern:hover{border-color:#f97316;transform:translateY(-4px);box-shadow:0 14px 30px #0f172a14}:root[data-theme=dark] .selector-card-modern:hover{box-shadow:0 14px 30px #00000073}.card-top-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-icon-badge{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.card-icon-badge.orange{color:#f97316;background:linear-gradient(135deg,#f9731626 0%,#ea580c14 100%);border:1px solid #f973164d}.card-icon-badge.blue{color:#0284c7;background:linear-gradient(135deg,#0284c726 0%,#0369a114 100%);border:1px solid #0284c74d}.card-step-tag{text-transform:uppercase;letter-spacing:.8px;background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap;border-radius:100px;padding:4px 10px;font-size:.72rem;font-weight:800}.card-texts h3{color:var(--color-text-primary);letter-spacing:-.3px;margin:0 0 8px;font-size:1.25rem;font-weight:800}.card-texts p{color:var(--color-text-secondary);margin:0 0 20px;font-size:.9rem;line-height:1.5}.card-feature-list{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.feat-chip{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.card-action-btn{background:var(--color-bg);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:12px;justify-content:space-between;align-items:center;margin-top:auto;padding:12px 16px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.selector-card-modern:hover .card-action-btn{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-color:#0000;box-shadow:0 4px 14px #f9731659}.form-card-wrapper,.list-view-wrapper,.detail-view-wrapper{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);box-sizing:border-box;border-radius:20px;width:100%;padding:28px 24px}.form-inner-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:18px;display:flex}.form-header-left{align-items:center;gap:12px;min-width:0;display:flex}.form-avatar-badge{color:#f97316;background:#f973161f;border:1px solid #f9731640;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.form-inner-header h2{color:var(--color-text-primary);letter-spacing:-.3px;margin:0 0 2px;font-size:1.3rem;font-weight:800}.form-inner-header p,.subtext{color:var(--color-text-secondary);margin:0;font-size:.86rem}.btn-back{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:.86rem;font-weight:700;transition:all .2s;display:inline-flex}.modern-client-form{box-sizing:border-box;width:100%}.form-block-modern{background:var(--color-bg);border:1px solid var(--color-border);box-sizing:border-box;border-radius:16px;width:100%;margin-bottom:28px;padding:20px}.block-title-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.block-icon{color:#f97316;flex-shrink:0}.block-title-row h4{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.88rem;font-weight:800}.input-row-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;width:100%;display:grid}.block-header-flex{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.btn-add-line{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #f9731640}.btn-add-line:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f9731659}.contact-entry-card{background:var(--color-surface);border:1.5px solid var(--color-border);box-sizing:border-box;border-radius:14px;width:100%;margin-bottom:14px;padding:18px}.entry-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.entry-user-badge{color:#f97316;background:#f973161a;border:1px solid #f9731633;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:.8rem;font-weight:800;display:inline-flex}.btn-remove-contact{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef444438;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}:root[data-theme=dark] .btn-remove-contact{color:#f87171;background:#f871711f;border-color:#f8717140}.btn-remove-contact:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.entry-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;width:100%;display:grid}.field-label{color:var(--color-text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:.82rem;font-weight:700;display:flex}.modern-textarea{border:1.5px solid var(--color-border-strong,#cbd5e1);background:var(--color-surface);width:100%;color:var(--color-text-primary);box-sizing:border-box;resize:vertical;border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:.88rem;transition:all .2s}.modern-textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973162e}.form-footer-actions{justify-content:flex-end;padding-top:8px;display:flex}.btn-save-final{width:auto!important;padding:12px 32px!important;font-size:.92rem!important}.list-actions-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-bar-modern{background:var(--color-bg);border:1.5px solid var(--color-border-strong,#cbd5e1);box-sizing:border-box;border-radius:10px;align-items:center;gap:8px;width:280px;max-width:100%;padding:6px 12px;display:flex}.search-bar-modern .search-icon{color:var(--color-text-muted);flex-shrink:0}.search-bar-modern input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.88rem}.clear-search-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.client-grid-layout{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;display:grid}.client-data-card-modern{background:var(--color-bg);border:1.5px solid var(--color-border);box-sizing:border-box;border-radius:18px;flex-direction:column;width:100%;min-width:0;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.client-data-card-modern:hover{border-color:#f97316;transform:translateY(-4px);box-shadow:0 14px 28px #0f172a14}:root[data-theme=dark] .client-data-card-modern:hover{box-shadow:0 14px 28px #0006}.card-status-pill{color:#10b981;background:#10b9811f;border:1px solid #10b98140;border-radius:100px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:16px;right:16px}.dot-active{background:#10b981;border-radius:50%;width:6px;height:6px}.card-top{align-items:center;gap:12px;min-width:0;margin-bottom:16px;padding-right:70px;display:flex}.client-avatar-icon{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 4px 10px #f9731640}.client-main-info{flex:1;min-width:0}.client-main-info h4{color:var(--color-text-primary);letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:1.05rem;font-weight:800;overflow:hidden}.client-main-info span{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:.82rem;display:flex;overflow:hidden}.card-mid{flex-direction:column;flex:1;gap:8px;margin-bottom:16px;display:flex}.info-badge{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:.8rem;overflow:hidden}.info-badge span{color:var(--color-text-muted);letter-spacing:.5px;margin-right:6px;font-size:.7rem;font-weight:800}.btn-view-profile{background:var(--color-surface);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-view-profile:hover{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-color:#0000;box-shadow:0 4px 12px #f973164d}.header-title-group{align-items:center;gap:14px;min-width:0;display:flex}.detail-avatar{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.35rem;font-weight:800;display:flex;box-shadow:0 4px 14px #f973164d}.detail-subtitle{color:var(--color-text-muted);margin-top:2px;font-size:.86rem}.detail-content-grid{box-sizing:border-box;grid-template-columns:1fr 340px;gap:24px;width:100%;display:grid}.card-sec-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.sec-icon{color:#f97316;flex-shrink:0}.section-label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.8px;margin:0;font-size:.76rem;font-weight:800}.detail-section-card{background:var(--color-bg);border:1px solid var(--color-border);box-sizing:border-box;border-radius:16px;width:100%;padding:20px}.detail-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.detail-item{word-break:break-word;overflow-wrap:anywhere}.detail-item label{color:var(--color-text-muted);margin-bottom:4px;font-size:.76rem;font-weight:700;display:block}.detail-item span{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.code-text{letter-spacing:.5px;font-family:monospace}.notes-display-box{color:var(--color-text-secondary);white-space:pre-wrap;background:var(--color-surface);border:1px solid var(--color-border);word-break:break-word;overflow-wrap:anywhere;border-radius:12px;padding:14px;font-size:.9rem;line-height:1.6}.detail-contacts-list{flex-direction:column;gap:12px;display:flex}.mini-business-card{background:var(--color-surface);border:1.5px solid var(--color-border);box-shadow:var(--shadow-xs);box-sizing:border-box;border-radius:14px;width:100%;padding:16px}.mbc-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:6px;display:flex}.mbc-header strong{color:var(--color-text-primary);word-break:break-word;font-size:.9rem}.mbc-serial{color:#f97316;background:#f973161a;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:.7rem;font-weight:800}.mbc-body p{color:var(--color-text-secondary);word-break:break-all;align-items:center;gap:6px;margin:4px 0;font-size:.82rem;display:flex}.inline-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.inline-icon.orange{color:#f97316}.inline-icon.blue{color:#0284c7}.empty-clients-box{text-align:center;background:var(--color-bg);border:1.5px dashed var(--color-border);box-sizing:border-box;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:50px 20px;display:flex}.empty-clients-box .empty-icon{color:var(--color-text-muted)}.empty-clients-box h3{color:var(--color-text-primary);margin:0;font-size:1.15rem;font-weight:800}.empty-clients-box p{color:var(--color-text-secondary);margin:0;font-size:.88rem}.btn-clear-filter,.btn-create-first{cursor:pointer;border:none;border-radius:10px;margin-top:6px;padding:8px 18px;font-size:.86rem;font-weight:700;transition:all .2s}.btn-clear-filter{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-create-first{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 4px 12px #f973164d}.error-banner-modern{color:#ef4444;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:.86rem;font-weight:600;display:flex}.success-banner-modern{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:.86rem;font-weight:600;display:flex}.no-contacts-alert{color:var(--color-text-muted);font-size:.85rem;font-style:italic}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-16{margin-bottom:16px}@media (width<=992px){.detail-content-grid{grid-template-columns:1fr}}@media (width<=768px){.form-card-wrapper,.list-view-wrapper,.detail-view-wrapper{padding:20px 16px}.mgmt-header-modern{flex-direction:column;align-items:flex-start}.header-stats-row{justify-content:flex-start;width:100%}.view-selector-grid{grid-template-columns:1fr}.search-bar-modern,.list-actions-right{width:100%}.form-inner-header{flex-direction:column;align-items:flex-start}.btn-back{justify-content:center;width:100%}}@media (width<=480px){.input-row-grid,.entry-grid,.detail-row,.client-grid-layout{grid-template-columns:1fr}}.projects-page{min-height:calc(100vh - 70px);color:var(--color-text-primary);position:relative}.projects-toolbar{justify-content:space-between;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.projects-header h1{color:var(--color-text-primary);font-size:var(--font-size-h2);line-height:var(--line-height-tight);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-2xs)}.projects-header p{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.projects-actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.add-project-btn,.import-project-btn,.save-btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);height:48px;padding:0 var(--space-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-base), border-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);display:inline-flex}.add-project-btn,.save-btn{background:var(--color-primary);color:var(--color-text-inverse);border:1px solid var(--color-primary);box-shadow:0 8px 20px #f9731647}.import-project-btn{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary-border);box-shadow:var(--shadow-xs)}.add-project-btn:hover,.save-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 12px 24px #f9731661}.import-project-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);transform:translateY(-2px)}.total-value-card{justify-content:space-between;align-items:center;gap:var(--space-lg);height:48px;padding:0 var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--transition-base), background-color var(--transition-base);display:flex}.total-value-info{align-items:center;gap:var(--space-md);display:flex}.total-value-info span{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap}.total-value-info strong{color:var(--color-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-extrabold);white-space:nowrap}.total-value-trend{color:var(--color-primary)}.project-stats-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.project-stat-card{align-items:center;gap:var(--space-md);height:84px;padding:0 var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);display:flex}.project-stat-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.project-stat-icon{width:44px;height:44px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-md);transition:transform var(--transition-fast);flex:0 0 44px;place-items:center;display:grid}.project-stat-card:hover .project-stat-icon{transform:scale(1.08)}.project-stat-content{flex:1;min-width:0}.project-stat-content span{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.project-stat-content strong{color:var(--color-text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-extrabold);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;line-height:1.1;display:block;overflow:hidden}.project-stat-trend{color:var(--color-primary);opacity:.85;flex:none}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}@media (width>=1400px){.projects-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-sm);animation:projectCardIn var(--transition-slow) both;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-fast), background-color var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card-top-stripe{background:var(--color-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;height:4px}.project-card:hover{border-color:var(--color-primary-border);transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.project-card:focus-visible{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.project-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl) var(--space-xs);display:flex}.project-title-group{flex:1;min-width:0}.project-title-group h2{color:var(--color-text-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-heading);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.project-menu-btn{width:28px;height:28px;color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-base), color var(--transition-base), transform var(--transition-fast);background:0 0;border:0;flex:0 0 28px;place-items:center;display:grid}.project-menu-btn:hover{color:var(--color-primary);background:var(--color-primary-soft);transform:scale(1.1)}.project-cost-wrapper{padding:0 var(--space-xl) var(--space-md);justify-content:flex-end;display:flex}.project-cost{height:32px;padding:0 var(--space-md);background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);white-space:nowrap;align-items:center;display:inline-flex}.project-info-list{flex-direction:column;margin-top:auto;display:flex}.project-info-item{justify-content:space-between;align-items:center;gap:var(--space-sm);height:44px;padding:0 var(--space-xl);border-top:1px solid var(--color-border);display:flex}.project-info-icon{width:18px;height:18px;color:var(--color-primary);flex:0 0 18px;place-items:center;display:grid}.project-info-label{margin-left:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1}.project-info-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card-footer{justify-content:space-between;align-items:center;gap:var(--space-md);height:52px;padding:0 var(--space-xl);border-top:1px solid var(--color-border);display:flex}.project-creator{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.project-avatar{width:26px;height:26px;color:var(--color-white);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-extrabold);flex:0 0 26px;place-items:center;display:grid}.project-creator-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-date{align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap;display:flex}.fab-filter-btn{z-index:99;background:var(--color-primary);width:52px;height:52px;color:var(--color-text-inverse);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-base), box-shadow var(--transition-base);border:none;place-items:center;display:grid;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 25px #f9731673}.fab-filter-btn:hover{background:var(--color-primary-hover);transform:scale(1.08)translateY(-2px);box-shadow:0 14px 32px #f973168c}.fab-filter-btn:active{transform:scale(.96)}.project-card-delay-0{animation-delay:30ms}.project-card-delay-1{animation-delay:60ms}.project-card-delay-2{animation-delay:90ms}.project-card-delay-3{animation-delay:.12s}.project-card-delay-4{animation-delay:.15s}.project-card-delay-5{animation-delay:.18s}.project-card-skeleton{min-height:320px;padding:var(--space-xl);gap:var(--space-md);pointer-events:none}.skeleton-line{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-bg-subtle), var(--color-border), var(--color-bg-subtle));background-size:200% 100%;height:14px;animation:1.4s ease-in-out infinite skeletonPulse}.skeleton-title{width:64%;height:22px}.skeleton-short{width:44%}@keyframes projectCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{z-index:1200;padding:var(--space-xl);background:var(--color-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(460px,100%);max-height:90vh;padding:var(--space-2xl);box-shadow:var(--shadow-xl);overflow-y:auto}.modal-box h2{margin-bottom:var(--space-xl);font-size:var(--font-size-h4);color:var(--color-text-primary);font-weight:var(--font-weight-extrabold)}.form-group{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.form-group input,.form-group select{background:var(--color-surface);border:1px solid var(--color-border-strong);width:100%;color:var(--color-text-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;padding:10px 14px}.cancel-btn{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--transition-base);padding:10px 18px}@media (width<=1200px){.project-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.projects-toolbar{flex-direction:column;align-items:stretch}.projects-actions{flex-direction:column;width:100%}.add-project-btn,.import-project-btn,.total-value-card{width:100%}.project-stats-grid,.projects-grid{grid-template-columns:1fr}.fab-filter-btn{width:46px;height:46px;bottom:20px;right:20px}}.empty-projects-state{text-align:center;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);margin-top:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.empty-projects-state .empty-icon{color:var(--color-text-secondary);opacity:.5;margin-bottom:var(--space-md)}.empty-projects-state h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.empty-projects-state p{color:var(--color-text-secondary);font-size:var(--font-size-body);max-width:420px;margin-bottom:var(--space-xl)}.import-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.import-modal-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;flex-direction:column;width:100%;max-width:540px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 8px 10px -6px #0000001a}.import-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);background-color:var(--bg-subtle,#f8fafc);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.import-modal-title{align-items:center;gap:14px;display:flex}.import-icon-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #10b9814d}.import-modal-title h3{color:var(--text-primary,#0f172a);margin:0;font-size:1.15rem;font-weight:700}.import-modal-title p{color:var(--text-muted,#64748b);margin:2px 0 0;font-size:.85rem}.import-close-btn{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:all .15s}.import-close-btn:hover{background-color:var(--bg-hover,#e2e8f0);color:var(--text-primary,#0f172a)}.import-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.import-alert{border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.import-alert.error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.import-alert.success{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.import-template-box{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.template-info{align-items:center;gap:12px;display:flex}.template-icon{color:#2563eb;flex-shrink:0}.template-info strong{color:var(--text-primary,#0f172a);font-size:.88rem;display:block}.template-info p{color:var(--text-muted,#64748b);margin:2px 0 0;font-size:.8rem}.btn-download-template{color:#0f172a;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.btn-download-template:hover{color:#2563eb;background-color:#f1f5f9;border-color:#94a3b8}.import-dropzone{background-color:#fafafa;border:2px dashed #cbd5e1;border-radius:14px;transition:all .2s;position:relative}.import-dropzone:hover{background-color:#f0fdf4;border-color:#10b981}.dropzone-file-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.dropzone-label{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.upload-cloud-icon{color:#10b981;margin-bottom:10px}.upload-prompt{color:var(--text-primary,#0f172a);margin-bottom:4px;font-size:.95rem;font-weight:600}.upload-subtext{color:var(--text-muted,#64748b);font-size:.8rem}.selected-file-info{flex-direction:column;gap:2px;display:flex}.selected-file-info .file-name{color:#059669;font-size:.95rem;font-weight:700}.selected-file-info .file-size{color:var(--text-muted,#64748b);font-size:.8rem}.import-cols-guide{flex-direction:column;gap:8px;display:flex}.guide-title{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.cols-pills{flex-wrap:wrap;gap:6px;display:flex}.col-pill{background-color:var(--bg-subtle,#f1f5f9);color:var(--text-muted,#475569);border:1px solid var(--border-color,#e2e8f0);border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:600}.col-pill.required{color:#c2410c;background-color:#fff7ed;border-color:#ffedd5}.import-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);background-color:var(--bg-subtle,#f8fafc);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.part-pie-drawer-backdrop{-webkit-backdrop-filter:blur(6px);z-index:99990;background:#0f172a73;animation:.25s forwards drawerFadeIn;position:fixed;inset:0}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.part-pie-drawer{background:var(--color-surface,#fff);width:420px;max-width:92vw;height:100vh;color:var(--color-text-primary,#0f172a);z-index:99995;border-left:1px solid var(--color-border,#e2e8f0);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) forwards drawerSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 36px #0003}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--color-border,#e2e8f0);background:var(--color-bg-subtle,#f8fafc);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-title-group{align-items:center;gap:12px;display:flex}.drawer-icon-badge{color:#f97316;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:1px solid #fed7aa;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.drawer-header h3{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.1rem;font-weight:700}.drawer-subtitle{color:var(--color-text-muted,#64748b);margin:2px 0 0;font-size:.8rem}.btn-close-drawer{color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-close-drawer:hover{background:var(--color-bg-subtle,#e2e8f0);color:var(--color-text-primary,#0f172a)}.drawer-content-scroll{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.drawer-kpi-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.drawer-kpi-card{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex}.drawer-kpi-card.highlight{background:#f0f9ff;border-color:#bae6fd}.drawer-kpi-card.orange{background:#fff7ed;border-color:#fed7aa}.kpi-amount{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.15rem;font-weight:800}.kpi-tag{color:var(--color-text-muted,#64748b);font-size:.72rem;font-weight:600}.pie-chart-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:18px;padding:20px;box-shadow:0 4px 16px #0000000a}.chart-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chart-card-header h4{color:var(--color-text-primary,#0f172a);margin:0;font-size:.95rem;font-weight:700}.flex-align{align-items:center;display:flex}.mr-2{margin-right:8px}.chart-mode-toggle{background:var(--color-bg-subtle,#f1f5f9);border:1px solid var(--color-border,#e2e8f0);border-radius:10px;gap:2px;padding:3px;display:flex}.mode-btn{color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:5px 12px;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}.mode-btn.active{background:var(--color-surface,#fff);color:var(--color-text-primary,#0f172a);box-shadow:0 2px 6px #00000014}.pie-chart-wrapper{justify-content:center;align-items:center;padding:12px 0;display:flex}.svg-container{width:220px;height:220px;position:relative}.pie-svg{filter:drop-shadow(0 4px 10px #0000001f);width:100%;height:100%}.pie-slice{cursor:pointer;stroke:var(--color-surface,#fff);stroke-width:2.5px;transition:all .25s}.pie-slice:hover,.pie-slice.active{opacity:.92;filter:drop-shadow(0 6px 12px #0000004d);transform-origin:50%;transform:scale(1.04)}.donut-hole{fill:var(--color-surface,#fff);transition:fill .3s}.donut-center-info{text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-label{color:var(--color-text-muted,#64748b);text-transform:uppercase;font-size:.72rem;font-weight:600}.center-val{color:var(--color-text-primary,#0f172a);margin:1px 0;font-size:1.05rem;font-weight:800}.center-sub{color:var(--color-text-muted,#64748b);font-size:.7rem}.empty-chart-box{text-align:center;color:var(--color-text-muted,#94a3b8);flex-direction:column;align-items:center;gap:10px;padding:36px 20px;font-size:.88rem;display:flex}.active-segment-callout{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;display:flex}.callout-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.callout-text{flex-direction:column;font-size:.82rem;display:flex}.callout-text strong{color:var(--color-text-primary,#0f172a)}.callout-text span{color:var(--color-text-muted,#64748b)}.cost-ratio-card{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.ratio-header{color:var(--color-text-muted,#475569);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;display:flex}.ratio-progress-bar{background:var(--color-border,#e2e8f0);border-radius:6px;width:100%;height:10px;display:flex;overflow:hidden}.progress-segment{height:100%;transition:width .3s}.breakdown-list-card h4,.specs-summary-card h4{color:var(--color-text-primary,#0f172a);margin:0 0 12px;font-size:.95rem;font-weight:700}.breakdown-items-grid{flex-direction:column;gap:8px;display:flex}.breakdown-item-pill{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.breakdown-item-pill:hover,.breakdown-item-pill.highlighted{border-color:#f97316;transform:translate(-3px);box-shadow:0 4px 12px #f9731626}.item-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.item-info{flex-direction:column;flex:1;margin:0 12px;display:flex}.item-name{color:var(--color-text-primary,#0f172a);font-size:.85rem;font-weight:600}.item-percent{color:var(--color-text-muted,#64748b);font-size:.72rem}.item-cost-box strong{color:var(--color-text-primary,#0f172a);font-size:.9rem;font-weight:700}.specs-summary-card{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:14px;padding:16px}.specs-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;display:grid}.spec-tile{flex-direction:column;gap:2px;display:flex}.spec-label{color:var(--color-text-muted,#64748b);font-size:.72rem;font-weight:600}.spec-value{color:var(--color-text-primary,#0f172a);font-size:.85rem;font-weight:700}:root[data-theme=dark] .part-pie-drawer{color:#f8fafc!important;background:#0f172a!important;border-left-color:#334155!important;box-shadow:-16px 0 40px #00000080!important}:root[data-theme=dark] .drawer-header{background:#1e293b!important;border-bottom-color:#334155!important}:root[data-theme=dark] .drawer-header h3,:root[data-theme=dark] .chart-card-header h4,:root[data-theme=dark] .breakdown-list-card h4,:root[data-theme=dark] .specs-summary-card h4,:root[data-theme=dark] .center-val,:root[data-theme=dark] .kpi-amount,:root[data-theme=dark] .item-name,:root[data-theme=dark] .item-cost-box strong,:root[data-theme=dark] .spec-value,:root[data-theme=dark] .callout-text strong{color:#f8fafc!important}:root[data-theme=dark] .drawer-subtitle,:root[data-theme=dark] .kpi-label,:root[data-theme=dark] .kpi-tag,:root[data-theme=dark] .center-label,:root[data-theme=dark] .center-sub,:root[data-theme=dark] .ratio-header,:root[data-theme=dark] .item-percent,:root[data-theme=dark] .spec-label,:root[data-theme=dark] .callout-text span,:root[data-theme=dark] .btn-close-drawer{color:#94a3b8!important}:root[data-theme=dark] .btn-close-drawer:hover{color:#fff!important;background:#334155!important}:root[data-theme=dark] .drawer-kpi-card{background:#1e293b!important;border-color:#334155!important}:root[data-theme=dark] .drawer-kpi-card.highlight{background:#0284c726!important;border-color:#38bdf84d!important}:root[data-theme=dark] .drawer-kpi-card.orange{background:#f9731626!important;border-color:#fb923c4d!important}:root[data-theme=dark] .pie-chart-card,:root[data-theme=dark] .cost-ratio-card,:root[data-theme=dark] .specs-summary-card,:root[data-theme=dark] .active-segment-callout{background:#1e293b!important;border-color:#334155!important}:root[data-theme=dark] .chart-mode-toggle{background:#0f172a!important;border-color:#334155!important}:root[data-theme=dark] .mode-btn{color:#94a3b8!important}:root[data-theme=dark] .mode-btn.active{color:#fff!important;background:#334155!important}:root[data-theme=dark] .pie-slice{stroke:#1e293b!important}:root[data-theme=dark] .donut-hole{fill:#1e293b!important}:root[data-theme=dark] .breakdown-item-pill{background:#1e293b!important;border-color:#334155!important}:root[data-theme=dark] .breakdown-item-pill:hover,:root[data-theme=dark] .breakdown-item-pill.highlighted{background:#283548!important;border-color:#f97316!important}:root[data-theme=dark] .ratio-progress-bar{background:#334155!important}.project-details-page{background:var(--color-bg);min-height:100vh;color:var(--color-text-primary);padding:28px;transition:padding-right .3s cubic-bezier(.16,1,.3,1)}.project-details-page.drawer-active{padding-right:430px}.project-details-top{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:28px;display:flex}.project-details-top h1{color:var(--color-text-primary);margin-bottom:10px;font-size:32px;font-weight:800;line-height:1.15}.project-details-top p{color:var(--color-text-muted);margin-bottom:6px;font-size:14px}.project-total-box{background:var(--color-surface);border:1px solid var(--color-primary-border);min-width:260px;box-shadow:0 12px 28px color-mix(in srgb, var(--color-primary) 9%, transparent);border-radius:8px;padding:20px}.project-total-box span{color:var(--color-text-muted);font-size:13px;font-weight:700}.project-total-box h2{color:var(--color-primary-active);margin-top:8px;font-size:30px;font-weight:900}.assembly-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.assembly-header h2{font-size:24px;font-weight:800}.add-assembly-btn,.save-btn{background:var(--color-primary);color:var(--color-surface);border:1px solid var(--color-primary);cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:8px;padding:12px 18px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.project-action-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=768px){.assembly-header,.part-header{flex-direction:column;align-items:flex-start;gap:14px}.project-action-group{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.action-btn{justify-content:center;width:100%;padding:10px 12px;font-size:12.5px}}@media (width<=480px){.project-action-group{grid-template-columns:1fr}}.empty-state-card{background:var(--color-surface);border:1px dashed var(--color-border-strong);color:var(--color-text-muted);text-align:center;border-radius:8px;padding:24px;font-weight:700}.add-assembly-btn:hover,.save-btn:hover{background:var(--color-primary-hover);box-shadow:0 12px 24px color-mix(in srgb, var(--color-primary) 22%, transparent);transform:translateY(-1px)}.assembly-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.inline-field{align-items:center;gap:12px;margin-top:14px;display:flex}.inline-field span{color:var(--color-text-secondary);font-size:13px;font-weight:800}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 1px 2px color-mix(in srgb, var(--color-text-primary) 4%, transparent);border-radius:8px;overflow-x:auto}.parts-table{border-collapse:collapse;width:100%}.parts-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;border-bottom:1px solid var(--color-border);padding:14px 16px;font-size:12px;font-weight:800}.parts-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-bg-subtle);padding:15px 16px;font-size:14px}.quantity-input,.money-input{border:1px solid var(--color-border-strong);width:92px;color:var(--color-text-primary);border-radius:8px;padding:8px 10px;font-weight:700}.money-input{width:112px}.delete-btn{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);color:var(--color-danger);cursor:pointer;border-radius:8px;padding:8px 12px;font-weight:700}.edit-btn{background:var(--color-info-soft);border:1px solid var(--color-info-border);color:var(--color-accent);cursor:pointer;border-radius:8px;margin-right:8px;padding:8px 12px;font-weight:700}.edit-btn:hover{background:var(--color-info-soft)}.operation-row>td{background:var(--color-primary-soft);padding:0!important}.operation-panel{border-top:1px solid var(--color-primary-border);background:linear-gradient(180deg, var(--color-primary-soft) 0%, var(--color-surface) 100%);gap:20px;padding:20px;display:grid}.operation-panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.operation-panel-header p{color:var(--color-text-muted);margin:0;font-size:13px}.operation-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:14px;display:grid}.operation-form-grid select,.operation-form-grid input,.form-group select{background:var(--color-surface);border:1px solid var(--color-border-strong);width:100%;color:var(--color-text-primary);border-radius:8px;outline:none;padding:12px 13px;font-size:14px}.operation-form-grid select:focus,.operation-form-grid input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.nested-table-wrapper{background:var(--color-surface);border:1px solid var(--color-primary-border);border-radius:8px;overflow-x:auto}.operation-table th,.operation-table td{white-space:nowrap}.material-summary{background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:8px;flex-wrap:wrap;gap:10px;padding:12px;display:flex}.checkbox-group label{align-items:center;gap:8px;min-height:42px;display:flex}.checkbox-group input{width:auto}.input-pair-list{flex-direction:column;gap:4px;display:flex}.input-pair-text{color:var(--color-text-secondary);font-size:12px}.muted-value{color:var(--color-text-muted)}.bend-length-title,.bend-length-row{align-items:center;gap:8px;display:flex}.bend-length-title{justify-content:space-between}.bend-length-row+.bend-length-row{margin-top:8px}.add-inline-btn,.remove-inline-btn{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:800}.add-inline-btn{color:var(--color-primary);border-color:var(--color-primary-border)}.remove-inline-btn{color:var(--color-danger);border-color:var(--color-danger-border)}.type-toggle{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;display:grid}.type-toggle button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 13px;font-weight:800}.delete-btn:hover{background:var(--color-danger-soft)}.assembly-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;box-shadow:0 1px 2px color-mix(in srgb, var(--color-text-primary) 4%, transparent);border-radius:8px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}.assembly-card:hover{border-color:var(--color-primary-border);box-shadow:0 16px 36px color-mix(in srgb, var(--color-text-primary) 9%, transparent);transform:translateY(-2px)}.assembly-card:before{content:"";background:var(--color-primary);border-radius:8px 0 0 8px;width:4px;position:absolute;inset:0 auto 0 0}.assembly-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.assembly-top h3{font-size:19px;font-weight:800}.assembly-cost{white-space:nowrap;background:var(--color-primary-soft);color:var(--color-primary-active);border:1px solid var(--color-primary-border);border-radius:8px;padding:7px 10px;font-size:14px;font-weight:800}.assembly-body{gap:12px;display:grid}.assembly-row{border-top:1px solid var(--color-bg-subtle);justify-content:space-between;gap:14px;padding-top:12px;display:flex}.assembly-row span{color:var(--color-text-muted);font-size:13px}.assembly-row p{color:var(--color-text-primary);text-align:right;font-size:14px;font-weight:700}.modal-box h2{color:var(--color-text-primary);margin-bottom:20px;font-size:22px}.form-group input{background:var(--color-surface);border:1px solid var(--color-border-strong);width:100%;color:var(--color-text-primary);border-radius:8px;outline:none;padding:12px 13px;font-size:14px}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.cancel-btn{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;padding:12px 18px;font-weight:700}@media (width<=768px){.project-details-page{padding:18px}.project-details-top,.assembly-header{flex-direction:column;align-items:flex-start}.project-total-box,.add-assembly-btn{width:100%}.assembly-grid{grid-template-columns:1fr}}.assembly-page{background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-subtle) 100%);min-height:100vh;color:var(--color-text-primary);padding:28px;transition:padding-right .3s cubic-bezier(.16,1,.3,1)}.assembly-page.drawer-active{padding-right:430px}.action-btns .chart-btn{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:inline-flex}.action-btns .chart-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.assembly-top-section{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:28px;display:flex}.assembly-top-section h1{color:var(--color-text-primary);margin-bottom:8px;font-size:32px;font-weight:800;line-height:1.15}.assembly-top-section p{color:var(--color-text-muted);font-size:14px}.assembly-cost-box{background:var(--color-surface);border:1px solid var(--color-primary-soft);min-width:260px;box-shadow:0 18px 42px color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-radius:8px;padding:20px}.assembly-cost-box span{color:var(--color-text-muted);font-size:13px;font-weight:700}.assembly-cost-box h2{color:var(--color-primary-active);margin-top:8px;font-size:30px;font-weight:900}.part-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.part-header h2{font-size:24px;font-weight:800}.part-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-btn{cursor:pointer;white-space:nowrap;letter-spacing:-.2px;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 6px #0000000d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.action-btn:active{transform:translateY(0);box-shadow:0 2px 4px #00000014}.action-btn.btn-primary-gradient{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-color:#ea580c;box-shadow:0 4px 14px #f9731659}.action-btn.btn-primary-gradient:hover{background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);box-shadow:0 6px 18px #f9731673}.action-btn.btn-secondary-orange{background:var(--color-surface,#fff);color:#f97316;border-color:#f97316}.action-btn.btn-secondary-orange:hover{color:#ea580c;background:#fff7ed;border-color:#ea580c}.action-btn.btn-excel-import{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#059669;box-shadow:0 4px 14px #10b98159}.action-btn.btn-excel-import:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);box-shadow:0 6px 18px #10b98173}.action-btn.btn-excel-export{background:var(--color-surface,#fff);color:#0284c7;border-color:#0284c7}.action-btn.btn-excel-export:hover{color:#0369a1;background:#f0f9ff;border-color:#0369a1}@media (width<=768px){.part-header{flex-direction:column;align-items:flex-start;gap:14px}.part-actions{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.action-btn{justify-content:center;width:100%;padding:10px 12px;font-size:12.5px}}@media (width<=480px){.part-actions{grid-template-columns:1fr}}.import-btn,.cancel-btn{background:var(--color-surface);border:1px solid var(--color-border-strong);min-height:42px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.import-btn:hover,.cancel-btn:hover{background:var(--color-bg)}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 16px 38px color-mix(in srgb, var(--color-text-primary) 7%, transparent);border-radius:8px;margin-bottom:22px;overflow-x:auto}.section-title-row{justify-content:space-between;align-items:center;margin:8px 0 12px;display:flex}.section-title-row h3{color:var(--color-text-primary);font-size:18px;font-weight:900}.parts-table{border-collapse:collapse;width:100%;min-width:940px}.parts-table thead{background:var(--color-bg-subtle)}.parts-table th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:13px 16px;font-size:12px;font-weight:800}.parts-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-bg-subtle);vertical-align:middle;padding:14px 16px;font-size:14px}.parts-table tbody tr:hover{background:var(--color-primary-soft)}.parts-table td:last-child{white-space:nowrap}.clickable{cursor:pointer;color:var(--color-primary-active);font-weight:800}.delete-btn,.edit-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:72px;min-height:34px;padding:8px 12px;font-size:13px;font-weight:800;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.edit-btn{background:var(--color-info-soft);border:1px solid var(--color-info-border);color:var(--color-accent);box-shadow:0 6px 14px color-mix(in srgb, var(--color-accent) 8%, transparent)}.edit-btn:hover{background:var(--color-info-soft);border-color:var(--color-info-border);transform:translateY(-1px)}.delete-btn{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);color:var(--color-danger);box-shadow:0 6px 14px color-mix(in srgb, var(--color-danger) 7%, transparent);margin-left:8px}.small-btn{padding:8px 12px;font-size:12px}.operations-cell{background:var(--color-primary-soft);padding:0!important}.inline-operation-panel{border-top:1px solid var(--color-primary-border);background:linear-gradient(180deg, var(--color-primary-soft) 0%, var(--color-surface) 100%);padding:20px}.material-cost-panel{border-bottom:1px solid var(--color-primary-border);margin-bottom:22px;padding-bottom:20px}.material-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.operation-panel-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.operation-panel-header h4{color:var(--color-text-primary);margin:0 0 4px;font-size:17px;font-weight:900}.operation-panel-header p{color:var(--color-text-muted);font-size:13px}.operation-form-grid{background:var(--color-surface);border:1px solid var(--color-primary-border);border-radius:8px;grid-template-columns:repeat(4,minmax(170px,1fr));align-items:end;gap:12px;margin-bottom:16px;padding:14px;display:grid}.operation-form-grid .form-group{margin-bottom:0}.operation-save-slot{align-items:end;display:flex}.operation-save-slot .save-btn{width:100%}.bend-length-group{gap:10px}.bend-length-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.bend-length-title label{margin:0}.bend-length-row{gap:8px;display:flex}.bend-length-row input{flex:1}.add-inline-btn,.remove-inline-btn{cursor:pointer;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:900}.add-inline-btn{background:var(--color-primary-soft);border:1px solid var(--color-primary-border);color:var(--color-primary-active)}.remove-inline-btn{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);color:var(--color-danger)}.nested-table-wrapper{background:var(--color-surface);border:1px solid var(--color-primary-border);box-shadow:0 10px 24px color-mix(in srgb, var(--color-text-primary) 6%, transparent);border-radius:8px;overflow-x:auto}.operation-table td{background:var(--color-surface)}.operation-table{min-width:980px}.input-pair-list{grid-template-columns:1fr;gap:6px 10px;max-width:320px;display:grid}.input-pair-text{color:var(--color-text-secondary);white-space:normal;font-size:13px;line-height:1.45}.input-pair-text strong{color:var(--color-text-primary);font-weight:900}.muted-value{color:var(--color-text-muted);font-weight:700}.modal-box h2{color:var(--color-text-primary);margin-bottom:20px;font-size:22px;font-weight:800}.form-group input:hover,.form-group select:hover,.quantity-input:hover,.money-input:hover{border-color:var(--color-text-muted)}.form-group input:disabled{background:var(--color-bg-subtle);color:var(--color-text-muted);cursor:not-allowed}.material-summary{background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:12px;display:grid}.material-summary span{color:var(--color-primary-active);font-size:12px;font-weight:800}.quantity-input{border:1px solid var(--color-border-strong);width:82px;color:var(--color-text-primary);background:var(--color-surface);border-radius:8px;padding:8px 10px;font-weight:700}.money-input{border:1px solid var(--color-border-strong);width:112px;color:var(--color-text-primary);background:var(--color-surface);border-radius:8px;padding:8px 10px;font-weight:700}.quantity-input:focus,.money-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent);outline:none}.empty-cell{text-align:center;background:var(--color-bg);font-weight:700;color:var(--color-text-muted)!important}.type-toggle{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:8px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.type-toggle button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 13px;font-size:13px;font-weight:800}.type-toggle button.active{background:var(--color-surface);color:var(--color-primary-active);box-shadow:0 1px 2px color-mix(in srgb, var(--color-text-primary) 8%, transparent)}.form-group select option{background:var(--color-surface);color:var(--color-text-primary)}.form-group input[readonly]{background:var(--color-bg);color:var(--color-text-secondary)}.field-note{color:var(--color-text-muted);font-size:12px;line-height:1.45}.field-note.error{color:var(--color-danger)}.field-note.success{color:var(--color-success)}.form-group label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:10px;display:flex}.form-group input[type=checkbox]{width:16px;height:16px}@media (width>=720px){.modal-box .form-group{vertical-align:top;width:calc(50% - 8px);display:inline-flex}.modal-box .form-group:first-of-type,.modal-box .form-group:nth-of-type(2),.modal-box .form-group:nth-of-type(3),.modal-box .form-group:nth-of-type(4){width:100%}}@media (width<=768px){.assembly-page{padding:16px}.assembly-top-section,.part-header{flex-direction:column;align-items:flex-start}.assembly-cost-box,.part-actions,.add-part-btn,.import-btn{width:100%}.part-actions{flex-direction:column}.table-wrapper,.nested-table-wrapper{border-radius:8px;margin-left:-4px;margin-right:-4px}.parts-table{min-width:900px}.parts-table th,.parts-table td{padding:12px}.delete-btn,.edit-btn{min-width:66px;padding:8px 10px}.operation-form-grid{grid-template-columns:1fr}.operation-panel-header{flex-direction:column}.modal-box{padding:18px}}.part-page{background:linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-subtle) 100%);min-height:100vh;color:var(--color-text-primary);padding:28px;transition:padding-right .3s cubic-bezier(.16,1,.3,1)}.part-page.drawer-active{padding-right:430px}.part-top-section{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:24px;display:flex}.part-top-section h1{color:var(--color-text-primary);margin-bottom:8px;font-size:32px;font-weight:800;line-height:1.15}.part-top-section p{color:var(--color-text-muted);font-size:14px}.part-cost-box{background:var(--color-surface);border:1px solid var(--color-primary-soft);min-width:260px;box-shadow:0 18px 42px color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-radius:8px;padding:20px}.part-cost-box span{color:var(--color-text-muted);font-size:13px;font-weight:700}.part-cost-box h2{color:var(--color-primary-active);margin-top:8px;font-size:30px;font-weight:900}.module-tabs{scrollbar-width:thin;gap:8px;margin-bottom:22px;padding:4px 0 8px;display:flex;overflow-x:auto}.module-tabs button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;text-transform:capitalize;white-space:nowrap;box-shadow:0 1px 2px color-mix(in srgb, var(--color-text-primary) 4%, transparent);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:800;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}.module-tabs button:hover{border-color:var(--color-primary-border);color:var(--color-primary-active);box-shadow:0 8px 18px color-mix(in srgb, var(--color-text-primary) 7%, transparent);transform:translateY(-1px)}.module-tabs .active-tab,.active-tab{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover))!important;border-color:var(--color-primary)!important;color:var(--color-surface)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--color-primary) 18%, transparent)!important}.operation-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.operation-header h2{text-transform:capitalize;font-size:24px;font-weight:800}.add-operation-btn,.save-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));min-height:42px;color:var(--color-surface);border:1px solid var(--color-primary);cursor:pointer;box-shadow:0 8px 18px color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:8px;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.add-operation-btn:hover,.save-btn:hover{background:linear-gradient(135deg, var(--color-primary-hover), var(--color-primary-active));box-shadow:0 12px 24px color-mix(in srgb, var(--color-primary) 22%, transparent);transform:translateY(-1px)}.operation-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.operation-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 14px 32px color-mix(in srgb, var(--color-text-primary) 6%, transparent);border-radius:8px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative}.operation-card:hover{border-color:var(--color-primary-border);box-shadow:0 18px 42px color-mix(in srgb, var(--color-text-primary) 10%, transparent);transform:translateY(-2px)}.operation-card:before{content:"";background:var(--color-primary);border-radius:8px 0 0 8px;width:4px;position:absolute;inset:0 auto 0 0}.operation-card h3{color:var(--color-text-primary);margin-bottom:10px;font-size:18px;font-weight:800}.operation-card p{color:var(--color-text-muted);text-transform:capitalize;margin-bottom:14px;font-size:13px}.operation-cost{background:var(--color-primary-soft);color:var(--color-primary-active);border:1px solid var(--color-primary-border);border-radius:8px;margin-bottom:16px;padding:8px 11px;font-size:16px;font-weight:900;display:inline-flex}.delete-btn{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);min-width:78px;min-height:36px;color:var(--color-danger);cursor:pointer;box-shadow:0 6px 14px color-mix(in srgb, var(--color-danger) 7%, transparent);border-radius:8px;justify-content:center;align-items:center;padding:9px 13px;font-size:13px;font-weight:800;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.delete-btn:hover{background:var(--color-danger-soft);border-color:var(--color-danger-border);transform:translateY(-1px)}.modal-overlay{z-index:999;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface);border:1px solid var(--color-border);width:min(520px,100%);max-height:90vh;box-shadow:0 24px 70px color-mix(in srgb, var(--color-text-primary) 24%, transparent);border-radius:8px;padding:24px;overflow-y:auto}.modal-box h2{color:var(--color-text-primary);text-transform:capitalize;margin-bottom:20px;font-size:22px;font-weight:800}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.form-group label{color:var(--color-text-secondary);font-size:13px;font-weight:700}.form-group input,.form-group select{background:var(--color-surface);border:1px solid var(--color-border-strong);width:100%;color:var(--color-text-primary);border-radius:8px;outline:none;padding:12px 13px;font-size:14px}.form-group input:hover,.form-group select:hover{border-color:var(--color-text-muted)}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent)}.modal-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.cancel-btn{background:var(--color-surface);border:1px solid var(--color-border-strong);min-height:42px;color:var(--color-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;display:inline-flex}.cancel-btn:hover{background:var(--color-bg)}@media (width<=768px){.part-page{padding:16px}.part-top-section,.operation-header{flex-direction:column;align-items:flex-start}.part-cost-box,.add-operation-btn,.module-tabs{width:100%}.operation-grid{grid-template-columns:1fr}.modal-box{padding:18px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.db-page-wrapper{background-color:var(--color-bg);justify-content:center;align-items:center;min-height:calc(90vh - 80px);padding:20px;display:flex}.db-card-container{background:var(--color-surface);width:100%;max-width:520px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);border-radius:24px;padding:40px}.db-card-header{text-align:center;margin-bottom:32px}.db-icon-circle{background:var(--color-primary-soft);width:64px;height:64px;color:var(--color-primary);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.db-icon-circle svg{width:32px;height:32px}.db-card-header h2{color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:12px;font-size:24px;font-weight:800}.db-card-header p{color:var(--color-text-muted);font-size:15px;line-height:1.5}.form-group{margin-bottom:24px}.form-group label{color:var(--color-text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-wrapper{position:relative}.form-group input{background:var(--color-bg);border:1px solid var(--color-border-strong);width:100%;color:var(--color-text-primary);border-radius:12px;outline:none;padding:14px 16px;font-size:15px;transition:all .3s}.form-group input:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.form-group small{color:var(--color-text-muted);margin-top:8px;font-size:12px;display:block}.form-actions{gap:12px;margin-top:32px;display:flex}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);cursor:pointer;border-radius:12px;flex:1;padding:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.btn-submit{background:var(--color-primary);color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #f973164d}.btn-submit:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #f9731673}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.animate-slide-up{animation:.6s cubic-bezier(.2,.8,.2,1) forwards slideUp}.loader-spinner{border:3px solid color-mix(in srgb, var(--color-surface) 30%, transparent);border-top-color:var(--color-text-inverse);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@media (width<=480px){.db-card-container{padding:24px}.form-actions{flex-direction:column-reverse}.btn-submit,.btn-secondary{width:100%}}.db-view-container{padding:var(--space-2xl);max-width:1600px;margin:0 auto;animation:.4s ease-in-out fadeIn}.view-header{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:center;gap:var(--space-xl);width:100%;display:flex}.header-left{flex:none}.db-title-group{align-items:center;gap:var(--space-md);display:flex}.db-main-title{font-size:var(--font-size-h2);color:var(--color-text-primary);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);white-space:nowrap}.db-main-title span{color:var(--color-text-secondary);font-weight:var(--font-weight-normal);margin-left:4px;font-size:.85em}.edit-db-name-icon,.delete-db-icon{background:var(--color-surface);border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-base);place-items:center;display:grid}.edit-db-name-icon:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary-border);transform:translateY(-2px)scale(1.05)}.delete-db-icon:hover{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-border);transform:translateY(-2px)scale(1.05)}.header-actions-bar{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.toolbar-btn{border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary-orange{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:var(--color-text-inverse);box-shadow:0 4px 14px #f973164d}.btn-primary-orange:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 22px #f9731673}.btn-emerald{background:var(--color-success);color:var(--color-text-inverse);box-shadow:0 4px 14px #10b9814d}.btn-emerald:hover{background:var(--color-success-hover);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 22px #10b98173}.btn-emerald-outline{background:var(--color-surface);color:var(--color-success);border:1px solid var(--color-success-border)}.btn-emerald-outline:hover{background:var(--color-success-soft);border-color:var(--color-success);transform:translateY(-2px)}.btn-surface{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn-surface:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary-border);transform:translateY(-2px)}.toolbar-select{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);height:42px;color:var(--color-text-primary);cursor:pointer;outline:none;padding:0 14px;font-size:13px;font-weight:700;transition:all .25s}.toolbar-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.bulk-controls{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-primary-border);align-items:center;gap:8px;padding:4px 12px;display:flex}.selection-count{color:var(--color-primary);margin-right:4px;font-size:12px;font-weight:800}.bulk-btn{border-radius:var(--radius-md);cursor:pointer;height:32px;transition:transform var(--transition-fast);border:none;padding:0 12px;font-size:12px;font-weight:700}.btn-emerald-sm{background:var(--color-success);color:var(--color-text-inverse)}.btn-danger-sm{background:var(--color-danger);color:var(--color-text-inverse)}.bulk-btn:disabled{opacity:.5;cursor:not-allowed}.btn-text-cancel{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:12px;text-decoration:underline}.db-name-edit-form{align-items:center;gap:var(--space-xs);background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-primary);padding:4px 8px;display:flex}.db-name-input{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:0 0;border:none;outline:none;width:220px}.db-name-save-btn{background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);cursor:pointer;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:12px;display:flex}.db-name-cancel-btn{background:var(--color-bg);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;border:none;place-items:center;width:28px;height:28px;display:grid}.table-responsive{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow-x:auto}.modern-table{border-collapse:collapse;width:100%;min-width:1000px}.modern-table th{background:var(--color-bg);padding:var(--space-md) var(--space-lg);text-align:left;font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);font-weight:var(--font-weight-bold);border:1px solid var(--color-border)}.highlight-header{font-weight:var(--font-weight-extrabold);background:var(--color-primary-soft)!important;color:var(--color-primary)!important;text-align:center!important}.sub-th{background:var(--color-surface)!important;text-align:center!important;color:var(--color-text-muted)!important;padding:8px!important;font-size:11px!important}.modern-table td{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);border:1px solid var(--color-border);background:var(--color-surface)}.modern-table tr:hover td{background-color:var(--color-primary-soft)}.rate-cell{text-align:center;font-weight:var(--font-weight-bold);color:var(--color-primary)}.text-navy{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.action-btns{gap:var(--space-xs);justify-content:center;display:flex}.edit-btn,.del-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);place-items:center;display:grid}.edit-btn:hover{background:var(--color-info-soft);color:var(--color-info);border-color:var(--color-info-border);transform:scale(1.08)}.del-btn:hover{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-border);transform:scale(1.08)}.checkbox-col{width:40px;text-align:center!important}.checkbox-col input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.row-selected td{background-color:var(--color-primary-soft)!important}.loading-state{padding:var(--space-4xl);justify-content:center;align-items:center;display:flex}.spinner{border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@media (width<=1300px){.header-actions-bar{-webkit-overflow-scrolling:touch;max-width:100%;padding-bottom:4px;overflow-x:auto}}@media (width<=850px){.view-header{flex-direction:column;align-items:flex-start}.header-actions-bar{white-space:normal;flex-wrap:wrap;justify-content:flex-start;width:100%}}.add-data-page-wrapper{background-color:var(--color-bg);min-height:100vh;padding:30px}.page-header-flex{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.header-info h1{color:var(--sb-bg);margin-bottom:5px;font-size:24px}.id-badge{background:var(--color-border);border-radius:6px;padding:2px 10px;font-family:monospace;font-size:13px;font-weight:600}.btn-back{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex}.btn-back:hover{background:var(--color-bg-subtle);color:var(--sb-bg)}.form-container-full{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000008}.form-section{margin-bottom:40px}.section-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);border-left:4px solid var(--primary-orange);margin-bottom:20px;padding-left:15px;font-size:14px}.form-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr;gap:25px;display:grid}.input-group label{color:var(--color-text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-group input{border:1.5px solid var(--color-border);background:var(--color-surface);border-radius:12px;outline:none;width:100%;padding:14px;font-size:15px;transition:all .3s}.input-group input:focus{border-color:var(--primary-orange);background:var(--color-surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary-hover) 5%, transparent)}.dynamic-length-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.btn-add-len{background:var(--sb-bg);color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600}.hidden-file-input{display:none}.length-inputs-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.length-rate-row{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.sub-input-box{flex:1}.sub-input-box span{color:var(--color-text-muted);text-transform:uppercase;font-size:10px;font-weight:700;display:block}.sub-input-box input{width:100%;color:var(--sb-bg);background:0 0;border:none;outline:none;font-size:16px;font-weight:700}.orange-border{border-left:2px solid var(--primary-orange);padding-left:10px}.btn-remove{background:var(--color-danger-soft);color:var(--color-danger);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px;font-size:12px}.form-footer-actions{border-top:1.5px solid var(--color-bg-subtle);justify-content:center;margin-top:50px;padding-top:30px;display:flex}.btn-save-xl{background:var(--sb-bg);color:var(--color-text-inverse);cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb, var(--color-text-primary) 15%, transparent);border:none;border-radius:14px;align-items:center;gap:12px;padding:16px 80px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-save-xl:hover:not(:disabled){background:var(--primary-orange);box-shadow:0 10px 20px color-mix(in srgb, var(--color-primary-hover) 20%, transparent);transform:translateY(-2px)}.btn-save-xl:disabled{opacity:.7;cursor:not-allowed}.spinner-small{border:2px solid color-mix(in srgb, var(--color-surface) 30%, transparent);border-top-color:var(--color-text-inverse);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.header-btns{gap:12px;display:flex}.import-action-btn{background:var(--color-warning-soft);color:var(--color-warning);border:1.5px solid var(--color-warning-border);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex}.import-action-btn:hover{background:var(--color-warning);color:var(--sb-bg)}.disabled-input{cursor:not-allowed;background:var(--color-bg-subtle)!important;color:var(--color-text-muted)!important}@media (width<=768px){.form-container-full{padding:20px}.form-grid-2{grid-template-columns:1fr}.output-ribbon{text-align:center;flex-direction:column;gap:20px}}.modal-overlay{background:color-mix(in srgb, var(--color-text-primary) 80%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modern-modal{background:var(--color-surface);text-align:center;border-radius:24px;width:90%;max-width:400px;padding:40px;box-shadow:0 20px 40px #0000004d}.modal-icon{margin-bottom:15px;font-size:50px}.modal-info-box{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:12px;margin:20px 0;padding:15px;font-size:14px}.modal-actions{gap:15px;display:flex}.btn-modal-cancel{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:10px;flex:1;padding:12px;font-weight:600}.btn-modal-save{background:var(--color-primary-hover);color:var(--color-text-inverse);cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-weight:700}.animate-pop-in{animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.settings-page{min-height:calc(100vh - 70px);color:var(--color-text-primary)}.settings-header{justify-content:space-between;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.settings-header h1{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-2xs)}.settings-header p{color:var(--color-text-secondary);font-size:var(--font-size-body)}.settings-toast-success{align-items:center;gap:var(--space-sm);background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success-border);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);padding:10px 18px;display:inline-flex}.settings-layout{gap:var(--space-2xl);grid-template-columns:260px minmax(0,1fr);align-items:start;display:grid}.settings-tabs{gap:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.tab-btn{align-items:center;gap:var(--space-sm);width:100%;height:46px;padding:0 var(--space-lg);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;text-align:left;transition:background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);background:0 0;border:1px solid #0000;display:flex}.tab-btn:hover{color:var(--color-primary);background:var(--color-primary-soft)}.tab-btn.active{color:var(--color-primary);background:var(--color-primary-soft);border-color:var(--color-primary-border)}.settings-content{min-width:0}.settings-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.panel-header{margin-bottom:var(--space-xl)}.panel-header h2{font-size:var(--font-size-h4);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:4px}.panel-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.profile-avatar-card{align-items:center;gap:var(--space-xl);padding:var(--space-xl);margin-bottom:var(--space-2xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.profile-avatar-circle{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));width:68px;height:68px;color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-h3);font-weight:var(--font-weight-extrabold);flex:0 0 68px;place-items:center;display:grid;box-shadow:0 8px 24px #f9731659}.invite-code-card{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);background:var(--color-primary-soft);border:1px dashed var(--color-primary);border-radius:var(--radius-xl);flex-wrap:wrap;padding:18px 22px;display:flex}.invite-code-info{flex:1;align-items:flex-start;gap:14px;min-width:250px;display:flex}.invite-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.invite-code-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px;font-size:11px;font-weight:800;display:block}.invite-code-val{color:var(--color-primary);letter-spacing:1.5px;margin-bottom:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:18px;font-weight:800;display:block}.invite-code-hint{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.4}.btn-copy-invite{background:var(--color-surface);border:1px solid var(--color-primary-border);color:var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-xs);align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.btn-copy-invite:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-copy-invite.copied{background:var(--color-success);color:#fff;border-color:var(--color-success)}.profile-avatar-info h3{font-size:var(--font-size-h4);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:2px}.role-badge{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-extrabold);text-transform:uppercase;margin-bottom:4px;padding:2px 10px;display:inline-block}.profile-avatar-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.form-grid{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.setting-field{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.setting-field label{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex}.setting-field input,.setting-field select{width:100%;height:44px;padding:0 var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none}.setting-field input:focus,.setting-field select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.password-input-box{position:relative}.pass-toggle-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.theme-selector-grid{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.theme-card{border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);cursor:pointer;background:var(--color-bg);transition:border-color var(--transition-base), transform var(--transition-fast)}.theme-card:hover{border-color:var(--color-primary-border);transform:translateY(-2px)}.theme-card.active{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.theme-card-preview{border-radius:var(--radius-lg);border:1px solid var(--color-border);height:90px;margin-bottom:var(--space-md);padding:var(--space-sm)}.theme-light-preview{background:#fff}.theme-dark-preview{background:#0b0e17}.preview-header{border-radius:var(--radius-sm);background:var(--color-primary);opacity:.8;height:16px;margin-bottom:var(--space-sm)}.preview-body{flex-direction:column;gap:6px;display:flex}.preview-line{background:var(--color-border-strong);border-radius:4px;width:100%;height:10px}.preview-line.short{width:60%}.theme-card-label{align-items:center;gap:var(--space-md);display:flex}.theme-card-label strong{font-size:var(--font-size-body);color:var(--color-text-primary);display:block}.theme-card-label span{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.theme-check{color:var(--color-primary);margin-left:auto}.currency-options{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.currency-pill{align-items:center;gap:var(--space-xs);height:42px;padding:0 var(--space-xl);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);display:flex}.currency-pill.active,.currency-pill:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.setting-section-divider{background:var(--color-border);height:1px;margin:var(--space-2xl) 0}.toggle-setting-row{justify-content:space-between;align-items:center;gap:var(--space-xl);padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);display:flex}.toggle-setting-row strong{color:var(--color-text-primary);font-size:var(--font-size-body);display:block}.toggle-setting-row p{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.toggle-switch{flex:0 0 48px;width:48px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-border-strong);border-radius:34px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--color-primary)}input:checked+.toggle-slider:before{transform:translate(22px)}.panel-actions{margin-top:var(--space-xl);justify-content:flex-end;display:flex}.save-settings-btn{align-items:center;gap:var(--space-sm);height:48px;padding:0 var(--space-2xl);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast);border:none;display:inline-flex;box-shadow:0 8px 20px #f973164d}.save-settings-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.settings-error-alert{padding:var(--space-md) var(--space-lg);background:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);margin-bottom:var(--space-xl)}.animate-fade-in{animation:.35s ease-out fadeIn}@media (width<=900px){.settings-layout,.form-grid,.theme-selector-grid{grid-template-columns:1fr}}.help-page{min-height:calc(100vh - 70px);color:var(--color-text-primary)}.help-hero{padding:var(--space-3xl) var(--space-2xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-sm);text-align:center;position:relative;overflow:hidden}.help-hero:before{content:"";background:radial-gradient(circle, var(--color-primary-soft), transparent 70%);pointer-events:none;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.help-hero-badge{align-items:center;gap:var(--space-xs);background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-extrabold);text-transform:uppercase;margin-bottom:var(--space-md);padding:4px 14px;display:inline-flex}.help-hero h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-xs)}.help-hero p{color:var(--color-text-secondary);font-size:var(--font-size-body-lg);margin-bottom:var(--space-2xl)}.help-search-box{max-width:580px;margin:0 auto;position:relative}.help-search-box input{background:var(--color-bg);border:2px solid var(--color-border-strong);border-radius:var(--radius-full);width:100%;height:52px;color:var(--color-text-primary);font-size:var(--font-size-body);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;padding:0 90px 0 50px}.help-search-box input:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.search-icon{color:var(--color-text-muted);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.clear-search{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);cursor:pointer;padding:4px 12px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.help-cards-grid{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.help-contact-card{align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), border-color var(--transition-base);display:flex}.help-contact-card:hover{border-color:var(--color-primary-border);transform:translateY(-3px)}.help-card-icon{border-radius:var(--radius-lg);flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid}.help-card-icon.orange{background:var(--color-primary-soft);color:var(--color-primary)}.help-card-icon.blue{background:var(--color-info-soft);color:var(--color-info)}.help-card-icon.green{background:var(--color-success-soft);color:var(--color-success)}.help-contact-card h3{font-size:var(--font-size-h4);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:4px}.help-contact-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.help-card-link{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);cursor:pointer}.status-online-pill{font-size:var(--font-size-caption);font-weight:var(--font-weight-extrabold);color:var(--color-success)}.faq-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-sm)}.section-title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.title-icon{color:var(--color-primary)}.section-title h2{font-size:var(--font-size-h3);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.faq-category-chips{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.chip-btn{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base);padding:8px 16px}.chip-btn:hover,.chip-btn.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.faq-list{gap:var(--space-md);flex-direction:column;display:flex}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);transition:border-color var(--transition-base);overflow:hidden}.faq-item.open{border-color:var(--color-primary-border);background:var(--color-surface)}.faq-question{width:100%;padding:var(--space-lg) var(--space-xl);color:var(--color-text-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-bold);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.faq-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast)}.faq-arrow.rotate{color:var(--color-primary);transform:rotate(180deg)}.faq-answer{padding:0 var(--space-xl) var(--space-lg);border-top:1px solid var(--color-border)}.faq-answer p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin-top:var(--space-md)}.no-faq-found{align-items:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.ticket-section{margin-bottom:var(--space-2xl)}.ticket-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.ticket-card-header{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);display:flex}.ticket-header-icon{color:var(--color-primary)}.ticket-card-header h2{font-size:var(--font-size-h3);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.ticket-card-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ticket-success-alert{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);display:flex}.ticket-form-grid{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ticket-field{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.ticket-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.ticket-field input,.ticket-field select,.ticket-field textarea{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;padding:12px 16px}.ticket-field input:focus,.ticket-field select:focus,.ticket-field textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.ticket-actions{justify-content:flex-end;display:flex}.submit-ticket-btn{align-items:center;gap:var(--space-sm);height:48px;padding:0 var(--space-2xl);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--transition-base), transform var(--transition-fast);border:none;display:inline-flex;box-shadow:0 8px 20px #f973164d}.submit-ticket-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px)}@media (width<=1024px){.help-cards-grid,.ticket-form-grid{grid-template-columns:1fr}}.history-page{min-height:calc(100vh - 70px);color:var(--color-text-primary)}.history-header{justify-content:space-between;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.history-header h1{font-size:var(--font-size-h2);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--space-2xs)}.history-header p{color:var(--color-text-secondary);font-size:var(--font-size-body)}.refresh-logs-btn{align-items:center;gap:var(--space-sm);height:44px;padding:0 var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--transition-base);display:inline-flex}.refresh-logs-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);transform:translateY(-1px)}.history-stats-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.history-stat-card{align-items:center;gap:var(--space-md);height:84px;padding:0 var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.history-stat-icon{border-radius:var(--radius-md);flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.history-stat-icon.orange{background:var(--color-primary-soft);color:var(--color-primary)}.history-stat-icon.blue{background:var(--color-info-soft);color:var(--color-info)}.history-stat-icon.green{background:var(--color-success-soft);color:var(--color-success)}.history-stat-icon.purple{color:#a855f7;background:#a855f71f}.history-stat-card span{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);display:block}.history-stat-card strong{font-size:var(--font-size-h4);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);display:block}.history-toolbar{justify-content:space-between;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.history-search-input{flex:1;min-width:280px;position:relative}.history-search-input input{width:100%;height:44px;padding:0 var(--space-xl) 0 42px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none}.history-search-input input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.history-search-input .search-icon{color:var(--color-text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.history-filter-group{gap:var(--space-md);display:flex}.filter-select-wrapper{align-items:center;gap:var(--space-xs);height:44px;padding:0 var(--space-md);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex}.filter-select-wrapper select{height:100%;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;outline:none}.history-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow-x:auto}.history-table{border-collapse:collapse;text-align:left;width:100%}.history-table th{padding:var(--space-lg) var(--space-xl);background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-bottom:1px solid var(--color-border)}.history-table td{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-primary)}.history-row:hover{background:var(--color-primary-soft)}.log-timestamp{align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);white-space:nowrap;display:flex}.log-action strong{font-weight:var(--font-weight-extrabold);color:var(--color-text-primary)}.category-pill{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-bold);padding:4px 10px;display:inline-flex}.category-pill.cat-projects{background:var(--color-info-soft);color:var(--color-info)}.category-pill.cat-costing{background:var(--color-success-soft);color:var(--color-success)}.category-pill.cat-database{color:#a855f7;background:#a855f71f}.category-pill.cat-management{background:var(--color-primary-soft);color:var(--color-primary)}.user-pill{align-items:center;gap:var(--space-xs);white-space:nowrap;display:flex}.user-avatar-mini{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));width:24px;height:24px;color:var(--color-text-inverse);font-size:10px;font-weight:var(--font-weight-extrabold);place-items:center;display:grid}.log-details{max-width:380px;color:var(--color-text-secondary);line-height:var(--line-height-body)}.status-pill{border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-extrabold);padding:3px 10px;display:inline-block}.status-pill.status-success,.status-pill.status-completed{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success-border)}.status-pill.status-active{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-border)}.history-loading-box,.history-empty-box{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-4xl);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.spin-icon{animation:1s linear infinite spin}.spin-icon.orange{color:var(--color-primary)}@media (width<=1100px){.history-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.history-stats-grid{grid-template-columns:1fr}}.wip-container{padding:var(--space-2xl);max-width:1200px;margin:0 auto}.wip-breadcrumb{color:var(--color-text-muted);margin-bottom:var(--space-xl);align-items:center;gap:8px;font-size:13px;display:flex}.bc-link{color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.bc-link:hover{color:var(--color-primary)}.bc-text{color:var(--color-text-muted)}.bc-active{color:var(--color-primary);font-weight:700}.wip-hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);text-align:center;box-shadow:var(--shadow-md);margin-bottom:var(--space-2xl);padding:48px 40px;position:relative;overflow:hidden}.hero-bg-glow{pointer-events:none;background:radial-gradient(circle,#f9731626 0%,#0000 70%);width:600px;height:300px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.wip-badge{background:var(--color-primary-soft);border:1px solid var(--color-primary-border);color:var(--color-primary);border-radius:var(--radius-full);letter-spacing:.5px;margin-bottom:var(--space-lg);align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:800;display:inline-flex}.spin-slow{animation:8s linear infinite spin}.wip-title{color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:12px;font-size:36px;font-weight:800}.highlight-text{background:linear-gradient(135deg, var(--color-primary), #fb923c);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.wip-subtitle{color:var(--color-text-secondary);max-width:680px;margin:0 auto 36px;font-size:16px;line-height:1.6}.wip-progress-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:left;max-width:580px;margin:0 auto 36px;padding:20px 24px}.progress-label-row{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.p-label{color:var(--color-text-primary);align-items:center;gap:6px;display:flex}.p-val{color:var(--color-primary)}.progress-track{background:var(--color-surface);border-radius:var(--radius-full);border:1px solid var(--color-border);width:100%;height:10px;margin-bottom:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-primary), #fb923c);border-radius:var(--radius-full);height:100%;transition:width 1s ease-in-out}.progress-note{color:var(--color-text-muted);font-size:12px}.wip-action-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.wip-btn{border-radius:var(--radius-xl);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;height:46px;padding:0 22px;font-size:14px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-notify{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 4px 14px #f973164d}.btn-notify:hover{transform:translateY(-2px);box-shadow:0 8px 22px #f9731673}.btn-notify.success{background:var(--color-success);box-shadow:0 4px 14px #10b9814d}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary-border);transform:translateY(-2px)}.btn-outline{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.btn-outline:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary);transform:translateY(-2px)}.wip-features-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:28px 24px;transition:all .25s}.feature-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-4px)}.f-icon-wrapper{border-radius:var(--radius-lg);place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid}.f-icon-wrapper.emerald{background:var(--color-success-soft);color:var(--color-success)}.f-icon-wrapper.orange{background:var(--color-primary-soft);color:var(--color-primary)}.f-icon-wrapper.blue{background:var(--color-info-soft);color:var(--color-info)}.feature-card h3{color:var(--color-text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.feature-card p{color:var(--color-text-secondary);font-size:14px;line-height:1.5}.analytics-page{background-color:var(--color-bg,#f8fafc);min-height:100vh;color:var(--color-text-primary,#0f172a);flex-direction:column;gap:28px;padding:28px;display:flex}.analytics-loading,.analytics-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.analytics-spinner{border:4px solid #e2e8f0;border-top-color:#f97316;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.analytics-header h1{color:var(--color-text-primary,#0f172a);letter-spacing:-.5px;margin:0 0 6px;font-size:1.85rem;font-weight:800}.analytics-header p{color:var(--color-text-muted,#64748b);margin:0;font-size:.95rem}.analytics-header-actions{align-items:center;gap:10px;display:flex}.analytics-btn{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.analytics-btn.btn-print{background:var(--color-surface,#fff);color:#0f172a;border-color:#cbd5e1}.analytics-btn.btn-print:hover{background:#f1f5f9;border-color:#94a3b8}.analytics-btn.btn-excel{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#059669;box-shadow:0 4px 14px #10b9814d}.analytics-btn.btn-excel:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.kpi-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;align-items:flex-start;gap:16px;padding:22px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a0a}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0f172a14}.kpi-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-icon-box.orange{color:#f97316;background:#fff7ed;border:1px solid #ffedd5}.kpi-icon-box.blue{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe}.kpi-icon-box.green{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.kpi-icon-box.purple{color:#9333ea;background:#faf5ff;border:1px solid #f3e8ff}.kpi-content{flex-direction:column;display:flex}.kpi-label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:700}.kpi-value{color:var(--color-text-primary,#0f172a);margin:4px 0;font-size:1.55rem;font-weight:800}.kpi-subtext{color:var(--color-text-muted,#64748b);font-size:.8rem;font-weight:500}.analytics-grid-row{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:22px;display:grid}.analytics-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 4px 12px #0f172a08}.card-header-row{justify-content:space-between;align-items:center;display:flex}.card-header-row h3{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.1rem;font-weight:800}.card-badge{background:var(--color-bg-subtle,#f1f5f9);color:var(--color-text-muted,#475569);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700}.cost-progress-group{flex-direction:column;gap:16px;display:flex}.progress-info{justify-content:space-between;margin-bottom:6px;font-size:.9rem;display:flex}.progress-info span{color:var(--color-text-secondary,#475569);font-weight:600}.progress-info strong{color:var(--color-text-primary,#0f172a)}.progress-bar-bg{background-color:#f1f5f9;border-radius:10px;height:10px;overflow:hidden}.progress-bar-fill{border-radius:10px;height:100%;transition:width .4s}.progress-bar-fill.orange{background:linear-gradient(90deg,#f97316 0%,#ea580c 100%)}.progress-bar-fill.blue{background:linear-gradient(90deg,#3b82f6 0%,#1d4ed8 100%)}.progress-bar-fill.green{background:linear-gradient(90deg,#10b981 0%,#047857 100%)}.cost-summary-pills{border-top:1px dashed var(--color-border,#e2e8f0);flex-wrap:wrap;gap:12px;margin-top:8px;padding-top:16px;display:flex}.summary-pill{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:10px;flex-direction:column;flex:1;gap:2px;padding:10px 14px;display:flex}.summary-pill span{color:var(--color-text-muted,#64748b);font-size:.75rem;font-weight:600}.summary-pill strong{color:var(--color-text-primary,#0f172a);font-size:.95rem}.operations-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.op-mini-card{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.op-icon{color:#f97316;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.op-details{flex-direction:column;display:flex}.op-name{color:var(--color-text-secondary,#475569);font-size:.78rem;font-weight:700}.op-cost{color:var(--color-text-primary,#0f172a);font-size:.9rem}.op-sub{color:var(--color-text-muted,#64748b);font-size:.72rem}.leaderboard-list,.materials-analytics-list{flex-direction:column;gap:10px;display:flex}.leaderboard-item,.mat-analytics-item{background:var(--color-bg-subtle,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rank-badge{color:#fff;background:#f97316;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:12px;font-size:.8rem;font-weight:800;display:flex}.client-info,.mat-analytics-info{flex-direction:column;flex:1;display:flex}.client-name,.mat-title{color:var(--color-text-primary,#0f172a);font-size:.9rem;font-weight:700}.client-projects,.mat-meta{color:var(--color-text-muted,#64748b);font-size:.78rem}.client-revenue,.mat-cost{color:var(--color-text-primary,#0f172a);font-size:.95rem;font-weight:700}.empty-analytics{text-align:center;color:var(--color-text-muted,#64748b);padding:24px;font-size:.88rem}.table-card{padding:0;overflow:hidden}.table-header{border-bottom:1px solid var(--color-border,#e2e8f0);padding:20px 24px}.table-subtitle{color:var(--color-text-muted,#64748b);margin:4px 0 0;font-size:.85rem}.table-search-box{min-width:260px;position:relative}.table-search-box .search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.table-search-box input{border:1px solid var(--color-border,#cbd5e1);background-color:var(--color-surface,#fff);width:100%;color:var(--color-text-primary,#0f172a);border-radius:8px;padding:8px 12px 8px 36px;font-size:.85rem}.analytics-table-wrapper{overflow-x:auto}.analytics-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.analytics-table th{background-color:var(--color-bg-subtle,#f8fafc);color:var(--color-text-muted,#64748b);border-bottom:1px solid var(--color-border,#e2e8f0);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;padding:12px 18px;font-size:.78rem;font-weight:700}.analytics-table td{border-bottom:1px solid var(--color-border,#f1f5f9);color:var(--color-text-primary,#0f172a);white-space:nowrap;padding:14px 18px}.analytics-table tr:hover td{background-color:var(--color-bg-subtle,#f8fafc)}.structure-pill{color:#475569;background-color:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:.78rem;font-weight:600}.text-orange{color:#f97316!important}@media print{.analytics-header-actions,.table-search-box,.analytics-spinner{display:none!important}.analytics-page{background:#fff;padding:0}.analytics-card,.kpi-card{box-shadow:none!important;border:1px solid #cbd5e1!important}}.manage-employees-container{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;padding:24px 32px;display:flex}.page-header h1{color:var(--color-text-primary,#0f172a);letter-spacing:-.5px;margin:0 0 6px;font-size:1.8rem;font-weight:800}.page-header p{color:var(--color-text-muted,#64748b);margin:0;font-size:.95rem}.section-title-box{align-items:center;gap:12px;margin:10px 0 18px;display:flex}.section-title-box h2{color:var(--color-text-primary,#0f172a);letter-spacing:-.3px;margin:0;font-size:1.25rem;font-weight:800}.notification-dot{background:#f97316;border-radius:50%;width:10px;height:10px;animation:2s infinite pulseOrange;box-shadow:0 0 10px #f9731699}@keyframes pulseOrange{0%{box-shadow:0 0 #f97316b3}70%{box-shadow:0 0 0 8px #f9731600}to{box-shadow:0 0 #f9731600}}.count-badge{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:800;box-shadow:0 2px 8px #f973164d}.pending-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.approval-card{background:var(--color-surface,#fff);border:1.5px solid var(--color-border,#e2e8f0);border-radius:18px;flex-direction:column;justify-content:space-between;gap:18px;padding:22px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0f172a0a}.approval-card:before{content:"";background:linear-gradient(90deg,#f97316 0%,#ea580c 100%);height:4px;position:absolute;top:0;left:0;right:0}.approval-card:hover{border-color:#fdba74;transform:translateY(-3px);box-shadow:0 12px 28px #f973161f}.card-top-bar{border-bottom:1px solid var(--color-border,#f1f5f9);justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.pending-status-pill{color:#c2410c;text-transform:uppercase;letter-spacing:.4px;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.73rem;font-weight:800;display:inline-flex}.dot-pulse{background:#ea580c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #f97316}.request-time-text{color:var(--color-text-muted,#94a3b8);align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:flex}.user-info-main{align-items:flex-start;gap:14px;display:flex}.avatar-gradient{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:2px solid #fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px 14px #f973164d}.details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.details h4{color:var(--color-text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:800;overflow:hidden}.meta-line{color:var(--color-text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.83rem;display:flex;overflow:hidden}.meta-line span{text-overflow:ellipsis;overflow:hidden}.card-actions{grid-template-columns:1fr 1.2fr;gap:10px;padding-top:6px;display:grid}.btn-approve-solid{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #059669;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b9814d}.btn-approve-solid:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 18px #10b98166}.btn-approve-solid:disabled{opacity:.65;cursor:not-allowed}.btn-reject-ghost{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-reject-ghost:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 14px #dc262640}.btn-reject-ghost:disabled{opacity:.65;cursor:not-allowed}.empty-state-card{background:var(--color-surface,#fff);color:var(--color-text-muted,#64748b);text-align:center;border:1.5px dashed var(--color-border,#cbd5e1);border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:36px 24px;font-size:.95rem;display:flex}.empty-state-card h4{color:var(--color-text-primary,#0f172a);margin:0 0 4px;font-size:1.1rem;font-weight:800}.empty-state-card p{margin:0;font-size:.88rem}.status-tag{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.status-tag.approved{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.status-tag.rejected{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.status-tag.revoked{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.table-wrapper-modern{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);-webkit-overflow-scrolling:touch;border-radius:18px;width:100%;overflow-x:auto;box-shadow:0 4px 14px #0f172a08}.modern-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}.modern-table th{background:var(--color-bg-subtle,#f8fafc);color:var(--color-text-muted,#64748b);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border,#e2e8f0);padding:16px 20px;font-size:.78rem;font-weight:800}.modern-table td{border-top:1px solid var(--color-bg-subtle,#f1f5f9);white-space:nowrap;vertical-align:middle;padding:16px 20px;font-size:.88rem}.table-user{align-items:center;gap:12px;display:flex}.mini-avatar{color:#ea580c;background:#fff7ed;border:1.5px solid #ffedd5;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:800;display:flex}.row-actions-flex{align-items:center;gap:8px;display:flex}.btn-action-sm{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:7px 13px;font-size:.8rem;font-weight:700;transition:all .2s}.btn-action-sm:disabled{opacity:.6;cursor:not-allowed}.btn-revoke{color:#c2410c;background:#fff7ed;border-color:#ffedd5}.btn-revoke:hover:not(:disabled){color:#fff;background:#ea580c;border-color:#ea580c;transform:translateY(-1px)}.btn-delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-delete:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.btn-approve-sm{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.btn-approve-sm:hover:not(:disabled){color:#fff;background:#16a34a;border-color:#16a34a;transform:translateY(-1px)}@media (width<=768px){.manage-employees-container{padding:16px}.pending-grid{grid-template-columns:1fr}.modern-table th,.modern-table td{padding:12px 14px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#f97316;--color-primary-hover:#ea580c;--color-primary-active:#c2410c;--color-secondary:#0f172a;--color-accent:#2563eb;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#0284c7;--color-bg:#f6f8fb;--color-bg-subtle:#eef2f7;--color-surface:#fff;--color-surface-elevated:#fff;--color-card:#fff;--sidebar-bg:var(--sidebar-bg);--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text:#0f172a;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-light:#64748b;--color-text-inverse:#fff;--color-white:#fff;--color-focus:#f9731638;--color-overlay:#0f172a8f;--color-primary-soft:#f9731614;--color-primary-border:#f973163d;--color-danger-soft:#fff1f2;--color-danger-border:#fecdd3;--color-success-soft:#ecfdf5;--color-success-border:#bbf7d0;--color-warning-soft:#fefce8;--color-warning-border:#fef08a;--color-info-soft:#eff6ff;--color-info-border:#bfdbfe;--font-family-sans:"Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-family-base:var(--font-family-sans);--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-h1:clamp(2rem, 4vw, 3rem);--font-size-h2:clamp(1.5rem, 3vw, 2.25rem);--font-size-h3:1.5rem;--font-size-h4:1.25rem;--font-size-h5:1rem;--font-size-h6:.875rem;--font-size-body-lg:1.0625rem;--font-size-body:.9375rem;--font-size-sm:.8125rem;--font-size-caption:.75rem;--line-height-tight:1.15;--line-height-heading:1.25;--line-height-body:1.6;--line-height-compact:1.4;--letter-spacing-tight:-.015em;--letter-spacing-normal:0;--letter-spacing-wide:.04em;--space-0:0;--space-2xs:.125rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem;--radius-none:0;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 4px 12px #0f172a0a;--shadow-md:0 10px 25px #0f172a0f;--shadow-lg:0 16px 35px #0f172a1a;--shadow-xl:0 24px 60px #0f172a26;--shadow-focus:0 0 0 4px var(--color-focus);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--transition-slow:.32s cubic-bezier(.4, 0, .2, 1);--sidebar-width:270px;--primary-blue:var(--color-secondary);--primary-orange:var(--color-primary);--text-main:var(--color-text-primary);--text-muted:var(--color-text-muted);--success-green:var(--color-success);--white:var(--color-surface);--bg-light:var(--color-bg);--bg-badge:var(--color-primary-soft);--sidebar-text:var(--color-text-primary);--sidebar-hover:var(--color-primary-soft);--dash-bg:var(--color-bg);--shadow-soft:var(--shadow-md);--shadow-card:var(--shadow-sm);--border-radius-card:var(--radius-xl);--transition:all var(--transition-base)}th:last-child,td:last-child,.th-actions,.td-actions{text-align:center!important}.action-btns{text-align:center!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0 auto!important;display:flex!important}.edit-btn,.del-btn,.delete-btn,.action-btn.edit-btn,.action-btn.del-btn,.action-btn.delete-btn,button.edit-btn,button.del-btn,button.delete-btn{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md,8px);color:var(--color-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;display:inline-flex!important}.edit-btn svg,.del-btn svg,.delete-btn svg{margin:auto!important;display:block!important}.edit-btn:hover,.action-btn.edit-btn:hover,button.edit-btn:hover{background:var(--color-info-soft,#3b82f61f);color:var(--color-info);border-color:var(--color-info-border,#3b82f64d);transform:scale(1.08)}.del-btn:hover,.delete-btn:hover,.action-btn.del-btn:hover,.action-btn.delete-btn:hover,button.del-btn:hover,button.delete-btn:hover{background:var(--color-danger-soft,#ef44441f);color:var(--color-danger);border-color:var(--color-danger-border,#ef44444d);transform:scale(1.08)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#f97316;--color-primary-hover:#fb923c;--color-primary-active:#ea580c;--color-secondary:#f8fafc;--color-accent:#60a5fa;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#f87171;--color-info:#38bdf8;--color-bg:#0b0e17;--color-bg-subtle:#0f1422;--color-surface:#131826;--color-surface-elevated:#181e30;--color-card:#131826;--sidebar-bg:#090c14;--color-border:#1d2436;--color-border-strong:#2a344d;--color-text:#f8fafc;--color-text-primary:#fff;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-light:#64748b;--color-text-inverse:#fff;--color-white:#fff;--color-focus:#f9731647;--color-overlay:#05070dc7;--color-primary-soft:#f973161f;--color-primary-border:#f9731647;--color-danger-soft:#f871711f;--color-danger-border:#f8717152;--color-success-soft:#22c55e1f;--color-success-border:#22c55e52;--color-warning-soft:#f59e0b1f;--color-warning-border:#f59e0b52;--color-info-soft:#60a5fa1f;--color-info-border:#60a5fa52;--shadow-xs:0 2px 4px #0003;--shadow-sm:0 4px 16px #00000040;--shadow-md:0 8px 30px #00000059;--shadow-lg:0 16px 45px #00000073;--shadow-xl:0 24px 70px #0000008c;--sidebar-text:#f8fafc;--sidebar-hover:#f973161f}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.float-left{float:left}.float-right{float:right}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.hidden{display:none}.inline{display:inline}.flex-grow{flex-grow:1}.cursor-pointer{cursor:pointer}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.border{border-style:var(--tw-border-style);border-width:1px}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.delay-4{transition-delay:4ms}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{background:var(--color-bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%}body{background:radial-gradient(circle at top right, var(--color-primary-soft), transparent 34rem), linear-gradient(180deg, var(--color-bg), var(--color-bg-subtle));width:100%;min-width:320px;max-width:100vw;min-height:100vh;color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}:focus-visible{box-shadow:var(--shadow-focus);outline:none}::selection{background:var(--color-primary);color:var(--color-text-inverse)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}input,select,textarea{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--color-text-primary);padding:var(--space-md) var(--space-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);outline:none}@media (width<=768px){input,select,textarea{font-size:16px!important}}input:hover,select:hover,textarea:hover{border-color:var(--color-text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}table{border-collapse:collapse}.modal-overlay{animation:overlayFade var(--transition-base)}.modal-box,.modern-modal{animation:modalPop var(--transition-slow)}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-heading)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}p{color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-body)}small,.caption{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-compact)}.text-body-lg{font-size:var(--font-size-body-lg);line-height:var(--line-height-body)}.text-small{font-size:var(--font-size-sm);line-height:var(--line-height-compact)}.container,.page-shell{width:100%;max-width:var(--container-xl);padding-inline:var(--space-lg);margin-inline:auto}.page-stack{gap:var(--space-xl);display:grid}.section-stack{gap:var(--space-lg);display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.cluster{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.grid-2,.grid-3,.grid-4{gap:var(--space-lg);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.surface-panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.hover-lift{transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.hover-lift:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.table-shell,.table-container,.parts-table-wrapper,.projects-table-wrapper{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.modern-table,.data-table,.parts-table,.projects-table{border-collapse:separate;border-spacing:0;width:100%;color:var(--color-text-primary);font-size:var(--font-size-sm)}.modern-table th,.data-table th,.parts-table th,.projects-table th{z-index:1;padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-align:left;text-transform:uppercase;white-space:nowrap;position:sticky;top:0}.modern-table td,.data-table td,.parts-table td,.projects-table td{padding:var(--space-md);border-bottom:1px solid var(--color-border);vertical-align:middle}.modern-table tr,.data-table tr,.parts-table tr,.projects-table tr{transition:background var(--transition-base)}.modern-table tbody tr:hover,.data-table tbody tr:hover,.parts-table tbody tr:hover,.projects-table tbody tr:hover{background:var(--color-primary-soft)}.modern-table tbody tr:last-child td,.data-table tbody tr:last-child td,.parts-table tbody tr:last-child td,.projects-table tbody tr:last-child td{border-bottom:0}.badge,.status-badge,.status-tag{justify-content:center;align-items:center;gap:var(--space-2xs);min-height:24px;padding:0 var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);white-space:nowrap;display:inline-flex}.badge-primary{color:var(--color-primary);background:var(--color-primary-soft);border:1px solid var(--color-primary-border)}.badge-success,.status-badge.complete,.status-tag.approved{color:var(--color-success);background:var(--color-success-soft);border:1px solid var(--color-success-border)}.badge-warning,.status-badge.pending{color:var(--color-warning);background:var(--color-warning-soft);border:1px solid var(--color-warning-border)}.badge-danger,.status-tag.rejected{color:var(--color-danger);background:var(--color-danger-soft);border:1px solid var(--color-danger-border)}.badge-info{color:var(--color-info);background:var(--color-info-soft);border:1px solid var(--color-info-border)}.empty-state,.empty-state-card{min-height:180px;padding:var(--space-2xl);color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);text-align:center;place-items:center;display:grid}.alert,.error-banner-modern{padding:var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.alert-danger,.error-banner-modern{color:var(--color-danger);background:var(--color-danger-soft);border:1px solid var(--color-danger-border)}.alert-success{color:var(--color-success);background:var(--color-success-soft);border:1px solid var(--color-success-border)}@media (width<=900px){.container,.page-shell{padding-inline:var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}