@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#8b5cf6;--accent:#ec4899;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-dark:#111827;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-color:#e5e7eb;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-md:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"Fira Code","Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);min-height:100vh;line-height:1.6;position:relative}#three-canvas,#atom-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}main{z-index:1;min-height:100vh;animation:.2s ease-out fadeIn;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vacancy-list-page,.vacancy-detail-page,.application-form-page{animation:.25s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.loading{padding:var(--spacing-3xl);color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.125rem;display:flex}.loading:after{content:"";width:20px;height:20px;margin-left:var(--spacing-sm);border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.container{max-width:1200px;padding:var(--spacing-xl)var(--spacing-lg);margin:0 auto}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:700;line-height:1.2}h1{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem}h2{color:var(--text-primary);font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-md)}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}.btn-primary,.btn-secondary,.btn-apply,.btn-submit{padding:var(--spacing-sm)var(--spacing-xl);border-radius:var(--border-radius);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary,.btn-apply,.btn-submit{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:var(--text-inverse);box-shadow:var(--shadow)}.btn-primary:hover,.btn-apply:hover,.btn-submit:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active,.btn-apply:active,.btn-submit:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary)}.btn-icon{padding:var(--spacing-xs);cursor:pointer;color:var(--text-secondary);border-radius:var(--border-radius-sm);background:0 0;border:none;transition:all .2s}.btn-icon:hover{color:var(--primary);background:var(--bg-tertiary)}.btn-icon svg{stroke-width:2px;width:20px;height:20px}.btn-danger{color:var(--error)}.btn-danger:hover{background:rgba(239,68,68,.1)}button:disabled{opacity:.6;cursor:not-allowed}.page-header{text-align:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl)0}.page-header h1{margin-bottom:var(--spacing-sm)}.subtitle,.form-subtitle{color:var(--text-secondary);font-size:1.125rem;font-weight:400}.vacancy-grid{gap:var(--spacing-xl);margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.vacancy-card-link{color:inherit;text-decoration:none;display:block}.vacancy-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow);cursor:pointer;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.vacancy-card-link:hover .vacancy-card{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.vacancy-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.vacancy-card:hover:before{transform:scaleX(1)}.vacancy-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.card-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;display:flex}.vacancy-title{color:var(--text-primary);flex:1;margin:0;font-size:1.5rem;font-weight:700}.vacancy-category{background:linear-gradient(135deg,var(--primary-light),var(--secondary));color:var(--text-inverse);padding:var(--spacing-xs)var(--spacing-md);white-space:nowrap;border-radius:20px;font-size:.875rem;font-weight:600}.card-meta{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.meta-item{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem;display:flex}.meta-item .icon{stroke-width:2px;width:16px;height:16px}.vacancy-excerpt{color:var(--text-secondary);margin-bottom:var(--spacing-lg);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.vacancy-detail-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl)0}.back-link{margin-bottom:var(--spacing-lg)}.back-link a{color:var(--text-secondary);font-weight:500;transition:color .2s}.back-link a:hover{color:var(--primary)}.vacancy-detail{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-3xl);box-shadow:var(--shadow-md)}.detail-header{border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.detail-meta{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.meta-badge{background:var(--bg-tertiary);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.875rem;font-weight:500}.detail-section{margin-bottom:var(--spacing-2xl)}.detail-section h2{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:1.5rem}.detail-section p{color:var(--text-secondary);line-height:1.8}.requirements-list ul,.responsibilities-list ul,.possible-list ul,.benefits-list ul{padding:0;list-style:none}.requirements-list li,.responsibilities-list li,.possible-list li,.benefits-list li{padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius);border-left:4px solid var(--primary);color:var(--text-secondary);transition:all .2s}.requirements-list li:hover,.responsibilities-list li:hover,.possible-list li:hover,.benefits-list li:hover{background:var(--bg-tertiary);transform:translate(4px)}.action-section{gap:var(--spacing-lg);margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:2px solid var(--border-color);display:flex}.application-form-page{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl)0}.application-container{max-width:800px;margin:0 auto}.form-header{text-align:center;margin-bottom:var(--spacing-2xl)}.application-form{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-3xl);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.required{color:var(--error)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-sans);background:var(--bg-primary);font-size:1rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-group textarea{resize:vertical;min-height:120px}.form-actions{gap:var(--spacing-lg);margin-top:var(--spacing-2xl);display:flex}.success-message{text-align:center;padding:var(--spacing-3xl);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.success-icon{width:80px;height:80px;margin:0 auto var(--spacing-xl);background:linear-gradient(135deg,var(--success),#059669);border-radius:50%;justify-content:center;align-items:center;display:flex}.success-icon svg{stroke:#fff;stroke-width:3px;width:48px;height:48px}.success-message h2{color:var(--success);margin-bottom:var(--spacing-md)}.error-message{border:2px solid var(--error);color:var(--error);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);background:rgba(239,68,68,.1)}.admin-dashboard{background:var(--bg-secondary);min-height:100vh}.dashboard-header{text-align:center;margin-bottom:var(--spacing-3xl)}.stats-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.stat-card{background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);align-items:center;gap:var(--spacing-lg);border:1px solid var(--border-color);transition:all .3s;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--border-radius);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.stat-icon svg{stroke:#fff;stroke-width:2px;width:32px;height:32px}.stat-content h3{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:600}.stat-number{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700}.stat-detail{color:var(--text-tertiary);margin:0;font-size:.875rem}.quick-actions h2{margin-bottom:var(--spacing-xl)}.action-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.action-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow);text-align:center;color:inherit;border:2px solid transparent;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary);transform:translateY(-8px)}.action-card svg{width:48px;height:48px;margin:0 auto var(--spacing-lg);stroke:var(--primary);stroke-width:2px}.action-card h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.action-card p{color:var(--text-secondary);margin:0;font-size:.875rem}.vacancies-table,.applications-table{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--bg-tertiary)}th{padding:var(--spacing-md);text-align:left;color:var(--text-primary);border-bottom:2px solid var(--border-color);font-weight:600}td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}tr:hover{background:var(--bg-secondary)}.title-cell,.name-cell{color:var(--text-primary);font-weight:600}.actions-cell{gap:var(--spacing-sm);display:flex}.badge{padding:var(--spacing-xs)var(--spacing-md);text-transform:uppercase;border-radius:20px;font-size:.75rem;font-weight:600}.badge-active{color:var(--success);background:rgba(16,185,129,.1)}.badge-inactive{color:var(--text-tertiary);background:rgba(107,114,128,.1)}.status-select{padding:var(--spacing-xs)var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;background:var(--bg-primary);font-size:.875rem}.loading{text-align:center;padding:var(--spacing-3xl);color:var(--text-secondary);font-size:1.125rem}.empty-state{text-align:center;padding:var(--spacing-3xl);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1.125rem}.error{text-align:center;padding:var(--spacing-3xl);border:2px solid var(--error);border-radius:var(--border-radius-lg);color:var(--error);background:rgba(239,68,68,.1)}@media (width<=768px){.container{padding:var(--spacing-lg)var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.5rem}.vacancy-grid{grid-template-columns:1fr}.vacancy-detail,.application-form{padding:var(--spacing-xl)}.action-section,.form-actions{flex-direction:column}.stats-grid,.action-grid{grid-template-columns:1fr}table{font-size:.875rem}th,td{padding:var(--spacing-sm)}}.vacancy-card,.stat-card,.action-card{animation:.5s ease-out fadeIn}.form-section{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--border-color)}.form-section:last-of-type{border-bottom:none}.form-section h2{color:var(--primary);margin-bottom:var(--spacing-lg);font-size:1.75rem}.section-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:.95rem;font-style:italic}.form-row{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.skills-section{background:var(--bg-secondary);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);border:2px solid var(--border-color)}.skills-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.skill-item{gap:var(--spacing-sm);flex-direction:column;display:flex}.skill-item label{color:var(--text-primary);font-size:.875rem;font-weight:500}.skill-item select{padding:var(--spacing-sm)var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);cursor:pointer;font-size:1rem;transition:border-color .2s}.skill-item select:focus{border-color:var(--primary);outline:none}@media (width<=992px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.form-row,.skills-grid{grid-template-columns:1fr}.skills-section{padding:var(--spacing-lg)}}.admin-login-page{min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-3xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-icon{width:72px;height:72px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;justify-content:center;align-items:center;display:flex}.login-icon svg{stroke:#fff;width:36px;height:36px}.login-header h1{margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem}.login-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.login-form{margin-bottom:var(--spacing-xl)}.login-error{align-items:center;gap:var(--spacing-sm);color:var(--error);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);font-size:.9rem;display:flex}.login-error svg{flex-shrink:0;width:20px;height:20px}.pin-input-group{margin-bottom:var(--spacing-xl)}.pin-input-group label{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:.9rem;font-weight:600;display:block}.pin-input-group input{width:100%;padding:var(--spacing-md)var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--border-radius);text-align:center;letter-spacing:.5rem;background:var(--bg-secondary);font-size:1.25rem;transition:all .2s}.pin-input-group input:focus{border-color:var(--primary);background:var(--bg-primary);outline:none;box-shadow:0 0 0 4px rgba(99,102,241,.15)}.pin-input-group input::placeholder{letter-spacing:.25rem;color:var(--text-tertiary)}.login-btn{width:100%;padding:var(--spacing-md)var(--spacing-xl);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--border-radius);cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:all .3s}.login-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-loading{align-items:center;gap:var(--spacing-sm);display:inline-flex}.btn-loading:before{content:"";border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.login-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.back-to-site{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.back-to-site:hover{color:var(--primary)}.admin-form-templates{background:var(--bg-secondary);min-height:100vh}.page-header-modern{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.header-left .back-link{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.header-left .back-link:hover{color:var(--primary)}.header-left .back-link svg{width:18px;height:18px}.header-left h1{margin-bottom:var(--spacing-sm)}.page-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.btn-create{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-xl);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);border:none;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-create:hover{box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.btn-create svg{width:18px;height:18px}.templates-loading{text-align:center;padding:var(--spacing-3xl)}.loading-spinner{width:40px;height:40px;margin:0 auto var(--spacing-lg);border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:.8s linear infinite spin}.templates-loading p{color:var(--text-secondary)}.empty-state-modern{text-align:center;padding:var(--spacing-3xl);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.empty-icon{width:80px;height:80px;margin:0 auto var(--spacing-xl);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-icon svg{width:40px;height:40px;stroke:var(--text-tertiary)}.empty-state-modern h2{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state-modern p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.btn-create-large{padding:var(--spacing-md)var(--spacing-2xl);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-create-large:hover{box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.templates-grid-modern{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.template-card-modern{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow);border:1px solid var(--border-color);flex-direction:column;transition:all .3s;display:flex}.template-card-modern:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.template-card-modern .card-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;display:flex}.template-card-modern .card-icon{background:linear-gradient(135deg,var(--primary-light),var(--secondary));border-radius:var(--border-radius);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.template-card-modern .card-icon svg{stroke:#fff;width:24px;height:24px}.badge-default{background:linear-gradient(135deg,var(--success),#059669);color:#fff;padding:var(--spacing-xs)var(--spacing-md);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;font-size:.75rem;font-weight:600}.card-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:700}.card-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);flex:1;font-size:.9rem;line-height:1.5}.card-stats{gap:var(--spacing-xl);padding:var(--spacing-md)0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);display:flex}.card-stats .stat{flex-direction:column;display:flex}.card-stats .stat-value{color:var(--text-primary);font-size:1.125rem;font-weight:700}.card-stats .stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.card-actions{gap:var(--spacing-sm);display:flex}.btn-edit{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);flex:1;justify-content:center;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-edit:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-secondary)}.btn-edit svg{width:16px;height:16px}.btn-delete{padding:var(--spacing-sm);color:var(--text-tertiary);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-delete:hover:not(:disabled){border-color:var(--error);color:var(--error);background:rgba(239,68,68,.05)}.btn-delete:disabled{opacity:.3;cursor:not-allowed}.btn-delete svg{width:18px;height:18px}.error-state{text-align:center;padding:var(--spacing-3xl);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow)}.error-state svg{width:48px;height:48px;stroke:var(--error);margin-bottom:var(--spacing-lg)}.error-state p{color:var(--error)}@media (width<=768px){.page-header-modern{flex-direction:column}.templates-grid-modern{grid-template-columns:1fr}.login-card{padding:var(--spacing-xl)}}.file-uploads-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.file-uploads-grid{grid-template-columns:1fr}}.file-upload-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all .3s;overflow:hidden}.file-upload-card:hover{border-color:var(--primary-light)}.file-upload-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex}.file-upload-header svg{width:24px;height:24px;stroke:var(--primary)}.file-upload-header span{color:var(--text-primary);font-weight:600}.optional-badge{background:var(--bg-secondary);padding:var(--spacing-xs)var(--spacing-sm);color:var(--text-tertiary);border-radius:20px;margin-left:auto;font-size:.75rem;font-weight:500}.video-upload-description{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.video-instructions{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:.95rem;font-weight:600}.video-instructions-list{margin:0 0 var(--spacing-lg)0;padding:0;list-style:none}.video-instructions-list li{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:.9rem;line-height:1.5;position:relative}.video-instructions-list li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;top:0;left:0}.video-note{padding:var(--spacing-sm)var(--spacing-md);border-left:3px solid var(--primary);border-radius:var(--border-radius-sm);color:var(--text-secondary);background:rgba(99,102,241,.1);margin:0;font-size:.875rem;font-style:italic}.file-upload-dropzone{padding:var(--spacing-2xl);justify-content:center;align-items:center;min-height:200px;transition:all .3s;display:flex}.file-upload-dropzone:hover .dropzone-content{transform:scale(1.02)}.dropzone-content{text-align:center;transition:transform .2s}.dropzone-content svg{width:48px;height:48px;stroke:var(--primary-light);margin-bottom:var(--spacing-md)}.dropzone-content p{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1rem;font-weight:500}.or-text{color:var(--text-tertiary);margin-bottom:var(--spacing-sm);font-size:.875rem;display:block}.btn-browse{padding:var(--spacing-sm)var(--spacing-xl);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--border-radius);cursor:pointer;margin-bottom:var(--spacing-sm);font-weight:600;transition:all .3s;display:inline-block}.btn-browse:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.file-hint{color:var(--text-tertiary);font-size:.75rem;display:block}.uploading-indicator{text-align:center}.uploading-indicator .spinner{border:3px solid var(--border-color);border-top-color:var(--primary);width:48px;height:48px;margin:0 auto var(--spacing-md);border-radius:50%;animation:.8s linear infinite spin}.uploading-indicator span{color:var(--text-secondary);font-weight:500}.file-uploaded{align-items:center;gap:var(--spacing-md);text-align:center;flex-direction:column;display:flex}.file-uploaded svg{width:48px;height:48px;stroke:var(--success)}.file-uploaded .file-name{color:var(--text-primary);word-break:break-all;max-width:200px;font-weight:600}.btn-remove{padding:var(--spacing-xs)var(--spacing-md);border:2px solid var(--error);color:var(--error);border-radius:var(--border-radius-sm);cursor:pointer;background:0 0;font-size:.875rem;font-weight:600;transition:all .2s}.btn-remove:hover{background:var(--error);color:#fff}.file-upload-dropzone.drag-over{border-color:var(--primary);background:rgba(99,102,241,.1)}.files-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.file-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all .2s;display:flex}.file-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.file-icon{font-size:1.5rem}.file-info{flex-direction:column;flex:1;display:flex}.file-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.file-name{color:var(--text-tertiary);word-break:break-all;font-size:.75rem}.btn-download{padding:var(--spacing-xs)var(--spacing-md);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:.875rem;transition:all .2s}.btn-download:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.no-files{color:var(--text-tertiary);padding:var(--spacing-md);background:var(--bg-section);border-radius:var(--border-radius);text-align:center;font-style:italic}.template-editor-two-column{gap:var(--spacing-xl);margin-top:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (width>=1024px){.template-editor-two-column{align-items:start;gap:var(--spacing-2xl);grid-template-columns:350px 1fr}}.form-actions-header{gap:var(--spacing-md);display:flex}.card-modern{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card-modern h3{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.125rem}.card-header-flex{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.btn-add-field.small{padding:var(--spacing-xs);width:32px;height:32px}.btn-add-field.small svg{width:16px;height:16px}.badge-code{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.75rem}.form-input{width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.95rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.code-editor-container{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.code-editor{color:#ce9178;width:100%;padding:var(--spacing-md);resize:vertical;background:#1e1e1e;border:none;font-family:Menlo,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.5}.code-editor:focus{outline:none}.tags-list{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.tag{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.75rem}.tag.highlight{color:var(--primary);background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2)}.preview-sticky{top:var(--spacing-xl);position:sticky}.mock-application-form{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);background:#fff}@media (prefers-color-scheme:dark){.mock-application-form{background:#1a1a1a;border-color:#333}}.preview-field-group{margin-bottom:var(--spacing-lg)}.preview-field-group label{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:.9rem;font-weight:500;display:block}.required{color:var(--error);margin-left:2px}.preview-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.preview-file-upload{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-xl);text-align:center;background:var(--bg-secondary);align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.upload-icon{opacity:.5;width:48px;height:48px}.upload-text{color:var(--text-secondary);font-size:.9rem}.upload-hint{color:var(--text-tertiary);font-size:.75rem}.link{color:var(--primary);text-decoration:underline}.preview-error{padding:var(--spacing-lg);border-left:3px solid var(--error);border-radius:var(--border-radius);background:rgba(239,68,68,.1)}.preview-error p{color:var(--error);margin-bottom:var(--spacing-xs);font-weight:600}.error-detail{color:var(--text-secondary);font-family:monospace;font-size:.8rem}.preview-submit{margin-top:var(--spacing-xl);border-top:1px solid var(--border-color);padding-top:var(--spacing-lg)}.mock-btn{width:100%;padding:var(--spacing-md);background:var(--primary);color:#fff;border-radius:var(--border-radius);opacity:.5;cursor:not-allowed;border:none;font-weight:600}.form-actions-sticky{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-md);justify-content:flex-end;gap:var(--spacing-md);z-index:10;margin-top:var(--spacing-xl);border-radius:0 0 var(--border-radius-lg)var(--border-radius-lg);display:flex;position:sticky;bottom:0}.section-help{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.875rem;font-style:italic}.btn-add-field{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--border-radius);cursor:pointer;box-shadow:var(--shadow-sm);border:none;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-add-field:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn-add-field svg{width:18px;height:18px}.fields-list{gap:var(--spacing-md);flex-direction:column;display:flex}.empty-fields{text-align:center;padding:var(--spacing-3xl);background:var(--bg-primary);border-radius:var(--border-radius);border:2px dashed var(--border-color)}.empty-fields p{color:var(--text-secondary);margin:0}.preview-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.field-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all .2s;overflow:hidden}.field-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.field-card-header{padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;transition:background .2s;display:flex}.field-card-header:hover{background:linear-gradient(135deg,var(--bg-tertiary),#e5e7eb)}.field-header-left{align-items:center;gap:var(--spacing-sm);flex:1;display:flex}.field-type-badge{background:linear-gradient(135deg,var(--primary-light),var(--secondary));color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700}.field-card-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.required-badge{color:var(--error);text-transform:uppercase;letter-spacing:.5px;background:rgba(239,68,68,.1);border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:600}.field-header-actions{align-items:center;gap:var(--spacing-xs);display:flex}.icon-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon-btn.danger:hover:not(:disabled){border-color:var(--error);color:var(--error);background:rgba(239,68,68,.1)}.icon-btn svg{width:16px;height:16px}.field-card-body{padding:var(--spacing-lg)}.field-row{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.field-row:last-child{margin-bottom:0}.field-col{flex-direction:column;display:flex}.field-col.full-width{grid-column:1/-1}.field-col label{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:.85rem;font-weight:500;display:block}.field-col input,.field-col select,.field-col textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.field-col input:focus,.field-col select:focus,.field-col textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.field-col textarea{resize:vertical;min-height:80px;font-family:var(--font-sans)}.field-help{color:var(--text-tertiary);margin-top:var(--spacing-xs);font-size:.75rem}.checkbox-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.checkbox-label span{color:var(--text-primary);font-size:.9rem}.checkbox-label.inline{padding-top:var(--spacing-lg);justify-content:flex-start}.error-banner,.warning-banner{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);font-size:.9rem;font-weight:500}.error-banner{color:var(--error);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.warning-banner{color:var(--warning);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3)}@media (width<=768px){.field-row{grid-template-columns:1fr}.field-card-header{gap:var(--spacing-sm);flex-wrap:wrap}.field-header-actions{width:100%;margin-top:var(--spacing-sm);justify-content:flex-end}}.skills-editor-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.skill-edit-row{align-items:center;gap:var(--spacing-sm);display:flex}.skill-edit-row input{flex:1}.skill-edit-row .icon-btn{flex-shrink:0}.field-description-preview{color:var(--text-secondary);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:.85rem;line-height:1.4}