@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--color-white:#fff;--color-off-white:#fafafa;--color-light-gray:#f9fafb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-primary-blue:#3b82f6;--color-success-green:#10b981;--color-warning-orange:#f59e0b;--color-error-red:#ef4444;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-border-dark:#9ca3af;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-white);color:#111827;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;margin:0}code{background-color:#f9fafb;background-color:var(--color-light-gray);border-radius:4px;border-radius:var(--radius-sm);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875em;padding:2px 6px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--color-light-gray)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--color-border-dark)}::selection{background-color:#3b82f633;color:#111827;color:var(--color-text-primary)}.app{flex-direction:column;min-height:100vh}.app,.navbar{background-color:var(--color-white);display:flex}.navbar{align-items:center;border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);height:64px;padding:0 var(--spacing-lg);z-index:100}.navbar-brand{align-items:center;color:var(--color-text-primary);display:flex;font-size:20px;font-weight:600;gap:12px;transition:all .3s ease}.navbar-brand:hover{transform:translateY(-1px)}.navbar-brand-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-blue),#2563eb);border-radius:var(--radius-md);box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:32px}.navbar-brand-icon:hover{box-shadow:0 4px 16px #3b82f666;transform:scale(1.05)}.logo-animation{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.logo-letter{animation:logoPulse 2s ease-in-out infinite;font-size:18px;font-weight:700;z-index:2}.logo-accent{animation:logoShine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#fff3,#0000);bottom:0;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes logoShine{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}.navbar-brand-text{color:var(--color-text-primary);font-size:20px;font-weight:600;transition:color .3s ease}@media (max-width:768px){.navbar-brand{gap:8px}.navbar-brand-icon{height:28px;width:28px}.logo-letter{font-size:16px}.navbar-brand-text{font-size:18px}}@media (max-width:480px){.navbar-brand-icon{height:24px;width:24px}.logo-letter{font-size:14px}.navbar-brand-text{font-size:16px}}.navbar-nav{align-items:center;display:flex;gap:var(--spacing-md);margin-left:auto}.mobile-menu-toggle{background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:none;padding:8px;transition:background-color .2s ease}.mobile-menu-toggle:hover{background-color:var(--color-light-gray)}.nav-link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:var(--color-light-gray);color:var(--color-primary-blue)}.nav-link.active{background-color:#3b82f61a;color:var(--color-primary-blue)}.upload-page{align-items:flex-start;background:linear-gradient(135deg,var(--color-off-white) 0,#f8fafc 100%);display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 64px);overflow:hidden;padding:var(--spacing-xl);position:relative}.upload-page:before{background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b9811a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.upload-container{animation:containerFadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-white);border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:800px;padding:var(--spacing-xl);position:relative;width:100%;z-index:1}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upload-header{animation:headerSlideDown .8s ease-out;margin-bottom:var(--spacing-xl);text-align:center}.upload-title{-webkit-text-fill-color:#0000;animation:titleGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--color-primary-blue),#2563eb);-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:32px;font-weight:700;margin-bottom:var(--spacing-sm)}.upload-subtitle{animation:subtitleFadeIn 1s ease-out .3s both;color:var(--color-text-secondary);font-size:16px;line-height:1.6}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleGlow{0%{filter:drop-shadow(0 0 5px rgba(59,130,246,.3))}to{filter:drop-shadow(0 0 15px rgba(59,130,246,.6))}}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.upload-form{gap:var(--spacing-lg)}.form-section,.upload-form{display:flex;flex-direction:column}.form-section{background-color:var(--color-off-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.form-section:hover{border-color:var(--color-primary-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-section:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.form-section:hover:before{left:100%}.section-title{color:var(--color-text-primary);font-size:20px;font-weight:600;margin-bottom:var(--spacing-sm);transition:color .3s ease}.section-description{line-height:1.5;margin-bottom:var(--spacing-md)}.form-help{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md);color:#92400e;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px;touch-action:manipulation}.form-help svg{flex-shrink:0}.animate-slide-up{animation:slideUpFadeIn .6s ease-out forwards;opacity:0;transform:translateY(30px)}.animate-fade-in{animation:fadeIn .4s ease-out forwards;opacity:0}@keyframes slideUpFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.form-textarea{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background-color:var(--color-white);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-family:inherit;font-size:14px;padding:12px 16px;resize:vertical;touch-action:manipulation;transition:all .2s ease;width:100%}.form-textarea:hover{border-color:var(--color-border-dark)}.form-textarea:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-description{color:var(--color-text-muted);font-size:12px;margin-top:4px}.btn-large{font-size:16px;font-weight:600;padding:16px 32px}.dashboard-page{background-color:var(--color-off-white);display:flex;flex:1 1}.dashboard-container{display:flex;min-height:calc(100vh - 64px);overflow:hidden;width:100%}.side-navbar{background-color:var(--color-white);border-right:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;width:280px}.side-navbar-header{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-lg)}.side-navbar-content{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.nav-section{margin-bottom:var(--spacing-lg)}.nav-section h3{color:var(--color-text-muted);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.nav-list{list-style:none;margin:0;padding:0}.nav-list li{margin-bottom:4px}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background-color:var(--color-light-gray);color:var(--color-text-primary)}.nav-item.active{background-color:#3b82f61a;color:var(--color-primary-blue);font-weight:500}.nav-icon{font-size:16px;text-align:center;width:20px}.nav-label{flex:1 1}.side-navbar-footer{border-top:1px solid var(--color-border-light);padding:var(--spacing-lg)}.nav-info{text-align:center}.nav-info p{color:var(--color-text-muted);font-size:12px;margin:0}.nav-version{font-weight:500}.dashboard-content{flex:1 1;min-width:0;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg)}.dashboard-header{margin-bottom:var(--spacing-lg)}.dashboard-header h1{color:var(--color-text-primary);font-size:28px;font-weight:700;margin-bottom:var(--spacing-sm)}.dashboard-header p{color:var(--color-text-secondary);font-size:16px}.dashboard-main{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.overview-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.overview-summary{background-color:var(--color-light-gray);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.overview-summary h2{color:var(--color-text-primary);font-size:20px;font-weight:600;margin-bottom:var(--spacing-sm)}.analysis-status{margin-top:var(--spacing-lg)}.analysis-status h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin-bottom:var(--spacing-sm)}.status-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{align-items:center;background-color:var(--color-white);border-radius:var(--radius-md);display:flex;font-size:14px;gap:8px;padding:8px 12px}.status-icon{font-size:16px}.status-label{color:var(--color-text-secondary)}.analysis-complete{background-color:#10b9811a;border:1px solid #10b9814d;border-radius:var(--radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.complete-indicator{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:var(--spacing-sm)}.complete-indicator,.complete-indicator svg{color:var(--color-success-green)}.analysis-section{flex-direction:column}.analysis-section,.section-header{display:flex;gap:var(--spacing-lg)}.section-header{align-items:flex-start;justify-content:space-between}.section-title h2{color:var(--color-text-primary);font-size:24px;font-weight:600;margin-bottom:var(--spacing-sm)}.section-title p{color:var(--color-text-secondary);font-size:14px}.section-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.section-content{min-height:400px}.skills-visualization{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:100%;overflow:hidden}.visualization-header{margin-bottom:var(--spacing-lg);text-align:center}.visualization-header h2{color:var(--color-text-primary);font-size:24px;font-weight:600;margin-bottom:var(--spacing-sm)}.visualization-header p{color:var(--color-text-secondary);font-size:14px}.visualization-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;max-width:100%;overflow:hidden}.visualization-grid .full-width{grid-column:1/-1}.chart-container{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:100%;min-width:0;overflow:hidden;padding:var(--spacing-lg)}.chart-header{margin-bottom:var(--spacing-md)}.chart-header h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.chart-header p{color:var(--color-text-secondary);font-size:14px}.chart-wrapper canvas{height:auto!important;max-height:100%!important;max-width:100%!important;width:100%!important}.chart-wrapper{height:300px;max-width:100%;overflow:hidden;position:relative;width:100%}.match-score{margin-top:var(--spacing-md);text-align:center}.score-value{color:var(--color-success-green);display:block}.score-label{font-size:14px}.skills-breakdown{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.skills-breakdown h3{color:var(--color-text-primary);font-size:20px;font-weight:600;margin-bottom:var(--spacing-lg)}.skills-categories{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-category h4{color:var(--color-text-primary);font-size:16px;font-weight:600;margin-bottom:var(--spacing-sm)}.skill-list{flex-direction:column}.skill-item,.skill-list{display:flex;gap:var(--spacing-sm)}.skill-item{align-items:center}.skill-name{color:var(--color-text-primary);font-size:14px;min-width:120px}.skill-bar{background-color:var(--color-light-gray);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.skill-progress{background-color:var(--color-primary-blue);border-radius:4px;height:100%;transition:width .3s ease}.skill-percentage{color:var(--color-text-secondary);font-size:12px;min-width:40px;text-align:right}.loading-overlay{align-items:center;background-color:#ffffffe6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner-large{animation:spin .6s linear infinite;border:4px solid var(--color-light-gray);border-radius:50%;border-top-color:var(--color-primary-blue);height:48px;margin-bottom:var(--spacing-md);width:48px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.loading-state p{color:var(--color-text-secondary);margin-top:var(--spacing-sm)}.section-header{color:var(--color-text-primary);font-size:18px;font-weight:600;margin-bottom:var(--spacing-sm)}.section-description{color:var(--color-text-secondary);font-size:14px;margin-bottom:var(--spacing-sm)}.file-upload-container,.upload-area{position:relative}.upload-area{-webkit-tap-highlight-color:transparent;background-color:var(--color-white);border:2px dashed var(--color-border-medium);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);text-align:center;touch-action:manipulation;transition:all .3s ease}.upload-area:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.upload-area:hover{background-color:#3b82f60d;border-color:var(--color-primary-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.upload-area:hover:before{left:100%}.upload-area.drag-active{animation:dragPulse 1s ease-in-out infinite;background-color:#3b82f61a;border-color:var(--color-primary-blue);transform:scale(1.02)}@keyframes dragPulse{0%,to{box-shadow:0 0 0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.upload-icon{color:var(--color-text-muted);height:48px;margin:0 auto var(--spacing-sm);width:48px}.upload-text{color:var(--color-text-secondary);font-size:14px;margin-bottom:4px}.upload-hint{color:var(--color-text-muted);font-size:12px}.file-info{align-items:center;background-color:var(--color-light-gray);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.file-icon{color:var(--color-primary-blue);height:32px;width:32px}.file-details{flex:1 1}.file-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.file-size{font-size:12px}.file-size,.remove-file-btn{color:var(--color-text-muted)}.remove-file-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:4px;touch-action:manipulation;transition:all .2s ease}.remove-file-btn:hover{background-color:#ef44441a;color:var(--color-error-red)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-label,.form-select{color:var(--color-text-primary);font-size:14px}.form-select{background-color:var(--color-white);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);cursor:pointer;padding:12px 16px;transition:all .2s ease;width:100%}.form-select:hover{border-color:var(--color-border-dark)}.form-select:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:12px 24px;touch-action:manipulation}.btn,.btn-primary{transition:all .2s ease}.btn-primary{background-color:var(--color-primary-blue);border:none;color:#fff;overflow:hidden;position:relative}.btn-primary:hover:not(:disabled){background-color:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-pulse{animation:buttonPulse 2s ease-in-out infinite}@keyframes buttonPulse{0%,to{box-shadow:0 0 0 0 #3b82f6b3}50%{box-shadow:0 0 0 10px #3b82f600}}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.btn-secondary{background-color:var(--color-white);border:1px solid var(--color-primary-blue);color:var(--color-primary-blue)}.btn-secondary:hover{background-color:#3b82f60d}.btn-full-width{width:100%}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block}.loader-animation{-webkit-tap-highlight-color:transparent;animation:dash_682 1.4s linear infinite;touch-action:manipulation}@keyframes dash_682{72.5%{opacity:0}to{stroke-dashoffset:0}}.results-container{-webkit-tap-highlight-color:transparent;background-color:var(--color-white);touch-action:manipulation}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.results-title{color:var(--color-text-primary);font-size:24px;font-weight:600}.copy-btn{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--color-light-gray);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;min-height:44px;padding:8px 16px;touch-action:manipulation;transition:all .2s ease}.copy-btn:hover{background-color:var(--color-border-light);color:var(--color-text-primary)}.results-content{word-wrap:break-word;background-color:var(--color-light-gray);border-radius:var(--radius-lg);line-height:1.7;padding:var(--spacing-lg);white-space:pre-wrap}.results-content h1,.results-content h2,.results-content h3,.results-content h4,.results-content h5,.results-content h6{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.results-content h1{border-bottom:2px solid var(--color-border-light);font-size:24px;padding-bottom:var(--spacing-sm)}.results-content h2{color:var(--color-primary-blue);font-size:20px}.results-content h3{font-size:18px}.results-content h4{font-size:16px}.results-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.results-content ol,.results-content ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.results-content li{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.results-content strong{color:var(--color-text-primary);font-weight:600}.results-content em{color:var(--color-text-secondary);font-style:italic}.results-content code{background-color:var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-primary-blue);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:2px 6px}.results-content pre{background-color:var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow-x:auto;padding:var(--spacing-md)}.results-content pre code{background-color:initial;color:var(--color-text-primary);padding:0}.results-content blockquote{border-left:4px solid var(--color-primary-blue);color:var(--color-text-secondary);font-style:italic;margin:var(--spacing-md) 0;padding-left:var(--spacing-md)}.results-content table{border-collapse:collapse;margin-bottom:var(--spacing-md);width:100%}.results-content td,.results-content th{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-sm);text-align:left}.results-content th{background-color:var(--color-border-light);color:var(--color-text-primary);font-weight:600}.results-content hr{border:none;border-top:1px solid var(--color-border-light);margin:var(--spacing-xl) 0}.empty-state{color:var(--color-text-muted);padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.empty-state-icon{color:var(--color-border-medium);height:64px;margin:0 auto var(--spacing-sm);width:64px}.empty-state-title{color:var(--color-text-secondary);font-size:18px;font-weight:500;margin-bottom:8px}.empty-state-description{color:var(--color-text-muted);font-size:14px}.alert{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:var(--spacing-md);padding:12px 16px;touch-action:manipulation}.alert-success{background-color:#10b9811a;border:1px solid #10b9814d;color:#065f46}.alert-error{background-color:#ef44441a;border:1px solid #ef44444d;color:#991b1b}.alert-warning{background-color:#f59e0b1a;border:1px solid #f59e0b4d;color:#92400e}.settings-page{align-items:flex-start;background:linear-gradient(135deg,var(--color-off-white) 0,#f8fafc 100%);display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 64px);overflow:hidden;padding:var(--spacing-xl);position:relative}.settings-page:before{background:radial-gradient(circle at 30% 70%,#10b9811a 0,#0000 50%),radial-gradient(circle at 70% 30%,#3b82f61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.settings-container{animation:containerFadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-white);border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:800px;padding:var(--spacing-xl);position:relative;width:100%;z-index:1}.settings-header{animation:headerSlideDown .8s ease-out;margin-bottom:var(--spacing-xl)}.settings-title{-webkit-text-fill-color:#0000;animation:titleGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--color-primary-blue),#2563eb);-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:32px;font-weight:700;margin-bottom:var(--spacing-sm)}.settings-subtitle{animation:subtitleFadeIn 1s ease-out .3s both;color:var(--color-text-secondary);font-size:16px;line-height:1.6}.animate-slide-left{animation:slideLeftFadeIn .6s ease-out forwards;opacity:0;transform:translateX(-30px)}@keyframes slideLeftFadeIn{to{opacity:1;transform:translateX(0)}}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section{background-color:var(--color-off-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.settings-section:hover{border-color:var(--color-primary-blue);box-shadow:var(--shadow-md);transform:translateY(-2px)}.settings-section:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.settings-section:hover:before{left:100%}.settings-header h1{color:var(--color-text-primary);font-size:2rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.settings-header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.settings-section{margin-bottom:2rem}.section-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.section-header p{color:#6b7280;font-size:1rem;margin:0 0 2rem}.api-key-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.input-group{margin-bottom:1.5rem}.input-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.input-wrapper{align-items:flex-start;display:flex;gap:.75rem}.api-key-input{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;border:2px solid #d1d5db;border-radius:6px;flex:1 1;font-size:1rem;min-height:44px;padding:.75rem;touch-action:manipulation;transition:border-color .2s}.api-key-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.api-key-input.valid{border-color:#10b981}.validate-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;min-height:44px;padding:.75rem 1rem;touch-action:manipulation;transition:background-color .2s;white-space:nowrap}.validate-btn:hover:not(:disabled){background:#5a67d8}.validate-btn:disabled{background:#9ca3af;cursor:not-allowed}.validation-message{-webkit-tap-highlight-color:transparent;border-radius:4px;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem;touch-action:manipulation}.validation-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.validation-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.api-key-actions{display:flex;gap:1rem;margin-top:1rem}.api-key-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.api-key-info h3{color:#1e40af;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.api-key-info ol{color:#374151;margin:0 0 1rem;padding-left:1.5rem}.api-key-info li{margin-bottom:.5rem}.api-key-info a{color:#1e40af;font-weight:500;text-decoration:none}.api-key-info a:hover{text-decoration:underline}.security-note{-webkit-tap-highlight-color:transparent;align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem;touch-action:manipulation}.security-note svg{flex-shrink:0}.loading-spinner{-webkit-tap-highlight-color:transparent;animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;touch-action:manipulation;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px) and (min-width:769px){.settings-page,.upload-page{padding:var(--spacing-lg)}.settings-container,.upload-container{max-width:90%;padding:var(--spacing-lg)}.settings-title,.upload-title{font-size:28px}.form-section{padding:var(--spacing-md)}.section-title{font-size:18px}.btn-large{font-size:15px;padding:14px 28px}}@media (max-width:768px){.upload-page{min-height:calc(100vh - 64px);padding:var(--spacing-sm)}.upload-container{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0;padding:var(--spacing-md)}.upload-header{margin-bottom:var(--spacing-lg)}.upload-title{font-size:24px;line-height:1.3}.upload-subtitle{font-size:14px;line-height:1.5}.upload-form{gap:var(--spacing-md)}.form-section{padding:var(--spacing-md)}.form-section,.section-title{margin-bottom:var(--spacing-sm)}.section-title{font-size:18px}.section-description{font-size:13px;margin-bottom:var(--spacing-sm)}.form-textarea{font-size:16px;min-height:120px;padding:12px}.btn-large{font-size:16px;margin-top:var(--spacing-md);padding:16px 24px;width:100%}.upload-area{margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.upload-icon{height:40px;width:40px}.upload-text{font-size:14px}.upload-hint{font-size:12px}.file-info{flex-wrap:wrap;padding:var(--spacing-sm)}.file-icon{height:28px;width:28px}.file-name{font-size:13px;word-break:break-word}.file-size{font-size:11px}.settings-page{min-height:calc(100vh - 64px);padding:var(--spacing-sm)}.settings-container{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:0;padding:var(--spacing-md)}.settings-header{margin-bottom:var(--spacing-lg)}.settings-title{font-size:24px;line-height:1.3}.settings-subtitle{font-size:14px;line-height:1.5}.settings-content{gap:var(--spacing-md)}.settings-section{margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.section-header h2{font-size:18px;margin-bottom:var(--spacing-sm)}.section-header p{font-size:13px}.input-group,.section-header p{margin-bottom:var(--spacing-md)}.input-group label{font-size:14px;margin-bottom:var(--spacing-xs)}.input-wrapper{flex-direction:column;gap:var(--spacing-sm)}.api-key-input{font-size:16px;padding:12px}.validate-btn{font-size:14px;justify-content:center;padding:12px;width:100%}.api-key-actions{flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.api-key-actions .btn{font-size:14px;justify-content:center;padding:12px;width:100%}.api-key-info{margin-top:var(--spacing-md);padding:var(--spacing-md)}.api-key-info h3{font-size:16px;margin-bottom:var(--spacing-sm)}.api-key-info ol{padding-left:var(--spacing-md)}.api-key-info li{font-size:13px;margin-bottom:var(--spacing-xs)}.security-note{flex-direction:column;font-size:12px;gap:var(--spacing-xs);padding:var(--spacing-sm);text-align:center}.validation-message{font-size:13px;padding:var(--spacing-sm)}}@media (max-width:480px){.settings-page,.upload-page{padding:var(--spacing-xs)}.settings-container,.upload-container{padding:var(--spacing-sm)}.settings-title,.upload-title{font-size:20px}.settings-subtitle,.upload-subtitle{font-size:13px}.form-section,.settings-section{padding:var(--spacing-sm)}.section-title{font-size:16px}.section-description{font-size:12px}.form-textarea{font-size:16px;min-height:100px;padding:10px}.btn-large{font-size:15px;padding:14px 20px}.upload-area{padding:var(--spacing-sm)}.upload-icon{height:36px;width:36px}.upload-text{font-size:13px}.upload-hint{font-size:11px}.file-info{padding:var(--spacing-xs)}.file-icon{height:24px;width:24px}.file-name{font-size:12px}.file-size{font-size:10px}.settings-title{font-size:20px}.settings-subtitle{font-size:13px}.section-header h2{font-size:16px}.section-header p{font-size:12px}.api-key-input{font-size:16px;padding:10px}.api-key-actions .btn,.validate-btn{font-size:13px;padding:10px}.api-key-info{padding:var(--spacing-sm)}.api-key-info h3{font-size:14px}.api-key-info li{font-size:12px}.security-note{font-size:11px;padding:var(--spacing-xs)}.validation-message{font-size:12px;padding:var(--spacing-xs)}}@media (max-width:1024px){.dashboard{flex-direction:column}.input-panel,.results-panel{width:100%}.input-panel{border-bottom:1px solid var(--color-border-light);border-right:none}}@media (max-width:768px){.navbar{padding:0 var(--spacing-sm);position:relative}.navbar-brand{font-size:18px}.navbar-brand span{display:none}.mobile-menu-toggle{display:block;margin-left:auto}.navbar-nav{background-color:var(--color-white);border-top:1px solid var(--color-border-light);box-shadow:var(--shadow-lg);flex-direction:column;gap:0;left:0;opacity:0;padding:var(--spacing-sm);position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden;z-index:1000}.navbar-nav.mobile-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-radius:var(--radius-md);font-size:16px;margin-bottom:var(--spacing-xs);padding:var(--spacing-md);text-align:center;width:100%}.nav-link:last-child{margin-bottom:0}.input-panel,.results-panel{padding:var(--spacing-sm)}}.keyword-analysis{padding:var(--spacing-lg)}.keyword-section{margin-bottom:var(--spacing-xl)}.keyword-section h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin-bottom:var(--spacing-md)}.keyword-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.keyword-tag{border:1px solid;border-radius:var(--radius-md);font-size:14px;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.keyword-tag.found{background-color:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.keyword-tag.missing{background-color:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.keyword-score{margin-top:var(--spacing-xl);text-align:center}.score-display{background:linear-gradient(135deg,var(--color-primary-blue),#2563eb);border-radius:var(--radius-lg);color:#fff;display:inline-block;padding:var(--spacing-lg)}.score-value{font-size:32px;font-weight:700}.section-scores{padding:var(--spacing-lg)}.scores-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.score-card{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);text-align:center;transition:var(--transition)}.score-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.score-card h4{color:var(--color-text-primary);font-size:16px;font-weight:600}.score-card h4,.score-circle{margin-bottom:var(--spacing-md)}.score-circle{align-items:center;display:flex;justify-content:center}.score-number{color:var(--color-primary-blue);font-size:36px;font-weight:700}.score-label{color:var(--color-text-secondary);font-size:18px;margin-left:4px}.score-bar{background-color:var(--color-border-light);height:8px;overflow:hidden;width:100%}.score-bar,.score-fill{border-radius:var(--radius-sm)}.score-fill{background:linear-gradient(90deg,var(--color-primary-blue),#2563eb);height:100%;transition:width .3s ease}.overall-score{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.overall-score h3{color:var(--color-text-primary);font-size:20px;font-weight:600;margin-bottom:var(--spacing-md)}.overall-score-display{background:linear-gradient(135deg,var(--color-primary-blue),#2563eb);border-radius:var(--radius-lg);color:#fff;display:inline-block;padding:var(--spacing-lg)}.overall-score-value{font-size:48px;font-weight:700}.skills-legend{flex-direction:column;margin-top:var(--spacing-md)}.legend-item,.skills-legend{display:flex;gap:var(--spacing-sm)}.legend-item{align-items:center}.legend-color{border:1px solid #0000001a;border-radius:var(--radius-sm);height:16px;width:16px}.legend-label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.technical-skills-matching{padding:var(--spacing-lg)}.tech-skills-header{align-items:center;border-bottom:2px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.tech-skills-header h3{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0}.tech-match-percentage{align-items:center;background:linear-gradient(135deg,var(--color-primary-blue),#2563eb);border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;min-width:120px;padding:var(--spacing-md)}.tech-percentage-value{font-size:36px;font-weight:700;line-height:1}.tech-percentage-label{font-size:14px;font-weight:500;opacity:.9}.tech-skills-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-xl)}.tech-skills-section{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:var(--transition)}.tech-skills-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tech-skills-section h4{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:18px;font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);text-align:center}.tech-skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.tech-skill-tag{border:1px solid;border-radius:var(--radius-md);font-size:14px;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition)}.tech-skill-tag.required{background-color:#f59e0b1a;border-color:#f59e0b4d;color:#92400e}.tech-skill-tag.matched{background-color:#10b9811a;border-color:#10b9814d;color:#065f46}.tech-skill-tag.missing{background-color:#ef44441a;border-color:#ef44444d;color:#991b1b}.tech-skills-summary{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:var(--radius-lg);padding:var(--spacing-xl)}.summary-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.summary-stats .stat-item{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-align:center}.summary-stats .stat-value{color:var(--color-primary-blue);display:block;font-size:28px;font-weight:700;margin-bottom:var(--spacing-xs)}.summary-stats .stat-label{color:var(--color-text-secondary);font-size:14px;font-weight:500;text-transform:uppercase}@media (max-width:1024px) and (min-width:769px){.dashboard-container{flex-direction:row;min-height:calc(100vh - 64px)}.side-navbar{flex-shrink:0;min-width:220px;width:220px}.dashboard-content{flex:1 1;min-width:0;overflow-x:hidden;padding:var(--spacing-md)}.dashboard-header h1{font-size:24px}.dashboard-header p{font-size:14px}.visualization-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;max-width:100%}.chart-container{min-width:0;overflow:hidden;padding:var(--spacing-md)}.chart-wrapper{height:250px;max-width:100%}.tech-skills-grid,.work-exp-grid{gap:var(--spacing-md);grid-template-columns:1fr;max-width:100%}.summary-stats{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:100%}.summary-stats .stat-item{min-width:0;overflow:hidden;text-overflow:ellipsis}.work-exp-summary{max-width:100%;overflow:hidden;padding:var(--spacing-md)}.work-exp-summary .summary-stats{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.work-exp-summary .summary-stats .stat-item{word-wrap:break-word;min-width:0;overflow-wrap:break-word;padding:var(--spacing-sm)}.work-exp-summary .summary-stats .stat-value{font-size:18px;line-height:1.2}.work-exp-summary .summary-stats .stat-label{word-wrap:break-word;font-size:10px;line-height:1.3}.assessment-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container{flex-direction:column}.side-navbar{border-bottom:1px solid var(--color-border-light);border-right:none;height:auto;position:-webkit-sticky;position:sticky;top:64px;width:100%;z-index:10}.side-navbar-content,.side-navbar-header{padding:var(--spacing-sm)}.nav-section h3{font-size:12px;margin-bottom:var(--spacing-xs)}.nav-item{font-size:13px;margin-bottom:2px;padding:10px 12px}.nav-icon{font-size:14px;width:16px}.nav-label{font-size:13px}.side-navbar-footer{padding:var(--spacing-sm)}.nav-info p{font-size:11px}.nav-version{font-size:10px}.dashboard-content{max-width:100vw;overflow-x:hidden;padding:var(--spacing-sm);padding-bottom:120px}.analysis-section,.dashboard-main,.section-content,.work-experience-matching{max-width:100%;overflow-x:hidden}.dashboard-header{margin-bottom:var(--spacing-md)}.dashboard-header h1{font-size:20px;line-height:1.3}.dashboard-header p{font-size:13px;line-height:1.4}.dashboard-main{padding:var(--spacing-sm)}.overview-section{gap:var(--spacing-md)}.overview-summary{padding:var(--spacing-md)}.overview-summary h2{font-size:18px;margin-bottom:var(--spacing-sm)}.overview-summary p{font-size:13px;line-height:1.5}.analysis-complete{margin-top:var(--spacing-md);padding:var(--spacing-md)}.complete-indicator{font-size:14px;margin-bottom:var(--spacing-sm)}.complete-indicator svg{height:20px;width:20px}.analysis-section,.section-header{gap:var(--spacing-md)}.section-header{align-items:stretch;flex-direction:column}.section-title h2{font-size:18px;margin-bottom:var(--spacing-xs)}.section-title p{font-size:13px;margin-bottom:var(--spacing-sm)}.section-actions{flex-direction:column;gap:var(--spacing-sm)}.section-actions .btn{font-size:14px;padding:12px}.copy-btn,.section-actions .btn{justify-content:center;width:100%}.copy-btn{font-size:13px;padding:10px}.section-content{min-height:300px}.visualization-grid{gap:var(--spacing-md);grid-template-columns:1fr}.chart-container{padding:var(--spacing-md)}.chart-header h3{font-size:16px}.chart-header p{font-size:12px}.chart-wrapper{height:200px}.match-score{margin-top:var(--spacing-sm)}.score-label{font-size:12px}.skills-breakdown{padding:var(--spacing-md)}.skills-breakdown h3{font-size:16px;margin-bottom:var(--spacing-md)}.skills-categories{gap:var(--spacing-md);grid-template-columns:1fr}.skill-category h4{font-size:14px}.skill-category h4,.skill-item{margin-bottom:var(--spacing-sm)}.skill-name{font-size:12px;min-width:100px}.skill-percentage{font-size:11px;min-width:35px}.keyword-analysis{padding:var(--spacing-md)}.keyword-section{margin-bottom:var(--spacing-lg)}.keyword-section h3{font-size:16px;margin-bottom:var(--spacing-sm)}.keyword-list{gap:var(--spacing-xs);justify-content:flex-start}.keyword-tag{font-size:12px;padding:4px 8px}.keyword-score{margin-top:var(--spacing-lg)}.score-display{padding:var(--spacing-md)}.score-value{font-size:24px}.technical-skills-matching{padding:var(--spacing-md)}.tech-skills-header{flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center}.tech-skills-header h3{font-size:18px}.tech-match-percentage{min-width:100px;padding:var(--spacing-sm)}.tech-percentage-value{font-size:28px}.tech-percentage-label{font-size:12px}.tech-skills-grid{gap:var(--spacing-md);grid-template-columns:1fr}.tech-skills-section{padding:var(--spacing-md)}.tech-skills-section h4{font-size:16px;margin-bottom:var(--spacing-sm)}.tech-skills-list{gap:var(--spacing-xs);justify-content:flex-start}.tech-skill-tag{font-size:12px;padding:4px 8px}.tech-skills-summary{margin-top:var(--spacing-lg);padding:var(--spacing-md)}.summary-stats{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.summary-stats .stat-item{padding:var(--spacing-sm)}.summary-stats .stat-value{font-size:20px}.summary-stats .stat-label{font-size:11px}.work-experience-matching{padding:var(--spacing-md)}.work-exp-header{flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center}.work-exp-header h3{font-size:18px}.work-exp-match-percentage{min-width:100px;padding:var(--spacing-sm)}.work-exp-percentage-value{font-size:28px}.work-exp-percentage-label{font-size:12px}.work-exp-grid{gap:var(--spacing-md);grid-template-columns:1fr}.work-exp-section{padding:var(--spacing-md)}.work-exp-section h4{font-size:16px;margin-bottom:var(--spacing-sm)}.work-exp-list{gap:var(--spacing-xs);justify-content:flex-start}.work-exp-tag{font-size:12px;padding:4px 8px}.work-exp-assessment{margin-bottom:var(--spacing-lg);max-width:100%;overflow:hidden;padding:var(--spacing-md)}.assessment-grid{gap:var(--spacing-sm);grid-template-columns:1fr;max-width:100%;overflow:hidden}.assessment-item{word-wrap:break-word;min-width:0;overflow:hidden;padding:var(--spacing-sm);text-align:center}.assessment-item h4{word-wrap:break-word;font-size:14px;line-height:1.3;margin-bottom:var(--spacing-xs);overflow-wrap:break-word}.assessment-value{align-items:center;display:flex;justify-content:center;min-height:36px}.level-badge,.years-match{font-size:12px;padding:4px 8px}.industry-score,.level-badge,.years-match{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.industry-score{font-size:18px;font-weight:600}.work-exp-summary{padding:var(--spacing-md)}.work-exp-summary .summary-stats{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.work-exp-summary .summary-stats .stat-item{word-wrap:break-word;min-width:0;overflow-wrap:break-word;padding:var(--spacing-sm)}.work-exp-summary .summary-stats .stat-value{font-size:18px;line-height:1.2}.work-exp-summary .summary-stats .stat-label{word-wrap:break-word;font-size:10px;line-height:1.3}.action-verb-analysis{margin-top:var(--spacing-lg);padding:var(--spacing-md)}.action-verb-header{flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:center}.action-verb-header h3{font-size:18px}.verb-diversity-score{padding:var(--spacing-sm)}.diversity-score-value{font-size:20px}.diversity-score-label{font-size:11px}.improvement-suggestions-section,.repeated-verbs-section,.verb-suggestions-section{margin-bottom:var(--spacing-md)}.improvement-suggestions-section h4,.repeated-verbs-section h4,.verb-suggestions-section h4{font-size:16px;margin-bottom:var(--spacing-sm)}.repeated-verbs-list{gap:var(--spacing-xs);justify-content:flex-start}.repeated-verb-item{font-size:12px;padding:4px 8px}.verb-suggestions-list{gap:var(--spacing-sm)}.verb-suggestion-item{padding:var(--spacing-sm)}.original-verb{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.verb-label{font-size:10px}.verb-name{font-size:14px}.verb-category{font-size:10px}.suggested-verbs{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.suggestion-label{font-size:10px}.suggested-verb{font-size:11px;padding:3px 6px}.improvement-list{padding-left:var(--spacing-sm)}.improvement-item{font-size:13px;line-height:1.4;padding:var(--spacing-xs) 0}.results-content{font-size:14px;line-height:1.6;padding:var(--spacing-md)}.results-content h1{font-size:20px}.results-content h2{font-size:18px}.results-content h3{font-size:16px}.results-content h4{font-size:14px}.results-content p{font-size:14px;margin-bottom:var(--spacing-sm)}.results-content ol,.results-content ul{padding-left:var(--spacing-md)}.results-content li{font-size:14px;margin-bottom:var(--spacing-xs)}.results-content code{font-size:12px;padding:2px 4px}.results-content pre{font-size:12px;padding:var(--spacing-sm)}.results-content table{font-size:12px}.results-content td,.results-content th{padding:var(--spacing-xs)}.loading-overlay{padding:var(--spacing-lg)}.loading-spinner-large{height:40px;margin-bottom:var(--spacing-sm);width:40px}.loading-state{padding:var(--spacing-lg)}.loading-state p{font-size:14px}.empty-state{padding:var(--spacing-lg)}.empty-state-icon{height:48px;margin-bottom:var(--spacing-sm);width:48px}.empty-state-title{font-size:16px;margin-bottom:var(--spacing-xs)}.alert,.empty-state-description{font-size:13px}.alert{padding:var(--spacing-sm)}.alert svg{height:16px;width:16px}}@media (max-width:480px){.side-navbar-content,.side-navbar-header{padding:var(--spacing-xs)}.nav-section h3{font-size:11px}.nav-item{font-size:12px;padding:8px 10px}.nav-icon{width:14px}.nav-icon,.nav-label{font-size:12px}.side-navbar-footer{padding:var(--spacing-xs)}.nav-info p{font-size:10px}.nav-version{font-size:9px}.dashboard-content{max-width:100vw;overflow-x:hidden;padding:var(--spacing-xs)}.dashboard-header h1{font-size:18px}.dashboard-header p{font-size:12px}.dashboard-main{padding:var(--spacing-xs)}.analysis-section,.dashboard-main,.section-content,.work-experience-matching{max-width:100%;overflow-x:hidden}.overview-summary{padding:var(--spacing-sm)}.overview-summary h2{font-size:16px}.overview-summary p{font-size:12px}.analysis-complete{padding:var(--spacing-sm)}.complete-indicator{font-size:13px}.complete-indicator svg{height:18px;width:18px}.section-title h2{font-size:16px}.section-title p{font-size:12px}.section-actions .btn{font-size:13px;padding:10px}.copy-btn{font-size:12px;padding:8px}.chart-container{padding:var(--spacing-sm)}.chart-header h3{font-size:14px}.chart-header p{font-size:11px}.chart-wrapper{height:180px}.score-label{font-size:11px}.skills-breakdown{padding:var(--spacing-sm)}.skills-breakdown h3{font-size:14px}.skill-category h4{font-size:13px}.skill-name{font-size:11px;min-width:80px}.skill-percentage{font-size:10px;min-width:30px}.keyword-analysis{padding:var(--spacing-sm)}.keyword-section h3{font-size:14px}.keyword-tag{font-size:11px;padding:3px 6px}.score-display{padding:var(--spacing-sm)}.score-value{font-size:20px}.technical-skills-matching{padding:var(--spacing-sm)}.tech-skills-header h3{font-size:16px}.tech-match-percentage{min-width:80px;padding:var(--spacing-xs)}.tech-percentage-value{font-size:24px}.tech-percentage-label{font-size:11px}.tech-skills-section{padding:var(--spacing-sm)}.tech-skills-section h4{font-size:14px}.tech-skill-tag{font-size:11px;padding:3px 6px}.tech-skills-summary{padding:var(--spacing-sm)}.summary-stats .stat-item{padding:var(--spacing-xs)}.summary-stats .stat-value{font-size:18px}.summary-stats .stat-label{font-size:10px}.work-experience-matching{padding:var(--spacing-sm)}.work-exp-header h3{font-size:16px}.work-exp-match-percentage{min-width:80px;padding:var(--spacing-xs)}.work-exp-percentage-value{font-size:24px}.work-exp-percentage-label{font-size:11px}.work-exp-section{padding:var(--spacing-sm)}.work-exp-section h4{font-size:14px}.work-exp-tag{font-size:11px;padding:3px 6px}.work-exp-assessment{margin:0 var(--spacing-xs);max-width:calc(100vw - var(--spacing-xs)*2);overflow:hidden;padding:var(--spacing-sm)}.assessment-grid{gap:var(--spacing-xs);grid-template-columns:1fr;max-width:100%;overflow:hidden}.assessment-item{word-wrap:break-word;min-width:0;overflow:hidden;padding:var(--spacing-xs);text-align:center}.assessment-item h4{word-wrap:break-word;font-size:12px;line-height:1.3;margin-bottom:var(--spacing-xs);overflow-wrap:break-word}.assessment-value{align-items:center;display:flex;justify-content:center;min-height:32px}.level-badge,.years-match{font-size:10px;padding:3px 6px}.industry-score,.level-badge,.years-match{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.industry-score{font-size:14px;font-weight:600}.work-exp-summary{padding:var(--spacing-sm)}.work-exp-summary .summary-stats .stat-item{padding:var(--spacing-xs)}.work-exp-summary .summary-stats .stat-value{font-size:18px}.work-exp-summary .summary-stats .stat-label{font-size:10px}.action-verb-analysis{padding:var(--spacing-sm)}.action-verb-header h3{font-size:16px}.verb-diversity-score{padding:var(--spacing-xs)}.diversity-score-value{font-size:18px}.diversity-score-label{font-size:10px}.improvement-suggestions-section h4,.repeated-verbs-section h4,.verb-suggestions-section h4{font-size:14px}.repeated-verb-item{font-size:11px;padding:3px 6px}.verb-suggestion-item{padding:var(--spacing-xs)}.verb-label{font-size:9px}.verb-name{font-size:13px}.suggestion-label,.verb-category{font-size:9px}.suggested-verb{font-size:10px;padding:2px 4px}.improvement-item{font-size:12px}.results-content{font-size:13px;padding:var(--spacing-sm)}.results-content h1{font-size:18px}.results-content h2{font-size:16px}.results-content h3{font-size:14px}.results-content h4,.results-content li,.results-content p{font-size:13px}.results-content code{font-size:11px;padding:1px 3px}.results-content pre{font-size:11px;padding:var(--spacing-xs)}.results-content table{font-size:11px}.results-content td,.results-content th{padding:2px}.loading-overlay{padding:var(--spacing-md)}.loading-spinner-large{height:36px;width:36px}.loading-state{padding:var(--spacing-md)}.loading-state p{font-size:13px}.empty-state{padding:var(--spacing-md)}.empty-state-icon{height:40px;width:40px}.empty-state-title{font-size:14px}.alert,.empty-state-description{font-size:12px}.alert{padding:var(--spacing-xs)}.alert svg{height:14px;width:14px}}.work-experience-matching{padding:var(--spacing-lg)}.work-exp-header{align-items:center;border-bottom:2px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.work-exp-header h3{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0}.work-exp-match-percentage{align-items:center;background:linear-gradient(135deg,var(--color-primary-blue),#2563eb);border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;min-width:120px;padding:var(--spacing-md)}.work-exp-percentage-value{font-size:36px;font-weight:700;line-height:1}.work-exp-percentage-label{font-size:14px;font-weight:500;opacity:.9}.work-exp-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-xl)}.work-exp-section{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:var(--transition)}.work-exp-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.work-exp-section h4{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:18px;font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);text-align:center}.work-exp-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.work-exp-tag{border:1px solid;border-radius:var(--radius-md);font-size:14px;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition)}.work-exp-tag.required{background-color:#f59e0b1a;border-color:#f59e0b4d;color:#92400e}.work-exp-tag.matched{background-color:#10b9811a;border-color:#10b9814d;color:#065f46}.work-exp-tag.missing{background-color:#ef44441a;border-color:#ef44444d;color:#991b1b}.work-exp-assessment{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.assessment-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:100%;overflow:hidden}.assessment-item{word-wrap:break-word;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;overflow:hidden;padding:var(--spacing-md);text-align:center}.assessment-item h4{border-bottom:none;color:var(--color-text-primary);font-size:16px;font-weight:600;margin-bottom:var(--spacing-sm);padding-bottom:0}.assessment-value{align-items:center;display:flex;justify-content:center}.level-badge{border-radius:var(--radius-md);font-size:14px;font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.level-badge.junior{background-color:#3b82f61a;border:1px solid #3b82f64d;color:var(--color-primary-blue)}.level-badge.mid{background-color:#10b9811a;border:1px solid #10b9814d;color:var(--color-success-green)}.level-badge.senior{background-color:#f59e0b1a;border:1px solid #f59e0b4d;color:#92400e}.level-badge.lead{background-color:#8b45131a;border:1px solid #8b45134d;color:#7c2d12}.level-badge.unknown{background-color:#6b72801a;border:1px solid #6b72804d;color:#374151}.years-match{border-radius:var(--radius-md);font-size:14px;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.years-match.match{background-color:#10b9811a;border:1px solid #10b9814d;color:var(--color-success-green)}.years-match.no-match{background-color:#ef44441a;border:1px solid #ef44444d;color:var(--color-error-red)}.industry-score{color:var(--color-primary-blue);font-size:24px;font-weight:700}.work-exp-summary{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f633;border-radius:var(--radius-lg);padding:var(--spacing-xl)}.work-exp-summary .summary-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.work-exp-summary .summary-stats .stat-item{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-align:center}.work-exp-summary .summary-stats .stat-value{color:var(--color-primary-blue);display:block;font-size:28px;font-weight:700;margin-bottom:var(--spacing-xs)}.work-exp-summary .summary-stats .stat-label{color:var(--color-text-secondary);font-size:14px;font-weight:500;text-transform:uppercase}@media (max-width:768px){.work-exp-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.work-exp-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.work-exp-section{padding:var(--spacing-md)}.assessment-grid{gap:var(--spacing-md);grid-template-columns:1fr}.work-exp-summary .summary-stats{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.work-exp-list{justify-content:flex-start}}.action-verb-analysis{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.action-verb-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.action-verb-header h3{color:var(--color-primary);font-size:20px;font-weight:600;margin:0}.verb-diversity-score{align-items:center;background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);display:flex;flex-direction:column;padding:var(--spacing-sm)}.diversity-score-value{color:var(--color-primary);font-size:24px;font-weight:700;line-height:1}.diversity-score-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;margin-top:2px;text-transform:uppercase}.improvement-suggestions-section,.repeated-verbs-section,.verb-suggestions-section{margin-bottom:var(--spacing-lg)}.improvement-suggestions-section h4,.repeated-verbs-section h4,.verb-suggestions-section h4{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs)}.repeated-verbs-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.repeated-verb-item{align-items:center;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--border-radius-sm);display:flex;font-size:14px;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.verb-count{color:var(--color-text-secondary);font-size:12px}.verb-suggestions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.verb-suggestion-item{background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.original-verb{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.verb-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase}.verb-name{color:var(--color-error-dark);font-size:16px;font-weight:600}.verb-category{background:var(--color-primary-light);border-radius:var(--border-radius-sm);color:var(--color-primary-dark);font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.suggested-verbs{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.suggestion-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;text-transform:uppercase}.suggested-verb{background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--border-radius-sm);color:var(--color-success-dark);cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:all .2s ease}.suggested-verb:hover{background:var(--color-success);color:#fff;transform:translateY(-1px)}.improvement-list{list-style:none;margin:0;padding:0}.improvement-item{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:14px;line-height:1.5;padding:var(--spacing-sm) 0}.improvement-item:last-child{border-bottom:none}.improvement-item:before{content:"💡";margin-right:var(--spacing-sm)}.achievements-analysis,.projects-analysis{padding:var(--spacing-lg)}.achievements-header,.projects-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.achievements-header h3,.projects-header h3{color:var(--color-primary);font-size:24px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.achievements-header p,.projects-header p{color:var(--color-text-secondary);font-size:14px;margin:0}.achievements-content,.projects-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width:768px){.action-verb-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.verb-diversity-score{align-self:center}.repeated-verbs-list{justify-content:center}.original-verb,.suggested-verbs{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.verb-suggestion-item{padding:var(--spacing-sm)}}
/*# sourceMappingURL=main.d3f596d6.css.map*/