*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root,[data-theme=light]{--brand-indigo:#6366f1;--brand-purple:#a855f7;--brand-emerald:#34d399;--brand-danger:#ef4444;--surface-glass:#ffffffc2;--surface-border:#6366f12e;--surface-shadow:#0f172a1f;--text-primary:#0f172a;--text-muted:#6b7280}[data-theme=dark]{--brand-indigo:#818cf8;--brand-purple:#c084fc;--brand-emerald:#34d399;--brand-danger:#f87171;--surface-glass:#0f172aeb;--surface-border:#94a3b838;--surface-shadow:#020617d9;--text-primary:#e2e8f0;--text-muted:#94a3b8}body{background:#eef1ff;transition:background .35s ease,color .35s ease}[data-theme=dark] body,body{color:#0f172a;color:var(--text-primary)}[data-theme=dark] body{background:#030712}.app{background:linear-gradient(140deg,#eef1ff,#f9f5ff 38%,#f4f8ff 75%,#fbfbfb);min-height:100vh;overflow-x:hidden;position:relative;transition:background .6s ease,color .3s ease}.app:after,.app:before{border-radius:50%;content:"";filter:blur(120px);height:55vw;opacity:.55;pointer-events:none;position:fixed;transition:background .6s ease,opacity .6s ease;width:55vw;z-index:0}.app:before{background:radial-gradient(circle at center,#6366f147,#0000 70%);right:-10%;top:-25%}.app:after{background:radial-gradient(circle at center,#a855f747,#0000 70%);bottom:-30%;left:-15%}[data-theme=dark] .app{background:radial-gradient(circle at top,#0f172a 0,#0b1120 55%,#050712 100%)}[data-theme=dark] .app:before{background:radial-gradient(circle at center,#2563eb40,#0000 70%);opacity:.35}[data-theme=dark] .app:after{background:radial-gradient(circle at center,#9333ea47,#0000 70%);opacity:.35}.app-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;height:80px;justify-content:space-between;left:0;padding:1.5rem 2rem;position:fixed;right:0;top:0;z-index:1000}[data-theme=dark] .app-header{background:linear-gradient(135deg,#0f172a,#1e1b4b);box-shadow:0 10px 25px #020617b3;color:#e2e8f0}.app-header h1{font-size:1.8rem;font-weight:600}.header-branding{align-items:center;display:flex;gap:.85rem}.sidebar-trigger{align-items:center;background:#fff3;border:none;border-radius:12px;color:inherit;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease;width:42px}.sidebar-trigger svg{height:22px;width:22px}.sidebar-trigger.active,.sidebar-trigger:hover{background:#ffffff59}.sidebar-trigger.collapsed{background:#ffffff47}.header-actions{align-items:center;display:flex;gap:1.25rem}.profile-menu{position:relative}.profile-trigger{align-items:center;background:#ffffffd9;border:1px solid #fff9;border-radius:14px;box-shadow:0 10px 25px #4f46e526;color:#0f172a;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:.9rem;padding:.55rem .95rem;transition:background .3s ease,color .3s ease,border .3s ease,box-shadow .3s ease}[data-theme=dark] .profile-trigger{background:#0f172ad9;border-color:#6366f140;box-shadow:0 12px 28px #030712cc}.profile-trigger svg{color:#6366f1;height:16px;transition:transform .3s ease;width:16px}.profile-trigger.open svg{transform:rotate(180deg)}.profile-trigger:hover{border-color:#6366f159;box-shadow:0 18px 35px #4f46e533;transform:translateY(-2px)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;letter-spacing:.02em;width:36px}.profile-text{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2}.profile-name{color:#0f172a;color:var(--text-primary);font-size:.95rem;font-weight:600}[data-theme=dark] .profile-name{color:#e2e8f0}.profile-role{color:#6366f1;font-size:.75rem;font-weight:600}[data-theme=dark] .profile-role{color:#a5b4fc}.profile-dropdown{animation:dropdownFade .2s ease;background:#fff;border:1px solid #6366f11f;border-radius:14px;box-shadow:0 24px 50px #0f172a2e;padding:.5rem;position:absolute;right:0;top:calc(100% + .75rem);transition:background .3s ease,border .3s ease,box-shadow .3s ease;width:200px;z-index:20}[data-theme=dark] .profile-dropdown{background:#0f172a;border-color:#94a3b840;box-shadow:0 30px 60px #020617d9}.profile-dropdown button{align-items:center;background:#0000;border:none;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.6rem .75rem;transition:all .25s ease;width:100%}[data-theme=dark] .profile-dropdown button{color:#0f172a;color:var(--text-primary)}.profile-dropdown button svg{color:#6366f1;height:18px;width:18px}.profile-dropdown button:hover{background:#6366f114;color:#4338ca}.appearance-trigger.open{background:#6366f11f;color:#4338ca}[data-theme=dark] .appearance-trigger.open{background:#6366f140;color:#c7d2fe}[data-theme=dark] .profile-dropdown button:hover{background:#6366f12e;color:#c7d2fe}.profile-dropdown button:hover svg{color:#4338ca}[data-theme=dark] .profile-dropdown button svg{color:#a5b4fc}[data-theme=dark] .profile-dropdown button:hover svg{color:#c7d2fe}.menu-meta{background:#6366f11f;border-radius:999px;color:#4338ca;font-size:.75rem;font-weight:600;margin-left:auto;padding:.1rem .55rem;text-transform:capitalize}[data-theme=dark] .menu-meta{background:#6366f140;color:#c7d2fe}.appearance-panel{animation:dropdownFade .2s ease;background:#6366f10d;border:1px solid #6366f126;border-radius:12px;display:flex;flex-direction:column;gap:.4rem;margin:.35rem 0 .25rem;padding:.65rem}[data-theme=dark] .appearance-panel{background:#0f172acc;border-color:#94a3b833}.theme-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.65rem;padding:.6rem;transition:all .25s ease}.theme-option:hover{background:#6366f11f}.theme-option.active{background:#6366f12e;border-color:#6366f166;color:#4338ca}[data-theme=dark] .theme-option.active{background:#6366f147;border-color:#818cf866;color:#c7d2fe}.theme-icon{font-size:1.2rem}.theme-option-text{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem}.theme-option-title{font-size:.9rem;font-weight:600}.theme-check{color:#6366f1;color:var(--brand-indigo);font-weight:700;margin-left:auto}[data-theme=dark] .theme-check{color:#c7d2fe}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease;white-space:nowrap}.btn-primary{background-color:#fff;color:#667eea}.btn-primary:hover{background-color:#f0f0f0;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-secondary{background-color:#fff3;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover{background-color:#ffffff4d}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.app-layout{display:flex;margin-top:80px;min-height:calc(100vh - 80px);position:relative;z-index:1}.app-layout.sidebar-collapsed .main-content{margin-left:96px}.app-layout.sidebar-overlay-mode .main-content{margin-left:0}.main-content{background:#0000;flex:1 1;margin-left:280px;min-height:calc(100vh - 80px);overflow-x:hidden}.plan-limit-banner{align-items:center;background:linear-gradient(135deg,#fff7edf2,#ffedd5d9);border:1px solid #f99e1859;border-radius:18px;box-shadow:0 20px 45px #f9731633;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:1.5rem 2.25rem 0;padding:1rem 1.25rem}[data-theme=dark] .plan-limit-banner{background:linear-gradient(135deg,#78350fe6,#b45309d9);border-color:#fbbf2466;box-shadow:0 25px 50px #78350f8c}.plan-limit-text{flex:1 1;min-width:240px}.plan-limit-headline{color:#7c2d12;font-size:1.05rem;font-weight:700;margin:0}[data-theme=dark] .plan-limit-headline{color:#fde68a}.plan-limit-text p{color:#7c2d12;font-size:.95rem;margin:.35rem 0 0}[data-theme=dark] .plan-limit-text p{color:#fef3c7}.plan-limit-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.btn-plan-dismiss,.btn-plan-review{border:none;border-radius:999px;cursor:pointer;font-weight:600;padding:.55rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease}.btn-plan-review{background:linear-gradient(135deg,#f97316,#f59e0b);box-shadow:0 10px 20px #f9731659;color:#fff}.btn-plan-review:hover{box-shadow:0 14px 28px #f9731673;transform:translateY(-1px)}.btn-plan-dismiss{background:#0000;border:1px solid #7c2d1233;color:#7c2d12}.btn-plan-dismiss:hover{border-color:#7c2d1266;transform:translateY(-1px)}[data-theme=dark] .btn-plan-dismiss{border-color:#fde68a66;color:#fde68a}.sidebar-backdrop{background:#020617a6;border:none;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:80px;z-index:120}.projects-empty-state{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;text-align:center}.projects-empty-state h2{color:#333;font-size:1.5rem;margin-bottom:.5rem}.projects-empty-state p{color:#999;font-size:1rem}.app-container{backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:#ffffffc2;background:var(--surface-glass);border:1px solid #6366f12e;border:1px solid var(--surface-border);border-radius:28px;box-shadow:0 30px 70px #0f172a1f;box-shadow:0 30px 70px var(--surface-shadow);display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1600px;overflow:hidden;padding:1.5rem 2.25rem 3rem;position:relative;transition:background .4s ease,border .4s ease,box-shadow .4s ease}[data-theme=dark] .app-container{border-color:#94a3b82e;box-shadow:0 35px 80px #020617d9}.app-container:before{background:linear-gradient(135deg,#ffffffd9,#fff6);border-radius:26px;content:"";inset:1px;opacity:.5;pointer-events:none;position:absolute}[data-theme=dark] .app-container:before{background:linear-gradient(135deg,#0f172af2,#0f172a99);opacity:.85}.app-container>*,.resume-builder-header{position:relative;z-index:1}.resume-builder-header{align-items:center;animation:slideFadeUp .6s ease forwards;background:linear-gradient(135deg,#fffffff2,#ffffffa6);border:1px solid #fff9;border-radius:24px;box-shadow:0 25px 60px #6366f11f;display:flex;gap:2rem;justify-content:space-between;padding:1.75rem 2rem;transition:background .4s ease,border .4s ease,box-shadow .4s ease}[data-theme=dark] .resume-builder-header{background:linear-gradient(135deg,#0f172af2,#0f172aa6);border-color:#94a3b82e;box-shadow:0 25px 65px #020617bf}.resume-builder-header:before{background:radial-gradient(circle at top,#6366f138,#0000 65%);content:"";filter:blur(48px);inset:-25% -15%;opacity:.75;position:absolute;z-index:-1}[data-theme=dark] .resume-builder-header:before{background:radial-gradient(circle at top,#3b82f659,#0000 70%);opacity:.5}.resume-builder-header:after{border:1px solid #ffffff8c;border-radius:inherit;content:"";inset:0;opacity:.7;pointer-events:none;position:absolute}[data-theme=dark] .resume-builder-header:after{border-color:#94a3b833}.resume-builder-info{color:#0f172a;color:var(--text-primary);display:flex;flex-direction:column;gap:.75rem}.auto-save-status{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:.9rem;gap:.25rem}.last-saved-time{animation:fadeIn .3s ease;color:#34d399;color:var(--brand-emerald);font-weight:500}.resume-context{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.resume-chip{background:linear-gradient(135deg,#6366f12e,#a855f72e);border-radius:999px;color:#6366f1;color:var(--brand-indigo);font-weight:600;gap:.35rem;letter-spacing:.02em;padding:.35rem .85rem;text-transform:uppercase}.resume-chip,.resume-status{align-items:center;display:inline-flex;font-size:.85rem}.resume-status{color:#6b7280;color:var(--text-muted);font-weight:500;gap:.5rem}.resume-status:before{background:#34d399;background:var(--brand-emerald);border-radius:50%;box-shadow:0 0 12px #34d399a6;content:"";height:.6rem;width:.6rem}.resume-status.synced{color:#0f766e}.resume-title{color:#0f172a;color:var(--text-primary);font-size:clamp(1.75rem,2vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin:0}.resume-subtitle{color:#6b7280;color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0;max-width:560px}.resume-builder-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.resume-builder-actions .resume-action{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffa6;border:1px solid #0000;border-radius:999px;box-shadow:0 15px 40px #6366f129;color:#0f172a;color:var(--text-primary);display:inline-flex;font-weight:600;gap:.6rem;letter-spacing:.01em;padding:.6rem 1.35rem;transform:translateY(0);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease,color .25s ease}.resume-builder-actions .resume-action:focus-visible,.resume-builder-actions .resume-action:hover{box-shadow:0 18px 45px #6366f133;transform:translateY(-2px)}.resume-builder-actions .resume-action:focus-visible{outline:2px solid #6366f159;outline-offset:2px}.resume-action--delete{background:linear-gradient(135deg,#ef444426,#ef44440d);border-color:#ef444440;box-shadow:0 18px 45px #ef44442e;color:#991b1b}.resume-action--delete:focus-visible,.resume-action--delete:hover{background:linear-gradient(135deg,#ef444438,#ef44441f);border-color:#ef444459}.resume-action--save{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#6366f159;color:#0f172a;color:var(--text-primary)}.resume-action--save:focus-visible,.resume-action--save:hover{background:linear-gradient(135deg,#6366f152,#a855f74d);border-color:#6366f173}.resume-action--cancel{background:#ffffff73;border-color:#11182714;box-shadow:0 10px 30px #0f172a14;color:#6b7280;color:var(--text-muted)}.resume-action--cancel:focus-visible,.resume-action--cancel:hover{background:#ffffffa6;color:#0f172a;color:var(--text-primary)}.btn-icon{align-items:center;background:#ffffffb3;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff80;display:inline-flex;height:1.75rem;justify-content:center;width:1.75rem}.btn-icon svg{display:block}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.app-container-content{grid-gap:2.5rem;align-items:flex-start;animation:fadeIn .6s ease .1s both;display:grid;gap:2.5rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.form-section{display:flex;flex-direction:column;gap:1.5rem}.preview-section{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto;position:-webkit-sticky;position:sticky;top:2rem}@media (max-width:1024px){.main-content{margin-left:0}.plan-limit-banner{margin:1rem}.app-container{gap:1.5rem;padding:1.5rem}.app-container-content{gap:1.75rem}.resume-builder-header{align-items:flex-start;flex-direction:column;gap:1rem}.resume-builder-actions{width:100%}}@media (max-width:1200px){.app-container-content{grid-template-columns:1fr}.preview-section{max-height:none;position:static}}@media (max-width:768px){.app-layout{margin-top:70px}.main-content{margin-left:0}.plan-limit-banner{align-items:flex-start;flex-direction:column;margin:1rem}.plan-limit-actions{justify-content:flex-start;width:100%}.app-header{align-items:flex-start;flex-direction:column;gap:1rem;height:auto;min-height:70px;padding:1rem 1.5rem}.app-header h1{font-size:1.5rem}.header-actions{align-items:stretch;flex-wrap:wrap;gap:.75rem;width:100%}.btn{flex:1 1;font-size:.85rem;min-width:calc(50% - .375rem);padding:.5rem 1rem}.app-container{gap:1rem;padding:1rem}.app-container-content{gap:1.5rem}.resume-builder-header{padding:1rem}.resume-builder-info h3{font-size:1.1rem}.resume-builder-actions{flex-direction:column}.resume-builder-actions .btn{min-width:100%;width:100%}.profile-menu{width:100%}.profile-trigger{gap:.75rem;justify-content:space-between;width:100%}.profile-text{align-items:flex-start}.profile-role{font-size:.7rem}.sidebar-backdrop{top:70px}.profile-dropdown{box-shadow:0 18px 35px #4f46e52e;margin-top:.5rem;position:static;width:100%}.form-section{gap:1rem}}@media (max-width:480px){.app-layout{margin-top:70px}.main-content{margin-left:200px}.app-header{padding:.75rem 1rem}.app-header h1{font-size:1.25rem}.header-actions{align-items:stretch;flex-direction:column}.btn{min-width:100%;width:100%}.profile-trigger{padding:.6rem .75rem}.profile-text{display:none}.profile-avatar{border-radius:10px;height:32px;width:32px}.app-container{gap:.75rem;padding:.75rem}.app-container-content{gap:1.25rem}.resume-builder-header{padding:.75rem}.resume-builder-info h3{font-size:1rem}.resume-builder-info p{font-size:.8rem}}@media print{.app-header,.form-section{display:none}.app-container{background:#0000;border:none;box-shadow:none;display:block;padding:0}.preview-section{max-height:none;position:static}}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color-scheme:light;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-page:before{animation:moveBackground 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.auth-page:after{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:400px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.auth-container{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:520px;overflow-y:auto;padding:48px 40px;position:relative;transform-origin:center;width:100%;z-index:1}.auth-header{margin-bottom:40px;text-align:center}.auth-logo{-webkit-text-fill-color:#0000;animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-bottom:8px}.auth-title{animation:fadeIn .8s ease-out .1s backwards;color:#1a1a1a;font-size:28px;font-weight:600;margin-bottom:8px}.auth-subtitle{animation:fadeIn .8s ease-out .2s backwards;color:#666;font-size:15px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;gap:16px}.form-group,.form-row{animation:fadeIn .8s ease-out .3s backwards}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;margin-left:4px}.form-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#1a1a1a;font-size:15px;padding:14px 16px;transition:all .3s ease}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.form-input::placeholder{color:#999}.form-input:-webkit-autofill,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a1a;border-color:#e0e0e0;box-shadow:inset 0 0 0 1000px #fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-feedback{color:#555;font-size:13px;margin-left:4px;margin-top:4px;transition:color .2s ease}.form-feedback-success{color:#15803d}.form-feedback-error{color:#dc2626}.form-feedback-loading{color:#4c1d95}@media (prefers-color-scheme:dark){.auth-container{background:#fffffffa}.auth-container .form-input{background:#fff!important;border-color:#e0e0e0;color:#1a1a1a!important}.auth-container .form-input::placeholder{color:#999}}textarea.form-input{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.password-wrapper{position:relative;width:100%}.password-wrapper .form-input{padding-right:48px;width:100%}.password-rules{color:#dc2626;display:flex;flex-direction:column;font-size:13px;gap:8px;list-style:none;margin:8px 0 0;padding:0 0 0 4px}.password-rule{align-items:center;display:flex;gap:8px;transition:color .2s ease}.password-rule.met{color:#16a34a}.password-rule-icon{align-items:center;display:inline-flex;height:18px;justify-content:center;width:18px}.confirm-password-feedback{align-items:center;display:flex;font-size:13px;gap:8px;margin-top:8px}.confirm-password-feedback.match{color:#15803d}.confirm-password-feedback.mismatch{color:#dc2626}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:1}.password-toggle:hover{color:#667eea}.auth-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.auth-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.auth-button:hover:before{height:300px;width:300px}.auth-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:8px}.auth-button-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.auth-button-primary:active{transform:translateY(0)}.auth-button-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-button-outline{background:#0000;border:2px solid #4c1d9533;color:#4c1d95;margin-top:12px}.auth-button-outline:hover:not(:disabled){border-color:#4c1d95;box-shadow:0 8px 20px #4c1d9526;transform:translateY(-1px)}.auth-button-outline:disabled{cursor:not-allowed;opacity:.5}.auth-button-google,.auth-button-microsoft{margin:.75rem auto 0;max-width:320px;min-height:52px;width:100%}.auth-button-google{background:#fff;border:2px solid #e0e0e0;color:#333}.auth-button-google:hover{background:#f8f8f8;border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.google-icon{height:20px;width:20px}.auth-button-microsoft{background:#fff;border:2px solid #e0e0e0;color:#1c1c1c}.auth-button-microsoft:hover{background:#f6f6f6;border-color:#0078d4;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.microsoft-icon{height:20px;width:20px}.auth-divider{align-items:center;color:#999;display:flex;font-size:14px;margin:24px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.auth-divider span{padding:0 16px}.auth-link{color:#667eea;font-weight:500;position:relative;text-decoration:none;transition:all .2s ease}.auth-link:after{background:#667eea;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-link:hover:after{width:100%}.auth-link:hover{color:#764ba2}.auth-footer{animation:fadeIn .8s ease-out .4s backwards;color:#666;font-size:14px;margin-top:24px;text-align:center}.forgot-password{margin-top:-8px;text-align:right}.forgot-password .auth-link{font-size:14px}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.error-message{align-items:center;animation:shake .4s ease;background:#fee;border-radius:8px;color:#c33;display:flex;font-size:14px;gap:8px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.success-message{animation:fadeIn .4s ease;background:#efe;border-radius:8px;color:#3a3;font-size:14px;gap:8px;padding:12px 16px}.back-button,.success-message{align-items:center;display:flex}.back-button{background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #0000001a;cursor:pointer;height:40px;justify-content:center;left:24px;position:absolute;top:24px;transition:all .3s ease;width:40px}.back-button:hover{background:#fff;transform:translateX(-4px)}@media (max-width:500px){.auth-container{border-radius:20px;padding:36px 24px}.auth-logo{font-size:30px}.auth-title{font-size:24px}.auth-subtitle{font-size:14px}.form-input{padding:12px 14px}.auth-button{font-size:15px;padding:12px 20px}.form-row{gap:20px;grid-template-columns:1fr}.checkbox-group input[type=checkbox]{height:24px;width:24px}}.checkbox-group{color:#555;font-size:14px}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;width:100%}.checkbox-label-text{color:#555;display:inline-block;line-height:1.5}.checkbox-group input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{transition:opacity .3s,transform .3s}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}.app-header.header-design-1{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #6366f11a;box-shadow:0 4px 30px #0000000d;color:var(--text-primary);height:72px;padding:1.25rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-header.header-design-1:before{background:linear-gradient(90deg,#0000,#6366f14d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.app-header.header-design-1 h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;position:relative}.app-header.header-design-1 h1:after{background:linear-gradient(90deg,#6366f1,#a855f7);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .5s ease;width:0}.app-header.header-design-1:hover h1:after{width:100%}[data-theme=dark] .app-header.header-design-1{background:#070914eb;border-bottom:1px solid #94a3b840;box-shadow:0 14px 35px #020617bf;color:#e2e8f0}[data-theme=dark] .app-header.header-design-1 h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e2e8f0,#c7d2fe);-webkit-background-clip:text;color:#e2e8f0}[data-theme=dark] .app-header.header-design-1 .profile-trigger{background:#0f172ad9;border-color:#6366f159;box-shadow:0 10px 30px #020617cc;color:#e2e8f0}.app-header.header-design-2{animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:200% 200%;box-shadow:0 8px 32px #667eea4d;color:#fff;height:76px;overflow:hidden;padding:1.5rem 2.5rem;position:relative}.app-header.header-design-2:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.app-header.header-design-2:after{animation:borderFlow 3s linear infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6 25%,#a855f7 50%,#ec4899 75%,#6366f1);background-size:200% 100%;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.app-header.header-design-2 h1{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;position:relative;text-shadow:0 2px 20px #0003;z-index:1}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes borderFlow{0%{background-position:0 0}to{background-position:200% 0}}.app-header.header-design-3{background:#fff;border-bottom:1px solid #6366f114;box-shadow:0 1px 3px #0000000d,0 4px 20px #6366f114;color:#1f2937;height:70px;padding:1.5rem 2.5rem;transition:box-shadow .3s ease}.app-header.header-design-3:hover{box-shadow:0 2px 6px #00000014,0 8px 30px #6366f11f}.app-header.header-design-3 h1{color:#6366f1;display:inline-block;font-size:1.65rem;font-weight:700;letter-spacing:-.025em;position:relative}.app-header.header-design-3 h1:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:40px}.app-header.header-design-4{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4338ca);box-shadow:0 4px 24px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;height:74px;padding:1.4rem 2.5rem;position:relative}.app-header.header-design-4:before{background:radial-gradient(circle at 20% 50%,#6366f14d 0,#0000 50%),radial-gradient(circle at 80% 50%,#a855f74d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.app-header.header-design-4 h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;letter-spacing:-.02em;position:relative;text-shadow:0 2px 10px #0000004d;z-index:1}.app-header.header-design-5{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffffb3;border:1px solid #fffc;border-radius:0 0 24px 24px;box-shadow:0 8px 32px #6366f11f,0 2px 8px #0000000a,inset 0 1px 0 #ffffffe6;color:#1f2937;height:80px;margin:12px 16px 0;max-width:calc(100% - 32px);padding:1.5rem 2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.app-header.header-design-5:hover{box-shadow:0 12px 40px #6366f12e,0 4px 12px #0000000f,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.app-header.header-design-5 h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;position:relative}.app-header.header-design-6{animation:neonBorder 4s linear infinite;background:#0f172a;background-clip:padding-box,border-box;background-image:linear-gradient(#0f172a,#0f172a),linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7,#ec4899,#6366f1);background-origin:border-box;background-size:100% 100%,200% 100%;border-bottom:2px solid #0000;color:#fff;height:76px;padding:1.5rem 2.5rem;position:relative}.app-header.header-design-6:before{background:radial-gradient(circle at 10% 20%,#6366f126 0,#0000 50%),radial-gradient(circle at 90% 80%,#a855f726 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.app-header.header-design-6 h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa 50%,#f472b6);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(99,102,241,.4));font-size:1.85rem;font-weight:800;letter-spacing:-.02em;position:relative;text-shadow:0 0 30px #6366f180;z-index:1}@keyframes neonBorder{0%{background-position:0 0,0 0}to{background-position:0 0,200% 0}}.app-header.header-design-7{animation:pastelFlow 10s ease infinite;background:linear-gradient(135deg,#fef3c7,#fce7f3 25%,#e0e7ff 50%,#ddd6fe 75%,#fef3c7);background-size:300% 300%;border-bottom:1px solid #6366f11a;box-shadow:0 4px 20px #6366f11a;color:#1f2937;height:72px;padding:1.4rem 2.5rem;position:relative}.app-header.header-design-7:after{background:linear-gradient(90deg,#0000,#6366f166 50%,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.app-header.header-design-7 h1{color:#6366f1;font-size:1.7rem;font-weight:700;letter-spacing:-.025em;text-shadow:0 1px 2px #fffc}@keyframes pastelFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.app-header.header-design-8{background:#111827;border-bottom:1px solid #6366f133;box-shadow:0 4px 24px #0006,0 0 0 1px #6366f11a,inset 0 1px 0 #ffffff0d;color:#fff;height:78px;padding:1.5rem 2.5rem;position:relative}.app-header.header-design-8:before{background:linear-gradient(90deg,#0000,#6366f199 20%,#a855f799 50%,#6366f199 80%,#0000);box-shadow:0 0 20px #6366f180;content:"";height:1px;left:0;position:absolute;right:0;top:0}.app-header.header-design-8 h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#a78bfa 50%,#c084fc);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 12px rgba(99,102,241,.6));font-size:1.8rem;font-weight:700;letter-spacing:-.02em;position:relative;z-index:1}.app-header.header-design-1 .profile-trigger,.app-header.header-design-3 .profile-trigger,.app-header.header-design-5 .profile-trigger,.app-header.header-design-7 .profile-trigger{background:#fffffff2;border:1px solid #6366f126;box-shadow:0 4px 16px #6366f11a}.app-header.header-design-2 .profile-trigger,.app-header.header-design-4 .profile-trigger,.app-header.header-design-6 .profile-trigger,.app-header.header-design-8 .profile-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;box-shadow:0 4px 16px #0003}.app-header.header-design-2 .profile-trigger:hover,.app-header.header-design-4 .profile-trigger:hover,.app-header.header-design-6 .profile-trigger:hover,.app-header.header-design-8 .profile-trigger:hover{background:#ffffff40;transform:translateY(-2px)}@media (max-width:768px){.app-header.header-design-1,.app-header.header-design-2,.app-header.header-design-3,.app-header.header-design-4,.app-header.header-design-5,.app-header.header-design-6,.app-header.header-design-7,.app-header.header-design-8{height:64px;padding:1rem 1.5rem}.app-header.header-design-1 h1,.app-header.header-design-2 h1,.app-header.header-design-3 h1,.app-header.header-design-4 h1,.app-header.header-design-5 h1,.app-header.header-design-6 h1,.app-header.header-design-7 h1,.app-header.header-design-8 h1{font-size:1.4rem}.app-header.header-design-5{border-radius:0 0 16px 16px;margin:8px 8px 0}}.app-header{scroll-behavior:smooth}.app-header h1{align-items:center;display:flex;gap:.5rem;transition:transform .3s ease}.app-header h1:hover{transform:scale(1.02)}.app-header.header-pulse h1{animation:subtlePulse 3s ease-in-out infinite}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.9}}.sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e);border-right:none;box-shadow:4px 0 12px #00000026;height:calc(100vh - 80px);left:0;overflow:hidden;position:fixed;top:80px;transition:background .4s ease,box-shadow .4s ease,width .3s ease,transform .3s ease;width:280px;z-index:130}.sidebar.collapsed{width:92px}.sidebar.collapsed .sidebar-projects,.sidebar.collapsed .sidebar-text{height:0;opacity:0;overflow:hidden;pointer-events:none}.sidebar.collapsed .sidebar-projects{margin:0;padding:0}.sidebar.collapsed .sidebar-item{justify-content:center;padding:.75rem}.sidebar.collapsed .sidebar-icon{margin:0}.sidebar.overlay{box-shadow:12px 0 30px #0f172a73;transform:translateX(0)}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#000,#0a0a0a 30%,#1a1a1a 70%,#000)!important;box-shadow:6px 0 20px #000000e6!important}.sidebar-content{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:0}.sidebar-header{background:linear-gradient(180deg,#1a1a2e,#16213e);border-bottom:1px solid #ffffff1a;margin-bottom:0;padding:1.5rem 1.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;transition:background .4s ease,border .4s ease;z-index:10}.sidebar-title{color:#ffffff80;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin:0;text-transform:uppercase}[data-theme=dark] .sidebar-title{color:#e2e8f0b3}.sidebar-section{background:linear-gradient(180deg,#1a1a2e,#16213e);border-bottom:1px solid #ffffff1a;margin-bottom:0;padding:1rem;position:-webkit-sticky;position:sticky;top:48px;transition:background .4s ease,border .4s ease;z-index:9}[data-theme=dark] .sidebar-header,[data-theme=dark] .sidebar-section{background:linear-gradient(180deg,#000,#0a0a0a)!important;border-bottom:1px solid #4b556333!important}.sidebar-projects{flex:1 1;margin-top:0;overflow-y:auto;padding:1rem 1rem 2rem}[data-theme=dark] .sidebar-projects{background:linear-gradient(180deg,#000,#0a0a0a)!important}.sidebar-item{align-items:center;background:none;border:none;border-radius:12px;color:#fffc;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:1rem;margin-bottom:.5rem;padding:.875rem 1.25rem;text-align:left;transition:background .3s ease,color .3s ease,box-shadow .3s ease;width:100%}[data-theme=dark] .sidebar-item{color:#e2e8f0f2}.sidebar-item:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:3px}[data-theme=dark] .sidebar-item:hover{background-color:#6366f12e;color:#f8fafc}.sidebar-item:hover:before{background:#ffffff4d}.sidebar-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateX(4px)}[data-theme=dark] .sidebar-item.active{box-shadow:0 8px 20px #3b82f659}.sidebar-item.active:before{background:#fff}.sidebar-item.active:hover{background:linear-gradient(135deg,#5568d3,#6a4290);box-shadow:0 6px 16px #667eea66}.sidebar-icon{flex-shrink:0;height:20px;transition:transform .3s ease;width:20px}.sidebar-item:hover .sidebar-icon{transform:scale(1.1)}.sidebar-item.active .sidebar-icon{transform:scale(1.05)}.sidebar-text{font-weight:500;letter-spacing:.01em}[data-theme=dark] .sidebar-text{color:#f8fafcfa}.sidebar-footer{border-top:1px solid #ffffff14;display:flex;justify-content:flex-end;margin-top:auto;padding:1rem}.sidebar-collapse-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background .2s ease;width:44px}[data-theme=dark] .sidebar-collapse-btn{background:#6366f133}.sidebar-collapse-btn:hover{background:#ffffff4d}[data-theme=dark] .sidebar-collapse-btn:hover{background:#6366f159}.sidebar-collapse-btn svg{height:22px;width:22px}.sidebar-close{background:#0f172acc;border:none;border-radius:50%;color:#f8fafc;cursor:pointer;font-size:1.2rem;height:36px;position:absolute;right:12px;top:12px;width:36px;z-index:2}.sidebar-close:hover{background:#1f2937d9}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:1024px){.sidebar{opacity:0;pointer-events:none;transform:translateX(-110%);width:260px}.sidebar.overlay{opacity:1;pointer-events:auto;transform:translateX(0)}.sidebar-header{padding:1.5rem 1.25rem 1rem}.sidebar-section{padding:1rem 1.25rem;top:45px}.sidebar-item{padding:.75rem 1rem}}@media (max-width:768px){.sidebar{height:calc(100vh - 70px);top:70px;width:220px}.sidebar-content{padding:0}.sidebar-header{margin-bottom:0;padding:1.25rem 1rem .75rem}.sidebar-section{padding:.75rem 1rem;top:40px}.sidebar-item{font-size:.9rem;gap:.75rem;padding:.75rem 1rem}.sidebar-icon{height:18px;width:18px}}@media (max-width:480px){.sidebar{width:200px}.sidebar-content{padding:0}.sidebar-header{margin-bottom:0;padding:1rem .75rem .5rem}.sidebar-title{font-size:.7rem}.sidebar-section{padding:.5rem .75rem;top:35px}.sidebar-item{font-size:.85rem;gap:.65rem;padding:.65rem .85rem}.sidebar-icon{height:16px;width:16px}.sidebar-item.active,.sidebar-item:hover{transform:translateX(2px)}}.sidebar.sidebar-design-1{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-right:1px solid #6366f11a;box-shadow:4px 0 30px #0000000d}.sidebar.sidebar-design-1 .sidebar-section{background:#0000;border-bottom:1px solid #6366f114}.sidebar.sidebar-design-1 .sidebar-item{border-radius:12px;color:#4b5563;margin-bottom:.4rem}.sidebar.sidebar-design-1 .sidebar-item:hover{background:#6366f114;color:#6366f1;transform:translateX(4px)}.sidebar.sidebar-design-1 .sidebar-item.active{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-left:3px solid #6366f1;box-shadow:0 4px 12px #6366f126;color:#6366f1}.sidebar.sidebar-design-1 .sidebar-item.active:before{display:none}.sidebar.sidebar-design-1 .sidebar-item.active:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633)}.sidebar.sidebar-design-2{background:linear-gradient(180deg,#1e1b4b,#312e81 50%,#4338ca);border-right:none;box-shadow:4px 0 24px #0000004d;overflow:hidden;position:relative}.sidebar.sidebar-design-2:before{background:radial-gradient(circle at 0 20%,#6366f133 0,#0000 50%),radial-gradient(circle at 100% 80%,#a855f733 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sidebar.sidebar-design-2 .sidebar-section{background:#0000;border-bottom:1px solid #ffffff1a}.sidebar.sidebar-design-2 .sidebar-item{border-radius:12px;color:#fffc}.sidebar.sidebar-design-2 .sidebar-item:hover{background:#ffffff1a;color:#fff;transform:translateX(6px)}.sidebar.sidebar-design-2 .sidebar-item.active{background:linear-gradient(135deg,#fff3,#ffffff26);border-left:3px solid #fff;box-shadow:0 4px 16px #0000004d,inset 0 1px 0 #fff3;color:#fff}.sidebar.sidebar-design-2 .sidebar-item.active:before{display:none}.sidebar.sidebar-design-3{background:#fff;border-right:1px solid #6366f11a;box-shadow:2px 0 20px #0000000a}.sidebar.sidebar-design-3 .sidebar-section{background:#fff;border-bottom:1px solid #f3f4f6}.sidebar.sidebar-design-3 .sidebar-item{border-radius:10px;color:#6b7280;margin-bottom:.3rem}.sidebar.sidebar-design-3 .sidebar-item:hover{background:#f9fafb;color:#6366f1;transform:translateX(3px)}.sidebar.sidebar-design-3 .sidebar-item.active{background:#6366f1;box-shadow:0 2px 8px #6366f140;color:#fff}.sidebar.sidebar-design-3 .sidebar-item.active:before{display:none}.sidebar.sidebar-design-3 .sidebar-item.active:hover{background:#4f46e5}.sidebar.sidebar-design-4{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffffb3;border:1px solid #fffc;border-radius:0 24px 24px 0;border-right-color:#6366f11a;box-shadow:8px 0 32px #6366f11f,2px 0 8px #0000000a,inset 1px 0 0 #ffffffe6;height:calc(100vh - 92px);margin-top:12px;top:80px}.sidebar.sidebar-design-4 .sidebar-section{background:#0000;border-bottom:1px solid #6366f114}.sidebar.sidebar-design-4 .sidebar-item{border-radius:14px;color:#4b5563;margin-bottom:.5rem}.sidebar.sidebar-design-4 .sidebar-item:hover{background:#6366f11a;color:#6366f1;transform:translateX(4px) scale(1.02)}.sidebar.sidebar-design-4 .sidebar-item.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f14d;color:#fff}.sidebar.sidebar-design-4 .sidebar-item.active:before{display:none}.sidebar.sidebar-design-5{animation:sidebarNeonBorder 4s linear infinite;background:#0f172a;background-clip:padding-box,border-box;background-image:linear-gradient(#0f172a,#0f172a),linear-gradient(180deg,#6366f1,#8b5cf6,#a855f7,#ec4899,#6366f1);background-origin:border-box;background-size:100% 100%,100% 200%;border-right:2px solid #0000;box-shadow:4px 0 24px #0006}.sidebar.sidebar-design-5 .sidebar-section{background:#0000;border-bottom:1px solid #6366f133}.sidebar.sidebar-design-5 .sidebar-item{border-radius:12px;color:#ffffffb3}.sidebar.sidebar-design-5 .sidebar-item:hover{background:#6366f126;box-shadow:0 0 20px #6366f14d;color:#a78bfa;transform:translateX(5px)}.sidebar.sidebar-design-5 .sidebar-item.active{background:linear-gradient(135deg,#6366f14d,#a855f74d);border-left:3px solid #a78bfa;box-shadow:0 4px 16px #6366f166,0 0 30px #6366f133;color:#fff}.sidebar.sidebar-design-5 .sidebar-item.active:before{display:none}@keyframes sidebarNeonBorder{0%{background-position:0 0,0 0}to{background-position:0 0,0 200%}}.sidebar.sidebar-design-6{animation:sidebarPastelFlow 15s ease infinite;background:linear-gradient(180deg,#fef3c7,#fce7f3 25%,#e0e7ff 50%,#ddd6fe 75%,#fef3c7);background-size:100% 300%;border-right:1px solid #6366f126;box-shadow:4px 0 20px #6366f11a}.sidebar.sidebar-design-6 .sidebar-section{background:#0000;border-bottom:1px solid #6366f11a}.sidebar.sidebar-design-6 .sidebar-item{border-radius:12px;color:#6366f1}.sidebar.sidebar-design-6 .sidebar-item:hover{background:#6366f11a;color:#4f46e5;transform:translateX(4px)}.sidebar.sidebar-design-6 .sidebar-item.active{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-left:3px solid #6366f1;box-shadow:0 4px 12px #6366f133;color:#6366f1}.sidebar.sidebar-design-6 .sidebar-item.active:before{display:none}@keyframes sidebarPastelFlow{0%,to{background-position:0 0}50%{background-position:0 100%}}.sidebar.sidebar-design-7{background:#111827;border-right:1px solid #6366f133;box-shadow:4px 0 24px #0006,0 0 0 1px #6366f11a,inset -1px 0 0 #6366f11a;position:relative}.sidebar.sidebar-design-7:before{background:linear-gradient(180deg,#0000,#6366f199 20%,#a855f799 50%,#6366f199 80%,#0000);box-shadow:0 0 20px #6366f180;content:"";height:100%;left:0;position:absolute;top:0;width:1px}.sidebar.sidebar-design-7 .sidebar-section{background:#0000;border-bottom:1px solid #6366f126}.sidebar.sidebar-design-7 .sidebar-item{border-radius:12px;color:#ffffffb3}.sidebar.sidebar-design-7 .sidebar-item:hover{background:#6366f126;color:#a78bfa;transform:translateX(4px)}.sidebar.sidebar-design-7 .sidebar-item.active{background:linear-gradient(135deg,#818cf840,#a88bfa40);border-left:3px solid #c084fc;box-shadow:0 4px 16px #6366f14d,0 0 20px #6366f133;color:#c084fc}.sidebar.sidebar-design-7 .sidebar-item.active:before{display:none}.sidebar.sidebar-design-8{animation:sidebarGradientShift 8s ease infinite;background:linear-gradient(180deg,#667eea,#764ba2 50%,#f093fb);background-size:100% 200%;border-right:none;box-shadow:4px 0 32px #667eea4d;overflow:hidden;position:relative}.sidebar.sidebar-design-8:before{animation:sidebarShimmer 4s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.sidebar.sidebar-design-8 .sidebar-section{background:#0000;border-bottom:1px solid #fff3}.sidebar.sidebar-design-8 .sidebar-item{border-radius:12px;color:#ffffffe6}.sidebar.sidebar-design-8 .sidebar-item:hover{background:#ffffff26;box-shadow:0 4px 12px #0003;color:#fff;transform:translateX(5px)}.sidebar.sidebar-design-8 .sidebar-item.active{background:#ffffff40;border-left:3px solid #fff;box-shadow:0 4px 16px #0000004d,inset 0 1px 0 #ffffff4d;color:#fff}.sidebar.sidebar-design-8 .sidebar-item.active:before{display:none}@keyframes sidebarGradientShift{0%,to{background-position:0 0}50%{background-position:0 100%}}@keyframes sidebarShimmer{0%{left:-100%}to{left:100%}}.sidebar-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-item .sidebar-icon{transition:all .3s ease}.sidebar-item:hover .sidebar-icon{transform:scale(1.15) rotate(5deg)}.sidebar-item.active .sidebar-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform:scale(1.1)}.sidebar-design-1 .sidebar-content::-webkit-scrollbar,.sidebar-design-3 .sidebar-content::-webkit-scrollbar,.sidebar-design-4 .sidebar-content::-webkit-scrollbar,.sidebar-design-6 .sidebar-content::-webkit-scrollbar{width:6px}.sidebar-design-1 .sidebar-content::-webkit-scrollbar-track,.sidebar-design-3 .sidebar-content::-webkit-scrollbar-track,.sidebar-design-4 .sidebar-content::-webkit-scrollbar-track,.sidebar-design-6 .sidebar-content::-webkit-scrollbar-track{background:#6366f10d}.sidebar-design-1 .sidebar-content::-webkit-scrollbar-thumb,.sidebar-design-3 .sidebar-content::-webkit-scrollbar-thumb,.sidebar-design-4 .sidebar-content::-webkit-scrollbar-thumb,.sidebar-design-6 .sidebar-content::-webkit-scrollbar-thumb{background:#6366f133;border-radius:3px}.sidebar-design-1 .sidebar-content::-webkit-scrollbar-thumb:hover,.sidebar-design-3 .sidebar-content::-webkit-scrollbar-thumb:hover,.sidebar-design-4 .sidebar-content::-webkit-scrollbar-thumb:hover,.sidebar-design-6 .sidebar-content::-webkit-scrollbar-thumb:hover{background:#6366f14d}.sidebar-design-2 .sidebar-content::-webkit-scrollbar-thumb,.sidebar-design-5 .sidebar-content::-webkit-scrollbar-thumb,.sidebar-design-7 .sidebar-content::-webkit-scrollbar-thumb,.sidebar-design-8 .sidebar-content::-webkit-scrollbar-thumb{background:#fff3}.sidebar-design-2 .sidebar-content::-webkit-scrollbar-thumb:hover,.sidebar-design-5 .sidebar-content::-webkit-scrollbar-thumb:hover,.sidebar-design-7 .sidebar-content::-webkit-scrollbar-thumb:hover,.sidebar-design-8 .sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.sidebar.sidebar-design-4{border-radius:0 16px 16px 0;height:calc(100vh - 78px);margin-top:8px;top:70px}}.sidebar{transition:all .3s ease}.sidebar-item{overflow:hidden;position:relative}.sidebar-item:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.sidebar-item:active:after{height:300px;width:300px}.sidebar-design-1 .projects-list-container,.sidebar-design-3 .projects-list-container,.sidebar-design-4 .projects-list-container,.sidebar-design-6 .projects-list-container{border-top:1px solid #6366f11a}.sidebar-design-1 .projects-header-title,.sidebar-design-3 .projects-header-title,.sidebar-design-4 .projects-header-title,.sidebar-design-6 .projects-header-title{color:#6b7280}.sidebar-design-1 .project-link,.sidebar-design-3 .project-link,.sidebar-design-4 .project-link,.sidebar-design-6 .project-link{background:#6366f10d;color:#4b5563}.sidebar-design-1 .project-link:hover,.sidebar-design-3 .project-link:hover,.sidebar-design-4 .project-link:hover,.sidebar-design-6 .project-link:hover{background:#6366f11a;border-left-color:#6366f1;color:#6366f1}.sidebar-design-1 .project-icon,.sidebar-design-3 .project-icon,.sidebar-design-4 .project-icon,.sidebar-design-6 .project-icon{color:#6366f1;opacity:.5}.sidebar-design-1 .project-link:hover .project-icon,.sidebar-design-3 .project-link:hover .project-icon,.sidebar-design-4 .project-link:hover .project-icon,.sidebar-design-6 .project-link:hover .project-icon{opacity:1}.sidebar-design-1 .project-resume-count,.sidebar-design-3 .project-resume-count,.sidebar-design-4 .project-resume-count,.sidebar-design-6 .project-resume-count{background:#6366f126;color:#6366f1}.sidebar-design-1 .project-link:hover .project-resume-count,.sidebar-design-3 .project-link:hover .project-resume-count,.sidebar-design-4 .project-link:hover .project-resume-count,.sidebar-design-6 .project-link:hover .project-resume-count{background:#6366f140;color:#6366f1}.sidebar-design-1 .empty-projects,.sidebar-design-3 .empty-projects,.sidebar-design-4 .empty-projects,.sidebar-design-6 .empty-projects{color:#9ca3af}.sidebar-design-1 .btn-add-project,.sidebar-design-1 .btn-add-project-inline,.sidebar-design-3 .btn-add-project,.sidebar-design-3 .btn-add-project-inline,.sidebar-design-4 .btn-add-project,.sidebar-design-4 .btn-add-project-inline,.sidebar-design-6 .btn-add-project,.sidebar-design-6 .btn-add-project-inline{background:#6366f114;border-color:#6366f14d;color:#6366f1}.sidebar-design-1 .btn-add-project-inline:hover,.sidebar-design-1 .btn-add-project:hover,.sidebar-design-3 .btn-add-project-inline:hover,.sidebar-design-3 .btn-add-project:hover,.sidebar-design-4 .btn-add-project-inline:hover,.sidebar-design-4 .btn-add-project:hover,.sidebar-design-6 .btn-add-project-inline:hover,.sidebar-design-6 .btn-add-project:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.sidebar-design-1 .btn-more,.sidebar-design-3 .btn-more,.sidebar-design-4 .btn-more,.sidebar-design-6 .btn-more{background:#6366f114;color:#6366f1}.sidebar-design-1 .btn-more:hover,.sidebar-design-3 .btn-more:hover,.sidebar-design-4 .btn-more:hover,.sidebar-design-6 .btn-more:hover{background:#6366f126;color:#6366f1}.sidebar-design-2 .projects-list-container,.sidebar-design-5 .projects-list-container,.sidebar-design-7 .projects-list-container,.sidebar-design-8 .projects-list-container{border-top:1px solid #ffffff1a}.sidebar-design-2 .projects-header-title,.sidebar-design-5 .projects-header-title,.sidebar-design-7 .projects-header-title,.sidebar-design-8 .projects-header-title{color:#fff9}.sidebar-design-2 .project-link,.sidebar-design-5 .project-link,.sidebar-design-7 .project-link,.sidebar-design-8 .project-link{background:#ffffff08;color:#ffffffb3}.sidebar-design-2 .project-link:hover,.sidebar-design-5 .project-link:hover,.sidebar-design-7 .project-link:hover,.sidebar-design-8 .project-link:hover{background:#ffffff14;color:#fffffff2}.sidebar-design-2 .empty-projects,.sidebar-design-5 .empty-projects,.sidebar-design-7 .empty-projects,.sidebar-design-8 .empty-projects{color:#fff6}.sidebar-design-2 .btn-add-project,.sidebar-design-2 .btn-add-project-inline,.sidebar-design-5 .btn-add-project,.sidebar-design-5 .btn-add-project-inline,.sidebar-design-7 .btn-add-project,.sidebar-design-7 .btn-add-project-inline,.sidebar-design-8 .btn-add-project,.sidebar-design-8 .btn-add-project-inline{background:#667eea0d;border-color:#667eea66;color:#ffffffbf}.sidebar-design-2 .btn-more,.sidebar-design-5 .btn-more,.sidebar-design-7 .btn-more,.sidebar-design-8 .btn-more{background:#ffffff0d;color:#667eeae6}.projects-list-container{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.projects-header-title{align-items:center;color:#fff9;display:flex;gap:.75rem;padding:0 .5rem 1rem}[data-theme=dark] .projects-header-title{color:#e2e8f0b3}.projects-header-icon{flex-shrink:0;height:18px;opacity:.7;width:18px}.projects-title-text{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.projects-count{font-size:.7rem;margin-left:auto;opacity:.5}[data-theme=dark] .projects-count{color:#e2e8f099}.projects-content{animation:fadeIn .3s ease}.projects-list{list-style:none;margin:0;padding:0}.project-item{margin-bottom:.25rem}.project-link{align-items:center;background:#ffffff08;border:none;border-left:2px solid #0000;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.65rem .75rem;text-align:left;transition:all .3s ease;width:100%}[data-theme=dark] .project-link{background:#ffffff0d;color:#e2e8f0e6}.project-link:hover{background-color:#ffffff14;border-left-color:#667eeacc;color:#fffffff2;transform:translateX(2px)}[data-theme=dark] .project-link:hover{background-color:#3b82f633;color:#f8fafc}.project-icon{flex-shrink:0;height:16px;opacity:.6;width:16px}.project-link:hover .project-icon{opacity:1}.project-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-resume-count{background:#667eea33;border-radius:10px;color:#667eea;font-size:.7rem;font-weight:600;min-width:20px;padding:.2rem .5rem;text-align:center}[data-theme=dark] .project-resume-count{background:#6366f140;color:#93c5fdf2}.project-link:hover .project-resume-count{background:#667eea4d;color:#fffffff2}[data-theme=dark] .project-link:hover .project-resume-count{background:#6366f166;color:#f8fafcf2}.empty-projects{color:#fff6;padding:1.5rem 1rem;text-align:center}[data-theme=dark] .empty-projects{color:#94a3b899}.empty-projects p{font-size:.85rem;line-height:1.4;margin-bottom:1rem}.btn-add-project,.btn-add-project-inline{align-items:center;background:#667eea0d;border:1.5px dashed #667eea66;border-radius:8px;color:#ffffffbf;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.65rem 1rem;transition:all .3s ease;width:100%}[data-theme=dark] .btn-add-project,[data-theme=dark] .btn-add-project-inline{background:#6366f114;border-color:#93c5fd80;color:#e2e8f0cc}.btn-add-project-inline svg{height:16px;width:16px}.btn-add-project-inline:hover,.btn-add-project:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;border-style:solid;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}[data-theme=dark] .btn-add-project-inline:hover,[data-theme=dark] .btn-add-project:hover{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 12px #3b82f666}.btn-more{background:#ffffff0d;border:none;border-radius:6px;color:#667eeae6;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:.5rem;padding:.6rem;transition:all .3s ease;width:100%}[data-theme=dark] .btn-more{background:#6366f11a;color:#93c5fde6}.btn-more:hover{background:#667eea26;color:#667eea;transform:translateY(-1px)}[data-theme=dark] .btn-more:hover{background:#6366f133;color:#93c5fd}@media (max-width:768px){.projects-list-container{margin-top:.75rem;padding-top:.75rem}.projects-header-title{padding:0 .25rem .75rem}.projects-title-text{font-size:.7rem}.project-link{font-size:.85rem;gap:.6rem;padding:.6rem}.project-icon{height:14px;width:14px}.project-resume-count{font-size:.65rem;padding:.15rem .4rem}.btn-add-project,.btn-add-project-inline{font-size:.8rem;padding:.6rem .85rem}}.project-detail{animation:fadeIn .3s ease;margin:0 auto;max-width:1400px;padding:2rem}.project-detail-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.btn-back{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.65rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back svg{height:18px;transition:transform .3s ease;width:18px}.btn-back:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#6366f1;box-shadow:0 4px 12px #6366f126;color:#6366f1;transform:translateX(-4px)}.btn-back:hover svg{transform:translateX(-2px)}.project-name-display,.project-name-display h2{align-items:center;display:flex;flex:1 1;min-width:0}.project-name-display h2{color:#1f2937;font-size:1.875rem;font-weight:700;gap:.75rem;margin:0;transition:all .3s ease}.project-name-clickable{align-items:center;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;gap:.75rem;margin:-.5rem -.75rem;padding:.5rem .75rem;position:relative;transition:all .2s ease}[data-theme=dark] .project-name-clickable{color:#f1f5f9}.project-name-clickable:hover{background:#6366f114;color:#6366f1}[data-theme=dark] .project-name-clickable:hover{background:#6366f126;color:#818cf8}.project-name-clickable .edit-icon{color:#6366f1;flex-shrink:0;height:18px;opacity:0;transition:all .3s ease;width:18px}[data-theme=dark] .project-name-clickable .edit-icon{color:#818cf8}.project-name-clickable:hover .edit-icon{opacity:1;transform:scale(1.1)}.project-name-edit{align-items:center;animation:slideIn .3s ease;display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.project-name-input{background:#fff;border:2px solid #6366f1;border-radius:10px;box-shadow:0 0 0 3px #6366f11a;color:#1f2937;flex:1 1;font-size:1.125rem;font-weight:600;min-width:200px;padding:.75rem 1rem;transition:all .3s ease}.project-name-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #6366f133;outline:none;transform:scale(1.02)}.project-name-input::placeholder{color:#9ca3af;font-weight:400}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.65rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-cancel svg,.btn-save svg{height:18px;transition:transform .3s ease;width:18px}.btn-save{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d;color:#fff}.btn-save:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-save:hover svg{transform:scale(1.1)}.btn-save:active{transform:translateY(0)}.btn-cancel{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;transform:translateY(-2px)}.btn-cancel:hover svg{transform:rotate(90deg)}.project-actions{margin-bottom:2rem}.btn-add-resume{align-items:center;background:linear-gradient(135deg,#6366f10d,#6366f105);border:2px dashed #6366f1;border-radius:12px;color:#6366f1;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-add-resume:before{background:#6366f11a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-add-resume:hover:before{height:300px;width:300px}.btn-add-resume svg{height:20px;transition:transform .3s ease;width:20px}.btn-add-resume span,.btn-add-resume svg{position:relative;z-index:1}.btn-add-resume:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;border-style:solid;box-shadow:0 8px 24px #6366f14d;color:#fff;transform:translateY(-3px)}.btn-add-resume:hover svg{transform:rotate(90deg) scale(1.1)}.btn-add-resume:active{transform:translateY(-1px)}.resumes-grid{animation:fadeIn .4s ease .1s both;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.empty-resumes{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:16px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.empty-resumes p{color:#6b7280;font-size:1.05rem;margin:.5rem 0}.empty-resumes p:first-child{color:#374151;font-size:1.15rem;font-weight:600}@media (max-width:1024px){.resumes-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.project-detail{padding:1.5rem}.project-detail-header{gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.project-name-display h2{font-size:1.5rem}.project-name-edit{align-items:stretch;flex-direction:column;gap:.75rem}.project-name-input{min-width:100%}.btn-cancel,.btn-save{flex:1 1;justify-content:center}.resumes-grid{gap:1rem;grid-template-columns:1fr}.btn-add-resume{justify-content:center;width:100%}}@media (max-width:480px){.project-detail{padding:1rem}.project-name-display h2{font-size:1.25rem}.btn-back span,.btn-cancel span,.btn-edit span,.btn-save span{display:none}.btn-back,.btn-cancel,.btn-edit,.btn-save{justify-content:center;min-width:44px;padding:.65rem}}.resume-preview.template-professional{background:#fff}.resume-preview.template-professional .resume-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;margin:-2rem -2rem 2rem;padding:2.5rem 2rem}.resume-preview.template-professional .resume-header h1{color:#fff;font-size:2.5rem;letter-spacing:.02em;margin-bottom:.5rem}.resume-preview.template-professional .contact-info{color:#ffffffe6;font-size:.95rem}.resume-preview.template-professional .contact-info a{color:#3498db}.resume-preview.template-professional .resume-section h2{border-bottom:3px solid #3498db;color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;padding-bottom:.5rem}.resume-preview.template-professional .item-header{border-left:4px solid #3498db;padding-left:1rem}.resume-preview.template-modern{background:linear-gradient(135deg,#f5f7fa,#fff)}.resume-preview.template-modern .resume-header{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-clip-path:polygon(0 0,100% 0,100% 85%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);color:#fff;margin:-2rem -2rem 2rem;padding:3rem 2rem 4rem}.resume-preview.template-modern .resume-header h1{color:#fff;font-size:3rem;font-weight:800;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.resume-preview.template-modern .contact-info{color:#fffffff2;font-weight:500}.resume-preview.template-modern .resume-section h2{color:#667eea;font-size:1.6rem;font-weight:800;letter-spacing:.1em;margin-bottom:1.5rem;padding-left:1.5rem;position:relative;text-transform:uppercase}.resume-preview.template-modern .resume-section h2:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.resume-preview.template-modern .skill-item{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:20px;color:#667eea;font-weight:600;padding:.4rem .8rem}.resume-preview.template-creative{background:#fff8f0}.resume-preview.template-creative .resume-header{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;margin:-2rem -2rem 2rem;overflow:hidden;padding:2.5rem 2rem;position:relative}.resume-preview.template-creative .resume-header:after{background:#ffffff1a;border-radius:50%;content:"";height:300px;position:absolute;right:-10%;top:-50%;width:300px}.resume-preview.template-creative .resume-header h1{color:#fff;font-family:Georgia,serif;font-size:2.8rem;font-style:italic;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}.resume-preview.template-creative .contact-info{color:#fffffff2;position:relative;z-index:1}.resume-preview.template-creative .resume-section h2{color:#ff6b6b;display:inline-block;font-family:Georgia,serif;font-size:1.8rem;font-style:italic;font-weight:700;margin-bottom:1.5rem;position:relative}.resume-preview.template-creative .resume-section h2:after{background:linear-gradient(90deg,#ff6b6b,#0000);bottom:-5px;content:"";height:3px;left:0;position:absolute;width:60%}.resume-preview.template-creative .item-header{background:#ff6b6b0d;border-radius:10px;margin-bottom:.5rem;padding:1rem}.resume-preview.template-minimalist{background:#fff}.resume-preview.template-minimalist .resume-header{background:#0000;border-bottom:1px solid #000;color:#000;margin-bottom:2rem;padding:2rem 0}.resume-preview.template-minimalist .resume-header h1{color:#000;font-size:2.5rem;font-weight:300;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.resume-preview.template-minimalist .contact-info{color:#666;font-size:.9rem;font-weight:400}.resume-preview.template-minimalist .contact-info a{color:#000;text-decoration:underline}.resume-preview.template-minimalist .resume-section h2{border-bottom:1px solid #000;color:#000;font-size:1.2rem;font-weight:400;letter-spacing:.15em;margin-bottom:1.5rem;padding-bottom:.3rem;text-transform:uppercase}.resume-preview.template-minimalist .item-header{margin-bottom:.5rem}.resume-preview.template-minimalist .skill-item{color:#333;font-weight:400}.resume-preview.template-executive{background:#f8f9fa}.resume-preview.template-executive .resume-header{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin:-2rem -2rem 2rem;padding:3rem 2rem}.resume-preview.template-executive .resume-header h1{color:#fff;font-family:Georgia,Times New Roman,serif;font-size:2.8rem;font-weight:600;letter-spacing:.03em;margin-bottom:.5rem}.resume-preview.template-executive .contact-info{color:#ffffffd9;font-size:.95rem}.resume-preview.template-executive .contact-info a{color:#c9a867}.resume-preview.template-executive .resume-section h2{color:#1a1a2e;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-left:1.5rem;position:relative}.resume-preview.template-executive .resume-section h2:before{background:#c9a867;content:"";height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.resume-preview.template-executive .item-header{background:#c9a86714;border-left:3px solid #c9a867;border-radius:5px;margin-bottom:.5rem;padding:1rem}.resume-preview.template-tech{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#e0e0e0}.resume-preview.template-tech .resume-content{background:#1a1a1a;border:1px solid #0f8;box-shadow:0 0 20px #0f83}.resume-preview.template-tech .resume-header{background:linear-gradient(135deg,#0f8,#00cc70);color:#0f0f0f;margin:-2rem -2rem 2rem;padding:2.5rem 2rem;position:relative}.resume-preview.template-tech .resume-header:before{content:"</>  ";font-family:monospace;font-size:3rem;font-weight:700;opacity:.3;position:absolute;right:2rem;top:1rem}.resume-preview.template-tech .resume-header h1{color:#0f0f0f;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem}.resume-preview.template-tech .contact-info{color:#0f0f0f;font-family:Courier New,monospace;font-weight:600}.resume-preview.template-tech .contact-info a{color:#0f0f0f;text-decoration:underline}.resume-preview.template-tech .resume-section h2{color:#0f8;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;padding-left:2rem;position:relative;text-transform:uppercase}.resume-preview.template-tech .resume-section h2:before{color:#0f8;content:"// ";left:0;opacity:.7;position:absolute}.resume-preview.template-tech .resume-section .company,.resume-preview.template-tech .resume-section h3,.resume-preview.template-tech .resume-section p{color:#e0e0e0}.resume-preview.template-tech .item-header{border-left:3px solid #0f8;padding-left:1rem}.resume-preview.template-tech .skill-item{background:#00ff881a;border:1px solid #00ff884d;border-radius:5px;color:#0f8;font-family:Courier New,monospace;font-weight:600;padding:.3rem .7rem}.resume-preview.template-academic{background:#fefefe}.resume-preview.template-academic .resume-header{background:#0000;border-bottom:2px solid #8b0000;color:#000;margin-bottom:2rem;padding:2rem 0;text-align:center}.resume-preview.template-academic .resume-header h1{color:#8b0000;font-family:Georgia,Times New Roman,serif;font-size:2.5rem;font-weight:700;letter-spacing:.02em;margin-bottom:.8rem}.resume-preview.template-academic .contact-info{color:#333;font-size:.95rem;justify-content:center}.resume-preview.template-academic .contact-info a{color:#8b0000}.resume-preview.template-academic .resume-section h2{border-bottom:2px solid #8b0000;color:#8b0000;font-size:1.3rem;letter-spacing:.1em;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center;text-transform:uppercase}.resume-preview.template-academic .item-header h3,.resume-preview.template-academic .resume-section h2{font-family:Georgia,Times New Roman,serif;font-weight:700}.resume-preview.template-academic .gpa{color:#555;font-style:italic}.resume-preview.template-bold{background:linear-gradient(135deg,#ff0080,#7928ca 50%,#0070f3);padding:3px}.resume-preview.template-bold .resume-content{background:#fff;padding:2rem}.resume-preview.template-bold .resume-header{background:linear-gradient(135deg,#ff0080,#7928ca 50%,#0070f3);-webkit-clip-path:polygon(0 0,100% 0,100% 90%,0 100%);clip-path:polygon(0 0,100% 0,100% 90%,0 100%);color:#fff;margin:-2rem -2rem 2rem;overflow:hidden;padding:2.5rem 2rem 3rem;position:relative}.resume-preview.template-bold .resume-header:before{animation:slide 20s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff1a 0,#ffffff1a 20px);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes slide{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.resume-preview.template-bold .resume-header h1{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:.05em;margin-bottom:.5rem;position:relative;text-shadow:0 4px 10px #0000004d;text-transform:uppercase;z-index:1}.resume-preview.template-bold .contact-info{color:#fffffff2;font-weight:700;position:relative;z-index:1}.resume-preview.template-bold .resume-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff0080,#7928ca 50%,#0070f3);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;letter-spacing:.1em;margin-bottom:1.5rem;position:relative;text-transform:uppercase}.resume-preview.template-bold .item-header{background:linear-gradient(135deg,#ff00801a,#7928ca1a 50%,#0070f31a);border-left:5px solid #ff0080;border-radius:10px;margin-bottom:.5rem;padding:1rem}.resume-preview.template-bold .skill-item{background:linear-gradient(135deg,#ff0080,#7928ca 50%,#0070f3);border-radius:25px;box-shadow:0 4px 10px #ff00804d;color:#fff;font-weight:700;padding:.4rem .9rem}@media print{.resume-preview.template-tech{background:#fff;color:#000}.resume-preview.template-tech .resume-content{background:#fff;border:1px solid #ccc;box-shadow:none}.resume-preview.template-tech .resume-section .company,.resume-preview.template-tech .resume-section h2,.resume-preview.template-tech .resume-section h3,.resume-preview.template-tech .resume-section p{color:#000}.resume-preview.template-bold{background:#fff}.resume-preview.template-bold .resume-content{padding:1rem}}.resume-preview.template-professional-grey .resume-header h1{border-bottom:2px solid #555;color:#555}.resume-preview.template-professional-grey .resume-section h2{border-bottom:1px solid #888;color:#555}.resume-preview.template-professional-grey .resume-item .item-header h3{color:#666}.resume-preview.template-professional-grey .skills-preview .skill-item{background-color:#f0f0f0;border:1px solid #ccc;color:#555}.resume-preview.template-professional-green .resume-header h1{border-bottom:2px solid #27ae60;color:#27ae60}.resume-preview.template-professional-green .resume-section h2{border-bottom:1px solid #2ecc71;color:#27ae60}.resume-preview.template-professional-green .resume-item .item-header h3{color:#229954}.resume-preview.template-professional-green .skills-preview .skill-item{background-color:#d5f4e6;border:1px solid #82e0aa;color:#27ae60}.resume-preview.template-modern-teal .resume-header{background-color:#e6f7f7;border-bottom:3px solid #06b6d4}.resume-preview.template-modern-teal .resume-header h1{color:#0891b2}.resume-preview.template-modern-teal .resume-section h2{border-bottom:2px solid #06b6d4;color:#0891b2}.resume-preview.template-modern-teal .resume-item .item-header h3{color:#0e7490}.resume-preview.template-modern-teal .skills-preview .skill-item{background-color:#cffafe;border:1px solid #67e8f9;color:#0891b2}.resume-preview.template-modern-orange .resume-header{background-color:#fff7ed;border-bottom:3px solid #f97316}.resume-preview.template-modern-orange .resume-header h1{color:#ea580c}.resume-preview.template-modern-orange .resume-section h2{border-bottom:2px solid #f97316;color:#ea580c}.resume-preview.template-modern-orange .resume-item .item-header h3{color:#c2410c}.resume-preview.template-modern-orange .skills-preview .skill-item{background-color:#fed7aa;border:1px solid #fdba74;color:#ea580c}.resume-preview.template-creative-indigo .resume-header{background-color:#eef2ff;border-bottom:4px solid #4f46e5}.resume-preview.template-creative-indigo .resume-header h1{color:#4338ca;text-shadow:none}.resume-preview.template-creative-indigo .resume-section h2{border-bottom:2px solid #6366f1;color:#4338ca}.resume-preview.template-creative-indigo .resume-item .item-header h3{color:#3730a3}.resume-preview.template-creative-indigo .skills-preview .skill-item{background-color:#e0e7ff;border:1px solid #a5b4fc;color:#4338ca}.resume-preview.template-creative-magenta .resume-header{background-color:#fdf4ff;border-bottom:4px solid #d946ef}.resume-preview.template-creative-magenta .resume-header h1{color:#c026d3;text-shadow:none}.resume-preview.template-creative-magenta .resume-section h2{border-bottom:2px solid #d946ef;color:#c026d3}.resume-preview.template-creative-magenta .resume-item .item-header h3{color:#a21caf}.resume-preview.template-creative-magenta .skills-preview .skill-item{background-color:#f5d0fe;border:1px solid #e879f9;color:#c026d3}.resume-preview.template-minimalist-slate .resume-header h1{color:#475569}.resume-preview.template-minimalist-slate .resume-section h2{border-bottom:1px solid #94a3b8;color:#475569}.resume-preview.template-minimalist-slate .resume-item .item-header h3{color:#334155}.resume-preview.template-minimalist-slate .skills-preview .skill-item{background-color:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.resume-preview.template-minimalist-navy .resume-header h1{color:#1e3a8a}.resume-preview.template-minimalist-navy .resume-section h2{border-bottom:1px solid #3b82f6;color:#1e3a8a}.resume-preview.template-minimalist-navy .resume-item .item-header h3{color:#1e40af}.resume-preview.template-minimalist-navy .skills-preview .skill-item{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a}.resume-preview.template-executive-silver .resume-header{background-color:#f4f4f5;border-bottom:3px solid #71717a}.resume-preview.template-executive-silver .resume-header h1{color:#52525b}.resume-preview.template-executive-silver .resume-section h2{border-bottom:2px solid #71717a;color:#52525b}.resume-preview.template-executive-silver .resume-item .item-header h3{color:#3f3f46}.resume-preview.template-executive-silver .skills-preview .skill-item{background-color:#e4e4e7;border:1px solid #a1a1aa;color:#52525b}.resume-preview.template-executive-burgundy .resume-header{background-color:#fef2f2;border-bottom:3px solid #7f1d1d}.resume-preview.template-executive-burgundy .resume-header h1{color:#7f1d1d}.resume-preview.template-executive-burgundy .resume-section h2{border-bottom:2px solid #991b1b;color:#7f1d1d}.resume-preview.template-executive-burgundy .resume-item .item-header h3{color:#881337}.resume-preview.template-executive-burgundy .skills-preview .skill-item{background-color:#fecaca;border:1px solid #fca5a5;color:#7f1d1d}.resume-preview.template-tech-cyan .resume-content{background:#0a1929;border:1px solid #0891b2;box-shadow:0 0 20px #0891b24d}.resume-preview.template-tech-cyan .resume-header{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#0f0f0f}.resume-preview.template-tech-cyan .contact-info,.resume-preview.template-tech-cyan .resume-header h1{color:#0f0f0f}.resume-preview.template-tech-cyan .resume-item .item-header h3,.resume-preview.template-tech-cyan .resume-section h2{color:#06b6d4}.resume-preview.template-tech-cyan .resume-item .company{color:#0891b2}.resume-preview.template-tech-cyan .skills-preview .skill-item{background-color:#164e63;border:1px solid #0891b2;color:#67e8f9}.resume-preview.template-tech-amber .resume-content{background:#1a1108;border:1px solid #f59e0b;box-shadow:0 0 20px #f59e0b4d}.resume-preview.template-tech-amber .resume-header{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f0f0f}.resume-preview.template-tech-amber .contact-info,.resume-preview.template-tech-amber .resume-header h1{color:#0f0f0f}.resume-preview.template-tech-amber .resume-item .item-header h3,.resume-preview.template-tech-amber .resume-section h2{color:#fbbf24}.resume-preview.template-tech-amber .resume-item .company{color:#f59e0b}.resume-preview.template-tech-amber .skills-preview .skill-item{background-color:#713f12;border:1px solid #f59e0b;color:#fcd34d}.resume-preview.template-academic-forest .resume-header{border-bottom:2px solid #14532d}.resume-preview.template-academic-forest .resume-header h1{color:#14532d}.resume-preview.template-academic-forest .resume-section h2{border-bottom:1px solid #15803d;color:#14532d}.resume-preview.template-academic-forest .resume-item .item-header h3{color:#166534}.resume-preview.template-academic-forest .skills-preview .skill-item{background-color:#dcfce7;border:1px solid #86efac;color:#14532d}.resume-preview.template-academic-oxford .resume-header{border-bottom:2px solid #002147}.resume-preview.template-academic-oxford .resume-header h1{color:#002147}.resume-preview.template-academic-oxford .resume-section h2{border-bottom:1px solid #0369a1;color:#002147}.resume-preview.template-academic-oxford .resume-item .item-header h3{color:#075985}.resume-preview.template-academic-oxford .skills-preview .skill-item{background-color:#dbeafe;border:1px solid #93c5fd;color:#002147}.resume-preview.template-bold-sunset .resume-header{background:linear-gradient(135deg,#ff6b35,#f7931e 50%,#fdc830)}.resume-preview.template-bold-sunset .resume-section h2{border-bottom:3px solid #f7931e;color:#ea580c}.resume-preview.template-bold-sunset .resume-item .item-header h3{color:#c2410c}.resume-preview.template-bold-sunset .skills-preview .skill-item{background:linear-gradient(45deg,#ff6b35,#f7931e 50%,#fdc830)}.resume-preview.template-bold-neon .resume-header{background:linear-gradient(135deg,#0ff,#f0f 50%,#0f0)}.resume-preview.template-bold-neon .resume-section h2{border-bottom:3px solid #a78bfa;color:#8b5cf6}.resume-preview.template-bold-neon .resume-item .item-header h3{color:#7c3aed}.resume-preview.template-bold-neon .skills-preview .skill-item{background:linear-gradient(45deg,#0ff,#f0f 50%,#0f0)}.resume-tile-preview.template-professional .mini-resume-header{background:linear-gradient(135deg,#2c3e50,#34495e);border:none;color:#fff;margin-bottom:.6rem;padding:.6rem}.resume-tile-preview.template-professional .mini-name{color:#fff}.resume-tile-preview.template-professional .mini-contact{color:#ffffffe6}.resume-tile-preview.template-professional .mini-section-title{border-bottom:2px solid #3498db;color:#2c3e50;padding-bottom:.2rem}.resume-tile-preview.template-professional .mini-skill-tag{background:#e3f2fd;border-color:#3498db;color:#2c3e50}.resume-tile-preview.template-professional-grey .mini-resume-header{background:linear-gradient(135deg,#555,#777);border:none;color:#fff;padding:.6rem}.resume-tile-preview.template-professional-grey .mini-contact,.resume-tile-preview.template-professional-grey .mini-name{color:#fff}.resume-tile-preview.template-professional-grey .mini-section-title{border-bottom:2px solid #888;color:#555}.resume-tile-preview.template-professional-green .mini-resume-header{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;color:#fff;padding:.6rem}.resume-tile-preview.template-professional-green .mini-contact,.resume-tile-preview.template-professional-green .mini-name{color:#fff}.resume-tile-preview.template-professional-green .mini-section-title{border-bottom:2px solid #2ecc71;color:#27ae60}.resume-tile-preview.template-professional-green .mini-skill-tag{background:#d5f4e6;border-color:#27ae60;color:#27ae60}.resume-tile-preview.template-modern .mini-resume-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;padding:.8rem}.resume-tile-preview.template-modern .mini-name{color:#fff;font-size:1.1rem}.resume-tile-preview.template-modern .mini-contact{color:#fffffff2}.resume-tile-preview.template-modern .mini-section-title{border-bottom:2px solid #667eea;color:#667eea;font-weight:700}.resume-tile-preview.template-modern .mini-skill-tag{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.resume-tile-preview.template-modern-teal .mini-resume-header{background:linear-gradient(135deg,#06b6d4,#14b8a6)}.resume-tile-preview.template-modern-teal .mini-section-title{border-bottom:2px solid #06b6d4;color:#0891b2}.resume-tile-preview.template-modern-teal .mini-skill-tag{background:#cffafe;border:1px solid #67e8f9;color:#0891b2}.resume-tile-preview.template-modern-orange .mini-resume-header{background:linear-gradient(135deg,#f97316,#fb923c)}.resume-tile-preview.template-modern-orange .mini-section-title{border-bottom:2px solid #f97316;color:#ea580c}.resume-tile-preview.template-modern-orange .mini-skill-tag{background:#fed7aa;border:1px solid #fdba74;color:#ea580c}.resume-tile-preview.template-creative .mini-resume-header{background:#fdf6e3;border-bottom:3px solid #f39c12;padding:1rem;text-align:center}.resume-tile-preview.template-creative .mini-name{font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase}.resume-tile-preview.template-creative .mini-contact{color:#777}.resume-tile-preview.template-creative .mini-section-title{border-bottom:2px solid #f39c12;color:#e67e22;text-transform:uppercase}.resume-tile-preview.template-creative .mini-skill-tag{background:#fef0d8;border:1px solid #f39c12;border-radius:12px;color:#e67e22}.resume-tile-preview.template-creative-indigo .mini-resume-header{background:#eef2ff;border-bottom:3px solid #4f46e5}.resume-tile-preview.template-creative-indigo .mini-section-title{border-bottom:2px solid #6366f1;color:#4338ca}.resume-tile-preview.template-creative-indigo .mini-skill-tag{background:#e0e7ff;border:1px solid #a5b4fc;color:#4338ca}.resume-tile-preview.template-creative-magenta .mini-resume-header{background:#fdf4ff;border-bottom:3px solid #d946ef}.resume-tile-preview.template-creative-magenta .mini-section-title{border-bottom:2px solid #d946ef;color:#c026d3}.resume-tile-preview.template-creative-magenta .mini-skill-tag{background:#f5d0fe;border:1px solid #e879f9;color:#c026d3}.resume-tile-preview.template-minimalist .mini-resume-header{background:#0000;border-bottom:1px solid #ddd}.resume-tile-preview.template-minimalist .mini-name{color:#111;font-weight:300;letter-spacing:.05em}.resume-tile-preview.template-minimalist .mini-section-title{border-bottom:1px solid #ddd;color:#333;font-size:.65rem;text-transform:uppercase}.resume-tile-preview.template-minimalist .mini-skill-tag{background:#f8f8f8;border:1px solid #eee;color:#444}.resume-tile-preview.template-minimalist-slate .mini-name{color:#475569}.resume-tile-preview.template-minimalist-slate .mini-section-title{border-bottom:1px solid #94a3b8;color:#475569}.resume-tile-preview.template-minimalist-slate .mini-skill-tag{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.resume-tile-preview.template-minimalist-navy .mini-name{color:#1e3a8a}.resume-tile-preview.template-minimalist-navy .mini-section-title{border-bottom:1px solid #3b82f6;color:#1e3a8a}.resume-tile-preview.template-minimalist-navy .mini-skill-tag{background:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a}.resume-tile-preview.template-executive .mini-resume-header{background:#f8f8f8;border-bottom:2px solid #333;padding:.8rem}.resume-tile-preview.template-executive .mini-name{color:#111;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.resume-tile-preview.template-executive .mini-section-title{border-bottom:2px solid #555;color:#333;font-weight:700;text-transform:uppercase}.resume-tile-preview.template-executive .mini-skill-tag{background:#e8e8e8;border:1px solid #ccc;color:#333}.resume-tile-preview.template-executive-silver .mini-resume-header{background:#f4f4f5;border-bottom:2px solid #71717a}.resume-tile-preview.template-executive-silver .mini-name{color:#52525b}.resume-tile-preview.template-executive-silver .mini-section-title{border-bottom:2px solid #71717a;color:#52525b}.resume-tile-preview.template-executive-burgundy .mini-resume-header{background:#fef2f2;border-bottom:2px solid #7f1d1d}.resume-tile-preview.template-executive-burgundy .mini-name{color:#7f1d1d}.resume-tile-preview.template-executive-burgundy .mini-section-title{border-bottom:2px solid #991b1b;color:#7f1d1d}.resume-tile-preview.template-executive-burgundy .mini-skill-tag{background:#fecaca;border:1px solid #fca5a5;color:#7f1d1d}.resume-tile-preview.template-tech{background:#1a1a1a;font-family:Courier New,monospace}.resume-tile-preview.template-tech .mini-resume-header{padding:.8rem}.resume-tile-preview.template-tech .mini-name{color:#0f0f0f;font-weight:700}.resume-tile-preview.template-tech .mini-contact{color:#0f0f0fcc}.resume-tile-preview.template-tech .mini-section-title{border-bottom:1px solid #0f8}.resume-tile-preview.template-tech .mini-section-content{color:#e5e7eb}.resume-tile-preview.template-tech .mini-skill-tag{background:#0f83;border:1px solid #0f8;color:#0f8}.resume-tile-preview.template-tech-cyan{background:#0a1929}.resume-tile-preview.template-tech-cyan .mini-section-title{border-bottom:1px solid #06b6d4}.resume-tile-preview.template-tech-cyan .mini-skill-tag{border:1px solid #06b6d4}.resume-tile-preview.template-tech-amber{background:#1a1108}.resume-tile-preview.template-tech-amber .mini-section-title{border-bottom:1px solid #fbbf24}.resume-tile-preview.template-tech-amber .mini-skill-tag{border:1px solid #fbbf24}.resume-tile-preview.template-academic .mini-resume-header{background:#0000;border-bottom:2px solid #900}.resume-tile-preview.template-academic .mini-name{color:#600;font-family:Georgia,serif}.resume-tile-preview.template-academic .mini-section-title{border-bottom:1px solid #c66;color:#600;text-transform:uppercase}.resume-tile-preview.template-academic .mini-skill-tag{background:#f8e0e0;border:1px solid #c99;color:#600}.resume-tile-preview.template-academic-forest .mini-resume-header{border-bottom:2px solid #14532d}.resume-tile-preview.template-academic-forest .mini-name{color:#14532d}.resume-tile-preview.template-academic-forest .mini-section-title{border-bottom:1px solid #15803d;color:#14532d}.resume-tile-preview.template-academic-forest .mini-skill-tag{background:#dcfce7;border:1px solid #86efac;color:#14532d}.resume-tile-preview.template-academic-oxford .mini-resume-header{border-bottom:2px solid #002147}.resume-tile-preview.template-academic-oxford .mini-name{color:#002147}.resume-tile-preview.template-academic-oxford .mini-section-title{border-bottom:1px solid #0369a1;color:#002147}.resume-tile-preview.template-academic-oxford .mini-skill-tag{background:#dbeafe;border:1px solid #93c5fd;color:#002147}.resume-tile-preview.template-bold .mini-resume-header{background:linear-gradient(135deg,#ff6b6b,#ffa07a);border:none;color:#fff;padding:1rem;text-align:center}.resume-tile-preview.template-bold .mini-name{color:#fff;font-size:1.1rem;font-weight:800;text-shadow:1px 1px 2px #0003;text-transform:uppercase}.resume-tile-preview.template-bold .mini-contact{color:#fffffff2}.resume-tile-preview.template-bold .mini-section-title{border-bottom:2px solid #ff6b6b;color:#ff6b6b;font-weight:700;text-transform:uppercase}.resume-tile-preview.template-bold .mini-skill-tag{background:linear-gradient(45deg,#ff6b6b,#ffa07a);border:none;color:#fff;font-weight:600}.resume-tile-preview.template-bold-sunset .mini-section-title{border-bottom:2px solid #f7931e;color:#ea580c}.resume-tile-preview.template-bold-sunset .mini-skill-tag{background:linear-gradient(45deg,#ff6b35,#f7931e 50%,#fdc830)}.resume-tile-preview.template-bold-neon .mini-section-title{border-bottom:2px solid #a78bfa;color:#8b5cf6}.resume-tile-preview.template-bold-neon .mini-skill-tag{background:linear-gradient(45deg,#0ff,#f0f 50%,#0f0)}.resume-preview.template-us-professional .resume-header{background:#1f2937;color:#fff;margin:-2rem -2rem 2rem;padding:2.25rem 2rem}.resume-preview.template-us-professional .resume-header h1{color:#fff;letter-spacing:.02em}.resume-preview.template-us-professional .resume-section h2{border-bottom:2px solid #2563eb;color:#111827;padding-bottom:.4rem}.resume-preview.template-us-professional .item-header{border-left:4px solid #2563eb;padding-left:1rem}.resume-preview.template-us-modern .resume-header{background:linear-gradient(135deg,#2563eb,#10b981);-webkit-clip-path:polygon(0 0,100% 0,100% 85%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);color:#fff;margin:-2rem -2rem 2rem;padding:2.75rem 2rem}.resume-preview.template-us-modern .resume-header h1{color:#fff;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.resume-preview.template-us-modern .resume-section h2{color:#2563eb;font-weight:800;letter-spacing:.08em;padding-left:1.25rem;position:relative;text-transform:uppercase}.resume-preview.template-us-modern .resume-section h2:before{background:linear-gradient(135deg,#2563eb,#10b981);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.resume-tile-preview.template-us-professional .mini-resume-header{background:#1f2937;color:#fff}.resume-tile-preview.template-us-professional .mini-section-title{border-bottom:2px solid #2563eb;color:#111827}.resume-tile-preview.template-us-modern .mini-resume-header{background:linear-gradient(135deg,#2563eb,#10b981)}.resume-tile-preview.template-us-modern .mini-section-title{border-bottom:2px solid #2563eb;color:#2563eb}.resume-preview.template-de-classic .resume-header{background:#f7f7f7;border-bottom:3px solid #111827;color:#111827;margin-bottom:1.5rem;padding:2rem 0}.resume-preview.template-de-classic .resume-header h1{color:#111827;font-family:Georgia,serif;letter-spacing:.01em}.resume-preview.template-de-classic .resume-section h2{border-bottom:2px solid #b91c1c;color:#111827}.resume-preview.template-de-classic .item-header{border-left:4px solid #b91c1c;padding-left:1rem}.resume-preview.template-de-europass .resume-header{background:#039;color:#fff;margin:-2rem -2rem 2rem;padding:2.25rem 2rem}.resume-preview.template-de-europass .resume-header h1{color:#fc0}.resume-preview.template-de-europass .resume-section h2{border-bottom:2px solid #fc0;color:#039}.resume-preview.template-de-europass .item-header{border-left:4px solid #039;padding-left:1rem}.resume-tile-preview.template-de-classic .mini-resume-header{background:#f7f7f7;border-bottom:3px solid #111827}.resume-tile-preview.template-de-classic .mini-section-title{border-bottom:2px solid #b91c1c;color:#111827}.resume-tile-preview.template-de-europass .mini-resume-header{background:#039;color:#fff}.resume-tile-preview.template-de-europass .mini-section-title{border-bottom:2px solid #fc0;color:#039}.resume-preview.template-fr-chronological .resume-header{background:#0000;border-bottom:3px solid #1d4ed8;color:#1f2937;margin-bottom:1.25rem;padding:2rem 0}.resume-preview.template-fr-chronological .resume-header h1{color:#1d4ed8;font-family:Georgia,serif;font-weight:700}.resume-preview.template-fr-chronological .resume-section h2{border-bottom:2px solid #1d4ed8;color:#1d4ed8}.resume-preview.template-fr-chronological .item-header{border-left:4px solid #1d4ed8;padding-left:1rem}.resume-tile-preview.template-fr-chronological .mini-resume-header{background:#f8fafc;border-bottom:3px solid #1d4ed8}.resume-tile-preview.template-fr-chronological .mini-section-title{border-bottom:2px solid #1d4ed8;color:#1d4ed8}.resume-preview.template-uk-professional .resume-header{background:#002147;color:#fff;margin:-2rem -2rem 2rem;padding:2.25rem 2rem}.resume-preview.template-uk-professional .resume-header h1{color:#fff;letter-spacing:.03em}.resume-preview.template-uk-professional .resume-section h2{border-bottom:2px solid #c9a867;color:#002147}.resume-preview.template-uk-professional .item-header{border-left:4px solid #c9a867;padding-left:1rem}.resume-tile-preview.template-uk-professional .mini-resume-header{background:#002147;color:#fff}.resume-tile-preview.template-uk-professional .mini-section-title{border-bottom:2px solid #c9a867;color:#002147}.resume-preview.template-se-modern .resume-header{background:#f8fafc;border-bottom:2px solid #94a3b8;color:#0f172a;margin-bottom:1.25rem;padding:2rem 0}.resume-preview.template-se-modern .resume-header h1{color:#0f172a;font-weight:700;letter-spacing:.02em}.resume-preview.template-se-modern .resume-section h2{border-bottom:1px solid #cbd5e1;color:#0f172a;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.resume-preview.template-se-modern .skill-item{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;color:#0f172a;padding:.25rem .6rem}.resume-tile-preview.template-se-modern .mini-resume-header{background:#f8fafc;border-bottom:2px solid #94a3b8}.resume-tile-preview.template-se-modern .mini-section-title{border-bottom:1px solid #cbd5e1;color:#0f172a}.resume-preview.template-nl-modern .resume-header{background:#111827;color:#fff;margin:-2rem -2rem 2rem;padding:2.25rem 2rem}.resume-preview.template-nl-modern .resume-header h1{color:#fff}.resume-preview.template-nl-modern .resume-section h2{letter-spacing:.08em;text-transform:uppercase}.resume-preview.template-nl-modern .item-header{border-left:4px solid #ff6b00;padding-left:1rem}.resume-preview.template-nl-europass .resume-header{background:#039;color:#fff;margin:-2rem -2rem 2rem;padding:2.25rem 2rem}.resume-preview.template-nl-europass .resume-header h1{color:#fc0}.resume-preview.template-nl-europass .resume-section h2{border-bottom:2px solid #fc0;color:#039}.resume-preview.template-nl-europass .item-header{border-left:4px solid #039;padding-left:1rem}.resume-tile-preview.template-nl-modern .mini-resume-header{background:#111827;color:#fff}.resume-tile-preview.template-nl-modern .mini-section-title{border-bottom:2px solid #ff6b00;color:#ff6b00}.resume-tile-preview.template-nl-europass .mini-resume-header{background:#039;color:#fff}.resume-tile-preview.template-nl-europass .mini-section-title{border-bottom:2px solid #fc0;color:#039}.resume-preview.template-us-modern .resume-content,.resume-preview.template-us-professional .resume-content{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #1118270f}.resume-preview.template-us-modern .skill-item,.resume-preview.template-us-professional .skill-item{background:#2563eb14;border:1px solid #2563eb2e;border-radius:14px;color:#2563eb;font-weight:600;padding:.3rem .6rem}.resume-preview.template-us-modern .contact-info a{color:#10b981}.resume-preview.template-de-classic .resume-content,.resume-preview.template-de-europass .resume-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 22px #0f172a0f}.resume-preview.template-de-classic .contact-info a{color:#b91c1c;text-decoration:underline}.resume-preview.template-de-europass .contact-info a{color:#039;text-decoration:underline}.resume-preview.template-de-classic .skill-item{background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;color:#9f1239;font-weight:600;padding:.25rem .55rem}.resume-preview.template-de-europass .skill-item{background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;color:#1e40af;font-weight:600;padding:.25rem .55rem}.resume-preview.template-fr-chronological .resume-content{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #1e3a8a0f}.resume-preview.template-fr-chronological .contact-info a{color:#1d4ed8}.resume-preview.template-fr-chronological .skill-item{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1d4ed8;font-weight:600;padding:.25rem .55rem}.resume-preview.template-uk-professional .resume-content{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #00214714}.resume-preview.template-uk-professional .contact-info a{color:#c9a867}.resume-preview.template-uk-professional .skill-item{background:#f7f7f7;border:1px solid #e5e7eb;border-radius:12px;color:#002147;font-weight:600;padding:.25rem .6rem}.resume-preview.template-se-modern .resume-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 28px #0f172a0d}.resume-preview.template-se-modern .contact-info a{color:#0f172a;text-decoration:underline}.resume-preview.template-nl-europass .resume-content,.resume-preview.template-nl-modern .resume-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 30px #11182714}.resume-preview.template-nl-modern .contact-info a{color:#ff6b00}.resume-preview.template-nl-modern .skill-item{background:#fff3e6;border:1px solid #ffb074;border-radius:14px;color:#a84300;font-weight:700;padding:.28rem .65rem}.resume-preview.template-nl-modern .resume-header{background:linear-gradient(135deg,#0b1220,#111827)}.resume-preview.template-nl-modern .resume-section h2{border-bottom:2px solid #ff6b00;color:#ff6b00}.resume-preview.template-nl-europass .contact-info a{color:#039}.resume-preview.template-nl-europass .skill-item{background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;color:#1e3a8a;font-weight:600;padding:.25rem .55rem}.template-selector-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.template-selector-container{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}[data-theme=dark] .template-selector-container{background:linear-gradient(135deg,#17202efa,#070a12fa);border:1px solid #94a3b833;box-shadow:0 30px 80px #020617d9}.template-selector-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:2rem 2.5rem}.header-content h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content p{font-size:1rem;margin:0;opacity:.95}.btn-close-selector{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-close-selector:hover{background:#ffffff4d;transform:rotate(90deg)}.btn-close-selector svg{height:20px;width:20px}.template-selector-filters{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;padding:1.5rem 2.5rem}[data-theme=dark] .template-selector-filters{background:#111827cc;border-color:#47556966}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#555;cursor:pointer;font-size:.95rem;font-weight:600;padding:.65rem 1.5rem;transition:all .3s ease}[data-theme=dark] .filter-btn{background:#ffffff0d;border-color:#94a3b84d;color:#cbd5f5}.filter-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea66;color:#fff}.templates-grid{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-y:auto;padding:2rem 2.5rem}[data-theme=dark] .templates-grid{background:#00000026}.template-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:visible;transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .template-card{background:linear-gradient(135deg,#1c2637f2,#0b101bfa);border:2px solid #94a3b82e;box-shadow:0 12px 28px #020617a6}.template-card .template-preview{overflow:hidden}.template-card:hover{border-color:#667eea;box-shadow:0 12px 24px #667eea40;transform:translateY(-8px)}.template-selector-container .template-preview{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;height:160px;justify-content:center;min-height:160px;overflow:hidden;padding:0;position:relative}.template-selector-container .template-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;height:100%;justify-content:center;min-height:280px;padding:0;width:100%}.template-selector-container .template-icon{display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:7rem!important;height:auto;line-height:1;transform:scale(1);width:auto}.template-badge{background:#fffffff2;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#667eea;font-size:.75rem;font-weight:600;padding:.4rem .9rem;position:absolute;right:1rem;top:1rem}.template-info{display:flex!important;flex:1 1;flex-direction:column;gap:.5rem;opacity:1!important;padding:1.5rem;visibility:visible!important}.template-name{color:#333;display:block!important;font-size:1.25rem;font-weight:700;margin:0;visibility:visible!important}[data-theme=dark] .template-name{color:#f8fafc}.template-description{color:#666;display:block!important;font-size:.9rem;line-height:1.5;margin:0;visibility:visible!important}[data-theme=dark] .template-description{color:#cbd5e1}.template-action{display:block!important;padding:0 1.5rem 1.5rem;visibility:visible!important}.btn-use-template{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.85rem 1.5rem;transition:all .3s ease;width:100%}.btn-use-template:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-use-template svg{height:18px;width:18px}.btn-back-variants{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem;transition:all .3s ease}.btn-back-variants:hover{background:#ffffff4d;transform:translateX(-4px)}.variant-card,.variant-thumbnail{position:relative}.color-indicator{border:3px solid #fff;border-radius:50%;bottom:.5rem;box-shadow:0 2px 8px #0003;height:40px;position:absolute;right:.5rem;width:40px}.color-professional{background:linear-gradient(135deg,#2c3e50,#3498db)}.color-professional-grey{background:linear-gradient(135deg,#555,#888)}.color-professional-green{background:linear-gradient(135deg,#27ae60,#2ecc71)}.color-modern{background:linear-gradient(135deg,#667eea,#764ba2)}.color-modern-teal{background:linear-gradient(135deg,#06b6d4,#14b8a6)}.color-modern-orange{background:linear-gradient(135deg,#f97316,#fb923c)}.color-creative{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.color-creative-indigo{background:linear-gradient(135deg,#4f46e5,#6366f1)}.color-creative-magenta{background:linear-gradient(135deg,#d946ef,#e879f9)}.color-minimalist{background:linear-gradient(135deg,#000,#333)}.color-minimalist-slate{background:linear-gradient(135deg,#475569,#64748b)}.color-minimalist-navy{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.color-executive{background:linear-gradient(135deg,#1a1a2e,#c9a867)}.color-executive-silver{background:linear-gradient(135deg,#71717a,#d4d4d8)}.color-executive-burgundy{background:linear-gradient(135deg,#7f1d1d,#991b1b)}.color-tech{background:linear-gradient(135deg,#0f0f0f,#0f8)}.color-tech-cyan{background:linear-gradient(135deg,#0891b2,#06b6d4)}.color-tech-amber{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.color-academic{background:linear-gradient(135deg,#8b0000,brown)}.color-academic-forest{background:linear-gradient(135deg,#14532d,#15803d)}.color-academic-oxford{background:linear-gradient(135deg,#002147,#0369a1)}.color-bold{background:linear-gradient(135deg,#ff0080,#7928ca 50%,#0070f3)}.color-bold-sunset{background:linear-gradient(135deg,#ff6b35,#f7931e 50%,#fdc830)}.color-bold-neon{background:linear-gradient(135deg,#0ff,#f0f 50%,#0f0)}.btn-select-variant{background:linear-gradient(135deg,#10b981,#059669)}.btn-select-variant:hover{background:linear-gradient(135deg,#059669,#047857)}.template-selector-footer{background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:1.5rem 2.5rem}[data-theme=dark] .template-selector-footer{background:#111827e6;border-color:#47556966}.btn-cancel-selector{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#555;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}[data-theme=dark] .btn-cancel-selector{background:#ffffff0d;border-color:#94a3b859;color:#f8fafc}.btn-cancel-selector:hover{background:#f5f5f5;border-color:#ccc}.templates-grid::-webkit-scrollbar{width:8px}.templates-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.templates-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.templates-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#6a4290)}@media (max-width:1024px){.template-selector-container{max-height:85vh;width:95%}.templates-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:1.5rem 2rem}.template-selector-filters,.template-selector-footer,.template-selector-header{padding-left:2rem;padding-right:2rem}}@media (max-width:768px){.template-selector-container{border-radius:16px;max-height:90vh;width:95%}.template-selector-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1.5rem}.header-content h2{font-size:1.5rem}.header-content p{font-size:.9rem}.btn-close-selector{align-self:flex-end}.template-selector-filters{gap:.75rem;overflow-x:auto;padding:1rem 1.5rem}.filter-btn{font-size:.9rem;padding:.6rem 1.25rem;white-space:nowrap}.templates-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:1.5rem}.template-preview{height:200px;min-height:200px}.template-icon{font-size:5rem!important}.template-info{padding:1.25rem}.template-name{font-size:1.1rem}.template-description{font-size:.85rem}.template-selector-footer{padding:1rem 1.5rem}}@media (max-width:480px){.template-selector-container{border-radius:0;max-height:100vh;width:100%}.templates-grid{grid-template-columns:1fr;padding:1rem}.template-card{max-width:100%}.header-content h2{font-size:1.25rem}}.breadcrumb-nav{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;flex-wrap:wrap;font-size:.95rem;gap:.75rem;overflow-x:auto;padding:1rem 2.5rem}[data-theme=dark] .breadcrumb-nav{background:linear-gradient(135deg,#17202ef2,#0a0f18fa);border-bottom:1px solid #47556973;color:#f8fafc}.breadcrumb-item{align-items:center;background:none;border:none;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}[data-theme=dark] .breadcrumb-item{color:#cbd5e1}[data-theme=dark] .breadcrumb-item.clickable:hover{background:#818cf826;color:#a5b4fc}.breadcrumb-item.clickable:hover{background:#667eea1a;color:#667eea}.breadcrumb-separator{color:#adb5bd;font-weight:300;-webkit-user-select:none;user-select:none}.country-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;min-height:280px;overflow:visible;padding:1.5rem;text-align:center;transition:all .3s ease}[data-theme=dark] .country-card{background:linear-gradient(135deg,#1d2b3feb,#0c111cf2);border-color:#94a3b840;box-shadow:0 15px 35px #02061799;color:#f8fafc}[data-theme=dark] .country-card.hovered,[data-theme=dark] .country-card:hover{border-color:#818cf873;box-shadow:0 18px 38px #020617bf}[data-theme=dark] .country-name{color:#f8fafc}[data-theme=dark] .country-description{color:#cbd5e1}[data-theme=dark] .btn-select-country{background:linear-gradient(135deg,#4f46e5,#6d28d9)}.country-card.hovered,.country-card:hover{border-color:#667eea;box-shadow:0 12px 30px #667eea40;transform:translateY(-8px)}.country-flag{font-size:4rem;line-height:1;margin-bottom:.5rem;transition:all .3s ease}.country-flag-img{border:1px solid #00000014;border-radius:6px;box-shadow:0 4px 10px #00000026;height:48px;object-fit:cover;width:72px}.country-card:hover .country-flag{transform:scale(1.1)}.country-info{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;min-height:0;width:100%}.country-name{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.country-description{word-wrap:break-word;color:#6b7280;flex-shrink:0;font-size:.875rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;margin:0;overflow-wrap:break-word}.country-action{flex-shrink:0;margin-top:auto;width:100%}.btn-select-country{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.btn-select-country:hover{box-shadow:0 4px 12px #667eea4d;transform:translateX(4px)}.btn-select-country svg{height:18px;width:18px}.category-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;min-height:220px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}[data-theme=dark] .category-card{background:linear-gradient(135deg,#1d2b3fe6,#0c111cf2);border-color:#94a3b840;box-shadow:0 15px 35px #02061799;color:#f8fafc}[data-theme=dark] .category-card.hovered,[data-theme=dark] .category-card:hover{border-color:#818cf873;box-shadow:0 18px 38px #020617bf}[data-theme=dark] .category-name{color:#f8fafc}[data-theme=dark] .category-description{color:#cbd5e1}[data-theme=dark] .btn-select-category{background:linear-gradient(135deg,#4f46e5,#6d28d9)}.category-card.hovered,.category-card:hover{border-color:#667eea;box-shadow:0 12px 30px #667eea40;transform:translateY(-8px)}.category-icon{font-size:3.5rem;line-height:1;margin-bottom:.5rem;transition:all .3s ease}.category-card:hover .category-icon{transform:scale(1.15) rotate(5deg)}.category-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.category-name{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.category-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.category-action{width:100%}.btn-select-category{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.btn-select-category:hover{box-shadow:0 4px 12px #667eea4d;transform:translateX(4px)}.btn-select-category svg{height:18px;width:18px}.plan-container{margin:0 auto;max-width:1200px;padding:2rem}.plan-header{margin-bottom:2rem}.plan-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}[data-theme=dark] .plan-header h1{color:#f1f5f9}.plan-header p{color:#6b7280;font-size:1rem}[data-theme=dark] .plan-header p{color:#94a3b8}.plan-selection{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.plan-selection-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.plan-selection-eyebrow{color:#6366f1;font-size:.75rem;font-weight:700;letter-spacing:.3em;margin-bottom:.25rem;text-transform:uppercase}.plan-selection-header h2{color:#0f172a;font-size:2.25rem;margin:0}[data-theme=dark] .plan-selection-header h2{color:#f8fafc}.plan-selection-header p{color:#6b7280;margin:.25rem 0 0;max-width:560px}[data-theme=dark] .plan-selection-header p{color:#a5b4fc}.plan-payment-cta{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #6366f133;border-radius:16px;display:flex;flex:1 1;gap:1rem;justify-content:space-between;min-width:260px;padding:1rem 1.25rem}[data-theme=dark] .plan-payment-cta{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border-color:#6366f14d}.plan-payment-cta.ready{background:linear-gradient(135deg,#ecfccb,#d9f99d);border-color:#16a34a80}[data-theme=dark] .plan-payment-cta.ready{background:linear-gradient(135deg,#09632d73,#115e2d66);border-color:#4ade8059}.plan-payment-cta-text{align-items:center;display:flex;gap:1rem}.plan-payment-cta-text strong{color:#111827;display:block;font-size:.95rem}[data-theme=dark] .plan-payment-cta-text strong{color:#f8fafc}.plan-payment-cta-text p{color:#4b5563;font-size:.9rem;margin:.15rem 0 0}[data-theme=dark] .plan-payment-cta-text p{color:#cbd5f5}.plan-payment-icon{font-size:1.5rem}.btn-plan-payment{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.65rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.btn-plan-payment:hover{box-shadow:0 10px 25px #6366f159;transform:translateY(-1px)}.plan-selection-alert{border:1px solid #0000;border-radius:12px;font-weight:500;padding:.85rem 1.2rem}.plan-selection-alert.success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}[data-theme=dark] .plan-selection-alert.success{background:#065f4640;border-color:#10b98159;color:#6ee7b7}.plan-selection-alert.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}[data-theme=dark] .plan-selection-alert.error{background:#7f1d1d59;border-color:#ef444466;color:#fecaca}.plan-options-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.plan-option-card{background:linear-gradient(180deg,#fffffffa,#f8fafcf2);border:1px solid #94a3b84d;border-radius:20px;box-shadow:0 25px 45px #0f172a14;display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;padding:1.75rem;position:relative;transition:transform .25s ease,box-shadow .25s ease}[data-theme=dark] .plan-option-card{background:linear-gradient(180deg,#0f172af2,#1e293bf2);border-color:#94a3b840;box-shadow:0 35px 60px #020617b3}.plan-option-card:not(.plan-option-highlight):hover{transform:translateY(-6px)}.plan-option-card[data-accent=indigo]{border-top:4px solid #818cf8d9}.plan-option-card[data-accent=emerald]{border-top:4px solid #10b981d9}.plan-option-card[data-accent=amber]{border-top:4px solid #fbbf24d9}.plan-option-highlight{background:linear-gradient(180deg,#fefcfffa,#f3f6fff2) padding-box,linear-gradient(120deg,#c084fce6,#60a5fae6,#818cf8e6) border-box;border:2px solid #0000;box-shadow:0 25px 60px #4f46e540,0 0 25px #6366f173;position:relative}[data-theme=dark] .plan-option-highlight{background:linear-gradient(180deg,#1e293bfa,#0f172aeb) padding-box,linear-gradient(120deg,#c084fcb3,#3b82f6b3,#6366f1b3) border-box;box-shadow:0 35px 70px #111827cc,0 0 35px #6366f18c}.plan-option-highlight:after{background:radial-gradient(circle at top,#6366f159,#0000 60%);border-radius:28px;content:"";filter:blur(18px);inset:-12px;opacity:.85;position:absolute;z-index:-1}.plan-option-current{border-color:#22c55e66;box-shadow:0 30px 65px #22c55e40}.plan-option-pending{border-color:#f9731659;box-shadow:0 25px 55px #f9731633}[data-theme=dark] .plan-option-pending{border-color:#fbbf2473;box-shadow:0 25px 55px #fbbf2438}.plan-option-badge{background:#fef3c7;border-radius:999px;color:#92400e;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.35rem .85rem;position:absolute;right:1.25rem;text-transform:uppercase;top:1.25rem}[data-theme=dark] .plan-option-badge{background:#fbbf2426;color:#fcd34d}.plan-option-badge-pending{background:#f9731626;border:1px solid #f9731659;color:#c2410c;left:1.25rem;right:auto}[data-theme=dark] .plan-option-badge-pending{background:#fbbf2440;border-color:#fbbf2473;color:#fed7aa}.plan-option-heading{display:flex;flex-direction:column;gap:.25rem}.plan-option-heading h3{color:#111827;font-size:1.5rem;margin:0}[data-theme=dark] .plan-option-heading h3{color:#f8fafc}.plan-option-heading p{color:#6b7280;font-size:.95rem;margin:.35rem 0 0}[data-theme=dark] .plan-option-heading p{color:#cbd5f5}.plan-option-price{align-items:baseline;display:flex;gap:.35rem}.plan-option-price .price-amount{color:#111827;font-size:2.5rem;font-weight:700}[data-theme=dark] .plan-option-price .price-amount{color:#f1f5f9}.plan-option-price .price-period{color:#6b7280;font-size:1rem}[data-theme=dark] .plan-option-price .price-period{color:#cbd5e1}.plan-option-limits{grid-gap:.75rem;background:#6366f114;border-radius:12px;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem}[data-theme=dark] .plan-option-limits{background:#3b82f626}.plan-option-limits .limit-label{color:#6b7280;display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}[data-theme=dark] .plan-option-limits .limit-label{color:#cbd5e1}.plan-option-limits .limit-value{color:#111827;display:block;font-size:1.3rem;font-weight:700}[data-theme=dark] .plan-option-limits .limit-value{color:#f8fafc}.plan-option-features{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.plan-option-features li{align-items:center;color:#4b5563;display:flex;font-size:.95rem;gap:.8rem}[data-theme=dark] .plan-option-features li{color:#cbd5f5}.plan-option-features li svg{color:#10b981;flex-shrink:0;height:18px;width:18px}[data-theme=dark] .plan-option-features li svg{color:#34d399}.btn-plan-select{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:auto;padding:.85rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease}.btn-plan-select[data-state=locked]{background:#94a3b866;color:#1f2937}[data-theme=dark] .btn-plan-select[data-state=locked]{background:#94a3b859;color:#e2e8f0}.btn-plan-select[data-state=loading]{background:#6366f159;color:#312e81;cursor:progress}[data-theme=dark] .btn-plan-select[data-state=loading]{background:#6366f159;color:#c7d2fe}.btn-plan-select[data-state=pending]{background:#f973162e;box-shadow:0 15px 35px #f9731640;color:#c2410c}[data-theme=dark] .btn-plan-select[data-state=pending]{background:#fbbf2440;color:#fed7aa}.btn-plan-select[data-state=current]{background:#10b98133;color:#047857;cursor:default}[data-theme=dark] .btn-plan-select[data-state=current]{color:#6ee7b7}.btn-plan-select:hover:not([data-state=current]){box-shadow:0 15px 35px #6366f159;transform:translateY(-2px)}.btn-plan-select:disabled{box-shadow:none;cursor:default}.plan-option-hint{color:#9ca3af;font-size:.85rem;margin:.5rem 0 0}[data-theme=dark] .plan-option-hint{color:#cbd5f5}.plan-option-hint.pending{color:#c2410c;font-weight:600}[data-theme=dark] .plan-option-hint.pending{color:#fef3c7}.plan-empty-state{background:#f8fafcb3;border:2px dashed #94a3b866;border-radius:12px;color:#6b7280;padding:1.5rem;text-align:center}[data-theme=dark] .plan-empty-state{background:#0f172ab3;border-color:#94a3b859;color:#cbd5e1}.plan-empty-state h3{color:#111827;margin:0 0 .5rem}[data-theme=dark] .plan-empty-state h3{color:#f8fafc}.plan-empty-state p{font-size:.95rem;margin:0}.status-empty{background:#f3f4f6;color:#6b7280}[data-theme=dark] .status-empty{background:#94a3b833;color:#cbd5e1}.plan-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.ai-credits-card,.plan-content{display:flex;flex-direction:column}.ai-credits-card{gap:1.25rem}.ai-plan-pill{background:#6366f12e;border-radius:999px;color:#4338ca;font-size:.8rem;font-weight:600;padding:.25rem .75rem}[data-theme=dark] .ai-plan-pill{background:#818cf833;color:#c7d2fe}.ai-credits-error,.ai-credits-loading{background:#f8fafc;border:1px dashed #94a3b899;border-radius:12px;color:#475569;padding:1rem;text-align:center}[data-theme=dark] .ai-credits-error,[data-theme=dark] .ai-credits-loading{background:#0f172a99;border-color:#94a3b866;color:#cbd5f5}.ai-credits-error p{margin:0 0 .75rem}[data-theme=dark] .ai-credits-error p{color:inherit}.ai-credits-skeleton{background:#94a3b866;border-radius:999px;height:10px;margin-bottom:.75rem;overflow:hidden;position:relative;width:100%}.ai-credits-skeleton:after{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#fffc,#0000);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ai-credits-body{display:flex;flex-direction:column;gap:1rem}.ai-credits-remaining{align-items:baseline;display:flex;gap:.5rem}.ai-credits-count{color:#111827;font-size:2.5rem;font-weight:700}[data-theme=dark] .ai-credits-count{color:#f8fafc}.ai-credits-label{color:#6b7280;font-size:.95rem}[data-theme=dark] .ai-credits-label{color:#cbd5f5}.ai-credits-meter{display:flex;flex-direction:column;gap:.4rem}.ai-credits-progress{background:#94a3b859;border-radius:999px;height:10px;overflow:hidden;width:100%}.ai-credits-progress div{background:linear-gradient(135deg,#6366f1,#8b5cf6);height:100%;transition:width .3s ease}.ai-credits-meter p{color:#475569;font-size:.9rem;margin:0}[data-theme=dark] .ai-credits-meter p{color:#cbd5f5}.ai-credits-meta{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;margin:0;padding:0}.ai-credits-meta li{background:#6366f114;border:1px solid #6366f140;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:180px;padding:.85rem}[data-theme=dark] .ai-credits-meta li{background:#6366f133;border-color:#818cf859}.ai-credits-meta span{color:#6b7280;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}[data-theme=dark] .ai-credits-meta span{color:#e0e7ff}.ai-credits-meta strong{color:#111827;font-size:1rem}[data-theme=dark] .ai-credits-meta strong{color:#f8fafc}.ai-credits-upgrade{color:#6d28d9;font-size:.9rem;font-weight:500;margin:0}[data-theme=dark] .ai-credits-upgrade{color:#c4b5fd}.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;transition:all .3s ease}[data-theme=dark] .plan-card{background:#1e293b;border:1px solid #374151;box-shadow:0 4px 12px #0000004d}.plan-card:hover{box-shadow:0 8px 20px #0000001f}[data-theme=dark] .plan-card:hover{box-shadow:0 8px 20px #0006}.card-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}[data-theme=dark] .card-header{border-bottom:2px solid #374151}.card-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}[data-theme=dark] .card-header h2{color:#f1f5f9}.status-badge{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:.4rem .8rem;text-transform:uppercase}.status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-cancelled{background:#fef3c7;color:#92400e}.status-expired{background:#fee2e2;color:#991b1b}.status-deletion{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.plan-details{display:flex;flex-direction:column;gap:1.5rem}.plan-name-price{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}[data-theme=dark] .plan-name-price{background:linear-gradient(135deg,#1e293b,#334155)}.plan-name{color:#6366f1;font-size:1.8rem;font-weight:700;margin:0}.plan-price{align-items:baseline;display:flex;gap:.25rem}.price-amount{color:#1f2937;font-size:2rem;font-weight:700}[data-theme=dark] .price-amount{color:#f1f5f9}.price-period{color:#6b7280;font-size:1rem}[data-theme=dark] .price-period{color:#cbd5e1}.plan-features h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.75rem}[data-theme=dark] .plan-features h4{color:#cbd5e1}.plan-features ul{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:#4b5563;display:flex;font-size:.95rem;gap:.75rem}[data-theme=dark] .plan-features li{color:#94a3b8}.plan-features li svg{color:#10b981;flex-shrink:0;height:20px;width:20px}[data-theme=dark] .plan-features li svg{color:#34d399}.plan-limits{grid-gap:1rem;background:#f9fafb;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1rem}[data-theme=dark] .plan-limits{background:linear-gradient(135deg,#1e293b,#334155)}.limit-item{display:flex;flex-direction:column;gap:.25rem}.limit-label{color:#6b7280;font-size:.85rem;font-weight:500}[data-theme=dark] .limit-label{color:#94a3b8}.limit-value{color:#1f2937;font-size:1.25rem;font-weight:700}[data-theme=dark] .limit-value{color:#f1f5f9}.plan-extra-limits{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.plan-extra-limits div{background:#0f172a0a;border:1px solid #94a3b859;border-radius:10px;display:flex;flex-direction:column;gap:.2rem;padding:.75rem .9rem}[data-theme=dark] .plan-extra-limits div{background:#94a3b826;border-color:#94a3b84d}.plan-extra-limits span{color:#6b7280;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}[data-theme=dark] .plan-extra-limits span{color:#cbd5f5}.plan-extra-limits strong{color:#0f172a;font-size:.95rem}[data-theme=dark] .plan-extra-limits strong{color:#f8fafc}.limit-value.limit-value-sm{font-size:1rem}.billing-details{display:flex;flex-direction:column;gap:1rem}.billing-row{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}[data-theme=dark] .billing-row{background:#1e293b}.billing-label{color:#374151;font-weight:600}[data-theme=dark] .billing-label{color:#f1f5f9}.billing-value{color:#6b7280}[data-theme=dark] .billing-value{color:#cbd5e1}.payment-details{padding:1rem}.payment-loading{align-items:center;color:#718096;display:flex;font-size:15px;gap:12px;justify-content:center;padding:2rem}.payment-loading .spinner{animation:spin 1s linear infinite;height:24px;width:24px}.payment-card-info{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:1rem;padding:1rem}[data-theme=dark] .payment-card-info{background:linear-gradient(135deg,#252f43f2,#161e2ceb);border:1px solid #94a3b840}.payment-icon{color:#6366f1;height:40px;width:40px}.payment-info-text{display:flex;flex-direction:column;gap:.25rem}.payment-type{color:#1f2937;font-size:1rem;font-weight:600}[data-theme=dark] .payment-type{color:#f8fafc}.payment-expiry{color:#6b7280;font-size:.85rem}[data-theme=dark] .payment-expiry{color:#e2e8f0}.payment-no-card{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.payment-no-card svg{stroke-width:1.5;color:#cbd5e0;height:56px;width:56px}.payment-no-card .no-card-text{color:#374151;font-size:16px;font-weight:600;margin:0}.payment-no-card .no-card-subtext{color:#6b7280;font-size:14px;margin:0}.btn-add-payment{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:10px 20px;transition:all .2s}.btn-add-payment:hover{box-shadow:0 4px 12px #6366f159;transform:translateY(-2px)}.btn-add-payment svg{height:18px;width:18px}.btn-update-payment,button.btn-update-payment{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;padding:.5rem 1rem!important;transition:all .2s ease!important}.btn-update-payment:hover,button.btn-update-payment:hover{background:linear-gradient(135deg,#a855f7,#9333ea)!important;box-shadow:0 4px 12px #a855f74d!important;color:#fff!important;transform:translateY(-2px)!important}.btn-add-payment-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-add-payment-header:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.plan-actions{display:flex;justify-content:center;padding:1rem}.btn-cancel-subscription{background:#ef4444;border:2px solid #ef4444;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.btn-cancel-subscription:hover{background:#fff;box-shadow:0 4px 12px #ef44444d;color:#ef4444;transform:translateY(-2px)}.modal-content{max-height:90vh;max-width:450px;overflow-y:auto}.payment-modal{max-width:550px}.plan-confirm-modal h3{color:#0f172a}[data-theme=dark] .plan-confirm-modal h3{color:#f8fafc}.plan-confirm-modal{max-width:560px}[data-theme=dark] .plan-confirm-modal{background:#0f172a;border:1px solid #94a3b833;box-shadow:0 25px 60px #020617a6}.plan-confirm-body{color:#0f172a;display:flex;flex-direction:column;font-size:1rem;gap:1.5rem;line-height:1.6}[data-theme=dark] .plan-confirm-body{color:#e2e8f0}.plan-confirm-body li,.plan-confirm-body p,.plan-confirm-body span,.plan-confirm-body strong{color:inherit}.plan-confirm-price{align-items:baseline;display:flex;gap:.4rem}.plan-confirm-price .price-amount{color:#111827;font-size:2.5rem;font-weight:700}[data-theme=dark] .plan-confirm-price .price-amount{color:#f8fafc}.plan-confirm-price .price-period{color:#475569;font-size:1rem}[data-theme=dark] .plan-confirm-price .price-period{color:#cbd5e1}.plan-confirm-limits{grid-gap:1rem;background:#f8fafc;border-radius:16px;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem}[data-theme=dark] .plan-confirm-limits{background:#0f172ad9}.plan-confirm-limits .limit-label{align-items:center;background:#e2e8f0;border-radius:999px;color:#1d2437;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.15em;padding:.1rem .6rem;text-transform:uppercase}.plan-confirm-limits .limit-value{color:#0f172a;font-size:1.4rem;font-weight:700}[data-theme=dark] .plan-confirm-limits .limit-label,[data-theme=dark] .plan-confirm-limits .limit-value{color:#e2e8f0}[data-theme=dark] .plan-confirm-limits .limit-label{background:#e2e8f026;color:#e2e8f0}[data-theme=dark] .plan-confirm-limits .limit-value{color:#f8fafc}.plan-confirm-subtitle{color:#475569;font-size:.85rem;letter-spacing:.18em;margin:0;text-transform:uppercase}[data-theme=dark] .plan-confirm-subtitle{color:#cbd5f5}.plan-confirm-features{display:flex;flex-direction:column;gap:.65rem;list-style:none;margin:0;padding:0}.plan-confirm-features li{align-items:center;color:#1f2937;display:flex;font-size:.95rem;gap:.65rem}[data-theme=dark] .plan-confirm-features li{color:#e2e8f0}.plan-confirm-features li svg{color:#22c55e;flex-shrink:0;height:18px;width:18px}.plan-confirm-note{background:#eef2ff;border:1px solid #6366f14d;border-radius:12px;color:#111827;font-size:.9rem;padding:1rem}[data-theme=dark] .plan-confirm-note{background:#6366f126;border-color:#818cf866;color:#e0e7ff}.plan-confirm-note p{color:inherit;line-height:1.5;margin:.35rem 0 0}[data-theme=dark] .plan-confirm-body li,[data-theme=dark] .plan-confirm-body p,[data-theme=dark] .plan-confirm-body span,[data-theme=dark] .plan-confirm-body strong{color:#f8fafc}.plan-confirm-alert{background:#3b82f614;border:1px solid #3b82f64d;border-radius:14px;color:#0f172a;display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem}.plan-confirm-alert.pending{border-style:dashed}.plan-confirm-alert.pending p{margin:0}.btn-retry-verification{margin-top:.25rem;width:100%}[data-theme=dark] .plan-confirm-alert{background:#3b82f62e;border-color:#93c5fd80;color:#e2e8f0}.plan-card-entry-wrapper{background:#f8fafc;border:1px dashed #cbd5f5;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}[data-theme=dark] .plan-card-entry-wrapper{background:#1e293bd9;border-color:#818cf880}.plan-card-entry-info{color:#475569;font-size:.95rem;margin:0}[data-theme=dark] .plan-card-entry-info{color:#cbd5f5}.plan-card-entry-form{display:flex;flex-direction:column;gap:.75rem}.plan-card-entry-form label{color:#374151;font-size:.9rem;font-weight:600}[data-theme=dark] .plan-card-entry-form label{color:#e2e8f0}.plan-card-entry-form .stripe-card-element{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem}[data-theme=dark] .plan-card-entry-form .stripe-card-element{background:#0f172ae6;border-color:#94a3b866}.plan-confirm-error{color:#dc2626;font-size:.9rem;margin:.25rem 0 0}.modal-warning{font-size:.95rem;margin-top:1rem!important}.btn-modal-cancel,.btn-modal-confirm{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-modal-confirm{background:#ef4444;color:#fff}.btn-modal-confirm:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.modal-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.btn-close-modal,.modal-header{align-items:center;display:flex}.btn-close-modal{background:none;border:none;color:#9ca3af;cursor:pointer;justify-content:center;padding:.25rem;transition:all .2s ease}.btn-close-modal svg{height:24px;width:24px}.btn-close-modal:hover{color:#ef4444;transform:rotate(90deg)}.payment-type-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.payment-type-btn{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.payment-type-btn svg{height:20px;width:20px}.payment-type-btn:hover{background:#f3f4f6;border-color:#6366f1}.payment-type-btn.active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;color:#6366f1}.payment-form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.form-group{gap:.5rem}.form-group label{color:#374151;font-weight:600}.form-input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input::placeholder{color:#9ca3af}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.paypal-notice,.secure-notice{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;display:flex;font-size:.9rem;gap:.75rem;padding:1rem}.paypal-notice svg,.secure-notice svg{flex-shrink:0;height:20px;width:20px}.paypal-notice{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.btn-modal-save{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-modal-save:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}@media (max-width:768px){.plan-container{padding:1rem}.plan-header h1{font-size:1.5rem}.plan-selection-header{flex-direction:column}.plan-payment-cta{width:100%}.plan-option-limits,.plan-options-grid{grid-template-columns:1fr}.plan-name-price{align-items:flex-start;flex-direction:column;gap:1rem}.plan-limits{grid-template-columns:1fr}.card-header{align-items:flex-start;gap:1rem}.card-header,.modal-actions{flex-direction:column}.form-row,.payment-type-selector{grid-template-columns:1fr}.payment-type-btn{font-size:.9rem;padding:.75rem}}.user-profile-page{animation:fadeInProfile .4s ease;margin:0 auto;max-width:1200px;padding:2.5rem}@keyframes fadeInProfile{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.user-profile-card{background:linear-gradient(135deg,#6366f10d,#f4f4f9a6);border:1px solid #6366f11f;border-radius:24px;box-shadow:0 30px 60px #0f172a1f;overflow:hidden;padding:2.75rem;position:relative}.user-profile-card:after{background:radial-gradient(circle,#6366f140 0,#0000 70%);border-radius:50%;content:"";height:260px;pointer-events:none;position:absolute;right:-120px;top:-120px;width:260px}.user-profile-back{align-items:center;background:#ffffffa6;border:2px solid #0000;border-radius:12px;box-shadow:0 12px 30px #6366f12e;color:#4c51bf;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.6rem 1.4rem;position:relative;transition:all .3s ease;z-index:1}.user-profile-back svg{height:18px;transition:transform .3s ease;width:18px}.user-profile-back:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f14d;transform:translateX(-4px)}.user-profile-back:hover svg{transform:translateX(-2px)}.user-profile-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.btn-cancel-profile,.btn-edit-profile,.btn-save-profile{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.65rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel-profile svg,.btn-edit-profile svg,.btn-save-profile svg{height:18px;transition:transform .3s ease;width:18px}.btn-edit-profile{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d;color:#fff}.btn-edit-profile:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-edit-profile:hover svg{transform:rotate(15deg) scale(1.1)}.profile-edit-actions{display:flex;gap:.75rem}.btn-save-profile{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-save-profile:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-save-profile:hover svg{transform:scale(1.1)}.btn-cancel-profile{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.btn-cancel-profile:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;transform:translateY(-2px)}.btn-cancel-profile:hover svg{transform:rotate(90deg)}.user-profile-header{align-items:center;display:flex;gap:2rem;margin-bottom:2.5rem;margin-top:2rem}.user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:28px;box-shadow:0 15px 40px #6366f140;color:#fff;display:flex;font-size:2.25rem;font-weight:700;height:96px;justify-content:center;width:96px}.user-header-meta h1{color:#1f2937;font-size:2.2rem;margin:0}[data-theme=dark] .user-header-meta h1{color:#f1f5f9}.profile-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-family:inherit;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.profile-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none;transform:scale(1.02)}.profile-input::placeholder{color:#9ca3af;font-weight:400}.profile-input-name{font-size:2rem;padding:.875rem 1.25rem}.profile-title-edit{align-items:center;display:flex;gap:.75rem;margin:.5rem 0}.profile-input-company,.profile-input-title{flex:1 1;font-size:1.05rem}.title-separator{color:#9ca3af;font-size:1.2rem;font-weight:400}.profile-location-edit{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.profile-location-edit svg{color:#6366f1;flex-shrink:0;height:18px;width:18px}.profile-input-location{flex:1 1;font-size:.95rem}.profile-input-field{font-size:1rem;font-weight:600;margin-top:.5rem}.user-title{color:#4b5563;font-size:1.1rem;font-weight:500;margin:.4rem 0}[data-theme=dark] .user-title{color:#cbd5e1}.user-location{align-items:center;background:#6366f114;border-radius:999px;color:#4338ca;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.4rem .75rem}[data-theme=dark] .user-location{background:#3b82f626;color:#93c5fd}.user-location svg{height:16px;width:16px}.user-info-grid{grid-gap:1.5rem;background:#ffffffbf;border:1px solid #6366f11f;border-radius:18px;box-shadow:inset 0 1px 0 #fff6;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:2rem}[data-theme=dark] .user-info-grid{background:linear-gradient(135deg,#24364ed9,#111723f2);border:1px solid #94a3b840;box-shadow:0 20px 40px #0206178c}.user-info-item{background:#f0f0ff59;border:1px solid #ecefffe6;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}[data-theme=dark] .user-info-item{background:#ffffff0d;border:1px solid #94a3b82e;box-shadow:inset 0 1px 0 #ffffff0d}.user-info-item:hover{border-color:#6366f140;box-shadow:0 12px 24px #6366f11f;transform:translateY(-4px)}[data-theme=dark] .user-info-item:hover{border-color:#818cf859;box-shadow:0 14px 30px #02061799}.info-label{color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}[data-theme=dark] .info-label{color:#94a3b8d9}.info-value{color:#1f2937;font-size:1rem;font-weight:600;word-break:break-word}[data-theme=dark] .info-value{color:#f8fafc}.info-value a{color:#4c51bf;text-decoration:none}.info-value a:hover{text-decoration:underline}.user-bio{background:#ffffffd9;border:1px solid #ecefffe6;border-radius:18px;box-shadow:inset 0 1px 0 #fff6;margin-top:2.5rem;padding:2rem}[data-theme=dark] .user-bio{background:linear-gradient(135deg,#24364ee6,#101723f2);border:1px solid #94a3b840;box-shadow:0 20px 45px #0206178c}.user-bio h2{color:#1f2937;font-size:1.25rem;margin:0 0 1rem}[data-theme=dark] .user-bio h2{color:#f8fafc}.user-bio p{color:#4b5563;font-size:1rem;line-height:1.7;margin:0}[data-theme=dark] .user-bio p{color:#cbd5e1}.profile-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#1f2937;font-family:inherit;font-size:1rem;line-height:1.7;min-height:120px;padding:1rem 1.25rem;resize:vertical;transition:all .3s ease;width:100%}.profile-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.profile-textarea::placeholder{color:#9ca3af}.bio-empty,.info-value-empty{color:#9ca3af;font-style:italic}.info-value-empty{font-weight:400}.info-value-readonly{color:#6b7280;cursor:not-allowed;font-style:italic;opacity:.8}.user-security{background:#ffffffd9;border:1px solid #ecefffe6;border-radius:18px;box-shadow:inset 0 1px 0 #fff6;display:flex;flex-direction:column;margin-top:2rem;padding:1.75rem}[data-theme=dark] .user-security{background:linear-gradient(135deg,#24364ee0,#0f1520f2);border:1px solid #94a3b840;box-shadow:0 20px 45px #0206178c}.security-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.security-header h2{color:#1f2937;font-size:1.25rem;margin:0}[data-theme=dark] .security-header h2{color:#f8fafc}.btn-toggle-security{align-items:center;background:#fff;border:2px solid #6366f1;border-radius:10px;color:#6366f1;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.65rem 1.25rem;transition:all .3s ease}.btn-toggle-security:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d;color:#fff;transform:translateY(-2px)}.btn-toggle-security svg{height:18px;transition:transform .3s ease;width:18px}.security-content{animation:slideDown .3s ease}.security-form{gap:1.25rem}.security-field,.security-form{display:flex;flex-direction:column}.security-field{gap:.5rem}.security-field label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .security-field label{color:#cbd5e1}.security-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.security-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.security-input::placeholder{color:#9ca3af}.security-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.security-error svg{flex-shrink:0;height:18px;width:18px}.security-success{align-items:center;animation:slideDown .3s ease;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#16a34a;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.security-success svg{flex-shrink:0;height:18px;width:18px}.security-actions{display:flex;gap:.75rem;margin-top:.5rem}.btn-update-password{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-update-password:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.btn-update-password svg{height:18px;width:18px}.btn-update-password:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-cancel-password{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel-password:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;transform:translateY(-2px)}.btn-cancel-password:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.delete-account-section{border-top:2px solid #ef444433;margin-top:1.1rem;padding-top:1rem}.delete-account-header{align-items:flex-start;display:flex;justify-content:space-between}.delete-account-header h3{color:#1f2937;font-size:1.25rem;margin:0 0 .5rem}[data-theme=dark] .delete-account-header h3{color:#f8fafc}.delete-account-warning{color:#dc2626;font-size:.9rem;font-weight:500;margin:0}.delete-account-warning strong{color:#991b1b;font-weight:700}.btn-toggle-delete{align-items:center;background:#fff;border:2px solid #ef4444;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.65rem 1.25rem;transition:all .3s ease}.btn-toggle-delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-2px)}.btn-toggle-delete svg{height:18px;transition:transform .3s ease;width:18px}.delete-account-content{animation:slideDown .3s ease}.delete-account-warning-box{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.25rem;padding:1.25rem}.delete-account-warning-box svg{color:#dc2626;flex-shrink:0;height:24px;margin-top:.25rem;width:24px}.delete-account-warning-box h4{color:#991b1b;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.delete-account-warning-box p{color:#7f1d1d;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.delete-account-warning-box strong{color:#991b1b;font-weight:700}.delete-account-warning-box ul{color:#7f1d1d;font-size:.9rem;line-height:1.8;margin:0;padding-left:1.5rem}.delete-account-warning-box li{margin-bottom:.5rem}.delete-account-form{display:flex;flex-direction:column;gap:1.5rem}.delete-confirmation-field{display:flex;flex-direction:column;gap:.75rem}.delete-confirmation-field label{color:#374151;font-size:.95rem;font-weight:600}.delete-confirmation-field strong{color:#dc2626}.delete-confirmation-input{background:#fff;border:2px solid #fecaca;border-radius:10px;color:#1f2937;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.1em;padding:.75rem 1rem;text-transform:uppercase;transition:all .3s ease;width:100%}.delete-confirmation-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;outline:none}.delete-confirmation-input::placeholder{color:#d1d5db;font-weight:400;letter-spacing:normal;text-transform:none}.delete-account-actions{display:flex;gap:.75rem}.btn-delete-account{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-delete-account:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-delete-account:disabled{background:#fca5a5;cursor:not-allowed;opacity:.5}.btn-delete-account svg{height:18px;width:18px}.btn-cancel-delete{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel-delete:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;transform:translateY(-2px)}@media (max-width:1024px){.user-profile-page{padding:2rem 1.5rem}.user-profile-card{padding:2rem}.user-profile-header{align-items:flex-start;flex-direction:column}.user-avatar{font-size:1.8rem;height:80px;width:80px}}@media (max-width:640px){.user-profile-page{padding:1.5rem 1rem}.user-profile-card{padding:1.75rem}.user-profile-actions{align-items:stretch;flex-direction:column;gap:.75rem}.profile-edit-actions{flex-direction:column}.btn-cancel-profile,.btn-edit-profile,.btn-save-profile{justify-content:center;width:100%}.user-profile-back span{display:none}.user-profile-back{border-radius:14px;height:48px;justify-content:center;width:48px}.user-info-grid{gap:1rem;grid-template-columns:1fr;padding:1.5rem}.profile-title-edit{align-items:stretch;flex-direction:column}.title-separator{display:none}.profile-input-name{font-size:1.5rem}}.profile-error-message{align-items:center;animation:slideDown .3s ease;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#dc2626;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.profile-error-message svg{flex-shrink:0;height:20px;width:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spinner{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-cancel-profile:disabled,.btn-save-profile:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.resume-tile{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;height:450px;overflow:hidden;position:relative;transition:all .3s ease}[data-theme=dark] .resume-tile{background:#1e293b;box-shadow:0 4px 12px #0000004d}.resume-tile:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}[data-theme=dark] .resume-tile:hover{box-shadow:0 12px 24px #0006}.resume-tile:hover .resume-tile-actions-overlay{opacity:1}.resume-tile-actions-overlay{background:linear-gradient(135deg,#0009,#0000004d);border-bottom-left-radius:12px;display:flex;gap:.5rem;opacity:0;padding:.75rem;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.btn-delete-tile,.btn-edit-tile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-delete-tile svg,.btn-edit-tile svg{height:18px;width:18px}.btn-edit-tile{color:#6366f1}.btn-edit-tile:hover{background:#6366f1;color:#fff;transform:scale(1.1)}.btn-delete-tile{color:#ef4444}.btn-delete-tile:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.resume-tile .resume-tile-preview{background:#fff;flex-shrink:0;font-size:.65rem;height:340px;line-height:1.3;overflow-x:hidden;overflow-y:auto;padding:1rem .75rem;position:relative}.mini-resume-header{border-bottom:1px solid #e5e7eb;margin-bottom:.6rem;padding-bottom:.5rem}[data-theme=dark] .mini-resume-header{border-bottom:1px solid #374151}.mini-name{color:#1f2937;font-size:1rem;font-weight:700;margin-bottom:.3rem}[data-theme=dark] .mini-name{color:#f1f5f9}.mini-contact{color:#6b7280;display:flex;flex-direction:column;font-size:.6rem;gap:.15rem}[data-theme=dark] .mini-contact{color:#94a3b8}.mini-resume-section{margin-bottom:.6rem}.mini-section-title{color:#374151;font-size:.7rem;font-weight:700;letter-spacing:.02em;margin-bottom:.3rem;text-transform:uppercase}[data-theme=dark] .mini-section-title{color:#cbd5e1}.mini-section-content{color:#4b5563;font-size:.6rem;line-height:1.3}[data-theme=dark] .mini-section-content{color:#94a3b8}.mini-item-title{color:#1f2937;font-weight:600;margin-bottom:.15rem}[data-theme=dark] .mini-item-title{color:#f1f5f9}.mini-item-subtitle{color:#6b7280}[data-theme=dark] .mini-item-subtitle{color:#94a3b8;font-size:.55rem}.mini-skills{display:flex;flex-wrap:wrap;gap:.3rem}.mini-skill-tag{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#374151}.mini-skill-more,.mini-skill-tag{display:inline-block;font-size:.55rem;padding:.15rem .4rem}.mini-skill-more{background:#e5e7eb;border-radius:4px;color:#6b7280;font-weight:600}.resume-tile .resume-tile-footer{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;height:90px;padding:.75rem 1rem}[data-theme=dark] .resume-tile .resume-tile-footer{background:linear-gradient(135deg,#1e293b,#374151);border-top:1px solid #4b5563}[data-theme=dark] .resume-tile-name{color:#f1f5f9}.resume-tile-updated{background:#ffffff80;color:#9ca3af}[data-theme=dark] .resume-tile-updated{background:#3b82f61a;color:#94a3b8}[data-theme=dark] .resume-tile-updated svg{color:#818cf8}.resume-tile:hover .resume-tile-updated{background:#6366f11a;color:#6366f1}[data-theme=dark] .resume-tile:hover .resume-tile-updated{background:#6366f133;color:#818cf8}.resume-tile:hover .resume-tile-updated svg{color:#6366f1;transform:rotate(1turn)}.resume-tile .updated-text{font-weight:500;transition:all .3s ease}.resume-tile:hover .updated-text{color:#6366f1;font-weight:600}.resume-tile-preview.template-professional .mini-name,.resume-tile-preview.template-professional-green .mini-name,.resume-tile-preview.template-professional-grey .mini-name{font-family:Arial,sans-serif}.resume-tile-preview.template-professional .mini-resume-header{border-bottom-color:#2c3e50}.resume-tile-preview.template-professional-grey .mini-resume-header{border-bottom-color:#555}.resume-tile-preview.template-professional-green .mini-resume-header{border-bottom-color:#27ae60}.resume-tile-preview.template-modern .mini-resume-header,.resume-tile-preview.template-modern-orange .mini-resume-header,.resume-tile-preview.template-modern-teal .mini-resume-header{background:#f4f7f6;border:none;border-radius:6px;padding:.6rem}.resume-tile-preview.template-modern .mini-name{color:#2c3e50}.resume-tile-preview.template-modern-teal .mini-name{color:#0891b2}.resume-tile-preview.template-modern-orange .mini-name{color:#ea580c}.resume-tile-preview.template-creative .mini-resume-header,.resume-tile-preview.template-creative-indigo .mini-resume-header,.resume-tile-preview.template-creative-magenta .mini-resume-header{background:#fdf6e3;border:none;padding:.8rem;text-align:center}.resume-tile-preview.template-creative .mini-name{color:#e67e22}.resume-tile-preview.template-creative-indigo .mini-name{color:#4338ca}.resume-tile-preview.template-creative-magenta .mini-name{color:#c026d3}.resume-tile-preview.template-bold .mini-resume-header,.resume-tile-preview.template-bold-neon .mini-resume-header,.resume-tile-preview.template-bold-sunset .mini-resume-header{background:linear-gradient(135deg,#ff6b6b,#ffa07a);border:none;color:#fff;padding:.8rem;text-align:center}.resume-tile-preview.template-bold-sunset .mini-resume-header{background:linear-gradient(135deg,#ff6b35,#f7931e 50%,#fdc830)}.resume-tile-preview.template-bold-neon .mini-resume-header{background:linear-gradient(135deg,#0ff,#f0f 50%,#0f0)}.resume-tile-preview.template-bold .mini-name,.resume-tile-preview.template-bold-neon .mini-name,.resume-tile-preview.template-bold-sunset .mini-name{color:#fff;text-shadow:1px 1px 2px #0003}.resume-tile-preview.template-bold .mini-contact,.resume-tile-preview.template-bold-neon .mini-contact,.resume-tile-preview.template-bold-sunset .mini-contact{color:#ffffffe6}.resume-tile-preview.template-tech,.resume-tile-preview.template-tech-amber,.resume-tile-preview.template-tech-cyan{background:#1a1a1a;color:#e5e7eb;font-family:Courier New,monospace}.resume-tile-preview.template-tech .mini-resume-header{background:linear-gradient(135deg,#0f8,#00cc70);border:none;color:#0f0f0f;padding:.6rem}.resume-tile-preview.template-tech-cyan .mini-resume-header{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;color:#0f0f0f;padding:.6rem}.resume-tile-preview.template-tech-amber .mini-resume-header{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#0f0f0f;padding:.6rem}.resume-tile-preview.template-tech .mini-name,.resume-tile-preview.template-tech-amber .mini-name,.resume-tile-preview.template-tech-cyan .mini-name{color:#0f0f0f}.resume-tile-preview.template-tech .mini-section-title{color:#0f8}.resume-tile-preview.template-tech-cyan .mini-section-title{color:#06b6d4}.resume-tile-preview.template-tech-amber .mini-section-title{color:#fbbf24}.resume-tile-preview.template-tech .mini-skill-tag,.resume-tile-preview.template-tech-amber .mini-skill-tag,.resume-tile-preview.template-tech-cyan .mini-skill-tag{background:#0f83;border-color:#0f8;color:#0f8}.resume-tile-preview.template-tech-cyan .mini-skill-tag{background:#06b6d433;border-color:#06b6d4;color:#06b6d4}.resume-tile-preview.template-tech-amber .mini-skill-tag{background:#fbbf2433;border-color:#fbbf24;color:#fbbf24}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem;width:90%}.modal-content h3{color:#1f2937;font-size:1.5rem;margin:0 0 1rem}.modal-content p{color:#4b5563;line-height:1.5;margin:0 0 .5rem}.modal-warning{color:#ef4444;font-size:.9rem;font-weight:600}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-modal-cancel,.btn-modal-delete{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-modal-cancel{background:#f3f4f6;color:#374151}.btn-modal-cancel:hover{background:#e5e7eb}.btn-modal-delete{background:#ef4444;color:#fff}.btn-modal-delete:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.resume-tile{height:350px}.resume-tile-preview{padding:1rem .75rem}.mini-name{font-size:.9rem}}.resume-dashboard{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-header{margin-bottom:2.5rem}.dashboard-header h1{color:#1f2937;font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.dashboard-header p{color:#6b7280;font-size:1.1rem}[data-theme=dark] .dashboard-header h1{color:#f1f5f9}[data-theme=dark] .dashboard-header p{color:#94a3b8}.dashboard-content{display:flex;flex-direction:column;gap:3rem}.project-row{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 12px #0000000f;padding:2rem;transition:all .3s ease}[data-theme=dark] .project-row{background:#1e293b;border:1px solid #374151;box-shadow:0 4px 12px #0000004d}.project-row:hover{box-shadow:0 8px 24px #0000001a}[data-theme=dark] .project-row:hover{box-shadow:0 8px 24px #0006}.project-row-header{border-bottom:2px solid #f3f4f6;margin-bottom:1.5rem;padding-bottom:1rem}[data-theme=dark] .project-row-header{border-bottom:2px solid #374151}.project-info{align-items:center;display:flex;gap:1rem}.project-info svg{color:#6366f1;height:28px;width:28px}[data-theme=dark] .project-info svg{color:#818cf8}.project-info h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}[data-theme=dark] .project-info h2{color:#f1f5f9}.resume-count{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:20px;color:#6366f1;font-size:.85rem;font-weight:600;padding:.4rem .8rem}[data-theme=dark] .resume-count{background:linear-gradient(135deg,#1e293b,#334155);color:#93c5fd}.resumes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.resume-dashboard-tile{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;height:450px;overflow:hidden;position:relative;transition:all .3s ease}.resume-dashboard-tile:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.resume-dashboard-tile:hover .tile-actions-overlay{opacity:1}.tile-actions-overlay{background:linear-gradient(135deg,#0009,#0000004d);border-bottom-left-radius:12px;display:flex;gap:.5rem;opacity:0;padding:.75rem;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.btn-tile-action{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-tile-action svg{height:18px;width:18px}.btn-edit{color:#6366f1}.btn-edit:hover{background:#6366f1;color:#fff;transform:scale(1.1)}.btn-delete{color:#ef4444}.btn-delete:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.resume-dashboard-tile .resume-tile-preview{background:#fff;flex-shrink:0;font-size:.65rem;height:340px;line-height:1.3;overflow-x:hidden;overflow-y:auto;padding:1rem .75rem;position:relative}.resume-dashboard-tile .resume-tile-footer{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;height:90px;padding:.75rem 1rem}.resume-tile-name{color:#374151;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resume-tile-updated{align-items:center;background:#fffc;border-radius:6px;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem;margin-top:.25rem;padding:.25rem .5rem;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.resume-tile-updated svg{color:#6366f1;height:14px;transition:transform .3s ease;width:14px}.resume-dashboard-tile:hover .resume-tile-updated{background:#6366f11a;color:#6366f1}.resume-dashboard-tile:hover .resume-tile-updated svg{color:#6366f1;transform:rotate(1turn)}.updated-text{color:inherit;font-weight:500;transition:all .3s ease}.resume-dashboard-tile:hover .updated-text{color:#6366f1;font-weight:600}.resume-dashboard-empty{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;justify-content:center;margin:2rem;padding:4rem 2rem;text-align:center}.resume-dashboard-empty svg{color:#d1d5db;height:80px;margin-bottom:1.5rem;width:80px}.resume-dashboard-empty h2{color:#374151;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.resume-dashboard-empty p{color:#9ca3af;font-size:1.1rem}@media (max-width:1024px){.resumes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.resume-dashboard-tile{height:350px}}@media (max-width:768px){.resume-dashboard{padding:1rem}.dashboard-header h1{font-size:1.75rem}.project-row{padding:1.25rem}.project-info{flex-wrap:wrap}.project-info h2{font-size:1.25rem}.resumes-grid{gap:1rem;grid-template-columns:1fr}.resume-dashboard-tile{height:320px}.tile-actions-overlay{opacity:1}}@media (max-width:480px){.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:.95rem}.project-info svg{height:24px;width:24px}.resume-dashboard-empty svg{height:60px;width:60px}}.projects-grid-container{margin:0 auto;max-width:1400px;padding:2rem}.projects-grid-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2.5rem}.projects-grid-header h1{color:#1f2937;font-size:2.25rem;font-weight:700;margin:0 0 .5rem}[data-theme=dark] .projects-grid-header h1{color:#f1f5f9}.projects-grid-header p{color:#6b7280;font-size:1.1rem;margin:0}[data-theme=dark] .projects-grid-header p{color:#94a3b8}.btn-add-project-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-add-project-header:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-add-project-header svg{height:20px;width:20px}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-tile{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;height:280px;overflow:hidden;position:relative;transition:all .3s ease}[data-theme=dark] .project-tile{background:#1e293b;box-shadow:0 4px 12px #0000004d}.project-tile:hover{border-color:#667eea;box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}[data-theme=dark] .project-tile:hover{border-color:#818cf8;box-shadow:0 12px 24px #0006}.project-tile:hover .project-tile-actions-overlay{opacity:1}.project-tile-actions-overlay{background:linear-gradient(135deg,#0009,#0000004d);border-bottom-left-radius:12px;display:flex;gap:.5rem;opacity:0;padding:.75rem;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.btn-delete-project,.btn-edit-project{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-delete-project svg,.btn-edit-project svg{height:18px;width:18px}.btn-edit-project{color:#6366f1}.btn-edit-project:hover{background:#6366f1;color:#fff;transform:scale(1.1)}.btn-delete-project{color:#ef4444}.btn-delete-project:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.project-tile-icon{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#667eea;display:flex;height:120px;justify-content:center;padding:2rem}.project-tile-icon svg{height:64px;width:64px}.project-tile-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.project-tile-name{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}[data-theme=dark] .project-tile-name{color:#f1f5f9}.project-tile-stats{display:flex;flex-direction:column;gap:.5rem}.project-stat{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:.5rem}[data-theme=dark] .project-stat{color:#94a3b8}.project-stat svg{color:#667eea;height:18px;width:18px}[data-theme=dark] .project-stat svg{color:#818cf8}.project-tile-footer{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;padding:.75rem 1.5rem}[data-theme=dark] .project-tile-footer{background:linear-gradient(135deg,#1e293b,#374151);border-top:1px solid #4b5563}.project-tile-updated{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;gap:.5rem}[data-theme=dark] .project-tile-updated{color:#94a3b8}.project-tile-updated svg{color:#6366f1;height:14px;width:14px}[data-theme=dark] .project-tile-updated svg{color:#818cf8}.project-tile:hover .project-tile-updated{color:#6366f1}.projects-grid-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 200px);padding:4rem 2rem;text-align:center}.projects-grid-empty svg{color:#d1d5db;height:80px;margin-bottom:1.5rem;width:80px}.projects-grid-empty h2{color:#374151;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.projects-grid-empty p{color:#9ca3af;font-size:1.1rem;margin-bottom:2rem}.btn-create-project{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;height:60px;padding:.85rem 1.5rem;transition:all .3s ease}.btn-create-project:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.project-tile{height:260px}}@media (max-width:768px){.projects-grid-container{padding:1rem}.projects-grid-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.projects-grid-header h1{font-size:1.75rem}.projects-grid{gap:1rem;grid-template-columns:1fr}.project-tile{height:240px}.project-tile-actions-overlay{opacity:1}}.pagination-controls{align-items:center;display:flex;gap:2rem;justify-content:center;margin-top:3rem;padding:1.5rem 0}.pagination-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:10px;box-shadow:0 2px 8px #667eea26;color:#667eea;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{border-color:#d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;opacity:.4}.pagination-btn svg{height:18px;width:18px}.pagination-info{align-items:center;display:flex;flex-direction:column;gap:.25rem}.page-numbers{color:#1f2937;font-size:1rem;font-weight:600}.total-count{color:#6b7280;font-size:.85rem}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:48px;margin-bottom:1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.pagination-controls{flex-wrap:wrap;gap:1rem}.pagination-btn{font-size:.85rem;padding:.6rem 1rem}.pagination-btn svg{height:16px;width:16px}.page-numbers{font-size:.9rem}.total-count{font-size:.75rem}}.form-section-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:box-shadow .3s ease}[data-theme=dark] .form-section-card{background:linear-gradient(135deg,#24364ee6,#0f1622f5);border:1px solid #94a3b840;box-shadow:0 18px 40px #020617a6}.form-section-card:hover{box-shadow:0 4px 12px #00000026}[data-theme=dark] .form-section-card:hover{box-shadow:0 22px 45px #020617bf}.form-section-card h2{border-bottom:2px solid #667eea;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}[data-theme=dark] .form-section-card h2{border-color:#818cf899;color:#f8fafc}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{border-bottom:none;margin-bottom:0}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#555;font-size:.9rem;font-weight:500;margin-bottom:.5rem}[data-theme=dark] .form-group label{color:#cbd5e1}.form-group input[type=email],.form-group input[type=month],.form-group input[type=tel],.form-group input[type=text],.form-group input[type=url],.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:.95rem;padding:.75rem;transition:border-color .3s ease;width:100%}[data-theme=dark] .form-group input[type=email],[data-theme=dark] .form-group input[type=month],[data-theme=dark] .form-group input[type=tel],[data-theme=dark] .form-group input[type=text],[data-theme=dark] .form-group input[type=url],[data-theme=dark] .form-group textarea{background:#0f172a8c;border-color:#94a3b859;color:#f8fafc}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#94a3b899}.checkbox-inline{align-items:center;color:#374151;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-inline input{height:18px;width:18px}.checkbox-inline span{font-size:.95rem}[data-theme=dark] .checkbox-inline{color:#e2e8f0}[data-theme=dark] .checkbox-inline input{accent-color:#6366f1}[data-theme=dark] .checkbox-inline span{color:#f8fafc}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:#818cf8f2;box-shadow:0 0 0 2px #6366f140}.form-group textarea{min-height:100px;resize:vertical}.disabled-input{background-color:#f5f5f5;color:#999;cursor:not-allowed}.experience-item{border-top:1px solid #e0e0e0;margin-top:1.5rem;padding-top:1.5rem}.experience-item:first-of-type{border-top:none;margin-top:0;padding-top:0}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.item-header h3{color:#667eea;font-size:1.1rem;font-weight:600}[data-theme=dark] .item-header h3{color:#a5b4fc}.btn-small{font-size:.85rem;padding:.4rem .8rem}.skill-form{margin-bottom:1rem}.inline-add-form{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.inline-add-input{border:2px solid #e0e0e0;border-radius:10px;flex:1 1;font-family:inherit;font-size:.95rem;padding:.85rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.inline-add-btn{align-items:center;display:inline-flex;gap:.4rem;justify-content:center;padding:.85rem 1.5rem;white-space:nowrap}[data-theme=dark] .inline-add-input{background:#0f172a8c;border-color:#94a3b859;color:#f8fafc}[data-theme=dark] .inline-add-input::placeholder{color:#94a3b899}.inline-add-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea26;outline:none}[data-theme=dark] .inline-add-input:focus{border-color:#818cf8e6;box-shadow:0 0 0 2px #818cf840}.inline-add-btn .spinner{height:18px;width:18px}.inline-add-hint{color:#6b7280;font-size:.85rem;margin-bottom:1.25rem;margin-top:-.5rem}[data-theme=dark] .inline-add-hint{color:#cbd5e1}.ai-actions-row{align-items:flex-start;display:flex;gap:.75rem;margin-top:.5rem}.ai-status-messages{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-height:1.2rem}.ai-status-messages:empty{min-height:0}.btn-ai{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:1px solid #6366f159;border-radius:10px;color:#4338ca;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:auto;padding:.65rem 1.25rem;transition:all .2s ease}.btn-ai:hover:not(:disabled){background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 6px 16px #6366f140;transform:translateY(-2px)}.btn-ai:disabled{cursor:not-allowed;opacity:.7}.btn-ai .spinner{height:18px;width:18px}.btn-ai-icon{align-items:center;display:inline-flex;font-size:1rem;justify-content:center}[data-theme=dark] .btn-ai{background:#6366f126;border-color:#818cf873;color:#e0e7ff}[data-theme=dark] .btn-ai:hover:not(:disabled){background:#6366f140;box-shadow:0 6px 16px #0206178c}.ai-error-text{color:#dc2626;font-size:.85rem;margin-top:0}.ai-success-text{align-items:center;color:#16a34a;display:flex;font-size:.85rem;gap:.35rem;margin-top:0}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skill-tag{background-color:#667eea;border-radius:20px;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.skill-remove,.skill-tag{align-items:center;color:#fff}.skill-remove{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.skill-remove:hover{background-color:#fff3}.empty-state{color:#999;font-style:italic;margin-top:1rem;padding:1rem;text-align:center}@media (max-width:1024px){.form-section-card{padding:1.25rem}.form-section-card h2{font-size:1.35rem;margin-bottom:1.25rem}}@media (max-width:768px){.form-section-card{border-radius:8px;padding:1rem}.form-section-card h2{font-size:1.25rem;margin-bottom:1rem;padding-bottom:.4rem}.form-grid{gap:.75rem;grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-group label{font-size:.85rem;margin-bottom:.4rem}.form-group input[type=email],.form-group input[type=month],.form-group input[type=tel],.form-group input[type=text],.form-group input[type=url],.form-group textarea{font-size:.9rem;padding:.65rem}.form-group textarea{min-height:80px}.item-header{margin-bottom:.75rem}.item-header h3{font-size:1rem}.btn-small{font-size:.8rem;padding:.35rem .7rem}.inline-add-form{align-items:stretch;flex-direction:column}.inline-add-btn{justify-content:center;width:100%}.skill-form .form-group{align-items:stretch;flex-direction:column}.skill-tag{font-size:.85rem;padding:.4rem .65rem}}@media (max-width:480px){.form-section-card{border-radius:6px;padding:.75rem}.form-section-card h2{font-size:1.1rem;margin-bottom:.75rem}.form-grid{gap:.5rem}.form-group label{font-size:.8rem}.form-group input[type=email],.form-group input[type=month],.form-group input[type=tel],.form-group input[type=text],.form-group input[type=url],.form-group textarea{font-size:.85rem;padding:.6rem}.item-header h3{font-size:.95rem}.btn-small{font-size:.75rem;padding:.3rem .6rem}.skill-tag{font-size:.8rem;padding:.35rem .6rem}}.preview-section .resume-preview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-family:Georgia,Times New Roman,serif;min-height:800px;padding:2.5rem}.resume-dashboard-tile .resume-preview,.resume-tile-preview.resume-preview{box-shadow:none;height:80%;min-height:0;padding:1rem .75rem}.resume-content{color:#1a1a1a;font-size:11pt;line-height:1.5;max-width:100%}.resume-header{border-bottom:2px solid #1a1a1a;margin-bottom:1.5rem;padding-bottom:.75rem;text-align:center}.resume-header h1{color:#1a1a1a;font-size:24pt;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.contact-info,.resume-header h1{font-family:Arial,Helvetica,sans-serif}.contact-info{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:10pt;gap:0;justify-content:center}.contact-info .contact-item{align-items:center;display:inline-flex;padding:0 .5rem}.contact-info .contact-item:not(:last-child):after{color:#666;content:"|";font-weight:300;margin-left:.5rem}.contact-info a{color:#1a1a1a;text-decoration:none}.contact-info a:hover{text-decoration:underline}.resume-section{margin-bottom:1.25rem}.resume-section h2{border-bottom:1px solid #1a1a1a;color:#1a1a1a;font-family:Arial,Helvetica,sans-serif;font-size:12pt;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.25rem;text-transform:uppercase}.summary-text{color:#333;font-size:11pt;line-height:1.6;margin:0;text-align:left}@media (max-width:1024px){.resume-preview{min-height:auto;padding:2rem}.resume-header h1{font-size:22pt}.resume-section h2{font-size:11pt}}.resume-item{margin-bottom:1rem;page-break-inside:avoid}.resume-item:last-child{margin-bottom:0}.resume-item .item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.25rem}.resume-item h3{color:#1a1a1a;font-family:Arial,Helvetica,sans-serif;font-size:11pt;font-weight:700;margin-bottom:.15rem}.resume-item .company{color:#333;font-size:10.5pt;font-style:italic;font-weight:400;margin:0}.resume-item .gpa{color:#333;font-size:10pt;font-weight:400;margin:.15rem 0 0}.resume-item .date-range{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:400;margin-left:1rem;white-space:nowrap}.resume-item .item-description{color:#333;font-size:10.5pt;line-height:1.5;list-style:none;margin-left:0;margin-top:.35rem;padding-left:0}.resume-item .item-description li{margin-bottom:.25rem;padding-left:1rem;position:relative}.resume-item .item-description li:before{color:#1a1a1a;content:"•";font-weight:700;left:0;position:absolute}.skills-preview{display:flex;flex-wrap:wrap;font-size:10.5pt;gap:0;line-height:1.8}.skill-item{color:#333;display:inline}.skill-separator{color:#666;margin:0 .25rem}@media print{.resume-preview{border-radius:0;box-shadow:none;padding:.5in}.resume-header{border-bottom:2px solid #1a1a1a}.resume-item,.resume-section{page-break-inside:avoid}}@media (max-width:768px){.resume-preview{border-radius:8px;min-height:auto;padding:1.25rem}.resume-header{margin-bottom:1.5rem;padding-bottom:1rem}.resume-header h1{font-size:1.5rem;margin-bottom:.75rem}.contact-info{align-items:center;flex-direction:column;font-size:.85rem;gap:.5rem}.resume-section{margin-bottom:1.5rem}.resume-section h2{font-size:1.2rem;margin-bottom:.75rem;padding-bottom:.4rem}.resume-section>p,.summary-text{font-size:10pt}.resume-item{margin-bottom:1.25rem}.resume-item .item-header{align-items:flex-start;flex-direction:column}.resume-item h3{font-size:1rem}.resume-item .company{font-size:.9rem}.resume-item .date-range{font-size:.85rem;margin-left:0;margin-top:.3rem}.resume-item .item-description{font-size:10pt;margin-top:.4rem}.skills-preview{font-size:10pt}}@media (max-width:480px){.resume-preview{border-radius:6px;padding:1rem}.resume-header{margin-bottom:1.25rem;padding-bottom:.75rem}.resume-header h1{font-size:1.35rem;margin-bottom:.5rem}.contact-info{font-size:.8rem;gap:.4rem}.resume-section{margin-bottom:1.25rem}.resume-section h2{font-size:1.1rem;margin-bottom:.65rem}.resume-section>p,.summary-text{font-size:9.5pt}.resume-item{margin-bottom:1rem}.resume-item h3{font-size:.95rem}.resume-item .company{font-size:.85rem}.resume-item .date-range{font-size:.8rem}.resume-item .item-description,.skills-preview{font-size:9.5pt}}
/*# sourceMappingURL=main.9df292ed.css.map*/