html{scroll-behavior:smooth}.lp{min-height:100vh;font-family:Vazirmatn,IRANSans,system-ui,sans-serif;color:#0f172a;overflow-x:hidden;direction:rtl}.lp-nav{position:fixed;top:0;right:0;left:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd1;border-bottom:1px solid rgba(99,102,241,.1);box-shadow:0 2px 16px #2563eb0f}.lp-nav-inner{max-width:1200px;margin:0 auto;padding:0 40px;height:84px;display:flex;align-items:center;justify-content:space-between}.lp-nav-brand{display:flex;align-items:center;gap:12px}.lp-nav-logo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #dbeafe;box-shadow:0 2px 10px #2563eb26}.lp-nav-name{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#1e3a8a,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.lp-nav-links{display:flex;align-items:center;gap:4px}.lp-nav-link{color:#475569;font-size:.9rem;font-weight:500;text-decoration:none;padding:7px 16px;border-radius:9px;transition:all .2s}.lp-nav-link:hover{color:#2563eb;background:#eff6ff}.lp-nav-btn{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-family:inherit;font-size:.88rem;font-weight:700;padding:9px 22px;border:none;border-radius:10px;cursor:pointer;margin-right:8px;transition:all .2s;box-shadow:0 4px 14px #2563eb47}.lp-nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb61}.lp-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:100px 24px 80px}.lp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 65% 30%,#bfdbfe 0%,transparent 55%),radial-gradient(ellipse at 20% 70%,#e0e7ff 0%,transparent 50%),radial-gradient(ellipse at 50% 10%,#dbeafe 0%,transparent 60%),linear-gradient(160deg,#eff6ff,#f5f3ff,#f0f9ff);z-index:0}.lp-hero-bg:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.14) 0%,transparent 65%);top:-120px;right:-120px;animation:lp-float 9s ease-in-out infinite}.lp-hero-bg:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12) 0%,transparent 65%);bottom:-60px;left:-60px;animation:lp-float 12s ease-in-out infinite reverse}.lp-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:60px 60px;z-index:1}.lp-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:720px}.lp-hero-logo-wrap{position:relative;margin-bottom:36px;animation:lp-fade-up .8s ease-out both}.lp-hero-glow{position:absolute;top:-32px;right:-32px;bottom:-32px;left:-32px;background:radial-gradient(circle,rgba(99,102,241,.22) 0%,transparent 70%);border-radius:50%;animation:lp-pulse 3.5s ease-in-out infinite;pointer-events:none}.lp-hero-logo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 0 0 8px #6366f11a,0 20px 60px #2563eb33;position:relative;z-index:1;display:block}.lp-hero-title{font-size:clamp(3.5rem,9vw,6rem);font-weight:900;margin:0 0 20px;letter-spacing:-2px;line-height:1;animation:lp-fade-up .8s ease-out .12s both;background:linear-gradient(135deg,#1e3a8a,#2563eb 45%,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-tagline{font-size:clamp(1rem,2.5vw,1.25rem);color:#475569;line-height:2.1;margin:0 0 52px;animation:lp-fade-up .8s ease-out .22s both}.lp-hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;animation:lp-fade-up .8s ease-out .34s both}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 34px;border-radius:14px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.lp-btn-light{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 6px 24px #2563eb52}.lp-btn-light:hover{transform:translateY(-2px);box-shadow:0 10px 32px #2563eb6b}.lp-btn-light:active{transform:translateY(0)}.lp-btn-ghost{background:#fff;color:#64748b;border:1.5px solid #cbd5e1;cursor:not-allowed;opacity:.7}.lp-soon-pill{font-size:.68rem;font-weight:700;background:#f1f5f9;color:#64748b;padding:3px 9px;border-radius:99px;border:1px solid #e2e8f0;letter-spacing:.3px}.lp-hero-scroll-hint{position:absolute;bottom:36px;left:50%;transform:translate(-50%);z-index:2;animation:lp-fade-up 1s ease-out .9s both}.lp-scroll-mouse{width:26px;height:42px;border:2px solid rgba(37,99,235,.3);border-radius:13px;display:flex;justify-content:center;padding-top:7px}.lp-scroll-dot{width:4px;height:9px;background:#2563eb80;border-radius:2px;animation:lp-scroll-anim 2s ease-in-out infinite}.lp-section-wrap{max-width:1100px;margin:0 auto;padding:0 40px}.lp-section-header{text-align:center;margin-bottom:60px}.lp-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#6366f1;background:#eef2ff;padding:6px 18px;border-radius:99px;margin-bottom:18px}.lp-section-title{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;color:#0f172a;margin:0 0 14px;letter-spacing:-.5px;line-height:1.25}.lp-section-desc{font-size:1.05rem;color:#64748b;line-height:2;max-width:600px;margin:0 auto}.lp-video-section{padding:100px 0;background:#f8fafc;scroll-margin-top:68px}.lp-video-frame{border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -20px #0000002e,0 0 0 1px #0000000f;background:#0f172a;max-width:420px;margin:0 auto}.lp-video{width:100%;display:block;aspect-ratio:9 / 16;object-fit:cover}.lp-about{padding:100px 0;background:#fff;scroll-margin-top:68px}.lp-about-body{position:relative;padding:52px 56px;background:linear-gradient(135deg,#f8faff,#f0f4ff);border-radius:28px;border:1px solid #e0e7ff;overflow:hidden}.lp-about-accent{position:absolute;top:0;right:0;width:260px;height:260px;background:radial-gradient(circle,rgba(99,102,241,.14) 0%,transparent 65%);border-radius:50%;transform:translate(35%,-35%);pointer-events:none}.lp-about-text{display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.lp-about-text p{font-size:1.05rem;line-height:2.3;color:#334155;text-align:justify;margin:0}.lp-about-text p:first-child{font-size:1.15rem;color:#1e293b;font-weight:500;border-right:4px solid #6366f1;padding-right:20px}.lp-services{padding:100px 0;background:linear-gradient(135deg,#f0f4ff,#faf8ff,#f0fdff);scroll-margin-top:68px}.lp-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.lp-service-card{background:#fff;border-radius:24px;padding:44px 40px 36px;box-shadow:0 4px 24px #0000000e;border:1px solid #e8edf5;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.lp-service-card:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;border-radius:24px 24px 0 0}.lp-service-crisis:before{background:linear-gradient(90deg,#06b6d4,#2563eb)}.lp-service-career:before{background:linear-gradient(90deg,#6366f1,#7c3aed)}.lp-service-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px #0000001a}.lp-service-icon-wrap{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-icon-crisis{background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;box-shadow:0 8px 20px #2563eb47}.lp-icon-career{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;box-shadow:0 8px 20px #6366f147}.lp-service-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.3px}.lp-service-text{display:flex;flex-direction:column;gap:14px;flex:1}.lp-service-text p{font-size:.96rem;line-height:2.1;color:#475569;text-align:justify;margin:0}.lp-service-footer{margin-top:4px;padding-top:20px;border-top:1px solid #f1f5f9}.lp-service-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;padding:12px 26px;border:none;border-radius:12px;cursor:pointer;transition:all .22s;box-shadow:0 4px 18px #6366f159}.lp-service-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f173}.lp-service-btn:active{transform:translateY(0)}.lp-soon-badge{display:inline-flex;align-items:center;background:#f1f5f9;color:#64748b;font-size:.88rem;font-weight:600;padding:9px 22px;border-radius:10px;border:1px solid #e2e8f0;letter-spacing:.2px}.lp-footer{background:#0f172a;padding:44px 0}.lp-footer-inner{max-width:1100px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.lp-footer-brand{display:flex;align-items:center;gap:12px}.lp-footer-logo{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.15)}.lp-footer-name{font-size:1.1rem;font-weight:700;color:#fff}.lp-footer-copy{color:#ffffff61;font-size:.875rem;margin:0}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.06)}}@keyframes lp-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.75;transform:scale(1.12)}}@keyframes lp-scroll-anim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}@media (max-width: 900px){.lp-services-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.lp-nav-inner{padding:0 20px}.lp-nav-link{display:none}.lp-hero{padding:88px 20px 64px}.lp-hero-logo{width:88px;height:88px}.lp-section-wrap{padding:0 20px}.lp-video-section,.lp-about,.lp-services{padding:72px 0}.lp-section-header{margin-bottom:40px}.lp-about-body{padding:32px 28px}.lp-service-card{padding:32px 28px 28px}.lp-footer-inner{flex-direction:column;text-align:center;padding:0 20px}.lp-hero-scroll-hint{display:none}}@media (max-width: 480px){.lp-hero-actions{flex-direction:column;width:100%}.lp-btn{width:100%}.lp-about-body{padding:24px 20px}.lp-about-text p:first-child{padding-right:14px}}.industry-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#f8f9fc,#e8eef7)}.industry-content{max-width:1200px;margin:0 auto;padding:60px 24px}.industry-header{text-align:center;margin-bottom:64px;animation:industryFadeInDown .6s ease-out}.industry-main-title{font-size:42px;font-weight:800;color:var(--text-primary, #1e293b);margin-bottom:16px;letter-spacing:-.5px}.industry-subtitle{font-size:18px;color:var(--text-secondary, #64748b);font-weight:400;max-width:600px;margin:0 auto}.industry-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;animation:industryFadeInUp .6s ease-out .2s backwards}@media (max-width: 968px){.industry-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.industry-cards-grid{grid-template-columns:1fr}}.industry-card{background:#fff;padding:32px;border-radius:20px;box-shadow:0 2px 12px #0000000d;border:2px solid transparent;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:16px}.industry-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a;border-color:#3b82f6}.industry-card:active{transform:translateY(-3px)}.industry-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.industry-card:hover .industry-card-icon{transform:scale(1.1)}.industry-card-orange-icon{background:#fff7ed;color:#ea580c}.industry-card-orange:hover{border-color:#ea580c}.industry-card-blue-icon{background:#eff6ff;color:#2563eb}.industry-card-blue:hover{border-color:#2563eb}.industry-card-indigo-icon{background:#eef2ff;color:#4f46e5}.industry-card-indigo:hover{border-color:#4f46e5}.industry-card-emerald-icon{background:#ecfdf5;color:#059669}.industry-card-emerald:hover{border-color:#059669}.industry-card-slate-icon{background:#f1f5f9;color:#475569}.industry-card-slate:hover{border-color:#475569}.industry-card-top{display:flex;align-items:center;justify-content:space-between}.industry-card-code{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f1f5f9;color:#475569;font-size:16px;font-weight:800;letter-spacing:.5px}.industry-card-title{font-size:20px;font-weight:700;color:var(--text-primary, #1e293b);margin:0}.industry-card-count{font-size:13px;color:var(--text-secondary, #64748b);font-weight:500}.industry-loading,.industry-empty{text-align:center;padding:60px 24px;font-size:18px;color:var(--text-secondary, #64748b)}@keyframes industryFadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes industryFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.industry-content{padding:40px 20px}.industry-main-title{font-size:32px}.industry-subtitle{font-size:16px}.industry-card{padding:24px}}.sub-industry-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#f8f9fc,#e8eef7)}.sub-industry-content{max-width:1200px;margin:0 auto;padding:60px 24px}.sub-industry-header{text-align:center;margin-bottom:64px;animation:subIndFadeInDown .6s ease-out}.sub-industry-main-title{font-size:42px;font-weight:800;color:var(--text-primary, #1e293b);margin-bottom:16px;letter-spacing:-.5px}.sub-industry-subtitle{font-size:18px;color:var(--text-secondary, #64748b);font-weight:400;max-width:600px;margin:0 auto}.sub-industry-subtitle strong{color:var(--text-primary, #1e293b)}.sub-industry-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;animation:subIndFadeInUp .6s ease-out .2s backwards}@media (max-width: 968px){.sub-industry-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.sub-industry-cards-grid{grid-template-columns:1fr}}.sub-industry-card{background:#fff;padding:32px;border-radius:20px;box-shadow:0 2px 12px #0000000d;border:2px solid transparent;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:14px}.sub-industry-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a}.sub-industry-card:active{transform:translateY(-3px)}.sub-industry-card-top{display:flex;align-items:center;justify-content:flex-start}.sub-industry-card-code{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:10px;font-size:15px;font-weight:800;letter-spacing:.5px}.sub-industry-card-indigo:hover{border-color:#4f46e5}.sub-industry-card-indigo-code{background:#eef2ff;color:#4f46e5}.sub-industry-card-blue:hover{border-color:#2563eb}.sub-industry-card-blue-code{background:#eff6ff;color:#2563eb}.sub-industry-card-emerald:hover{border-color:#059669}.sub-industry-card-emerald-code{background:#ecfdf5;color:#059669}.sub-industry-card-orange:hover{border-color:#ea580c}.sub-industry-card-orange-code{background:#fff7ed;color:#ea580c}.sub-industry-card-slate:hover{border-color:#475569}.sub-industry-card-slate-code{background:#f1f5f9;color:#475569}.sub-industry-card-title{font-size:20px;font-weight:700;color:var(--text-primary, #1e293b);margin:0}.sub-industry-card-count{font-size:13px;color:var(--text-secondary, #64748b);font-weight:500}.sub-industry-loading,.sub-industry-empty{text-align:center;padding:60px 24px;font-size:18px;color:var(--text-secondary, #64748b)}@keyframes subIndFadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes subIndFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.sub-industry-content{padding:40px 20px}.sub-industry-main-title{font-size:32px}.sub-industry-subtitle{font-size:16px}.sub-industry-card{padding:24px}}.company-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#f8f9fc,#e8eef7)}.company-content{max-width:1200px;margin:0 auto;padding:60px 24px}.company-header{text-align:center;margin-bottom:64px;animation:companyFadeInDown .6s ease-out}.company-main-title{font-size:42px;font-weight:800;color:var(--text-primary, #1e293b);margin-bottom:16px;letter-spacing:-.5px}.company-subtitle{font-size:18px;color:var(--text-secondary, #64748b);font-weight:400;max-width:600px;margin:0 auto}.company-subtitle strong{color:var(--text-primary, #1e293b)}.company-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;animation:companyFadeInUp .6s ease-out .2s backwards}@media (max-width: 968px){.company-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.company-cards-grid{grid-template-columns:1fr}}.company-card{background:#fff;padding:32px;border-radius:20px;box-shadow:0 2px 12px #0000000d;border:2px solid transparent;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.company-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a;border-color:#4f46e5}.company-card:active{transform:translateY(-3px)}.company-card-logo{height:72px;width:100%;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#4f46e5;transition:all .3s ease}.company-card:hover .company-card-logo{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);transform:scale(1.02)}.company-logo-text{font-size:22px;font-weight:800;color:#4f46e5}.company-card-title{font-size:19px;font-weight:700;color:var(--text-primary, #1e293b);margin:0}.company-card-desc{font-size:14px;color:var(--text-secondary, #64748b);margin:0;line-height:1.6}.company-card-add{border:2px dashed #cbd5e1;background:#fafbfc;cursor:pointer;align-items:center;text-align:center;justify-content:center}.company-card-add:hover{border-color:#4f46e5;background:#f5f3ff;transform:translateY(-6px)}.company-add-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;color:#4f46e5;transition:all .3s ease}.company-card-add:hover .company-add-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);transform:scale(1.1)}.company-add-title{color:var(--text-secondary, #64748b)!important}.company-card-add:hover .company-add-title{color:#4f46e5!important}.company-card-form{border:2px solid #4f46e5;cursor:default;gap:14px}.company-card-form:hover{transform:none;box-shadow:0 4px 20px #4f46e526;border-color:#4f46e5}.company-form-header{display:flex;align-items:center;gap:8px;color:#4f46e5;font-weight:700;font-size:16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.company-form-input{width:100%;padding:12px 16px;border-radius:12px;border:2px solid #e2e8f0;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease;box-sizing:border-box}.company-form-input:focus{border-color:#4f46e5}.company-form-input::placeholder{color:#94a3b8}.company-form-actions{display:flex;gap:10px;margin-top:4px}.company-form-btn{flex:1;padding:12px 16px;border-radius:12px;border:none;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease}.company-form-btn-save{background:#4f46e5;color:#fff}.company-form-btn-save:hover:not(:disabled){background:#4338ca}.company-form-btn-save:disabled{opacity:.5;cursor:not-allowed}.company-form-btn-cancel{background:#f1f5f9;color:#64748b}.company-form-btn-cancel:hover{background:#e2e8f0;color:#475569}.company-loading,.company-empty{text-align:center;padding:60px 24px;font-size:18px;color:var(--text-secondary, #64748b)}@keyframes companyFadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes companyFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.company-content{padding:40px 20px}.company-main-title{font-size:32px}.company-subtitle{font-size:16px}.company-card{padding:24px}}.cselect{position:relative;width:100%}.cselect-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;border:2px solid #e2e8f0;background:#f8fafc;cursor:pointer;font-family:inherit;font-size:15px;color:#94a3b8;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;text-align:right;box-sizing:border-box}.cselect-trigger:hover{border-color:#cbd5e1;background:#fff}.cselect-trigger--filled{color:#1e293b}.cselect--open .cselect-trigger{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px #4f46e514;color:#1e293b}.cselect--green.cselect--open .cselect-trigger{border-color:#059669;box-shadow:0 0 0 4px #05966914}.cselect--amber.cselect--open .cselect-trigger{border-color:#d97706;box-shadow:0 0 0 4px #d9770614}.cselect--compact .cselect-trigger{padding:10px 12px;font-size:14px;border-radius:8px;border-width:1px}.cselect-value{flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cselect-arrow{color:#94a3b8;display:flex;align-items:center;flex-shrink:0;transition:transform .25s ease}.cselect--open .cselect-arrow{transform:rotate(180deg)}.cselect-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 16px 48px #00000024,0 4px 12px #0000000f;z-index:9999;max-height:230px;overflow-y:auto;padding:6px;animation:cselectDrop .18s cubic-bezier(.4,0,.2,1)}.cselect--compact .cselect-dropdown{border-radius:12px;top:calc(100% + 6px)}@keyframes cselectDrop{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cselect-option{padding:11px 14px;border-radius:10px;cursor:pointer;font-size:15px;color:#334155;transition:background .15s ease;text-align:right}.cselect--compact .cselect-option{padding:9px 12px;font-size:14px;border-radius:8px}.cselect-option:hover:not(.cselect-option--disabled){background:#f1f5f9}.cselect-option--selected{font-weight:700;background:#eef2ff;color:#4f46e5}.cselect--green .cselect-option--selected{background:#d1fae5;color:#059669}.cselect--amber .cselect-option--selected{background:#fef3c7;color:#d97706}.cselect-option--disabled{color:#94a3b8;cursor:default;font-style:italic;font-size:13px}.cselect-option--disabled:hover{background:transparent}.org-policy-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#f8f9fc,#e8eef7)}.org-policy-content{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.policy-select-view{animation:policyFadeIn .5s ease-out}.policy-select-header{text-align:center;margin-bottom:48px}.policy-select-title{font-size:36px;font-weight:800;color:#1e293b;margin:0 0 12px}.policy-select-subtitle{font-size:17px;color:#64748b;max-width:550px;margin:0 auto}.policy-options{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}.policy-option-primary{background:linear-gradient(135deg,#4f46e5,#3b82f6);padding:36px 40px;border-radius:20px;box-shadow:0 8px 30px #4f46e540;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}.policy-option-primary:hover{transform:translateY(-4px);box-shadow:0 14px 40px #4f46e559}.policy-primary-bg-icon{position:absolute;left:-20px;bottom:-30px;opacity:.08;pointer-events:none}.policy-primary-content{display:flex;align-items:center;gap:24px;z-index:1}.policy-primary-icon-circle{width:72px;height:72px;min-width:72px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s ease}.policy-option-primary:hover .policy-primary-icon-circle{transform:scale(1.1)}.policy-primary-text h3{font-size:24px;font-weight:800;margin:0 0 8px}.policy-primary-text p{font-size:15px;margin:0;color:#c7d2fe}.policy-primary-arrow{z-index:1;background:#fff3;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.policy-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.policy-option-secondary{background:#fff;padding:40px 32px;border-radius:20px;box-shadow:0 2px 12px #0000000d;border:2px solid transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1)}.policy-option-secondary:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a;border-color:#4f46e5}.policy-secondary-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform .3s ease}.policy-option-secondary:hover .policy-secondary-icon{transform:scale(1.1)}.policy-icon-emerald{background:#d1fae5;color:#059669}.policy-icon-amber{background:#fef3c7;color:#d97706}.policy-secondary-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.policy-secondary-desc{font-size:14px;color:#64748b;margin:0}.structure-view{animation:policyFadeIn .5s ease-out}.structure-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.structure-back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:15px;font-weight:500;color:#64748b;cursor:pointer;font-family:inherit;padding:8px 12px;border-radius:10px;transition:all .2s ease}.structure-back-btn:hover{color:#4f46e5;background:#f1f5f9}.structure-actions{display:flex;gap:12px}.structure-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:none;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease}.structure-btn:disabled{opacity:.5;cursor:not-allowed}.structure-btn-add{background:#4f46e5;color:#fff}.structure-btn-add:hover:not(:disabled){background:#4338ca}.structure-btn-delete{background:#fef2f2;color:#dc2626}.structure-btn-delete:hover:not(:disabled){background:#fee2e2}.structure-btn-rename{background:#fefce8;color:#92400e}.structure-btn-rename:hover:not(:disabled){background:#fef08a}.structure-tree-card{background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000000f;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:28px}.structure-tree-header{background:#f8fafc;padding:16px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.structure-tree-header h3{font-size:16px;font-weight:700;color:#475569;margin:0}.structure-tree-hint{font-size:12px;color:#94a3b8}.structure-tree-container{padding:40px;min-height:350px;overflow:auto;background:#fafbfc;display:flex;align-items:flex-start;justify-content:center}.tree{direction:ltr}.tree .tree-ul{position:relative;display:flex;justify-content:center;list-style:none;margin:0;padding:20px 0 0}.tree .tree-root{padding-top:0}.tree .tree-li{text-align:center;list-style-type:none;position:relative;padding:20px 5px 0}.tree .tree-li:before,.tree .tree-li:after{content:"";position:absolute;top:0;right:50%;border-top:2px solid #cbd5e1;width:50%;height:20px}.tree .tree-li:after{right:auto;left:50%;border-left:2px solid #cbd5e1}.tree .tree-li:only-child:after,.tree .tree-li:only-child:before{display:none}.tree .tree-li:only-child{padding-top:0}.tree .tree-li:first-child:before{border:0 none}.tree .tree-li:last-child:after{border:0 none}.tree .tree-li:last-child:before{border-right:2px solid #cbd5e1;border-radius:0 5px 0 0}.tree .tree-li:first-child:after{border-radius:5px 0 0}.tree .tree-ul .tree-ul:before{content:"";position:absolute;top:0;left:50%;border-left:2px solid #cbd5e1;width:0;height:20px}.tree-node{display:inline-block;padding:12px 20px;background:#fff;color:#334155;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:700;transition:all .3s ease;cursor:pointer;min-width:120px;position:relative;z-index:10;box-shadow:0 2px 6px #0000000d;direction:rtl}.tree-node:hover{background:#eff6ff;border-color:#3b82f6;color:#1e40af;transform:scale(1.05);box-shadow:0 8px 20px #00000014}.tree-node-active{background:#4f46e5!important;color:#fff!important;border-color:#4338ca!important;box-shadow:0 6px 20px #4f46e54d}.tree-level-badge{position:absolute;top:-10px;right:-5px;background:#64748b;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;box-shadow:0 2px 4px #0000001a;font-weight:600}.tree-node-active .tree-level-badge{background:#312e81}.structure-roles-card{background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000000f;border:1px solid #e2e8f0;overflow:hidden}.structure-roles-header{background:#eef2ff;padding:16px 24px;border-bottom:1px solid #e0e7ff;display:flex;align-items:center;gap:10px;color:#312e81}.structure-roles-header h3{font-size:16px;font-weight:700;margin:0}.structure-roles-body{padding:24px}.structure-roles-desc{font-size:14px;color:#64748b;margin:0 0 20px}.structure-roles-input-row{display:flex;gap:16px;margin-bottom:24px}.structure-roles-input{flex:1;padding:14px 18px;border-radius:14px;border:2px solid #e2e8f0;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease}.structure-roles-input:focus{border-color:#4f46e5}.structure-roles-grade-input{width:120px;flex-shrink:0;padding:14px;border-radius:14px;border:2px solid #e2e8f0;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease;text-align:center;letter-spacing:.04em;font-weight:600}.structure-roles-grade-input:focus{border-color:#4f46e5}.structure-roles-add-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;border-radius:14px;border:none;background:#4f46e5;color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4f46e533;white-space:nowrap}.structure-roles-add-btn:hover{background:#4338ca;box-shadow:0 6px 16px #4f46e54d}.structure-roles-list-wrapper{background:#f8fafc;border-radius:14px;padding:20px;border:1px solid #e2e8f0;min-height:80px}.structure-roles-list-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px}.structure-roles-tags{display:flex;flex-wrap:wrap;gap:10px}.structure-role-tag{display:flex;align-items:center;gap:8px;background:#eef2ff;color:#4338ca;padding:8px 14px;border-radius:10px;border:1px solid #e0e7ff;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.structure-role-tag:hover{background:#e0e7ff}.structure-role-grade{background:#4f46e5;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;padding:2px 7px;border-radius:6px;line-height:1.5}.structure-role-tag-remove{background:none;border:none;cursor:pointer;color:#a5b4fc;padding:2px;display:flex;transition:color .2s ease}.structure-role-tag-remove:hover{color:#dc2626}.org-comp-view{max-width:900px;margin:0 auto;animation:policyFadeIn .5s ease-out}.policy-back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:15px;font-weight:500;color:#64748b;cursor:pointer;font-family:inherit;padding:8px 12px;border-radius:10px;margin-bottom:20px;transition:all .2s ease}.policy-back-btn:hover{color:#4f46e5;background:#f1f5f9}.org-comp-card{background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000000f;overflow:visible}.org-comp-card-header{background:linear-gradient(135deg,#059669,#10b981);padding:28px 32px;color:#fff;display:flex;align-items:center;gap:16px;border-radius:24px 24px 0 0}.org-comp-card-header h2{font-size:22px;font-weight:800;margin:0 0 4px}.org-comp-card-header p{font-size:14px;color:#a7f3d0;margin:0}.org-comp-card-body{padding:32px}.org-comp-field{margin-bottom:28px}.org-comp-field label{display:block;font-size:15px;font-weight:700;color:#475569;margin-bottom:10px}.org-comp-select{width:100%;padding:14px 18px;border-radius:14px;border:2px solid #e2e8f0;font-size:16px;font-family:inherit;outline:none;background:#f8fafc;cursor:pointer;transition:border-color .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.org-comp-select:focus{border-color:#059669}.org-comp-add-section{background:#f8fafc;padding:20px;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:24px}.org-comp-add-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:end;margin-bottom:16px}.org-comp-add-title-field label,.org-comp-add-level-field label{display:block;font-size:13px;font-weight:700;color:#475569;margin-bottom:8px}.org-comp-input{width:100%;padding:12px 16px;border-radius:10px;border:2px solid #e2e8f0;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s ease;box-sizing:border-box}.org-comp-input:focus{border-color:#059669}.org-comp-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:10px;border:none;background:#059669;color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s ease}.org-comp-add-btn:hover{background:#047857}.org-comp-list-wrapper{background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden}.org-comp-list-header{background:#f8fafc;padding:14px 20px;border-bottom:1px solid #e2e8f0;font-size:14px;font-weight:700;color:#64748b}.org-comp-list{padding:16px;display:flex;flex-direction:column;gap:10px;min-height:120px}.org-comp-empty{text-align:center;color:#94a3b8;font-style:italic;padding:40px 0}.org-comp-item{background:#fff;padding:16px 20px;border-radius:14px;border:1px solid #f1f5f9;box-shadow:0 1px 4px #0000000a;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s ease}.org-comp-item:hover{border-color:#d1fae5}.org-comp-item-title{display:block;font-size:15px;font-weight:700;color:#475569}.org-comp-item-level{display:block;font-size:12px;font-weight:600;color:#059669;margin-top:4px}.org-comp-item-asis{display:block;font-size:12px;font-weight:600;color:#64748b;margin-top:2px}.org-comp-item-remove,.org-comp-item-edit{background:#f8fafc;border:none;cursor:pointer;color:#cbd5e1;padding:8px;border-radius:10px;display:flex;transition:all .2s ease}.org-comp-item-remove:hover{color:#dc2626;background:#fef2f2}.org-comp-item-edit:hover{color:#2563eb;background:#eff6ff}.org-comp-item-editing{background:#f0f9ff;border-color:#bae6fd}.org-comp-save-row{margin-top:28px;display:flex;justify-content:flex-start}.org-comp-save-btn{background:#1e293b;color:#fff;padding:14px 32px;border-radius:14px;border:none;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease}.org-comp-save-btn:hover{background:#0f172a}.org-comp-save-btn:active{transform:scale(.97)}.beh-comp-view{max-width:1000px;margin:0 auto;animation:policyFadeIn .5s ease-out}.beh-comp-card{background:#fff;border-radius:24px;box-shadow:0 4px 20px #0000000f;overflow:visible}.beh-comp-card-header{background:linear-gradient(135deg,#d97706,#f59e0b);padding:28px 32px;color:#fff;display:flex;align-items:center;gap:16px;border-radius:24px 24px 0 0}.beh-comp-card-header h2{font-size:22px;font-weight:800;margin:0 0 4px}.beh-comp-card-header p{font-size:14px;color:#fef3c7;margin:0}.beh-comp-card-body{padding:32px}.beh-comp-deputy-field{max-width:400px;margin:0 auto 32px;text-align:center}.beh-comp-deputy-field label{display:block;font-size:15px;font-weight:700;color:#475569;margin-bottom:10px}.beh-comp-select{width:100%;padding:12px 16px;border-radius:14px;border:2px solid #e2e8f0;font-size:16px;font-family:inherit;outline:none;background:#f8fafc;cursor:pointer;transition:border-color .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.beh-comp-select:focus{border-color:#d97706}.beh-comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.beh-comp-slot{background:#f8fafc;padding:20px;border-radius:14px;border:1px solid #e2e8f0;transition:border-color .2s ease}.beh-comp-slot:hover{border-color:#fbbf24}.beh-comp-slot-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.beh-comp-slot-badge{background:#fef3c7;color:#b45309;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700}.beh-comp-slot-label{font-size:12px;font-weight:700;color:#94a3b8}.beh-comp-slot-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s ease;box-sizing:border-box;margin-bottom:12px}.beh-comp-slot-input:focus{border-color:#d97706}.beh-comp-slot-row{display:flex;gap:12px}.beh-comp-slot-weight{width:35%}.beh-comp-slot-level{width:65%}.beh-comp-slot-asis{margin-top:12px}.beh-comp-slot-weight label,.beh-comp-slot-level label,.beh-comp-slot-asis label{display:block;font-size:10px;font-weight:600;color:#94a3b8;margin-bottom:6px}.beh-comp-weight-input{text-align:center;margin-bottom:0}.beh-comp-slot-select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;font-family:inherit;outline:none;cursor:pointer;background:#fff;transition:border-color .2s ease;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.beh-comp-slot-select:focus{border-color:#d97706}.beh-comp-footer{background:#fffbeb;padding:20px 24px;border-radius:14px;border:1px solid #fef3c7;display:flex;justify-content:space-between;align-items:center}.beh-comp-weight-total{font-size:15px;font-weight:600;color:#92400e}.beh-comp-weight-total strong{font-size:18px}.beh-comp-weight-ok{color:#059669}.beh-comp-save-btn{background:#1e293b;color:#fff;padding:14px 32px;border-radius:14px;border:none;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .2s ease}.beh-comp-save-btn:hover{background:#0f172a}.beh-comp-save-btn:active{transform:scale(.97)}.beh-comp-reset-btn{background:transparent;color:#92400e;padding:14px 24px;border-radius:14px;border:1.5px solid #fcd34d;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.beh-comp-reset-btn:hover{background:#fef3c7;border-color:#f59e0b}.policy-loading{text-align:center;padding:80px 24px;font-size:17px;color:#94a3b8}.policy-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:10px;font-size:14px;margin-top:12px}.structure-btn-save{background:#1e293b;color:#fff}.structure-btn-save:hover:not(:disabled){background:#0f172a}.structure-btn-save:disabled{opacity:.6;cursor:not-allowed}.structure-btn-root-add{background:#eff6ff;color:#1d4ed8;border:1.5px solid #bfdbfe}.structure-btn-root-add:hover{background:#dbeafe;border-color:#93c5fd}.structure-btn-excel{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;background:#ecfdf5;color:#065f46;border:1.5px dashed #6ee7b7;cursor:pointer;transition:all .2s ease}.structure-btn-excel:hover:not(:disabled){background:#d1fae5;border-color:#34d399;border-style:solid}.structure-btn-excel:disabled{opacity:.55;cursor:not-allowed}.structure-btn-uploading{opacity:.65;cursor:not-allowed}.structure-tree-header-actions{display:flex;gap:8px;align-items:center}.tree-view-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;font-family:inherit;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.tree-view-btn:hover{background:#e2e8f0;color:#334155}.tree-node-code{display:inline-block;margin-right:8px;padding:2px 7px;border-radius:6px;background:#4f46e51a;color:#4338ca;font-size:11px;font-weight:700;letter-spacing:.04em;vertical-align:middle;font-family:Courier New,monospace;border:1px solid rgba(79,70,229,.2);transition:background .2s ease}.tree-node-active .tree-node-code{background:#fff3;color:#fffffff2;border-color:#ffffff4d}.tree-collapse-btn{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;min-width:22px;height:20px;padding:0 5px;border-radius:6px;background:#64748b26;border:none;cursor:pointer;font-size:12px;font-weight:700;font-family:inherit;color:#475569;line-height:1;vertical-align:middle;transition:all .18s ease}.tree-collapse-btn:hover{background:#4f46e533;color:#4f46e5}.tree-node-active .tree-collapse-btn{background:#ffffff40;color:#fff}.tree-node-active .tree-collapse-btn:hover{background:#fff6}.tree-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#94a3b8;text-align:center;gap:10px}.tree-empty-state p{margin:0;font-size:16px;font-weight:600}.tree-empty-hint{font-size:13px!important;font-weight:400!important;color:#b0bec5;max-width:380px}.company-policy-btn{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;padding:14px 22px;border-radius:14px;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-bottom:24px}.company-policy-btn:hover{border-color:#a5b4fc;background:#eef2ff;box-shadow:0 4px 16px #4f46e51a}.company-policy-btn-icon{width:44px;height:44px;min-width:44px;background:#eef2ff;color:#4f46e5;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.company-policy-btn:hover .company-policy-btn-icon{background:#4f46e5;color:#fff}.company-policy-btn-text{text-align:right}.company-policy-btn-title{display:block;font-size:16px;font-weight:700;color:#1e293b}.company-policy-btn-subtitle{display:block;font-size:12px;color:#94a3b8;margin-top:2px}@keyframes policyFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.org-policy-content{padding:24px 16px 60px}.policy-select-title{font-size:28px}.policy-option-primary{padding:24px;flex-direction:column;gap:16px}.policy-primary-content{flex-direction:column;text-align:center}.policy-primary-text h3{font-size:20px}.policy-primary-arrow{display:none}.policy-secondary-grid{grid-template-columns:1fr}.structure-toolbar{flex-direction:column;gap:12px;align-items:stretch}.structure-roles-input-row{flex-direction:column}.org-comp-add-fields,.beh-comp-grid{grid-template-columns:1fr}.beh-comp-footer{flex-direction:column;gap:16px;text-align:center}}.selection-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#f8f9fc,#e8eef7)}.selection-content{max-width:1200px;margin:0 auto;padding:60px 24px}.selection-policy-row{display:flex;justify-content:flex-start;gap:12px;margin-bottom:8px;animation:fadeInDown .5s ease-out}.company-import-btn{border-color:#bbf7d0}.company-import-btn:hover{border-color:#6ee7b7;background:#f0fdf4;box-shadow:0 4px 16px #10b9811a}.company-import-btn-icon{background:#ecfdf5!important;color:#059669!important}.company-import-btn:hover .company-import-btn-icon{background:#059669!important;color:#fff!important}.company-import-btn:disabled{opacity:.55;cursor:not-allowed}.job-import-result{direction:rtl;max-width:640px;margin:0 auto 20px;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;padding:14px 18px;font-size:14px;color:#166534}.job-import-result--error{background:#fef2f2;border-color:#fca5a5;color:#991b1b;display:flex;align-items:center;gap:8px}.job-import-result-header{display:flex;align-items:flex-start;gap:10px}.job-import-result-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;background:#16a34a;color:#fff;border-radius:50%;font-size:12px;font-weight:700;margin-top:1px}.job-import-result--error .job-import-result-icon{background:#dc2626}.job-import-result-skipped{color:#4b7c5a;margin-right:6px}.job-import-result-warnings{margin-top:10px;padding-top:10px;border-top:1px solid #bbf7d0}.job-import-result-warnings-title{font-weight:600;color:#92400e;margin-bottom:6px}.job-import-result-warnings-list{margin:0;padding-right:18px;color:#78350f;line-height:1.8}.selection-header{text-align:center;margin-bottom:64px;animation:fadeInDown .6s ease-out}.selection-main-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#2563eb,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;letter-spacing:-.5px}.selection-subtitle{font-size:18px;color:var(--text-secondary);font-weight:400;max-width:600px;margin:0 auto}.selection-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;animation:fadeInUp .6s ease-out .2s backwards}@media (max-width: 640px){.selection-cards-grid{grid-template-columns:1fr;gap:20px}}.modern-selection-card{background:#fff;border-radius:24px;padding:40px;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;gap:24px}.modern-selection-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:0;transition:opacity .4s ease}.modern-selection-card:hover:before{opacity:1}.modern-selection-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f;border-color:var(--accent-color)}.modern-selection-card:active{transform:translateY(-4px)}.card-primary{--accent-color: #2563eb}.card-secondary{--accent-color: #0891b2}.card-dashboard{--accent-color: #7c3aed}.card-icon-bg-dashboard{background:linear-gradient(135deg,#faf5ff,#ede9fe);color:#7c3aed}.card-icon-wrapper{display:flex;align-items:flex-start}.card-icon-bg{width:96px;height:96px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.card-icon-bg-primary{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.card-icon-bg-secondary{background:linear-gradient(135deg,#ecfeff,#cffafe);color:#0891b2}.modern-selection-card:hover .card-icon-bg{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 24px #2563eb33}.card-content{flex:1;display:flex;flex-direction:column;gap:16px}.card-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.card-description{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0}.card-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.feature-tag{padding:6px 14px;background:var(--neutral-50);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .3s ease;border:1px solid var(--border-primary)}.modern-selection-card:hover .feature-tag{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px)}.card-arrow{position:absolute;bottom:24px;left:24px;width:48px;height:48px;border-radius:50%;background:var(--neutral-50);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:rotate(180deg)}.modern-selection-card:hover .card-arrow{opacity:1;background:var(--accent-color);color:#fff;transform:rotate(180deg) translate(8px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.selection-content{padding:40px 20px}.selection-main-title{font-size:36px}.selection-subtitle{font-size:16px}.modern-selection-card{padding:32px 24px}.card-title{font-size:24px}.card-icon-bg{width:80px;height:80px}}.upload-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upload-modal-panel{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 20px 60px #0f172a2e,0 4px 16px #0f172a1a;overflow:hidden;animation:slideUp .2s ease;direction:rtl;font-family:inherit}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.upload-modal-header{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;border-bottom:1px solid #f1f5f9}.upload-modal-header-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.upload-modal-title{font-size:16px;font-weight:700;color:#0f172a;line-height:1.3}.upload-modal-subtitle{font-size:12px;color:#94a3b8;margin-top:2px}.upload-modal-close-btn{margin-right:auto;background:none;border:none;cursor:pointer;color:#94a3b8;padding:6px;border-radius:8px;display:flex;align-items:center;font-family:inherit;transition:background .15s,color .15s}.upload-modal-close-btn:hover{background:#f1f5f9;color:#475569}.upload-modal-options{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.upload-option-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1.5px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;text-align:right;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s}.upload-option-row:hover:not(:disabled){border-color:#3b82f6;background:#f8faff;box-shadow:0 0 0 3px #3b82f614}.upload-option-row:disabled{cursor:not-allowed}.upload-option-row--coming-soon{background:#f8fafc;border-color:#e2e8f0;opacity:.6}.upload-option-row--loading{border-color:#3b82f6;background:#f0f6ff}.upload-option-row-icon{width:36px;height:36px;border-radius:9px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0;transition:background .15s}.upload-option-row:hover:not(:disabled) .upload-option-row-icon,.upload-option-row--loading .upload-option-row-icon{background:#dbeafe}.upload-option-row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.upload-option-row-label{font-size:14px;font-weight:600;color:#1e293b;line-height:1.3}.upload-option-row-sub{font-size:11.5px;color:#94a3b8}.upload-option-badge{font-size:10px;font-weight:600;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:2px 8px;white-space:nowrap;font-family:inherit}.upload-spinner{display:inline-block;width:16px;height:16px;border:2px solid #bfdbfe;border-top-color:#3b82f6;border-radius:50%;animation:spin .7s linear infinite}.upload-result-box{margin:0 16px 16px;padding:14px 16px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0;font-size:13.5px;color:#166534;display:flex;flex-direction:column;gap:6px;font-family:inherit}.upload-result-box--error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.upload-result-row{display:flex;align-items:flex-start;gap:8px}.upload-result-icon{font-weight:700;font-size:14px;flex-shrink:0;line-height:1.5}.upload-result-icon--error{color:#dc2626}.upload-result-skipped{color:#92400e;margin-right:4px}.upload-result-warning{font-size:12px;color:#92400e;padding-right:22px}.upload-result-not-found{margin-top:8px;padding:8px 12px;background:#fef3c7;border-radius:6px;border:1px solid #fcd34d;max-height:200px;overflow-y:auto}.upload-result-not-found-title{font-size:12px;font-weight:600;color:#92400e;margin-bottom:6px}.upload-result-not-found-item{font-size:12px;color:#78350f;padding:1px 4px}.upload-result-failed-item{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 4px;border-bottom:1px solid #fde68a}.upload-result-failed-item:last-child{border-bottom:none}.upload-result-failed-name{font-size:12px;color:#78350f;font-weight:500}.upload-result-failed-reason{font-size:11px;color:#b45309;white-space:nowrap}.org-tree-wrapper{display:flex;flex-direction:column;height:100vh;background:#f8fafc;overflow:hidden}.org-tree-breadcrumb{background:#fff;border-bottom:1px solid #e2e8f0;padding:8px 24px;display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;flex-shrink:0;z-index:10}.org-tree-breadcrumb-item{cursor:pointer;transition:color .15s}.org-tree-breadcrumb-item:hover{color:#4f46e5}.org-tree-breadcrumb-current{font-weight:700;color:#4f46e5}.org-tree-breadcrumb-sep{color:#cbd5e1;font-size:11px}.org-tree-content{flex:1 1 0;display:flex;flex-direction:column;overflow:hidden;position:relative}.org-tree-grid-wrapper{flex:1 1 0;overflow-y:auto;padding:28px 24px}.org-tree-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1400px;margin:0 auto;animation:orgTreeFade .35s ease-out forwards}@keyframes orgTreeFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.org-tree-empty{grid-column:1/-1;text-align:center;color:#94a3b8;font-size:15px;padding:60px 0}.org-node-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:box-shadow .2s,transform .2s,border-color .2s}.org-node-card:hover{box-shadow:0 10px 40px #4f46e51f;transform:translateY(-2px);border-color:#c7d2fe}.org-node-card.active{border-color:#4f46e5;border-width:2px;box-shadow:0 0 0 3px #4f46e51a}.org-node-icon{width:60px;height:60px;border-radius:16px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:background .2s,color .2s;flex-shrink:0}.org-node-card:hover .org-node-icon,.org-node-card.active .org-node-icon{background:#4f46e5;color:#fff}.org-node-type-label{font-size:11px;font-weight:700;color:#94a3b8;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.org-node-title{font-size:16px;font-weight:800;color:#1e293b;margin-bottom:16px;line-height:1.4}.org-node-enter-btn{width:100%;padding:10px 0;border-radius:12px;border:1px solid #e0e7ff;background:transparent;color:#4f46e5;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s;margin-top:auto;font-family:inherit}.org-node-enter-btn:hover{background:#eef2ff}.org-tree-bottom-panel{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -10px 40px -15px #0000001a;flex-shrink:0;display:flex;flex-direction:column;z-index:20;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1)}.org-tree-bottom-panel.closed{height:0}.org-tree-bottom-panel.open{height:340px}.org-tree-panel-tabs{display:flex;background:#f1f5f9;border-radius:12px;padding:4px;gap:2px}.org-tree-panel-tab{padding:8px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;border:none;background:transparent;color:#64748b;transition:all .2s;font-family:inherit}.org-tree-panel-tab.active{background:#4f46e5;color:#fff;box-shadow:0 4px 12px #4f46e540}.org-tree-panel-title{font-size:14px;font-weight:700;color:#475569}.org-tree-panel-close{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;font-family:inherit}.org-tree-panel-close:hover{background:#fee2e2;color:#ef4444}.org-tree-panel-body{flex:1 1 0;overflow-y:auto;padding:16px 24px;background:#f8fafc}.org-tree-panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-width:1400px;margin:0 auto}.org-panel-empty{grid-column:1/-1;text-align:center;color:#94a3b8;padding:40px 0}.org-panel-item-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.org-panel-item-avatar.job-avatar{background:#eef2ff;color:#4f46e5}.org-panel-item-avatar.person-avatar{background:#d1fae5;color:#059669}.org-panel-item-info{flex:1 1 0;min-width:0}.org-panel-item-name{font-weight:700;font-size:14px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-panel-item-sub{font-size:12px;color:#64748b;margin-top:2px}.org-panel-status-btn{display:inline-block;margin-top:5px;padding:3px 9px;border-radius:6px;border:none;font-size:11px;font-family:inherit;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.org-panel-status-btn:hover{opacity:.82;transform:scale(.97)}.org-panel-status-btn.status-done{background:#d1fae5;color:#065f46}.org-panel-status-btn.status-pending{background:#fef3c7;color:#92400e}.org-tree-loading{display:flex;align-items:center;justify-content:center;flex:1;color:#64748b;font-size:15px}.org-tree-error{display:flex;align-items:center;justify-content:center;flex:1;color:#ef4444;font-size:15px}.org-tree-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #f1f5f9;background:#fff;flex-shrink:0;gap:12px}.org-tree-panel-header-right{display:flex;align-items:center;gap:12px;flex:1 1 0;min-width:0}.org-tree-panel-header-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.org-tree-panel-sep{color:#cbd5e1;font-size:13px}.org-panel-add-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit}.org-panel-add-person{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.org-panel-add-person:hover{background:#a7f3d0}.org-panel-add-job{background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}.org-panel-add-job:hover{background:#c7d2fe}.org-panel-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:8px;transition:border-color .2s,box-shadow .2s}.org-panel-item-clickable{display:flex;align-items:center;gap:12px;flex:1 1 0;min-width:0;cursor:pointer}.org-panel-item:hover{box-shadow:0 4px 16px #00000014}.org-panel-item.job-item:hover{border-color:#818cf8}.org-panel-item.person-item:hover{border-color:#34d399}.org-panel-edit-btn{width:30px;height:30px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.org-panel-edit-btn:hover{background:#eef2ff;color:#4f46e5;border-color:#c7d2fe}.org-panel-load-more{display:flex;justify-content:center;padding:14px 0 4px;grid-column:1 / -1}.org-panel-load-more-btn{padding:8px 24px;border-radius:10px;border:1px solid #e0e7ff;background:#eef2ff;color:#4f46e5;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;font-family:inherit}.org-panel-load-more-btn:hover:not(:disabled){background:#c7d2fe}.org-panel-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.org-tree-bottom-panel.open{height:420px}.org-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:200;display:flex;align-items:center;justify-content:center;animation:orgModalFadeIn .15s ease-out}@keyframes orgModalFadeIn{0%{opacity:0}to{opacity:1}}.org-modal{background:#fff;border-radius:20px;width:420px;max-width:90vw;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;animation:orgModalSlideIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes orgModalSlideIn{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.org-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.org-modal-title{font-size:17px;font-weight:800;color:#1e293b}.org-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;font-family:inherit}.org-modal-close:hover{background:#fee2e2;color:#ef4444}.org-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.org-modal-field{display:flex;flex-direction:column;gap:6px}.org-modal-field label{font-size:13px;font-weight:700;color:#475569}.org-modal-input,.org-modal-select{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#f8fafc;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.org-modal-input:focus,.org-modal-select:focus{outline:none;border-color:#4f46e5;background:#fff}.org-modal-error{font-size:13px;color:#ef4444;background:#fef2f2;border-radius:8px;padding:8px 12px}.org-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 20px}.org-modal-btn-cancel{padding:9px 20px;border-radius:10px;border:1px solid #e2e8f0;background:#f1f5f9;color:#64748b;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;font-family:inherit}.org-modal-btn-cancel:hover{background:#e2e8f0}.org-modal-btn-confirm{padding:9px 24px;border-radius:10px;border:none;background:#4f46e5;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s;font-family:inherit}.org-modal-btn-confirm:hover:not(:disabled){background:#4338ca}.org-modal-btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.org-tree-panel-header{flex-wrap:wrap;gap:8px;padding:8px 12px}.org-tree-panel-header-right{flex:1 1 100%;min-width:0}.org-tree-panel-header-left{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-end}.org-panel-add-btn{padding:6px 10px;font-size:11px}}.dashboard-page{min-height:100vh;background:linear-gradient(160deg,#f0f4ff,#e8f0fb,#f4f0ff);direction:rtl}.dashboard-body{max-width:1400px;margin:0 auto;padding:28px 24px 48px;display:flex;flex-direction:column;gap:20px}.dash-filters{background:#fff;border:1px solid var(--neutral-200);border-radius:14px;padding:16px 20px;box-shadow:0 2px 8px #0000000a}.dash-filters-inner{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dash-search-wrap{position:relative;flex:1;min-width:200px}.dash-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--neutral-400);pointer-events:none}.dash-search-input{width:100%;padding:9px 38px 9px 14px;border:1.5px solid var(--neutral-200);border-radius:9px;font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--neutral-50);transition:border-color .15s,box-shadow .15s;direction:rtl;box-sizing:border-box}.dash-search-input:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 3px #3b82f61f;background:#fff}.dash-search-input::placeholder{color:var(--neutral-400)}.dash-role-select{padding:9px 14px;border:1.5px solid var(--neutral-200);border-radius:9px;font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--neutral-50);cursor:pointer;transition:border-color .15s;direction:rtl;min-width:160px}.dash-role-select:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 3px #3b82f61f}.dash-reset-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--danger-300);border-radius:9px;background:var(--danger-50);color:var(--danger-600);font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.dash-reset-btn:hover:not(:disabled){background:var(--danger-100);border-color:var(--danger-400)}.dash-reset-btn--idle,.dash-reset-btn:disabled{border-color:var(--neutral-200);background:transparent;color:var(--neutral-400);cursor:default}.dash-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--neutral-100)}.filter-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--brand-50);border:1px solid var(--brand-200);border-radius:20px;font-size:12.5px;color:var(--brand-700)}.filter-tag-x{background:none;border:none;cursor:pointer;color:var(--brand-500);font-size:15px;line-height:1;padding:0;display:flex;align-items:center;transition:color .12s}.filter-tag-x:hover{color:var(--danger-500)}.tree-picker{position:relative}.tree-picker-btn{display:flex;align-items:center;gap:7px;padding:9px 14px;border:1.5px solid var(--neutral-200);border-radius:9px;background:var(--neutral-50);color:var(--text-secondary);font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.tree-picker-btn:hover{border-color:var(--brand-300);background:var(--brand-50)}.tree-picker-btn--active{border-color:var(--brand-400);background:var(--brand-50);color:var(--brand-700);font-weight:500}.tree-picker-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:200;background:#fff;border:1.5px solid var(--neutral-200);border-radius:12px;box-shadow:0 8px 30px #0000001f;min-width:280px;max-width:340px;overflow:hidden}.tree-picker-actions{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--neutral-100);background:var(--neutral-50)}.tree-picker-action{flex:1;padding:5px 10px;border-radius:6px;border:1px solid var(--neutral-200);background:#fff;color:var(--text-secondary);font-size:12.5px;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s}.tree-picker-action:hover{background:var(--brand-50);border-color:var(--brand-300);color:var(--brand-700)}.tree-picker-action--clear:hover{background:var(--danger-50);border-color:var(--danger-300);color:var(--danger-600)}.tree-picker-nodes{max-height:300px;overflow-y:auto;padding:8px 0}.tree-picker-nodes::-webkit-scrollbar{width:5px}.tree-picker-nodes::-webkit-scrollbar-track{background:transparent}.tree-picker-nodes::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}.tree-picker-node{display:flex;align-items:center;gap:4px;padding:5px 8px;transition:background .1s;-webkit-user-select:none;user-select:none;font-size:13.5px;color:var(--text-primary)}.tree-picker-node:hover{background:var(--brand-50)}.tree-picker-node-label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer;padding:2px 0}.tree-picker-collapse-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;cursor:pointer;border-radius:4px;color:var(--neutral-500);flex-shrink:0;padding:0;transition:background .15s,color .15s}.tree-picker-collapse-btn:hover{background:var(--neutral-100);color:var(--brand-600)}.tree-picker-collapse-placeholder{display:inline-block;width:20px;height:20px;flex-shrink:0}.tree-picker-checkbox{width:15px;height:15px;accent-color:var(--brand-500);cursor:pointer;flex-shrink:0}.tree-picker-label{flex:1}.tree-picker-label--root{font-weight:600;color:var(--text-primary)}.tree-picker-count{font-size:11px;color:var(--neutral-400)}.tree-picker-empty{padding:20px 16px;text-align:center;color:var(--neutral-400);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;border:1.5px solid transparent;background:#fff;box-shadow:0 2px 10px #0000000d;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.stat-card-icon-wrap{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-body{flex:1;min-width:0}.stat-card-value{font-size:22px;font-weight:700;line-height:1.2;color:var(--text-primary)}.stat-card-label{font-size:13px;color:var(--text-secondary);margin-top:3px;font-weight:500}.stat-card-subtitle{font-size:11px;color:var(--neutral-400);margin-top:2px}.stat-card-skeleton{display:inline-block;width:60px;height:24px;background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-200) 50%,var(--neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card--blue{border-color:#bfdbfe}.stat-card--blue .stat-card-icon-wrap{background:#eff6ff;color:#2563eb}.stat-card--indigo{border-color:#c7d2fe}.stat-card--indigo .stat-card-icon-wrap{background:#eef2ff;color:#4338ca}.stat-card--cyan{border-color:#a5f3fc}.stat-card--cyan .stat-card-icon-wrap{background:#ecfeff;color:#0891b2}.stat-card--green{border-color:#bbf7d0}.stat-card--green .stat-card-icon-wrap{background:#f0fdf4;color:#16a34a}.stat-card--amber{border-color:#fde68a}.stat-card--amber .stat-card-icon-wrap{background:#fffbeb;color:#d97706}.stat-card--purple{border-color:#e9d5ff}.stat-card--purple .stat-card-icon-wrap{background:#faf5ff;color:#7c3aed}.stat-card--teal{border-color:#99f6e4}.stat-card--teal .stat-card-icon-wrap{background:#f0fdfa;color:#0d9488}.stat-card--red{border-color:#fecaca}.stat-card--red .stat-card-icon-wrap{background:#fef2f2;color:#dc2626}.stat-card--red .stat-card-value{color:#dc2626}.stat-card--green.stat-card--gap .stat-card-value{color:#16a34a}.stat-card--neutral{border-color:var(--neutral-200)}.stat-card--neutral .stat-card-icon-wrap{background:var(--neutral-100);color:var(--neutral-500)}.dash-panel{background:#fff;border:1px solid var(--neutral-200);border-radius:16px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.dash-tabs{display:flex;gap:0;border-bottom:2px solid var(--neutral-100);padding:0 20px;background:var(--neutral-50)}.dash-tab{display:flex;align-items:center;gap:7px;padding:14px 20px;border:none;background:none;font-size:14px;font-family:inherit;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;font-weight:500}.dash-tab:hover{color:var(--brand-600)}.dash-tab--active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.dash-tab-badge{background:var(--neutral-200);color:var(--text-secondary);font-size:11px;padding:2px 7px;border-radius:10px;font-weight:600;min-width:24px;text-align:center}.dash-tab--active .dash-tab-badge{background:var(--brand-100);color:var(--brand-700)}.dash-table-wrap{overflow-x:auto}.dash-table{width:100%;border-collapse:collapse;font-size:13.5px;direction:rtl}.dash-th{padding:13px 18px;text-align:right;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--neutral-100);background:var(--neutral-50);white-space:nowrap}.dash-th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .12s,background .12s}.dash-th--sortable:hover{color:var(--brand-600);background:var(--brand-50)}.dash-th--active{color:var(--brand-600)}.sort-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;flex-shrink:0;margin-right:5px;opacity:.6;font-size:12px}.dash-tr{border-bottom:1px solid var(--neutral-100);transition:background .1s}.dash-tr:hover{background:var(--brand-50)}.dash-tr:last-child{border-bottom:none}.dash-td{padding:13px 18px;color:var(--text-primary);vertical-align:middle}.dash-td--bold{font-weight:600}.dash-td--muted{color:var(--text-tertiary);font-size:13px}.dash-tr--clickable{cursor:pointer}.dash-tr--clickable:hover td{background:var(--brand-50)}.status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}.status-pill--done{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.status-pill--pending{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.org-node-tag{display:inline-flex;align-items:center;padding:3px 9px;background:var(--secondary-50);color:var(--secondary-700);border:1px solid var(--secondary-200);border-radius:6px;font-size:12px;font-weight:500}.grade-tag{display:inline-flex;align-items:center;padding:3px 9px;background:var(--accent-50);color:var(--accent-700);border:1px solid var(--accent-200);border-radius:6px;font-size:12px;font-weight:600}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--neutral-100);background:var(--neutral-50)}.pagination-info{font-size:13px;color:var(--text-tertiary)}.pagination-btns{display:flex;gap:4px}.pag-btn{min-width:34px;height:34px;padding:0 8px;border:1.5px solid var(--neutral-200);border-radius:8px;background:#fff;color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:background .12s,border-color .12s,color .12s;display:flex;align-items:center;justify-content:center}.pag-btn:hover:not(:disabled){background:var(--brand-50);border-color:var(--brand-300);color:var(--brand-700)}.pag-btn--active{background:var(--brand-600);border-color:var(--brand-600);color:#fff;font-weight:600}.pag-btn:disabled{opacity:.4;cursor:not-allowed}.dash-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--neutral-400);font-size:14px}.dash-skeleton{padding:12px 0}.dash-skeleton-row{display:flex;gap:12px;padding:12px 20px;border-bottom:1px solid var(--neutral-100)}.dash-skeleton-cell{height:14px;background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-200) 50%,var(--neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Variable.woff2) format("woff2 supports variations"),url(/fonts/Vazirmatn-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--brand-50: #eff6ff;--brand-100: #dbeafe;--brand-200: #bfdbfe;--brand-300: #93c5fd;--brand-400: #60a5fa;--brand-500: #3b82f6;--brand-600: #2563eb;--brand-700: #1d4ed8;--brand-800: #1e40af;--brand-900: #1e3a8a;--secondary-50: #eef2ff;--secondary-100: #e0e7ff;--secondary-200: #c7d2fe;--secondary-300: #a5b4fc;--secondary-400: #818cf8;--secondary-500: #6366f1;--secondary-600: #4f46e5;--secondary-700: #4338ca;--secondary-800: #3730a3;--secondary-900: #312e81;--accent-50: #ecfeff;--accent-100: #cffafe;--accent-200: #a5f3fc;--accent-300: #67e8f9;--accent-400: #22d3ee;--accent-500: #06b6d4;--accent-600: #0891b2;--accent-700: #0e7490;--accent-800: #155e75;--accent-900: #164e63;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-900: #7f1d1d;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--bg-primary: #f8f9fc;--bg-secondary: var(--neutral-50);--bg-tertiary: var(--neutral-100);--panel-bg: #ffffff;--panel-elevated: #ffffff;--panel-hover: var(--brand-50);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-tertiary: var(--neutral-600);--text-inverse: #ffffff;--text-brand: var(--brand-700);--border-primary: var(--neutral-200);--border-secondary: var(--neutral-100);--border-focus: var(--brand-500);--border-error: var(--danger-500);--border-success: var(--success-500);--color-people: #2563eb;--color-jobs: #7c3aed;--color-competency: #0891b2;--color-learning: #f59e0b;--color-performance: #22c55e;--color-department: #6366f1;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #6366f1 100%);--gradient-people: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-growth: linear-gradient(135deg, #0891b2 0%, #22c55e 100%);--gradient-performance: linear-gradient(135deg, #f59e0b 0%, #22c55e 100%);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-subtle: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);--gradient-header: linear-gradient(135deg, #1e40af 0%, #4338ca 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-colored: 0 4px 6px -1px rgba(59, 130, 246, .1), 0 2px 4px -2px rgba(59, 130, 246, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--bg: var(--bg-primary);--panel: var(--panel-bg);--text: var(--text-primary);--text-secondary: var(--text-secondary);--muted: var(--text-tertiary);--brand: var(--brand-600);--brand-dark: var(--brand-700);--brand-light: var(--brand-200);--brand-lighter: var(--brand-100);--success: var(--success-600);--success-light: var(--success-100);--warning: var(--warning-600);--warning-light: var(--warning-100);--danger: var(--danger-600);--danger-light: var(--danger-100);--border: var(--border-primary);--shadow: var(--shadow-sm);--radius: var(--radius-md);--radius-lg: var(--radius-lg)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:IRANSans,Vazirmatn,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select,option{font-family:inherit}.container{min-height:100vh;background:linear-gradient(135deg,#f8f9fc,#e8eef7);padding:0}.app-header{background:linear-gradient(135deg,#f0f5ff,#faf8ff,#f0fdff);border-radius:0;padding:28px 40px;margin-bottom:0;box-shadow:0 2px 12px #0000000f;border:none;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#2563eb,#6366f1,#0891b2);border-image-slice:1;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:visible}.app-header:after{display:none}.app-title{font-size:28px;font-weight:800;background:linear-gradient(135deg,#2563eb,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:12px;letter-spacing:-.3px}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--text-secondary);margin-top:6px}.breadcrumb-separator{color:var(--border-primary);margin:0 4px}.breadcrumb-item{cursor:pointer;transition:all .2s;color:var(--text-secondary)}.breadcrumb-item:hover{color:var(--brand-600)}.breadcrumb-item.active{background:linear-gradient(135deg,#2563eb,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.breadcrumb.breadcrumb-light,.breadcrumb-light .breadcrumb-item,.breadcrumb-light .breadcrumb-item.active{color:var(--text-secondary)}.breadcrumb-light .breadcrumb-item:hover{color:var(--brand-600)}.three-col-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.container>*{padding:20px 40px}.container>.app-header{padding:28px 40px}.column{background:#fff;border-radius:var(--radius-xl);padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-primary);min-height:400px;margin:20px}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border)}.column-title{font-size:18px;font-weight:700;color:var(--brand)}.column-count{background:var(--brand-light);color:var(--brand);padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600}.item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:2px solid transparent;border-radius:12px;padding:14px;margin-bottom:10px;cursor:pointer;transition:all .2s}.item:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--brand-light)}.item.selected{border-color:var(--brand);background:var(--brand-light)}.item.multi-selected{border-color:var(--amber);background:#fff7d6;box-shadow:var(--shadow)}.item-checkbox{flex-shrink:0;padding-top:4px}.item-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:var(--brand)}.item-body{flex:1}.item-name{font-weight:600;margin-bottom:4px;color:var(--text)}.item-meta{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center;margin-top:8px}.item-actions{display:flex;gap:6px;margin-top:10px;opacity:0;transition:opacity .2s}.item:hover .item-actions,.job-card:hover .item-actions{opacity:1}.job-card:hover .employee-actions{opacity:1!important}.bulk-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;margin-bottom:12px;box-shadow:var(--shadow)}.bulk-summary{font-size:13px;font-weight:600;color:var(--text)}.bulk-actions{display:flex;gap:8px}.status-badge{font-size:11px;padding:3px 8px;border-radius:8px;font-weight:600}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.danger{background:#fee2e2;color:#991b1b}.status-badge.clickable{cursor:pointer;transition:opacity .15s ease}.status-badge.clickable:hover{opacity:.75}.method-pill{background:var(--brand-light);color:var(--brand);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}.method-pill-muted{background:#f1f5f9;color:var(--muted)}.btn{border:none;border-radius:var(--radius);padding:8px 16px;font-size:14px;cursor:pointer;font-weight:500;transition:all .15s ease;font-family:inherit;display:inline-flex;align-items:center;gap:6px;justify-content:center}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand-600);color:#fff;box-shadow:0 1px 2px #2563eb26}.btn-primary:hover{background:var(--brand-700);opacity:1;box-shadow:0 2px 4px #2563eb40}.btn-sm{padding:4px 10px;font-size:12px}.btn-success{background:var(--success-600);color:#fff}.btn-warning{background:var(--warning-600);color:#fff}.btn-danger{background:var(--danger-600);color:#fff}.btn-red{background:var(--danger-600);color:#fff;box-shadow:0 2px 4px #dc26264d}.btn-red:hover{background:var(--danger-700);box-shadow:0 3px 6px #dc262666}.btn-green{background:var(--success-600);color:#fff}.btn-outline{background:#fff;border:2px solid rgba(255,255,255,.4);color:var(--text-primary)}.btn-outline:hover{background:#fffffff2;border-color:#fffc;opacity:1}.app-header .btn-outline{background:#fff;border:2px solid var(--border-primary);color:var(--text-primary);box-shadow:0 2px 4px #0000000d}.app-header .btn-outline:hover{background:var(--neutral-50);border-color:var(--brand-300);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb26}.app-header .btn-red{background:var(--danger-600);border:2px solid transparent;box-shadow:0 2px 6px #dc26264d}.app-header .btn-red:hover{background:var(--danger-700);transform:translateY(-1px);box-shadow:0 4px 10px #dc262666}.add-bar{display:flex;gap:8px;margin-bottom:16px}.add-bar input{flex:1;padding:10px 14px;border:2px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;transition:border-color .2s}.add-bar input:focus{outline:none;border-color:var(--brand)}.suggestions-box{background:var(--brand-lighter);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px;border:1px solid var(--brand-light)}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.suggestions-title{font-size:13px;font-weight:600;color:var(--brand);display:flex;align-items:center;gap:6px}.chip-container{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#fff;border:2px solid var(--brand);padding:6px 12px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500;color:var(--brand)}.chip:hover{background:var(--brand);color:#fff;transform:scale(1.05)}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state-light{color:#f8fafc}.empty-state-light .empty-icon{opacity:.8}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.3}.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.job-card{background:#fff;border:2px solid var(--border);border-radius:var(--r);padding:20px;cursor:pointer;transition:all .2s}.job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand)}.job-card.selected{border-color:var(--brand);background:var(--brand-light);box-shadow:var(--shadow-lg)}.job-title{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text)}.job-status{font-size:13px;color:var(--muted)}.search-bar{margin-bottom:20px;display:flex;gap:12px}.search-bar input{flex:1;padding:12px 16px;border:2px solid white;border-radius:12px;font-size:15px;font-family:inherit;background:#fff}.search-bar input:focus{outline:none;border-color:var(--brand)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:14px 24px;border-radius:12px;box-shadow:var(--shadow-lg);font-weight:600;z-index:1000}.level-indicator{display:inline-flex;gap:2px;align-items:center}.level-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.level-dot.filled{background:var(--brand)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.modal-content{background:var(--panel);padding:28px 32px;border-radius:var(--r);box-shadow:var(--shadow-lg);width:90%;max-width:500px;transform:scale(.95);animation:fadeInScale .3s forwards}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}.modal-header{font-size:22px;font-weight:700;margin-bottom:20px;color:var(--text)}.modal-body input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:12px;font-size:15px;font-family:inherit;margin-bottom:20px}.modal-body input:focus{outline:none;border-color:var(--brand)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.level-selection-card{border:2px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s}.level-selection-card:hover{border-color:var(--brand);background:var(--brand-light);transform:translateY(-2px)}.level-title{font-weight:700;font-size:16px;margin-bottom:4px}.level-title span{font-weight:400;color:var(--muted)}.level-description{font-size:14px;color:var(--muted)}.tabs{display:flex;gap:12px;border-bottom:2px solid var(--border-primary);margin-bottom:20px;padding:0 10px}.tab-btn{border:none;background:none;color:var(--text-secondary);font-family:inherit;font-size:16px;font-weight:600;padding:10px 16px;cursor:pointer;position:relative;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background:var(--neutral-50);border-radius:var(--radius-md)}.tab-btn.active{color:var(--brand-600);font-weight:700}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--tab-active-color, var(--brand-600));border-radius:2px 2px 0 0}.job-card-actions{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;align-items:center}.category-select{padding:6px 12px;border:2px solid var(--border);border-radius:10px;font-family:inherit;font-size:12px;background:#fff;cursor:pointer}.category-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #667eea26}.overview-panel{border:2px solid rgba(229,231,235,.6);border-radius:16px;padding:18px;margin-bottom:24px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.overview-panel.open{border-color:#667eea99;background:#fff;box-shadow:var(--shadow-lg)}.overview-panel.collapsed .overview-body{display:none}.overview-panel-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.overview-panel-title-wrap{display:grid;gap:4px}.overview-toggle{background:#667eea1f;color:var(--brand);border:1px solid rgba(102,126,234,.3);border-radius:999px;padding:6px 14px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.overview-toggle:hover{border-color:#667eea99;box-shadow:0 4px 12px -6px #667eea99}.overview-toggle.open{background:#667eea33;border-color:#667eeab3}.overview-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #667eea40}.overview-panel-title{font-size:18px;font-weight:700;color:var(--brand)}.overview-panel-subtitle{font-size:13px;color:var(--muted);margin-top:4px}.overview-metrics{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.overview-chip{background:var(--brand-light);color:var(--brand);font-size:13px;font-weight:600;font-family:inherit;padding:6px 16px;border-radius:999px;border:1px solid rgba(102,126,234,.2);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:none}.overview-chip:hover{border-color:#667eea66;box-shadow:0 4px 10px -6px #667eea99}.overview-chip:focus-visible{outline:none;border-color:#667eeacc;box-shadow:0 0 0 3px #667eea40}.overview-chip.active{background:#667eea26;border-color:#667eea99}.overview-chip:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;border-color:#94a3b84d}.overview-body{margin-top:16px;display:grid;gap:18px}.overview-inline-list{margin-top:18px;background:#fffffff2;border-radius:14px;border:1px solid rgba(229,231,235,.7);box-shadow:var(--shadow);padding:16px}.overview-inline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.overview-inline-title{font-size:15px;font-weight:700;color:var(--text)}.overview-inline-count{font-size:12px;color:var(--muted);background:#667eea1f;padding:4px 10px;border-radius:999px}.overview-inline-body{max-height:280px;overflow-y:auto;display:grid;gap:10px}.overview-inline-item{background:#fff;border:1px solid rgba(229,231,235,.8);border-radius:10px;padding:10px 12px;display:grid;gap:6px}.overview-inline-primary{font-weight:600;color:var(--text)}.overview-inline-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted)}.overview-section{background:#ffffffe6;border-radius:14px;padding:16px;border:1px solid rgba(229,231,235,.7)}.overview-section-title{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--text)}.overview-hierarchy{display:grid;gap:12px}.overview-task-card{border-radius:12px;background:#fff;border:1px solid rgba(229,231,235,.8);padding:12px}.overview-task-title{font-size:15px;font-weight:700;margin-bottom:8px}.overview-competency{border-radius:10px;background:#667eea14;padding:10px;margin-bottom:8px;border:1px solid rgba(102,126,234,.15)}.overview-competency:last-child{margin-bottom:0}.overview-competency-header{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600}.overview-tag{background:#667eea26;color:var(--brand);font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid rgba(102,126,234,.25)}.overview-course-list{margin:10px 0 0;padding:0 0 0 16px;display:grid;gap:6px}.overview-course-list li{list-style:none;background:#ffffffe6;padding:6px 10px;border-radius:8px;font-size:13px;border:1px solid rgba(229,231,235,.9)}.overview-empty{font-size:13px;color:var(--muted);background:#f0f4ffe6;padding:8px 12px;border-radius:8px;border:1px dashed rgba(102,126,234,.2)}.overview-list{display:grid;gap:10px}.overview-list-item{background:#fff;padding:10px 12px;border-radius:10px;display:grid;gap:8px;border:1px solid rgba(229,231,235,.8)}.overview-tag-row{display:flex;gap:8px;flex-wrap:wrap}.overview-tag-row .overview-tag{background:#667eea1f}.upload-dropzone{border:2px dashed #d0d7de;border-radius:12px;padding:24px;text-align:center;background:#fafbfc;transition:all .2s ease-in-out;margin-bottom:16px}.upload-dropzone-text{margin-bottom:14px;line-height:1.8}.upload-dropzone.drag-active{border-color:#4a90e2;background:#eef5ff}.upload-dropzone input[type=file]{display:none}.upload-file-button{display:inline-block;margin-top:8px}.upload-selected-list{margin:8px 0 12px;background:#f7f9fc;padding:12px;border-radius:10px}.upload-selected-title{font-weight:600;margin-bottom:8px}.upload-selected-list ul{display:flex;flex-direction:column;gap:8px}.upload-selected-list li{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:8px;padding:8px 12px;border:1px solid #e5e9f2}.upload-selected-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.upload-result{margin-top:8px;display:flex;flex-direction:column;gap:12px}.upload-result-item{border:1px solid #e0e6ed;border-radius:10px;padding:12px;background:#fff}.upload-result-title{font-weight:600;margin-bottom:8px}@media (max-width: 1024px){.three-col-layout{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:flex-start;gap:16px}.overview-panel-header,.overview-inline-header{flex-direction:column;align-items:flex-start}.overview-inline-body{max-height:none}.overview-metrics{width:100%}}@media (max-width: 768px){.search-bar{flex-direction:column;gap:10px}.app-header-details{flex-direction:column;align-items:flex-start;gap:16px}}.item.ai-prioritized{border-left:4px solid var(--brand);background:linear-gradient(to right,rgba(102,126,234,.05),transparent)}.priority-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;margin-left:8px;margin-right:8px;box-shadow:0 2px 4px #667eea4d}.ai-reason{background:linear-gradient(135deg,#667eea26,#764ba226);color:#5b21b6;font-size:13px;font-weight:500;padding:12px 16px;border-radius:8px;margin-top:8px;margin-bottom:8px;border-left:3px solid var(--brand);display:flex;align-items:flex-start;gap:8px;line-height:1.8;text-align:right;white-space:pre-wrap;word-wrap:break-word}.status-badge.neutral{background:#f3f4f6;color:#4b5563}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(102,126,234,.3);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.m-0{margin:0}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-auto{margin:auto}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.text-brand{color:var(--brand-600)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-danger{color:var(--danger-600)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-white{background-color:#fff}.bg-brand{background-color:var(--brand-600)}.bg-brand-light{background-color:var(--brand-100)}.bg-success{background-color:var(--success-600)}.bg-success-light{background-color:var(--success-100)}.bg-warning{background-color:var(--warning-600)}.bg-warning-light{background-color:var(--warning-100)}.bg-danger{background-color:var(--danger-600)}.bg-danger-light{background-color:var(--danger-100)}.border{border:1px solid var(--border-primary)}.border-2{border:2px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-l{border-left:1px solid var(--border-primary)}.border-r{border-right:1px solid var(--border-primary)}.border-brand{border-color:var(--brand-600)}.border-success{border-color:var(--success-600)}.border-warning{border-color:var(--warning-600)}.border-danger{border-color:var(--danger-600)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-colored{box-shadow:var(--shadow-colored)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-scale:hover{transform:scale(1.02)}.interactive{cursor:pointer;transition:all var(--transition-fast)}.interactive:hover{opacity:.9}.interactive:active{transform:scale(.98)}.card{background:var(--panel-bg);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-compact{padding:var(--space-4)}.card-large{padding:var(--space-8)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1}.badge-brand{background-color:var(--brand-100);color:var(--brand-700)}.badge-success{background-color:var(--success-100);color:var(--success-700)}.badge-warning{background-color:var(--warning-100);color:var(--warning-700)}.badge-danger{background-color:var(--danger-100);color:var(--danger-700)}.badge-neutral{background-color:var(--neutral-100);color:var(--neutral-700)}.divider{height:1px;background-color:var(--border-primary);margin:var(--space-4) 0}.divider-vertical{width:1px;height:auto;background-color:var(--border-primary);margin:0 var(--space-4)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.focus-ring:focus{outline:2px solid var(--brand-500);outline-offset:2px}.focus-ring-inset:focus{outline:2px solid var(--brand-500);outline-offset:-2px}.disabled,[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--neutral-300);border-top-color:var(--brand-600);border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:text-sm{font-size:var(--text-sm)}.sm\:p-4{padding:var(--space-4)}}@media (min-width: 769px) and (max-width: 1024px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex{display:flex}}@media (min-width: 1025px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex{display:flex}}.statistics-container{background:var(--panel-bg);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6);border:1px solid var(--border-primary);box-shadow:var(--shadow-md)}.statistics-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-6) 0;color:var(--text-primary)}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.stat-card{background:var(--neutral-50);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition-base);border:1px solid var(--border-primary)}.stat-card:hover{background:var(--brand-50);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand-200)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:var(--font-medium)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1.2;color:var(--brand-600)}.panel-professional{background:linear-gradient(to bottom,#fff,#fafbff);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.panel-professional:hover{box-shadow:var(--shadow-md);border-color:var(--brand-200)}.indicator-people{border-left:4px solid var(--color-people)}.indicator-jobs{border-left:4px solid var(--color-jobs)}.indicator-competency{border-left:4px solid var(--color-competency)}.indicator-learning{border-left:4px solid var(--color-learning)}.indicator-performance{border-left:4px solid var(--color-performance)}.badge-hr{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.badge-people{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.badge-jobs{background:#faf5ff;color:#6b21a8;border:1px solid #e9d5ff}.badge-competency{background:#ecfeff;color:#155e75;border:1px solid #a5f3fc}.badge-learning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.badge-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.header-accent{position:relative;overflow:hidden}.header-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.elevated-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d,0 1px 2px #2563eb08;border:1px solid rgba(37,99,235,.08);transition:var(--transition-base)}.elevated-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #2563eb0d;border-color:#2563eb26;transform:translateY(-1px)}.person-profile-bar{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:16px 20px;margin:16px 0 0}.person-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid #eef2ff;box-shadow:0 2px 8px #4f46e540}.person-profile-info{flex:1;min-width:0}.person-profile-name{font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.person-manager-tag{font-size:12px;font-weight:500;color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;padding:2px 10px;white-space:nowrap}.profile-code-chip{font-size:11px;font-weight:600;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;letter-spacing:.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.profile-code-chip-label{font-size:10px;color:#94a3b8;font-weight:400;margin-left:3px}.person-profile-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.two-col-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0;height:calc(100vh - 260px);min-height:400px}@media (max-width: 768px){.two-col-layout{grid-template-columns:1fr;height:auto}.person-profile-bar{flex-wrap:wrap}}.job-overview-container{display:grid;gap:12px;padding:16px 4px 4px}.job-overview-section{background:var(--panel-bg);border:1px solid var(--border-primary);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.job-overview-section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;color:var(--text-primary);text-align:right;transition:background .15s}.job-overview-section-header:hover{background:var(--neutral-50)}.job-overview-section-body{border-top:1px solid var(--border-primary);padding:12px;display:grid;gap:8px;max-height:420px;overflow-y:auto}.job-overview-item{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:10px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.login-container{background:var(--bg);min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:IRANSans,Vazirmatn,system-ui,sans-serif}.login-panel{display:grid;grid-template-columns:1fr 1fr;width:900px;min-height:500px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow-lg);overflow:hidden}.login-form{padding:40px 50px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:24px;font-weight:700;text-align:center;color:var(--text)}.login-subtitle{text-align:center;color:var(--muted);font-size:14px;margin-bottom:30px}.input-group{margin-bottom:20px}.input-group input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-family:inherit;font-size:15px}.input-group input:focus{outline:none;border-color:var(--brand)}.btn-login{width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb4d;letter-spacing:.3px}.btn-login:hover{transform:translateY(-2px);background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 6px 16px #2563eb66}.btn-login:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.login-error{color:var(--red);font-size:13px;text-align:center;margin-bottom:15px}.login-branding{background:linear-gradient(135deg,#2563eb,#6366f1);color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.login-branding h2{font-size:28px;font-weight:700;margin-bottom:15px}@media (max-width: 768px){.login-panel{grid-template-columns:1fr;width:90%;min-height:auto}.login-branding{display:none}.login-form{padding:30px}}