.resume-app{min-height:100vh;background:linear-gradient(135deg,#e0f2fe,#f0f9ff,#e0e7ff);transition:all .3s ease}.resume-app.dark{background:linear-gradient(135deg,#0f172a,#1e293b,#312e81)}.resume-header{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #3b82f61a}.dark .resume-header{background:#0003;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #3b82f633}.resume-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;border:1px solid rgba(255,255,255,.2)}.resume-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666;background:linear-gradient(135deg,#2563eb,#4f46e5)}.lang-switcher{padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;transition:all .3s ease;box-shadow:0 2px 10px #8b5cf64d;border:1px solid rgba(255,255,255,.2)}.lang-switcher:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#9333ea)}.resume-hero-section{position:relative;padding:4rem 0;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#a855f7);min-height:60vh;display:flex;align-items:center;justify-content:center}.resume-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(168,85,247,.2) 0%,transparent 50%);animation:resume-hero-float 20s ease-in-out infinite}@keyframes resume-hero-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.resume-hero-decoration{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:resume-hero-sparkle 15s linear infinite}@keyframes resume-hero-sparkle{0%{transform:translate(0) translateY(0)}to{transform:translate(-60px) translateY(-60px)}}.resume-hero-content{position:relative;z-index:10;text-align:center;max-width:800px;margin:0 auto;padding:0 2rem}.resume-hero-icon-container{margin-bottom:2rem}.resume-hero-icon{font-size:4rem;display:inline-block;animation:resume-hero-bounce 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes resume-hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.resume-hero-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:0 4px 8px rgba(0,0,0,.3);line-height:1.2;animation:resume-hero-fade-in 1s ease-out}@keyframes resume-hero-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.resume-hero-subtitle{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:resume-hero-fade-in 1s ease-out .2s both}.resume-main-content{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:-2rem 1rem 2rem;box-shadow:0 20px 40px #3b82f61a;border:1px solid rgba(255,255,255,.3);width:calc(100% - 2rem);max-width:none}.dark .resume-main-content{background:#0000004d;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #3b82f633}@media (max-width: 768px){.resume-hero-title{font-size:2.5rem}.resume-hero-subtitle{font-size:1.1rem}.resume-hero-icon{font-size:3rem}.resume-main-content{margin:-1rem .5rem 1rem;width:calc(100% - 1rem)}.resume-header{padding:.5rem 0}.resume-btn{padding:.5rem;font-size:.875rem}.lang-switcher{padding:.375rem .75rem;font-size:.75rem}.resume-hero-section{padding:2rem 0;min-height:50vh}.resume-hero-content{padding:0 1rem}}@media (max-width: 480px){.resume-hero-title{font-size:2rem}.resume-hero-subtitle{font-size:1rem}.resume-hero-icon{font-size:2.5rem}.resume-main-content{margin:-1rem .25rem 1rem;width:calc(100% - .5rem)}.resume-header{padding:.25rem 0}.resume-btn{padding:.375rem;font-size:.75rem}.lang-switcher{padding:.25rem .5rem;font-size:.625rem}.resume-hero-section{padding:1.5rem 0;min-height:40vh}.resume-hero-content{padding:0 .5rem}.resume-hero-icon-container{margin-bottom:1rem}.resume-hero-icon{font-size:2rem}}@media (min-width: 769px) and (max-width: 1024px){.resume-main-content{margin:-1.5rem 1rem 1.5rem}.resume-hero-section{padding:3rem 0}}@media (min-width: 1025px){.resume-main-content{margin:-2rem 1rem 2rem}.resume-hero-section{padding:4rem 0}}@media (max-width: 768px){.resume-preview-container{transform:scale(.8);transform-origin:top center;margin:0 auto;max-width:100%;overflow-x:auto}.resume-preview-container::-webkit-scrollbar{height:4px}.resume-preview-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.resume-preview-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.resume-preview-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}@media (max-width: 480px){.resume-preview-container{transform:scale(.7);margin:-2rem auto 0}}@media (min-width: 769px) and (max-width: 1024px){.resume-preview-container{transform:scale(.9);transform-origin:top center}}@media (max-width: 768px){.tab-button{min-height:60px;padding:.75rem;font-size:.75rem}.tab-button .icon{font-size:1.25rem;margin-bottom:.25rem}.btn-primary{padding:.75rem 1rem;font-size:.875rem;border-radius:.5rem}.btn-secondary{padding:.5rem .75rem;font-size:.75rem;border-radius:.375rem}.form-input{padding:.75rem;font-size:.875rem;border-radius:.5rem}.form-label{font-size:.875rem;margin-bottom:.5rem}.card{padding:1rem;border-radius:.75rem;margin-bottom:1rem}.section-spacing{margin-bottom:1.5rem}.section-spacing-sm{margin-bottom:1rem}}@media (max-width: 480px){.tab-button{min-height:50px;padding:.5rem;font-size:.625rem}.tab-button .icon{font-size:1rem;margin-bottom:.125rem}.btn-primary{padding:.625rem .875rem;font-size:.75rem}.btn-secondary{padding:.375rem .625rem;font-size:.625rem}.form-input{padding:.625rem;font-size:.75rem}.form-label{font-size:.75rem;margin-bottom:.375rem}.card{padding:.75rem;border-radius:.5rem;margin-bottom:.75rem}.section-spacing{margin-bottom:1rem}.section-spacing-sm{margin-bottom:.75rem}}@media (max-width: 768px){.motion-reduced{animation-duration:.1s!important;transition-duration:.1s!important}.interactive-element{min-height:44px;min-width:44px}.scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.mobile-shadow{box-shadow:0 2px 8px #0000001a}.mobile-shadow-lg{box-shadow:0 4px 16px #00000026}.mobile-border{border-radius:.75rem}.mobile-padding{padding:1rem}.mobile-padding-sm{padding:.75rem}.mobile-padding-lg{padding:1.5rem}}@media (max-width: 480px){.mobile-padding{padding:.75rem}.mobile-padding-sm{padding:.5rem}.mobile-padding-lg{padding:1rem}.mobile-shadow{box-shadow:0 1px 4px #0000001a}.mobile-shadow-lg{box-shadow:0 2px 8px #00000026}}@media (max-width: 768px){.performance-optimized{will-change:auto;transform:translateZ(0);backface-visibility:hidden}.reduced-motion{animation:none!important;transition:none!important}.lazy-load{opacity:0;transition:opacity .3s ease-in-out}.lazy-load.loaded{opacity:1}}.floating-preview-button{position:fixed;bottom:1.5rem;right:1.5rem;z-index:40;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:1rem;border-radius:50%;box-shadow:0 10px 25px #8b5cf64d;transition:all .3s ease;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:3.5rem;min-height:3.5rem}.floating-preview-button:hover{transform:scale(1.1);box-shadow:0 15px 35px #8b5cf666}.floating-preview-button:focus{outline:none;box-shadow:0 0 0 4px #8b5cf64d}.floating-preview-button:active{transform:scale(.95)}.resume-header{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.1);transition:transform .3s ease-in-out}.dark .resume-header{background:#000c;border-bottom:1px solid rgba(255,255,255,.1)}.full-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.full-preview-content{background:#fff;border-radius:1rem;box-shadow:0 25px 50px #00000040;max-width:90vw;max-height:95vh;overflow:hidden;display:flex;flex-direction:column}.dark .full-preview-content{background:#1f2937;color:#fff}.full-preview-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:#f9fafb}.dark .full-preview-header{border-bottom:1px solid #374151;background:#111827}.full-preview-body{flex:1;overflow:auto;padding:1.5rem}.full-preview-footer{padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:space-between}.dark .full-preview-footer{border-top:1px solid #374151;background:#111827}@media (max-width: 768px){.floating-preview-button{bottom:1rem;right:1rem;padding:.875rem;min-width:3rem;min-height:3rem}.floating-preview-button svg{width:1.25rem;height:1.25rem}.full-preview-modal{padding:.5rem}.full-preview-content{max-width:95vw;max-height:98vh}.full-preview-header,.full-preview-body,.full-preview-footer{padding:1rem}}@media (max-width: 480px){.floating-preview-button{bottom:.75rem;right:.75rem;padding:.75rem;min-width:2.75rem;min-height:2.75rem}.floating-preview-button svg{width:1rem;height:1rem}.full-preview-header,.full-preview-body,.full-preview-footer{padding:.75rem}}.resume-container.minimal-ats{color:#1f2937!important;background-color:#fff!important}.resume-container.minimal-ats h1,.resume-container.minimal-ats h2,.resume-container.minimal-ats h3,.resume-container.minimal-ats .section-title{color:#1e40af!important}.resume-container.minimal-ats .section-title{border-bottom:2px solid #dbeafe!important}.resume-container.minimal-ats .skill-item{background-color:#1e40af!important;color:#fff!important;border:1px solid #3b82f6!important}.resume-container.minimal-ats .experience-item:before,.resume-container.minimal-ats .education-item:before{background:#1e40af!important;border:3px solid #ffffff!important}.resume-container.classic-traditional{color:#334155!important;background-color:#fff!important}.resume-container.classic-traditional h1,.resume-container.classic-traditional h2,.resume-container.classic-traditional h3,.resume-container.classic-traditional .section-title{color:#1e293b!important}.resume-container.classic-traditional .section-title{border-bottom:2px solid #e2e8f0!important}.resume-container.classic-traditional .skill-item{background-color:#475569!important;color:#fff!important;border:1px solid #64748b!important}.resume-container.classic-traditional .experience-item:before,.resume-container.classic-traditional .education-item:before{background:#1e293b!important;border:3px solid #ffffff!important}.resume-container.modern-clean{color:#1e293b!important;background-color:#f8fafc!important}.resume-container.modern-clean h1,.resume-container.modern-clean h2,.resume-container.modern-clean h3,.resume-container.modern-clean .section-title{color:#4f46e5!important}.resume-container.modern-clean .section{background-color:#fff!important;border:1.5px solid #e0e7ff!important;box-shadow:0 2px 12px #6366f112!important}.resume-container.modern-clean h2{background-color:#e0e7ff!important;color:#312e81!important}.resume-container.modern-clean h2:before{background:linear-gradient(180deg,#6366f1,#8b5cf6)!important}.resume-container.modern-clean .skill-item{border:1.5px solid #8b5cf6!important;background:#e0e7ff!important;color:#312e81!important}.resume-container.two-column{color:#1f2937!important;background-color:#fff!important}.resume-container.two-column h1,.resume-container.two-column h2,.resume-container.two-column h3,.resume-container.two-column .section-title{color:#0f766e!important}.resume-container.two-column .sidebar{background:#f0fdfa!important;color:#134e4a!important}.resume-container.two-column .skill-item{background-color:#0f766e!important;color:#fff!important;border:1px solid #14b8a6!important}.resume-container.two-column .experience-item:before,.resume-container.two-column .education-item:before{background:#0f766e!important;border:3px solid #ffffff!important}.resume-container.header-focused{color:#1f2937!important;background-color:#fff!important}.resume-container.header-focused h1,.resume-container.header-focused h2,.resume-container.header-focused h3,.resume-container.header-focused .section-title{color:#be185d!important}.resume-container.header-focused .basic-info{border-bottom:2px solid #ec4899!important}.resume-container.header-focused .skill-item{background-color:#be185d!important;color:#fff!important;border:1px solid #ec4899!important}.resume-container.header-focused .experience-item:before,.resume-container.header-focused .education-item:before{background:#be185d!important;border:3px solid #ffffff!important}.resume-container.timeline{color:#1f2937!important;background-color:#fff!important}.resume-container.timeline h1,.resume-container.timeline h2,.resume-container.timeline h3,.resume-container.timeline .section-title{color:#0e7490!important}.resume-container.timeline .section-content:before{background-color:#0891b2!important}.resume-container.timeline .skill-item{background-color:#0e7490!important;color:#fff!important;border:1px solid #0891b2!important}.resume-container.timeline .experience-item:before,.resume-container.timeline .education-item:before{background:#0e7490!important;border:3px solid #ffffff!important}.skill-item{transition:all .3s ease!important;box-shadow:0 1px 3px #0000001a!important}.skill-item:hover{transform:translateY(-1px)!important;box-shadow:0 2px 6px #00000026!important}.section-title{position:relative!important;padding-bottom:.5rem!important;margin-bottom:1rem!important}.section-title:after{content:""!important;position:absolute!important;bottom:0!important;left:0!important;width:50px!important;height:2px!important;background:currentColor!important;opacity:.7!important}.experience-item:before,.education-item:before{box-shadow:0 2px 4px #0000001a!important;transition:all .3s ease!important}.experience-item:hover:before,.education-item:hover:before{transform:scale(1.1)!important;box-shadow:0 4px 8px #00000026!important}@media print{.resume-container,.skill-item,.section-title{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}}.skills-field-input{width:100%;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem}.skills-field-input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.skills-field-input::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.skills-field-input{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.skills-field-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}.skills-field-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.skills-field-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.skills-field-input:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.skills-field-input:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.skills-field-input{padding-top:.875rem;padding-bottom:.875rem;font-size:1rem;line-height:1.5rem}}.skills-skill-input{width:100%;min-width:100px;border-style:none;background-color:transparent;padding:0;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.skills-skill-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}.skills-skill-input:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.skills-skill-input{min-width:120px;font-size:1rem;line-height:1.5rem}}@media (max-width: 640px){.skills-field-input,.skills-skill-input{padding:.75rem;font-size:1rem;line-height:1.5rem}}.skills-field-input:focus,.skills-skill-input:focus{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(249 115 22 / .2);--tw-shadow: var(--tw-shadow-colored)}.skills-field-input:focus:is(.dark *),.skills-skill-input:focus:is(.dark *){--tw-shadow-color: rgb(251 146 60 / .2);--tw-shadow: var(--tw-shadow-colored)}.skills-field-input:hover,.skills-skill-input:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.skills-field-input:hover:is(.dark *),.skills-skill-input:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}@media (max-width: 640px){.skills-field-input,.skills-skill-input{min-height:44px}}.skill-tag{display:flex;align-items:center;gap:.25rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(255 237 213 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.skill-tag:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.skill-tag:is(.dark *){--tw-border-opacity: 1;border-color:rgb(154 52 18 / var(--tw-border-opacity, 1));background-color:#7c2d124d}.skill-tag:hover:is(.dark *){background-color:#7c2d1280}.skill-tag:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skill-level-dropdown{position:absolute;top:100%;left:0;z-index:20;margin-top:.5rem;min-width:220px;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.75rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.skill-level-dropdown:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.skill-level-dropdown{min-width:250px}}.skill-level-option{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.skill-level-option:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.skill-level-option:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.skill-level-option:hover:is(.dark *){background-color:#7c2d1280}.skill-level-option:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skill-star{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.skill-star{font-size:.875rem;line-height:1.25rem}}.skills-control-button{border-radius:.75rem;padding:.375rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.skills-control-button:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.skills-control-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1))}.skills-control-button:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.skills-control-button{padding:.5rem}}.skills-control-button:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.add-skill-button{display:flex;align-items:center;gap:.25rem;border-radius:.75rem;padding:.5rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.add-skill-button:hover{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.add-skill-button:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.add-skill-button:hover:is(.dark *){background-color:#7c2d124d;--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.add-skill-button:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.category-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #fff7ed var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #fef2f2 var(--tw-gradient-to-position);padding:1.5rem}.category-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-gradient-from: rgb(124 45 18 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(127 29 29 / .1) var(--tw-gradient-to-position)}@media (min-width: 640px){.category-header{padding:2rem}}.category-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.category-content{padding:1.5rem}@media (min-width: 640px){.category-content{padding:2rem}}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}@media (min-width: 640px){.skills-grid{gap:.75rem}}.validation-message{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.validation-message:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.duplicate-warning{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.duplicate-warning:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}@media (max-width: 480px){.skills-skill-input{padding:.75rem;font-size:1rem;line-height:1.5rem;font-size:16px!important;line-height:1.2;min-height:48px}.skill-tag{padding:.375rem .5rem;font-size:.875rem;line-height:1.25rem}.skills-grid{gap:.375rem}}@media (hover: none) and (pointer: coarse){.skills-skill-input{padding:.75rem;font-size:1rem;line-height:1.5rem;font-size:16px!important;min-height:48px;border-width:2px}.skill-tag{min-height:44px;min-width:44px}}.skill-tag-enter{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.skill-tag-enter-active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.skill-tag-exit{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.skill-tag-exit-active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.category-card{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.category-card:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.category-card:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.drag-handle{cursor:grab;border-radius:.5rem;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.drag-handle:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.drag-handle:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.drag-handle:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.drag-handle:active{cursor:grabbing}.reorder-controls{margin-right:.5rem;display:flex;align-items:center;gap:.25rem}.reorder-button{border-radius:.5rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.reorder-button:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.reorder-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.reorder-button:hover:is(.dark *){background-color:#1e3a8a80}.reorder-button:hover:not(:disabled){--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.visibility-toggle{border-radius:.5rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.visibility-toggle:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.visibility-toggle:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1))}.visibility-toggle:hover:is(.dark *){background-color:#14532d80}.visibility-toggle:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.remove-button{border-radius:.5rem;padding:.375rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.remove-button:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.remove-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.remove-button:hover:is(.dark *){background-color:#7f1d1d80}.remove-button:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.add-category-button{display:flex;align-items:center;gap:.5rem;border-radius:1rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 var(--tw-gradient-to-position);padding:1rem 1.5rem;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.add-category-button:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.add-category-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.add-category-button:hover{--tw-translate-y: -.5rem;--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.category-name-input{width:100%;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.category-name-input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.category-name-input::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.category-name-input{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.category-name-input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1))}.category-name-input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.category-name-input:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.category-name-input:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.category-name-input:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1))}.skills-legend{margin-top:1.5rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.skills-legend:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media (max-width: 640px){.category-header{padding:1rem}.category-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.category-content{padding:1rem}.skills-grid{gap:.375rem}.skill-tag{padding:.375rem .5rem;font-size:.875rem;line-height:1.25rem}.reorder-controls{margin-right:.25rem}.reorder-button,.visibility-toggle,.remove-button{padding:.25rem}}@media (prefers-color-scheme: dark){.skill-tag{--tw-border-opacity: 1;border-color:rgb(154 52 18 / var(--tw-border-opacity, 1));background-color:#7c2d124d}.skill-tag:hover{background-color:#7c2d1280}.skill-level-dropdown{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.skill-level-option:hover{background-color:#7c2d1280}}@keyframes skills-marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes skills-marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.skills-marquee-container{overflow:hidden;width:100%;position:relative;padding-inline:8px;background:transparent}.skills-marquee{display:flex;gap:2rem;width:-moz-max-content;width:max-content;animation:skills-marquee-left 18s linear infinite}.skills-marquee-right{animation-name:skills-marquee-right}.skills-marquee>div{margin-right:2rem;flex-shrink:0}@media (prefers-reduced-motion: reduce){.skills-marquee,.skills-marquee-right{animation:none}}@media (max-width: 768px){.skills-marquee{animation-duration:12s}.skills-marquee>div{margin-right:1rem}}@media (min-width: 1024px){.skills-marquee{animation-duration:24s}}.a4-container{position:relative;background:#fff;box-shadow:0 10px 25px #0000001a;border-radius:8px;overflow:hidden;transition:all .3s ease}.a4-container.resizing{transition:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.a4-container:hover{box-shadow:0 15px 35px #00000026}.a4-content{width:100%;height:100%;padding:40px 32px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;background:#fff}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#7c3aed14;border:1px solid rgba(124,58,237,.22);color:#6d28d9;font-weight:600;font-size:12px}.pill{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid rgba(99,102,241,.35);background:linear-gradient(180deg,#6366f10f,#6366f108);color:#4338ca;font-weight:600;font-size:12px}.summary-card{background:linear-gradient(180deg,#7c3aed0f,#7c3aed08);border:1px solid rgba(124,58,237,.25);border-left:4px solid #7c3aed;border-radius:14px;padding:14px 16px;box-shadow:0 1px 8px #0000000f}.extra-card{background:linear-gradient(180deg,#6366f10f,#6366f108);border:1px solid rgba(99,102,241,.25);border-radius:14px;padding:12px 14px;box-shadow:0 1px 8px #0000000f}.timeline{position:relative;padding-left:24px}[dir=rtl] .timeline{padding-left:0;padding-right:24px}.timeline-line{position:absolute;top:0;bottom:0;left:8px;width:2px;background:linear-gradient(180deg,#4f46e54d,#6366f14d)}[dir=rtl] .timeline-line{left:auto;right:8px}.timeline-title{margin-bottom:12px}.timeline-item{position:relative;margin:0 0 16px;padding-left:16px}[dir=rtl] .timeline-item{padding-left:0;padding-right:16px}.timeline-marker{position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:9999px;background:#6366f1;box-shadow:0 0 0 3px #6366f126}[dir=rtl] .timeline-marker{left:auto;right:0}.timeline-content{background:linear-gradient(180deg,#6366f10f,#6366f108);border:1px solid rgba(99,102,241,.25);border-radius:12px;padding:12px 14px}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.timeline-position{color:#4f46e5;font-weight:700}.timeline-date{font-size:12px;color:#6b7280}.timeline-company{font-size:13px;color:#475569;margin-bottom:6px}.timeline-list{padding-inline-start:18px;margin:0}[dir=rtl] .timeline-list{padding-inline-start:0;padding-inline-end:18px}.resize-handle{position:absolute;background-color:#3b82f6cc;border:2px solid rgba(59,130,246,1);border-radius:4px;cursor:pointer;z-index:10;transition:all .2s ease}.resize-handle:hover{background-color:#3b82f6;transform:scale(1.1)}.resize-handle.resizing{background-color:#3b82f6;transform:scale(1.2)}.resize-handle[data-position=top],.resize-handle[data-position=bottom]{width:40px;height:12px;left:50%;transform:translate(-50%)}.resize-handle[data-position=top]{top:-6px;cursor:n-resize}.resize-handle[data-position=bottom]{bottom:-6px;cursor:s-resize}.resize-handle[data-position=left],.resize-handle[data-position=right]{width:12px;height:40px;top:50%;transform:translateY(-50%)}.resize-handle[data-position=left]{left:-6px;cursor:w-resize}.resize-handle[data-position=right]{right:-6px;cursor:e-resize}.resize-handle[data-position=top-left],.resize-handle[data-position=top-right],.resize-handle[data-position=bottom-left],.resize-handle[data-position=bottom-right]{width:12px;height:12px}.resize-handle[data-position=top-left]{top:-6px;left:-6px;cursor:nw-resize}.resize-handle[data-position=top-right]{top:-6px;right:-6px;cursor:ne-resize}.resize-handle[data-position=bottom-left]{bottom:-6px;left:-6px;cursor:sw-resize}.resize-handle[data-position=bottom-right]{bottom:-6px;right:-6px;cursor:se-resize}.export-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.export-btn:disabled{opacity:.5;cursor:not-allowed}.export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.export-btn.pdf{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.export-btn.pdf:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.export-btn.json{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.export-btn.json:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9)}.export-btn.fullscreen{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.export-btn.fullscreen:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.fullscreen-mode{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.fullscreen-mode .a4-container{max-width:90vw;max-height:90vh}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.loading-content{background:#fff;border-radius:.5rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 20px 25px -5px #0000001a}.loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.a4-content{padding:20px 16px}.export-controls{gap:.25rem}.export-btn{padding:.375rem .75rem;font-size:.75rem}.export-btn span{display:none}.fullscreen-mode .a4-container{max-width:95vw;max-height:95vh}}@media (max-width: 480px){.a4-content{padding:16px 12px}.export-controls{flex-direction:column;gap:.5rem}.export-btn{width:100%;justify-content:center}}@media print{.a4-container{box-shadow:none;border:none;border-radius:0}.resize-handle,.export-controls,.loading-overlay{display:none!important}.a4-content{padding:0;overflow:visible}}@media (prefers-color-scheme: dark){.a4-container{background:#1f2937;color:#f9fafb}.a4-content{background:#1f2937}.loading-content{background:#374151;color:#f9fafb}.fullscreen-mode{background:#111827}}.resize-handle:focus{outline:2px solid #3b82f6;outline-offset:2px}.export-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.resize-handle{background-color:#000;border-color:#fff}.export-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.a4-container,.resize-handle,.export-btn{transition:none}.loading-spinner{animation:none}}.resize-handle:focus-visible,.export-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.a4-content::-webkit-scrollbar{width:8px}.a4-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.a4-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.a4-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.section-enter{opacity:0;transform:translateY(20px)}.section-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.section-exit{opacity:1;transform:translateY(0)}.section-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.template-ats-minimal .a4-container{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4}.template-modern-clean .a4-container{font-family:Segoe UI,Tahoma,sans-serif;font-size:14px;line-height:1.6}.template-classic-traditional .a4-container{font-family:Times New Roman,Georgia,serif;font-size:12px;line-height:1.5}.two-column-layout{display:flex;gap:1.5rem;height:100%}.two-column-layout .sidebar{flex:0 0 260px;max-width:320px;min-width:240px}.two-column-layout .main-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.two-column-layout{flex-direction:column;gap:1rem}.two-column-layout .sidebar{flex:none;max-width:none;min-width:auto}}.custom-preview-bg{background:linear-gradient(135deg,#f3e8ff,#fdf2fa);min-height:100vh}.custom-fullscreen-bg{background:#fff!important}.custom-a4-shadow{box-shadow:0 12px 48px #7c3aed2e,0 1.5px 8px #7c3aed1a}.custom-a4-rounded{border-radius:2rem!important}.a4-content h1,.a4-content h2,.a4-content h3{color:#1e293b!important;font-family:Tajawal,Arial,sans-serif}.a4-content p,.a4-content li,.a4-content span{color:#374151!important;font-family:Tajawal,Arial,sans-serif}.a4-content .text-purple-700,.a4-content .text-indigo-700{color:#7c3aed!important}