@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap";:root{--color-primary: #0F172A;--color-secondary: #1E293B;--color-cta: #ff4d00;--color-background: #020617;--color-text: #F8FAFC;--color-success: #22C55E;--color-danger: #ef4444;--color-warning: #eab308;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 20px rgba(255, 77, 0, .3);--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Fira Sans,sans-serif;background-color:var(--color-background);color:var(--color-text);overflow-x:hidden;height:100vh}.glitch{position:relative;font-family:Fira Code,monospace;text-transform:uppercase;color:#fff;letter-spacing:.1em}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:glitch-anim2 1s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}20%{clip:rect(62px,9999px,42px,0)}40%{clip:rect(16px,9999px,78px,0)}60%{clip:rect(58px,9999px,43px,0)}80%{clip:rect(36px,9999px,80px,0)}to{clip:rect(77px,9999px,21px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(30px,9999px,20px,0)}40%{clip:rect(18px,9999px,2px,0)}60%{clip:rect(98px,9999px,86px,0)}80%{clip:rect(27px,9999px,64px,0)}to{clip:rect(44px,9999px,46px,0)}}.app-container{display:flex;height:100vh;width:100vw;padding:var(--space-md);gap:var(--space-md);background:radial-gradient(circle at top right,#1e293b,#020617)}.sidebar{width:260px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl);z-index:100}.main-content{flex:1;display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;padding-right:var(--space-xs)}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.nav-tabs{display:flex;background:#0006;padding:6px;border-radius:100px;gap:4px}.nav-tab{padding:8px 16px;border-radius:100px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;color:#94a3b8}.nav-tab.active{background:var(--color-cta);color:#fff;box-shadow:var(--shadow-glow)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-md);padding-bottom:var(--space-xl)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;padding:var(--space-lg);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.glass-card:hover{transform:translateY(-4px);border-color:#fff3;box-shadow:0 10px 30px -10px #00000080}.upload-zone{grid-column:span 5;grid-row:span 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);border:2px dashed var(--glass-border);cursor:pointer}.upload-zone:hover{border-color:var(--color-cta);background:#ff4d000d}.job-desc-zone{grid-column:span 7;grid-row:span 3}.premium-textarea{width:100%;height:150px;background:#0003;border:1px solid var(--glass-border);border-radius:12px;padding:var(--space-md);color:#fff;font-family:inherit;resize:none;outline:none}.premium-textarea:focus{border-color:var(--color-cta)}.analyze-card{grid-column:span 12;display:flex;justify-content:center}.premium-btn{background:var(--color-cta);color:#fff;border:none;padding:16px 48px;border-radius:100px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-glow);font-family:Fira Code,monospace;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease}.premium-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 30px #ff4d0080}.premium-btn:disabled{background:#334155;opacity:.5;cursor:not-allowed;box-shadow:none}.match-score-card{grid-column:span 12;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#22c55e1a,#1e293b66)}.score-display{font-size:5rem;font-weight:800;font-family:Fira Code,monospace;color:var(--color-success);text-shadow:0 0 20px rgba(34,197,94,.3)}.keyword-card,.fit-card{grid-column:span 6;grid-row:span 4}.refined-cv-card{grid-column:span 12}.cv-viewer{background:#0f172acc;padding:var(--space-xl);border-radius:16px;border:1px solid var(--glass-border);line-height:1.6;white-space:pre-wrap;max-height:600px;overflow-y:auto}.sidebar-footer{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--glass-border)}.user-info-card{display:flex;align-items:center;gap:12px;background:#0003;padding:12px;border-radius:16px}.user-details{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:.9rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.user-role{font-size:.75rem;color:#94a3b8}.input-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#94a3b8}.premium-input{width:100%;padding:12px 16px;background:#0006;border:1px solid var(--glass-border);border-radius:12px;color:#fff;outline:none;font-family:inherit;transition:all .3s ease}.premium-input:focus{border-color:var(--color-cta);box-shadow:0 0 10px #ff4d001a}select.premium-input option{background:var(--color-background);color:#fff}.login-cta{background:radial-gradient(circle at center,#ff4d0026,#1e293b66);border:1px solid rgba(255,77,0,.3)}.keyword-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pill{padding:4px 12px;border-radius:100px;font-size:.85rem;font-weight:500}.pill-matched{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.pill-missing{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 4s ease-in-out infinite}.rtl .sidebar{right:0;left:auto;border-right:none;border-left:1px solid var(--glass-border)}.rtl .main-content{margin-right:280px;margin-left:0}.rtl .nav-item{flex-direction:row-reverse;text-align:right}.rtl .match-score-card,.rtl .keyword-card,.rtl .fit-card,.rtl .refined-cv-card,.rtl .upload-zone,.rtl .job-desc-zone{text-align:right}.rtl .score-display,.rtl .premium-btn{font-family:Outfit,sans-serif}.rtl .input-group label{flex-direction:row}.refinement-container{margin-top:10px}.refinement-item{padding:15px;border-radius:12px;background:#ffffff08;border-left:3px solid transparent;transition:all .3s ease}.refinement-item.removal{border-left-color:var(--color-danger)}.refinement-item.enhancement{border-left-color:var(--color-success)}.rtl .refinement-item.removal{border-left-color:transparent;border-right:3px solid var(--color-danger)}.rtl .refinement-item.enhancement{border-left-color:transparent;border-right:3px solid var(--color-success)}.cv-viewer{background:#0003;padding:30px;border-radius:16px;color:#e2e8f0;max-height:800px;overflow-y:auto;border:1px solid rgba(255,255,255,.05)}@media(max-width:1400px){.refinement-container{grid-template-columns:1fr!important}.adjustments-column{display:grid!important;grid-template-columns:1fr 1fr;gap:20px}}@media(max-width:1024px){.sidebar{width:80px;padding:var(--space-md)}.rtl .main-content{margin-right:80px;margin-left:0}.user-details,.logo,.nav-item span:last-child{display:none}}