*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #d62828;--color-primary-dark: #a10f0f;--color-primary-light: rgba(214, 40, 40, .15);--color-primary-hover: #e63946;--color-success: #4a9c5d;--color-success-light: rgba(74, 156, 93, .12);--color-warning: #c9a227;--color-warning-light: rgba(201, 162, 39, .12);--color-error: #d62828;--color-error-light: rgba(214, 40, 40, .15);--color-info: #4a7c9c;--color-info-light: rgba(74, 124, 156, .12);--color-text: #d4d4d4;--color-text-secondary: #9a9a9a;--color-text-muted: #5a5a5a;--color-text-inverse: #ffffff;--color-bg: #0a0a0a;--color-bg-elevated: #141414;--color-surface: #111111;--color-surface-hover: #1a1a1a;--color-surface-solid: #141414;--color-border: #2a2a2a;--color-border-light: #1a1a1a;--glow-primary: none;--glow-text: none;--font-family: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--font-size-xs: .8125rem;--font-size-sm: .9375rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.625rem;--font-size-3xl: 2.125rem;--font-size-4xl: 2.625rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 0;--radius-md: 0;--radius-lg: 4px;--radius-xl: 4px;--radius-2xl: 6px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .3);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 2px 4px rgba(0, 0, 0, .3);--shadow-glow-sm: 0 1px 2px rgba(0, 0, 0, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--container-max: 1400px;--container-padding: var(--space-6);--sidebar-width: 260px;--header-height: 64px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}input,textarea,select{font-family:var(--font-family)!important;color:#d4d4d4!important;background-color:#111!important;-webkit-text-fill-color:#d4d4d4!important;border-color:#2a2a2a!important}input::placeholder,textarea::placeholder{color:#5a5a5a!important;-webkit-text-fill-color:#5a5a5a!important;opacity:1!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-text-fill-color:#d4d4d4!important;-webkit-box-shadow:0 0 0 1000px #111111 inset!important;box-shadow:0 0 0 1000px #111 inset!important;background-color:#111!important;caret-color:#d4d4d4!important}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:-.02em}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-light{color:var(--color-text-muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}::selection{background:var(--color-primary);color:var(--color-text-inverse)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-surface);border-left:2px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-bold);border:2px solid var(--color-border);border-radius:0;cursor:pointer;transition:all .1s ease;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;position:relative}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-md{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-border)}.btn-primary:active{transform:translate(0);box-shadow:var(--shadow-xs)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);box-shadow:var(--shadow-sm)}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-border)}.btn-secondary:active{transform:translate(0);box-shadow:var(--shadow-xs)}.btn-outline{background:transparent;color:var(--color-text)}.btn-outline:hover{background:var(--color-surface)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:none;box-shadow:none}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-danger:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-border)}.btn-danger-outline{background:transparent;color:var(--color-error);border-color:var(--color-error)}.btn-danger-outline:hover{background:var(--color-error-light)}.btn-link{background:transparent;color:var(--color-text-secondary);padding:0;font-weight:var(--font-weight-medium)}.btn-link:hover{color:var(--color-primary)}.btn-disabled,.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}.btn-primary.btn-loading:after{border-color:var(--color-text);border-right-color:transparent}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-icon{padding:var(--space-2);aspect-ratio:1}.btn-icon.btn-sm{padding:var(--space-1)}.btn-icon.btn-lg{padding:var(--space-3)}.card{background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:0;transition:all .1s ease}.card-elevated{box-shadow:var(--shadow-md)}.card-outlined{background:transparent}.card-flat{background:transparent;border:none;box-shadow:none}.card-surface{background-color:var(--color-surface)}.card-glow{box-shadow:var(--shadow-glow)}.card-p-none{padding:0}.card-p-sm{padding:var(--space-4)}.card-p-md{padding:var(--space-6)}.card-p-lg{padding:var(--space-8)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--color-border)}.card-clickable:active{transform:translate(0);box-shadow:var(--shadow-xs)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-sm{max-width:640px}.container-default{max-width:var(--container-max)}.container-lg{max-width:1400px}.container-full{max-width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text)!important;background:var(--color-surface)!important;border:2px solid var(--color-border);border-radius:0;transition:all .1s ease;-webkit-text-fill-color:var(--color-text)}.input:hover:not(:disabled):not(:focus){background:var(--color-surface)}.input:focus{outline:none;box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.input::placeholder{color:var(--color-text-muted)}.input:disabled{opacity:.4;cursor:not-allowed}.input-error{border-color:var(--color-error);background:var(--color-error-light)}.input-error:focus{border-color:var(--color-error);box-shadow:3px 3px 0 var(--color-error)}.input-error-text{font-size:var(--font-size-sm);color:var(--color-error);font-weight:var(--font-weight-bold)}.input-helper{font-size:var(--font-size-xs);color:var(--color-text-muted)}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.textarea-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text)!important;background-color:var(--color-surface)!important;border:2px solid var(--color-border);border-radius:0;resize:vertical;min-height:100px;transition:all var(--transition-fast);-webkit-text-fill-color:var(--color-text)}.textarea:focus{outline:none;box-shadow:var(--shadow-offset-sm)}.textarea::placeholder{color:var(--color-text-light)}.textarea:disabled{opacity:.5;cursor:not-allowed}.textarea-error{border-color:var(--color-error)}.textarea-error:focus{border-color:var(--color-error)}.textarea-error-text{font-size:var(--font-size-sm);color:var(--color-error);font-weight:var(--font-weight-medium)}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-2);position:relative}.select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:0;cursor:pointer;transition:all .1s ease;text-align:left;box-shadow:var(--shadow-sm)}.select-trigger:hover:not(.disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-border)}.select-trigger:focus{outline:none;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-border)}.select-trigger.open{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-primary);border-color:var(--color-primary)}.select-trigger.disabled{opacity:.4;cursor:not-allowed}.select-value.placeholder{color:var(--color-text-muted)}.select-arrow{font-size:var(--font-size-xs);margin-left:var(--space-2);color:var(--color-text-muted);transition:transform var(--transition-fast)}.select-trigger.open .select-arrow{transform:rotate(180deg)}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:0;box-shadow:4px 4px 0 var(--color-border);max-height:250px;overflow-y:auto;animation:selectDropdownOpen .1s ease}@keyframes selectDropdownOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-option{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);background:none;border:none;border-bottom:1px solid var(--color-border-light);cursor:pointer;text-align:left;transition:all .1s ease}.select-option:last-child{border-bottom:none}.select-option:hover{background:var(--color-surface);padding-left:var(--space-5)}.select-option.selected{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold)}.select-option-desc{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);margin-top:var(--space-1)}.select-empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.modal-backdrop{position:fixed;inset:0;z-index:1000;background-color:#1a1a1acc;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:modalFadeIn .15s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-elevated);border:3px solid var(--color-border);border-radius:0;box-shadow:8px 8px 0 var(--color-border);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .2s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--font-size-lg);color:var(--color-text);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:0;cursor:pointer;transition:all .1s ease;box-shadow:var(--shadow-xs)}.modal-close:hover{background:var(--color-error);color:var(--color-text-inverse);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-border)}.modal-content{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-top:1px solid var(--color-border)}@media(max-width:640px){.modal-backdrop{padding:0;align-items:flex-end}.modal{max-height:90vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:modalSlideUpMobile .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:2000;display:flex;flex-direction:column;gap:var(--space-2);max-width:400px}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-sm);box-shadow:var(--shadow-offset);animation:slideIn var(--transition-fast)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0}.toast-message{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.toast-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--font-size-xs);color:var(--color-text-light);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);flex-shrink:0}.toast-close:hover{color:var(--color-text)}.toast-success{border-color:var(--color-success)}.toast-success .toast-icon{background-color:var(--color-success);color:#fff}.toast-error{border-color:var(--color-error)}.toast-error .toast-icon{background-color:var(--color-error);color:#fff}.toast-warning{border-color:var(--color-warning)}.toast-warning .toast-icon{background-color:var(--color-warning);color:var(--color-text)}.toast-info{border-color:var(--color-accent)}.toast-info .toast-icon{background-color:var(--color-accent);color:var(--color-text)}.app-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.top-navbar{position:fixed;top:0;left:0;right:0;z-index:200;background:#000;border-bottom:3px solid #000000;height:var(--header-height)}.top-navbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-6);max-width:100%}.top-navbar-left{display:flex;align-items:center;gap:var(--space-4)}.top-navbar-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.navbar-logo-img{height:48px;width:auto;background:transparent}.navbar-logo-icon{width:24px;height:24px;margin-right:var(--space-2)}.navbar-logo-text{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);letter-spacing:-.05em;font-family:var(--font-family)}.top-navbar-logo:hover .navbar-logo-img{opacity:.8}.top-navbar-logo:hover .navbar-logo-text{color:var(--color-primary)}.top-navbar-center{display:flex;align-items:center;justify-content:center}.top-navbar-right{display:flex;align-items:center;gap:var(--space-2)}.demo-banner{position:fixed;top:var(--header-height);left:0;right:0;z-index:199;background:#000;border-bottom:1px solid #000000;color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-4);font-size:var(--font-size-sm);font-family:var(--font-family-mono)}.demo-banner-text{display:flex;align-items:center;gap:var(--space-2)}.demo-banner-text:before{content:"";display:inline-block;width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.demo-banner-btn{padding:var(--space-1) var(--space-3);background:transparent;color:var(--color-error);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border:1px solid var(--color-error);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase}.demo-banner-btn:hover{background:var(--color-error);color:#fff}.demo-mode .main-wrapper{margin-top:calc(var(--header-height) + 36px)}.demo-mode .sidebar{top:calc(var(--header-height) + 36px);height:calc(100vh - var(--header-height) - 36px)}.reconnect-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);border:2px solid var(--color-border)}.reconnect-banner button{background:#fff;color:#2563eb;border-color:#fff}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:2px solid transparent;border-radius:0;cursor:pointer;transition:all .1s ease;color:var(--color-text-muted)}.navbar-icon-btn:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.navbar-icon-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.navbar-icon-btn .nav-icon{opacity:1}.sidebar{position:fixed;left:0;top:var(--header-height);bottom:0;width:var(--sidebar-width);background:#000;border-right:3px solid #000000;display:flex;flex-direction:column;z-index:100;transition:width .15s ease}.sidebar-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.sidebar.collapsed{width:80px}.sidebar-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3) var(--space-4);flex-shrink:0;margin-top:10px}.collapsed .sidebar-header{justify-content:center;padding:var(--space-3)}.sidebar-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);text-decoration:none;white-space:nowrap;overflow:hidden;letter-spacing:-.5px;text-transform:uppercase}.collapsed .sidebar-logo{font-size:var(--font-size-2xl);letter-spacing:0}.collapse-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;color:var(--color-text-secondary);opacity:.6}.collapse-btn:hover{color:var(--color-text);opacity:1}.collapse-icon{width:16px;height:2px;background:currentColor;position:relative;border:none;transition:all var(--transition-fast)}.collapse-icon:before,.collapse-icon:after{content:"";position:absolute;left:0;width:100%;height:100%;background:currentColor;transition:transform var(--transition-fast)}.collapse-icon:before{transform:translateY(-5px)}.collapse-icon:after{transform:translateY(5px)}.collapse-icon.collapsed{transform:none}.sidebar-nav{flex:1;padding:var(--space-3);display:flex;flex-direction:column;overflow-y:auto}.collapsed .sidebar-nav{padding:var(--space-2)}.nav-section{display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);background:transparent;border:2px solid transparent;border-radius:0;cursor:pointer;transition:all .1s ease;width:100%;text-align:left;text-transform:uppercase;letter-spacing:.5px}.collapsed .nav-item{justify-content:center;padding:var(--space-3)}.nav-item:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.nav-item.active{background:var(--color-primary);border:2px solid var(--color-border);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.nav-icon{width:20px;height:20px;flex-shrink:0;position:relative;box-sizing:border-box;opacity:.6}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.nav-icon-jobs{border:2px solid currentColor;border-radius:4px;height:16px}.nav-icon-jobs:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:10px;height:4px;border:2px solid currentColor;border-bottom:none;border-radius:4px 4px 0 0}.nav-icon-profile:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:10px;height:10px;border:2px solid currentColor;border-radius:50%}.nav-icon-profile:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:16px;height:6px;border:2px solid currentColor;border-bottom:none;border-radius:8px 8px 0 0}.nav-icon-settings{border:2px solid currentColor;border-radius:50%}.nav-icon-settings:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:currentColor;border-radius:50%}.nav-icon-dashboard{border:2px solid currentColor;border-radius:4px}.nav-icon-dashboard:before,.nav-icon-dashboard:after{content:"";position:absolute;background:currentColor}.nav-icon-dashboard:before{width:2px;height:100%;left:50%;top:0;transform:translate(-50%)}.nav-icon-dashboard:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.nav-icon-applications:before,.nav-icon-applications:after{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor}.nav-icon-applications:before{top:3px}.nav-icon-applications:after{top:9px;box-shadow:0 6px 0 currentColor}.nav-icon-resume{border:2px solid currentColor;border-radius:4px}.nav-icon-resume:before{content:"";position:absolute;top:3px;left:4px;right:4px;height:2px;background:currentColor;box-shadow:0 4px 0 currentColor,0 8px 0 currentColor}.nav-icon-contacts:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:8px;height:8px;border:2px solid currentColor;border-radius:50%}.nav-icon-contacts:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:14px;height:8px;border:2px solid currentColor;border-bottom:none;border-radius:8px 8px 0 0}.nav-icon-analysis{border:2px solid currentColor;border-radius:50%}.nav-icon-analysis:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:currentColor;border-radius:50%}.nav-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:var(--color-primary);color:var(--color-text-inverse);border:2px solid var(--color-border);border-radius:0}.nav-status-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary)}.main-wrapper{flex:1;margin-left:var(--sidebar-width);margin-top:var(--header-height);display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height));transition:margin-left var(--transition-normal)}.sidebar-collapsed .main-wrapper{margin-left:80px}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;padding:0 var(--space-6);height:var(--header-height);background:var(--color-bg-elevated);border-bottom:3px solid var(--color-border);flex-shrink:0}.navbar-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:0;cursor:pointer;transition:all .1s ease;color:var(--color-text);box-shadow:var(--shadow-xs)}.navbar-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-border)}.exit-btn{color:var(--color-text)}.exit-btn:hover{background:var(--color-error);border-color:var(--color-error);color:#fff;box-shadow:4px 4px #ef44444d}.menu-icon{width:18px;height:2px;background:currentColor;position:relative;border-radius:1px}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:18px;height:2px;background:currentColor;left:0;border-radius:1px}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.top-navbar .menu-toggle-mobile{display:none}.view-toggle{display:flex;gap:0;margin-left:var(--space-4);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:0}.view-toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-right:2px solid var(--color-border);border-radius:0;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);transition:all .1s ease;text-transform:uppercase;letter-spacing:.5px}.view-toggle-btn:last-child{border-right:none}.view-toggle-btn:hover{background:var(--color-surface);color:var(--color-text)}.view-toggle-btn.active{background:var(--color-primary);color:var(--color-text-inverse)}.view-icon{width:14px;height:14px;position:relative}.view-icon-list:before,.view-icon-list:after{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:1px}.view-icon-list:before{top:2px;box-shadow:0 5px 0 currentColor}.view-icon-list:after{bottom:2px}.view-icon-kanban:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:currentColor;border-radius:1px;box-shadow:5px 0 0 currentColor,10px 0 0 currentColor}.view-icon-funnel{width:14px;height:14px}.view-icon-funnel:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:currentColor}.view-icon-funnel:after{content:"";position:absolute;top:5px;left:2px;width:10px;height:3px;background:currentColor;box-shadow:2px 5px 0 currentColor}.view-label{display:inline}.navbar-spacer{flex:1}@media(max-width:600px){.view-label{display:none}}.main-content{flex:1;padding:var(--space-6);background:transparent}.footer{padding:var(--space-4) var(--space-6);background:transparent;border-top:1px solid var(--color-border);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.footer-text{font-size:var(--font-size-xs);color:var(--color-text-muted)}.footer-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.footer-separator{color:var(--color-text-muted);font-size:var(--font-size-xs)}@media(max-width:768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important;box-shadow:var(--shadow-xl);top:var(--header-height)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width)!important}.collapse-btn{display:none}.main-wrapper{margin-left:0!important}.main-content{padding:var(--space-3)}.top-navbar .menu-toggle-mobile{display:flex}.top-navbar-center{display:none}.top-navbar-inner{padding:0 var(--space-3)}.navbar-logo-img{height:36px}.navbar-logo-text{font-size:var(--font-size-lg)}.footer{padding:var(--space-3)}.footer-text{font-size:10px}.demo-banner{flex-wrap:wrap;justify-content:center;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);gap:var(--space-2)}.demo-banner-text{text-align:center}.sidebar-overlay{position:fixed;inset:0;top:var(--header-height);background:#000c;z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}@media(max-width:480px){.top-navbar-inner{padding:0 var(--space-2)}.top-navbar-left{gap:var(--space-2)}.navbar-logo-img{height:30px}.navbar-logo-text{font-size:var(--font-size-base)}.navbar-btn{width:36px;height:36px}.main-content,.footer{padding:var(--space-2)}.sidebar{width:85vw!important;max-width:280px}.nav-item{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.nav-icon{width:18px;height:18px}.nav-badge{min-width:18px;height:18px;font-size:10px}}.terminal-chat{position:fixed;bottom:20px;right:20px;width:400px;height:500px;background-color:#0a0a0af2;border:1px solid var(--color-primary);border-radius:4px;display:flex;flex-direction:column;box-shadow:0 0 20px #00ff411a;z-index:1000;font-family:Fira Code,Courier New,monospace;overflow:hidden;transition:height .3s ease}.terminal-chat.minimized{height:40px}.terminal-header{background-color:var(--color-bg-dark);border-bottom:1px solid var(--color-primary);padding:8px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.terminal-title{color:var(--color-primary);font-size:.85rem;font-weight:700}.terminal-controls button{background:none;border:none;color:var(--color-text-muted);font-family:inherit;font-weight:700;cursor:pointer;margin-left:8px;padding:0 4px}.terminal-controls button:hover{color:var(--color-primary)}.terminal-body{flex:1;padding:12px;overflow-y:auto;color:var(--color-text-main);font-size:.9rem;display:flex;flex-direction:column;gap:8px}.terminal-line{display:flex;gap:8px;line-height:1.4;white-space:pre-wrap}.terminal-line.user .prompt{color:var(--color-accent)}.terminal-line.assistant .prompt{color:var(--color-primary)}.terminal-line.assistant{color:var(--color-text-main)}.terminal-line.user{color:var(--color-text-light)}.terminal-input-form{border-top:1px solid var(--color-border);padding:10px;display:flex;gap:8px;align-items:center;background:#0000004d}.input-prompt{color:var(--color-accent);font-weight:700}.terminal-input{flex:1;background:transparent;border:none;color:#fff;font-family:inherit;font-size:.9rem;outline:none}.cursor-blink{animation:blink 1s step-end infinite}@media(max-width:600px){.terminal-chat{width:100%;right:0;bottom:0;border-radius:0}}.settings-page{width:100%}.settings-page .ai-settings{background:var(--color-bg-elevated);border:2px solid var(--color-border);padding:var(--space-6);max-width:100%}.settings-page .ai-settings h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}.ai-settings{max-width:100%}.provider-options{display:flex;flex-direction:column;gap:var(--space-4)}.provider-group{display:flex;flex-direction:column}.provider-config.card{margin-top:var(--space-3);margin-left:var(--space-4)}.provider-card{cursor:pointer;transition:all var(--transition-fast)}.provider-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-offset)}.provider-card.selected{background-color:var(--color-surface-hover);border-color:var(--color-border)}.provider-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.chevron-icon{transition:transform var(--transition-normal);color:var(--color-text-secondary)}.provider-card.selected .chevron-icon{transform:rotate(180deg);color:var(--color-primary)}.provider-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;padding:var(--space-1) var(--space-2);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.provider-badge.local{background:var(--color-success-light);color:var(--color-success);border-color:var(--color-success)}.provider-badge.configured{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.provider-badges{display:flex;gap:var(--space-2);align-items:center}.ollama-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);font-size:var(--font-size-sm)}.ollama-status.running{background:#4a9c5d1a;border-color:var(--color-success);color:var(--color-success)}.ollama-status.not-running{background:#e509141a;border-color:var(--color-error);color:var(--color-error)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--color-success);flex-shrink:0}.status-dot.offline{background:var(--color-error)}.model-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.model-btn:hover:not(.selected){border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-text)}.model-btn.selected,.model-btn.selected:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.setup-instructions{background:var(--color-bg-elevated);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border)}.setup-instructions ol{list-style:none;padding:0}.setup-instructions li{margin-bottom:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.step-label{font-weight:var(--font-weight-semibold)}.model-suggestions{display:flex;flex-direction:column;gap:var(--space-3)}.suggestion{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:#ffffff80;border-radius:var(--radius-sm);border:2px solid transparent;width:100%;text-align:left;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.suggestion:hover{background:#fffc;border-color:var(--color-primary);transform:translate(2px)}.suggestion:active{transform:scale(.98)}.no-models-warning{padding:var(--space-3);background:#f8717133;border-radius:var(--radius-md);border:var(--border-width) solid var(--color-error)}.selected-model{display:flex;flex-direction:column;padding:var(--space-3);background:#4ade8033;border-radius:var(--radius-md)}.selected-model.not-installed{background:#f8717126;border:2px solid var(--color-error)}.model-install-prompt{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.install-command{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);text-align:left}.install-command:hover{border-color:var(--color-primary);background:var(--color-bg-elevated)}.install-command code{font-size:var(--font-size-sm);background:none;padding:0}.install-command .copy-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:var(--font-size-sm);background:#0000001a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.ml-auto{margin-left:auto}.ml-2{margin-left:var(--space-2)}@media(max-width:768px){.settings-page .ai-settings{padding:var(--space-4)}.settings-page .ai-settings h3{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.provider-options{gap:var(--space-3)}.provider-card:hover{transform:none;box-shadow:none}.setup-instructions{padding:var(--space-3)}.suggestion{flex-direction:column;align-items:flex-start;gap:var(--space-2)}code{font-size:var(--font-size-xs);word-break:break-all}}@media(max-width:480px){.settings-page .ai-settings{padding:var(--space-3)}.settings-page .ai-settings h3{font-size:var(--font-size-lg)}.model-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.provider-badge{font-size:10px;padding:2px var(--space-1)}}.storage-section{margin-top:var(--space-10);padding-top:var(--space-8);border-top:2px solid var(--color-border)}.storage-section h3{margin-bottom:var(--space-6)}.resume-upload{display:flex;flex-direction:column;gap:var(--space-6)}.upload-tabs{display:flex;border:2px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.upload-tab{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);background:transparent;color:var(--color-text-muted);border:none;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase}.upload-tab:not(:last-child){border-right:2px solid var(--color-border)}.upload-tab:hover{background:var(--color-surface-hover);color:var(--color-text)}.upload-tab.active{background:var(--color-primary);color:#fff}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);border:var(--border-width-thick) dashed var(--color-text);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast)}.drop-zone:hover,.drop-zone.dragging{background:var(--color-accent-light);border-style:solid}.drop-zone-icon{font-size:48px}.drop-zone-text{text-align:center}.drop-zone-text p{margin:0}.drop-zone-text p:first-child{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.drop-zone-text p:last-child{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--space-2)}.file-input{display:none}.paste-area{display:flex;flex-direction:column;gap:var(--space-4)}.paste-hint{font-size:var(--font-size-sm);color:var(--color-text-light)}.upload-actions{display:flex;gap:var(--space-4);justify-content:flex-end}.processing-overlay{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.upload-error{padding:var(--space-4);background:var(--color-error-light);border:var(--border-width-thick) solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error)}.resume-view{display:flex;flex-direction:column;gap:var(--space-6)}.resume-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4)}.resume-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.resume-contact{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);text-align:right}.resume-contact span{color:var(--color-text-light)}.resume-summary{font-size:var(--font-size-base);color:var(--color-text);padding:var(--space-4);background:var(--color-accent-light);border-radius:var(--radius-md)}.resume-section{display:flex;flex-direction:column;gap:var(--space-3)}.resume-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px;padding-bottom:var(--space-2);border-bottom:var(--border-width-thick) solid var(--color-text);margin:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.skill-category{display:flex;flex-direction:column;gap:var(--space-2)}.skill-category-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-text-light)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-surface);border:var(--border-width) solid var(--color-text);border-radius:var(--radius-sm)}.skill-tag.technical{border-color:var(--color-primary);background:var(--color-primary-light)}.skill-tag.tools{border-color:var(--color-accent);background:var(--color-accent-light)}.experience-list{display:flex;flex-direction:column;gap:var(--space-4)}.experience-item{padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.experience-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0}.experience-company{font-size:var(--font-size-sm);color:var(--color-text-light)}.experience-duration{font-size:var(--font-size-sm);color:var(--color-text-light);text-align:right}.experience-highlights{list-style:none;padding:0;margin:0}.experience-highlights li{position:relative;padding-left:var(--space-4);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.experience-highlights li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.education-list{display:flex;flex-direction:column;gap:var(--space-3)}.education-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.education-degree{font-weight:var(--font-weight-bold)}.education-school,.education-year{font-size:var(--font-size-sm);color:var(--color-text-light)}.cert-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cert-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background:var(--color-success-light);border:var(--border-width) solid var(--color-success);border-radius:var(--radius-sm)}.cert-tag:before{content:"✓";color:var(--color-success);font-weight:700}.resume-actions{display:flex;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.resume-empty{text-align:center;padding:var(--space-8);color:var(--color-text-light)}.add-app{max-width:680px;margin:0 auto}.add-app-form{display:flex;flex-direction:column;gap:var(--space-5)}.add-app-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-light);border:2px solid var(--color-error);color:var(--color-error);font-weight:var(--font-weight-medium)}.add-app-error .error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-error);color:#fff;border-radius:var(--radius-full);font-weight:700;font-size:14px}.add-app-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.processing-animation{position:relative;width:80px;height:80px;margin-bottom:var(--space-6)}.processing-ring{position:absolute;inset:0;border:3px solid transparent;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.processing-ring:nth-child(2){inset:8px;border-top-color:var(--color-accent);animation-delay:-.15s}.processing-ring:nth-child(3){inset:16px;border-top-color:var(--color-text-muted);animation-delay:-.3s}@keyframes spin{to{transform:rotate(360deg)}}.add-app-processing h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.add-app-processing p{color:var(--color-text-muted)}.paste-hero{background:var(--color-bg-elevated);border:2px solid var(--color-primary);padding:var(--space-5)}.paste-hero-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.paste-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);flex-shrink:0}.paste-hero-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.paste-hero-header p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.paste-textarea{background:var(--color-surface)!important;border:2px dashed var(--color-border)!important;transition:all .2s ease;color:var(--color-text)!important}.paste-textarea:focus{border-style:solid!important;border-color:var(--color-primary)!important}.paste-hint{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.paste-status{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.paste-status.analyzing{background:var(--color-primary-light);color:var(--color-primary)}.paste-status.success{background:var(--color-success-light);color:var(--color-success)}.status-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.status-check{font-weight:700}.match-card{background:var(--color-bg-elevated);border:2px solid var(--color-border);padding:var(--space-5);opacity:0;transform:translateY(-10px);transition:all .3s ease}.match-card.show{opacity:1;transform:translateY(0)}.match-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4)}.match-loading-bar{width:200px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;position:relative}.match-loading-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:40%;background:var(--color-primary);border-radius:2px;animation:loading 1s ease-in-out infinite}@keyframes loading{0%{left:-40%}to{left:100%}}.match-loading span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.match-header{display:flex;align-items:flex-start;gap:var(--space-4)}.match-score-value{font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--score-color);line-height:1;flex-shrink:0}.match-details{flex:1}.match-details h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);color:var(--color-text)}.match-details p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.gap-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media(max-width:600px){.gap-analysis-grid{grid-template-columns:1fr}}.gap-analysis-card{background:var(--color-surface);padding:var(--space-4)}.gap-analysis-card.strengths{border-left:3px solid var(--color-success)}.gap-analysis-card.gaps{border-left:3px solid var(--color-error)}.gap-analysis-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.gap-analysis-header .gap-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:700}.gap-analysis-card.strengths .gap-icon{background:var(--color-success);color:#fff}.gap-analysis-card.gaps .gap-icon{background:var(--color-error);color:#fff}.gap-analysis-header h5{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.gap-analysis-header .gap-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary)}.gap-analysis-card .gap-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.gap-analysis-card .gap-list li{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--color-bg-elevated)}.gap-analysis-card .gap-skill{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.gap-analysis-card .gap-relevance{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.gap-analysis-card .gap-more{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;padding:var(--space-1) var(--space-2);background:none}.details-section,.requirements-section,.contacts-section,.notes-section{background:var(--color-bg-elevated);border:2px solid var(--color-border);padding:var(--space-5);transition:all .3s ease}.details-section{opacity:0;max-height:0;overflow:hidden;padding:0;border:none}.details-section.show{opacity:1;max-height:1000px;padding:var(--space-5);border:2px solid var(--color-border)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header h4{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:.5px}.section-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.auto-filled-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--color-success-light);color:var(--color-success);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:768px){.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-text-muted)}.form-field .required{color:var(--color-error)}.status-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.status-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:2px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);color:var(--color-text);cursor:pointer;transition:all .15s ease}.status-pill:hover{border-color:var(--status-color);transform:translateY(-1px)}.status-pill.active{background:var(--status-color);border-color:var(--status-color);color:#fff}.status-pill.active .status-pill-dot{background:#fff}.status-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--status-color);flex-shrink:0}.worktype-pills{display:flex;gap:var(--space-2)}.worktype-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:2px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);color:var(--color-text);cursor:pointer;transition:all .15s ease}.worktype-pill:hover{border-color:var(--worktype-color);transform:translateY(-1px)}.worktype-pill.active{background:var(--worktype-color);border-color:var(--worktype-color);color:#fff}.worktype-pill.active .worktype-pill-dot{background:#fff}.worktype-pill-dot{width:8px;height:8px;border-radius:50%;background:var(--worktype-color);flex-shrink:0}.requirements-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media(max-width:600px){.requirements-grid{grid-template-columns:1fr}}.requirement-card{padding:var(--space-4);background:var(--color-surface)}.requirement-card.must-have{background:var(--color-surface);border-left:4px solid var(--color-error)}.requirement-card.nice-to-have{background:var(--color-surface);border-left:4px solid var(--color-success)}.requirement-card h5{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-bottom:var(--space-3)}.req-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);font-size:12px;font-weight:700}.must-have .req-icon{background:var(--color-error);color:#fff}.nice-to-have .req-icon{background:var(--color-success);color:#fff}.requirement-card ul{list-style:none;padding:0;margin:0}.requirement-card li{padding:var(--space-1) 0;padding-left:var(--space-3);font-size:var(--font-size-sm);position:relative}.requirement-card li:before{content:"→";position:absolute;left:0;color:var(--color-text-muted)}.keywords-row{display:flex;align-items:flex-start;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.keywords-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);white-space:nowrap}.keyword-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.keyword-tag{padding:var(--space-1) var(--space-2);background:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.contact-list{display:flex;flex-direction:column;gap:var(--space-2)}.contact-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:2px solid transparent;border-radius:0;cursor:pointer;transition:all .15s ease;text-align:left;color:var(--color-text);font-family:var(--font-family)}.contact-item:hover{background:var(--color-bg);border-color:var(--color-border)}.contact-item.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.contact-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);flex-shrink:0}.contact-info{flex:1;display:flex;flex-direction:column}.contact-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.contact-role{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.contact-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:12px;font-weight:700;opacity:0;transform:scale(.5);transition:all .2s ease}.contact-item.selected .contact-check{opacity:1;transform:scale(1)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:2px solid var(--color-border)}@media(max-width:480px){.paste-hero{padding:var(--space-4)}.paste-hero-header{flex-direction:column;align-items:center;text-align:center}.match-score-display{flex-direction:column;text-align:center}.match-details{text-align:center}.form-actions{flex-direction:column}.form-actions button{width:100%}}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.field-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1)}.input-error{border-color:var(--color-error)!important}.custom-select{position:relative}.custom-select-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);font-size:var(--font-size-base);font-family:inherit;background:#fff;border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--color-text)}.custom-select-trigger:hover{background:var(--color-bg)}.custom-select-trigger.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-select-trigger .placeholder{color:var(--color-text)}.custom-select-arrow{font-size:10px;transition:transform var(--transition-fast)}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:var(--border-width-thick) solid var(--color-text);border-top:none;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);max-height:200px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-offset-sm)}.custom-select-option{width:100%;padding:var(--space-3);font-size:var(--font-size-base);font-family:inherit;text-align:left;background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.custom-select-option:hover{background:var(--color-accent-light)}.custom-select-option.selected{background:var(--color-accent);font-weight:var(--font-weight-bold)}.custom-select-option:not(:last-child){border-bottom:var(--border-width) solid var(--color-border)}.form-actions{display:flex;gap:var(--space-4);justify-content:flex-end;padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.action-btn{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{border-color:var(--color-text)}.delete-btn:hover{border-color:var(--color-error);color:var(--color-error)}.contacts-view{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-bg-elevated);border:2px solid var(--color-border);padding:var(--space-6)}.contacts-view-title h1{font-size:var(--font-size-2xl)}.contacts-view-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.contacts-view-title{display:flex;align-items:center;gap:var(--space-3)}.contacts-view-title h1{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.contacts-total{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-muted)}.contacts-header-actions{display:flex;gap:var(--space-2)}.download-btn,.import-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg);border:2px solid var(--color-text);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.download-btn:hover,.import-btn:hover{background:var(--color-text);color:var(--color-bg)}.download-btn svg,.import-btn svg{flex-shrink:0}.contacts-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border)}.contacts-search{position:relative;flex:1;min-width:200px;max-width:320px}.contacts-search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-bg-elevated);border:2px solid var(--color-border);color:var(--color-text);transition:border-color var(--transition-fast)}.contacts-search input:focus{outline:none;border-color:var(--color-text)}.contacts-filter{display:flex;align-items:center;gap:var(--space-2)}.contacts-filter label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.contacts-filter select{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-bg-elevated);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;min-width:140px}.contacts-filter select:focus{outline:none;border-color:var(--color-text)}.contacts-clear-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;background:transparent;border:2px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.contacts-clear-btn:hover{border-color:var(--color-error);color:var(--color-error)}.contacts-results{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:auto}.contacts-content{flex:1;overflow:visible}.contacts-table{min-width:1100px;border:2px solid var(--color-text);overflow:visible}.contacts-header-row{display:flex;background:var(--color-surface);border-bottom:2px solid var(--color-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.contacts-header-row .contact-col{padding:var(--space-3)}.contact-row{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);transition:background var(--transition-fast);min-height:56px;align-items:center;position:relative;overflow:visible;z-index:1}.contact-row.editing,.contact-row.add-row{z-index:100}.contact-row:hover{background:var(--color-surface)}.contact-row:last-child{border-bottom:none}.contact-col{padding:var(--space-2) var(--space-3);display:flex;align-items:center;font-size:var(--font-size-sm)}.contact-col span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-num{width:50px;flex-shrink:0;justify-content:center;color:var(--color-text-muted)}.col-name{width:160px;flex-shrink:0;font-weight:var(--font-weight-semibold)}.col-role{width:140px;flex-shrink:0;position:relative;overflow:visible}.col-company{width:140px;flex-shrink:0}.col-email{flex:1;min-width:200px}.col-phone{width:130px;flex-shrink:0}.col-social{width:180px;flex-shrink:0;justify-content:center;overflow:visible}.col-actions{width:140px;flex-shrink:0;gap:var(--space-2);justify-content:flex-end}.contact-row.add-row{background:var(--color-surface);border-top:2px dashed var(--color-border);border-bottom:none}.contact-row.add-row .col-num{color:var(--color-primary)}.add-icon{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.contact-row.add-row .editable-cell{width:100%;padding:var(--space-2);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);transition:border-color var(--transition-fast)}.contact-row.add-row .editable-cell:focus{outline:none;border-color:var(--color-text)}.contact-row.add-row .editable-cell::placeholder{color:var(--color-text-muted)}.contact-row.editing{background:var(--color-primary-light)}.contact-row.editing .editable-cell{width:100%;padding:var(--space-2);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text)}.contact-row.editing .editable-cell:focus{outline:none;border-color:var(--color-text)}.add-confirm-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family);text-transform:uppercase;background:var(--color-primary);border:2px solid var(--color-primary);color:var(--color-text-inverse);cursor:pointer;transition:all var(--transition-fast)}.add-confirm-btn:hover:not(:disabled){background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.add-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.contacts-no-results-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.contacts-no-results-row button{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-bg-elevated);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer}.contacts-no-results-row button:hover{border-color:var(--color-text)}.contact-link{color:var(--color-primary);text-decoration:none}.contact-link:hover{text-decoration:underline}.social-icons{display:flex;align-items:center;gap:var(--space-2)}.social-icons-modal{display:flex;align-items:center;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all var(--transition-fast)}.social-link:hover{color:var(--color-text);transform:scale(1.1)}.social-edit-icons{display:flex;gap:4px;width:100%}.social-input{flex:1;min-width:0;padding:var(--space-1) var(--space-2)!important;font-size:var(--font-size-xs)!important}.social-input::placeholder{font-size:var(--font-size-xs)}.icon-btn{background:none;border:none;cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color var(--transition-fast)}.icon-btn:hover{color:var(--color-text)}.icon-btn.delete:hover{color:var(--color-error)}.icon-btn.edit:hover{color:var(--color-primary)}.icon-btn.save:hover{color:var(--color-success)}.custom-dropdown{position:relative;width:100%}.contact-row.editing .custom-dropdown,.contact-row.add-row .custom-dropdown{z-index:999}.custom-dropdown-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:left;transition:border-color var(--transition-fast)}.custom-dropdown-trigger:hover{border-color:var(--color-text-muted)}.custom-dropdown-trigger.open{border-color:var(--color-text);border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-dropdown-trigger .placeholder{color:var(--color-text-muted)}.dropdown-arrow{font-size:8px;color:var(--color-text-muted);transition:transform var(--transition-fast);margin-left:var(--space-2)}.custom-dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.custom-dropdown-options{position:absolute;top:calc(100% + 2px);left:0;min-width:160px;background:var(--color-surface);border:2px solid var(--color-text);max-height:240px;overflow-y:auto;z-index:99999;box-shadow:4px 4px #00000026}.custom-dropdown-option{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);text-align:left;background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast);color:var(--color-text);display:block}.custom-dropdown-option:hover{background:var(--color-surface-hover)}.custom-dropdown-option.selected{background:var(--color-primary-light);font-weight:var(--font-weight-bold)}.custom-dropdown-option:not(:last-child){border-bottom:1px solid var(--color-border)}.icon-btn.view:hover{color:var(--color-primary)}.contact-detail-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.contact-detail-modal{background:var(--color-bg);border:3px solid var(--color-text);width:90%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:8px 8px 0 var(--color-text)}.contact-detail-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:3px solid var(--color-text);background:var(--color-primary)}.contact-detail-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:2px solid var(--color-text);font-size:18px;font-weight:700;cursor:pointer;color:var(--color-text);transition:all var(--transition-fast)}.close-btn:hover{background:var(--color-text);color:var(--color-bg)}.contact-detail-body{padding:var(--space-5)}.detail-row{display:flex;padding:var(--space-3) 0;border-bottom:2px dashed var(--color-border)}.detail-row:last-child{border-bottom:none}.detail-label{width:90px;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text);padding-top:2px}.detail-value{flex:1;font-size:var(--font-size-base);color:var(--color-text);word-break:break-word}.detail-value a{color:var(--color-text);text-decoration:underline;text-underline-offset:2px}.detail-value a:hover{background:var(--color-primary-light)}.detail-notes{flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-3);border-top:2px solid var(--color-text);border-bottom:none}.detail-notes .detail-label{width:auto;margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.detail-notes .detail-value{white-space:pre-wrap;line-height:1.6;padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border)}.contact-detail-footer{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:3px solid var(--color-text);background:var(--color-surface)}.btn-secondary{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg);border:2px solid var(--color-text);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-surface);box-shadow:3px 3px 0 var(--color-text);transform:translate(-1px,-1px)}.btn-primary{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;background:var(--color-text);border:2px solid var(--color-text);color:var(--color-bg);cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:3px 3px 0 var(--color-text);transform:translate(-1px,-1px)}.modal-input,.modal-select,.modal-textarea{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);transition:border-color var(--transition-fast)}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{outline:none;border-color:var(--color-text)}.modal-input::placeholder,.modal-textarea::placeholder{color:var(--color-text-muted)}.modal-select{cursor:pointer;min-width:160px}.modal-textarea{resize:vertical;min-height:100px;line-height:1.5}.detail-row .modal-input{width:100%;max-width:280px}.modal-dropdown{position:relative;flex:1;max-width:280px}.modal-dropdown-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:left;transition:border-color var(--transition-fast)}.modal-dropdown-trigger:hover{border-color:var(--color-text-muted)}.modal-dropdown-trigger.open{border-color:var(--color-text)}.modal-dropdown-trigger .placeholder{color:var(--color-text-muted)}.modal-dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border:2px solid var(--color-text);border-top:none;max-height:200px;overflow-y:auto;z-index:100;box-shadow:4px 4px #00000026}.modal-dropdown-option{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);font-family:var(--font-family);text-align:left;background:transparent;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;color:var(--color-text);transition:background var(--transition-fast)}.modal-dropdown-option:last-child{border-bottom:none}.modal-dropdown-option:hover{background:var(--color-surface-hover)}.modal-dropdown-option.selected{background:var(--color-primary-light);font-weight:var(--font-weight-bold)}.detail-notes .modal-textarea{width:100%;max-width:none}@media(max-width:1024px){.contacts-table{min-width:800px}.col-phone,.col-social,.contacts-header-row .col-phone,.contacts-header-row .col-social{display:none}}@media(max-width:768px){.contacts-view{padding:var(--space-3)}.contacts-view-header{flex-direction:column;align-items:flex-start}.contacts-header-actions{width:100%;justify-content:flex-end}.contacts-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-2)}.contacts-search{max-width:none;min-width:unset}.contacts-filter{width:100%}.contacts-filter select{flex:1}.contacts-results{margin-left:0;text-align:center}.contacts-content{overflow-x:hidden}.contacts-table{min-width:unset;border:none}.contacts-header-row{display:none}.contact-row{flex-direction:column;align-items:flex-start;padding:var(--space-3);margin-bottom:var(--space-2);border:2px solid var(--color-border);border-radius:0;gap:var(--space-2)}.contact-row:last-child{border-bottom:2px solid var(--color-border)}.contact-col{width:100%;padding:0}.col-num{display:none}.col-name{width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.col-role{width:100%;color:var(--color-text-muted);font-size:var(--font-size-sm)}.col-company{width:100%;font-weight:var(--font-weight-semibold)}.col-email{width:100%;min-width:unset;font-size:var(--font-size-sm)}.col-phone,.col-social{display:none}.col-actions{width:100%;justify-content:flex-start;padding-top:var(--space-2);border-top:1px solid var(--color-border);margin-top:var(--space-1)}.contact-row.add-row{border:2px dashed var(--color-border)}.contact-row.add-row .col-num{display:none}.contact-row.add-row .editable-cell{width:100%}.contact-detail-modal{width:95%;max-height:90vh}.contact-detail-header,.contact-detail-body{padding:var(--space-3)}.detail-row{flex-direction:column;gap:var(--space-1)}.detail-label{width:auto}.detail-row .modal-input,.modal-dropdown{max-width:none}.contact-detail-footer{padding:var(--space-3);flex-direction:column}.contact-detail-footer button{width:100%}}@media(max-width:480px){.contacts-view-title h1{font-size:var(--font-size-lg)}.contacts-header-actions button span:not(.btn-icon){display:none}.download-btn,.import-btn{padding:var(--space-2)}}.job-card{background:var(--color-bg-elevated);border:2px solid var(--color-border);transition:all .15s ease;cursor:pointer}.job-card:hover{background:var(--color-surface)}.job-card.dropdown-open{z-index:100;position:relative}.job-card-header{display:grid;grid-template-columns:1fr 60px auto;align-items:center;gap:var(--space-4);padding:var(--space-4)}.job-card-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.company-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);flex-shrink:0}.job-info{flex:1;min-width:0}.job-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.job-company{font-weight:var(--font-weight-medium)}.meta-dot,.job-location{color:var(--color-text-muted)}.job-contacts{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.contact-badge{padding:2px var(--space-2);font-size:var(--font-size-xs);background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.contact-badge.more{background:var(--color-border);color:var(--color-text-muted)}.match-score-cell{display:flex;align-items:center;justify-content:flex-end;width:60px}.match-score-text{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--score-color);letter-spacing:-.5px}.match-score-empty{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-muted)}.job-card-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.status-wrapper{position:relative;z-index:10}.status-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);color:var(--color-text);cursor:pointer;transition:all .15s ease;min-width:140px}.status-button:hover{border-color:var(--status-color)}.status-dot{width:8px;height:8px;background:var(--status-color);border-radius:50%;flex-shrink:0}.status-chevron{color:var(--color-text-muted);margin-left:auto}.status-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:1000}.status-option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);cursor:pointer;text-align:left;transition:all .1s ease}.status-option:hover{background:var(--color-surface-hover)}.status-option.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.option-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.delete-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;margin-left:-4px}.delete-button:hover{background:var(--color-error-light);color:var(--color-error)}.delete-button:active{transform:translateY(1px)}@media(max-width:768px){.job-card-header{grid-template-columns:1fr 50px auto;gap:var(--space-3);padding:var(--space-3)}.company-avatar{width:40px;height:40px;font-size:var(--font-size-base)}.match-score-cell{width:50px}.match-score-text{font-size:var(--font-size-sm)}.status-button{min-width:110px;padding:var(--space-2);font-size:var(--font-size-xs)}}@media(max-width:600px){.job-card-header{grid-template-columns:1fr auto auto;gap:var(--space-2);padding:var(--space-3)}.match-score-cell{width:auto}.status-button{min-width:unset;padding:var(--space-2)}}.kanban-board{display:flex;flex-direction:column;gap:var(--space-6)}.kanban-row{display:grid;gap:var(--space-3)}.kanban-row-primary,.kanban-row-secondary{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.kanban-row-primary,.kanban-row-secondary{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.kanban-row-primary,.kanban-row-secondary{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.kanban-row-primary,.kanban-row-secondary{grid-template-columns:1fr}}.kanban-column{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;min-height:400px;max-height:650px;transition:all var(--transition-fast)}.kanban-column.drag-over{background:var(--color-primary-light);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.kanban-column.drag-over .column-empty{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.column-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-bottom:3px solid var(--color-text);background:var(--color-surface);border-radius:var(--radius-md) var(--radius-md) 0 0}.column-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.column-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:2px var(--space-2);border-radius:var(--radius-sm);min-width:20px;text-align:center}.column-cards{flex:1;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.kanban-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);cursor:grab;transition:all var(--transition-fast);position:relative}.kanban-card:hover{border-color:var(--color-text-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.6;cursor:grabbing;transform:rotate(3deg) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--color-primary);z-index:100}.kanban-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.kanban-company{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.kanban-score{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.kanban-role{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:1.3}.kanban-location{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--space-1) 0 0 0}.kanban-contacts{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.contact-tag{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background:var(--color-primary-light);border-radius:var(--radius-full)}.contact-more{font-size:var(--font-size-xs);color:var(--color-text-light)}.contact-linkedin-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-1);width:14px;height:14px;font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-surface);background:#0077b5;border-radius:2px}.column-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-sm);border:2px dashed var(--color-border);border-radius:var(--radius-sm);margin:var(--space-2);min-height:80px;transition:all var(--transition-fast)}.column-empty:hover{border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.sankey-wrapper{position:relative;display:flex;flex-direction:column}.sankey-view{position:relative;display:flex;align-items:flex-start;padding:var(--space-8);overflow:auto;min-height:600px;background:var(--color-bg)}.sankey-svg-layer{position:absolute;top:0;left:0;pointer-events:none;z-index:0;overflow:visible}.sankey-expand-btn{align-self:flex-end;margin:var(--space-2) var(--space-4);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sankey-expand-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sankey-path{fill:none;transition:d .4s cubic-bezier(.4,0,.2,1),stroke-width .3s ease;stroke-opacity:.4}.sankey-path:hover{stroke-opacity:.8}.sankey-column{display:flex;flex-direction:column;gap:var(--space-8);z-index:1;position:relative;margin-right:160px}.root-node{background:var(--color-primary);border:2px solid var(--color-primary);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.root-node:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.root-node.has-expanded{background:var(--color-primary-dark)}.root-node .node-count{font-size:1.5rem;font-weight:800;color:#fff}.root-node .node-label{font-weight:600;letter-spacing:.02em}.sankey-branch-group{display:flex;align-items:flex-start;gap:160px;position:relative}.sankey-sub-branch{display:flex;flex-direction:column;gap:var(--space-4)}.sankey-leaf-group{display:flex;align-items:flex-start;gap:120px}.sankey-node{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:200px;position:relative;box-shadow:var(--shadow-sm);flex-shrink:0}.sankey-node:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.sankey-node.expanded{border-color:var(--color-primary);background:var(--color-bg-elevated);box-shadow:var(--shadow-md);z-index:2}.node-label{flex:1;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-count-badge{background:var(--color-bg);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;color:var(--color-text-secondary);border:1px solid var(--color-border)}.node-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-node,.type-node{border-left:4px solid var(--node-color)}.sankey-jobs-list{display:flex;flex-direction:column;gap:var(--space-3);width:260px;flex-shrink:0;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sankey-job-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.sankey-job-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.job-role{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-text);flex:1}.job-company{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.job-score{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.mindmap-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-8);font-size:1.1rem;color:var(--color-text-muted);text-align:center;width:100%}@media(max-width:1024px){.sankey-view{padding:var(--space-4);min-height:500px}.sankey-column{margin-right:120px;gap:var(--space-6)}.sankey-branch-group{gap:120px}.sankey-leaf-group{gap:80px}.sankey-node{width:180px;padding:var(--space-2) var(--space-3)}.sankey-jobs-list{width:220px}}@media(max-width:768px){.sankey-wrapper{margin:calc(-1 * var(--space-3));width:calc(100% + var(--space-6))}.sankey-expand-btn{margin:var(--space-2);font-size:.7rem;padding:var(--space-1) var(--space-2)}.sankey-view{padding:var(--space-3);min-height:400px}.sankey-column{margin-right:80px;gap:var(--space-4)}.sankey-branch-group{gap:80px}.sankey-leaf-group{gap:60px}.sankey-node{width:140px;padding:var(--space-2);gap:var(--space-2)}.node-label{font-size:var(--font-size-xs)}.node-count-badge{padding:1px 6px;font-size:.65rem}.root-node{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.root-node .node-count{font-size:1.2rem}.root-node .node-label{font-size:var(--font-size-sm)}.sankey-jobs-list{width:180px;gap:var(--space-2)}.sankey-job-card{padding:var(--space-2)}.job-role{font-size:.8rem}.job-company{font-size:.7rem}.mindmap-empty{padding:var(--space-6);font-size:1rem}}@media(max-width:480px){.sankey-view{padding:var(--space-2);min-height:350px}.sankey-column{margin-right:60px;gap:var(--space-3)}.sankey-branch-group{gap:60px}.sankey-leaf-group{gap:50px}.sankey-node{width:120px;padding:var(--space-2)}.node-label{font-size:10px}.node-count-badge{padding:1px 4px;font-size:9px}.root-node{padding:var(--space-2) var(--space-3)}.root-node .node-count{font-size:1rem}.root-node .node-label{font-size:var(--font-size-xs)}.sankey-jobs-list{width:140px}.sankey-job-card{padding:var(--space-1) var(--space-2)}.job-role{font-size:var(--font-size-xs)}.job-company{font-size:10px}.job-score{font-size:var(--font-size-xs)}}.jobs-view{display:flex;flex-direction:column;gap:var(--space-5);background:var(--color-bg-elevated);border:2px solid var(--color-border);padding:var(--space-6)}.jobs-view .page-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.jobs-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.jobs-title-row .page-title{margin:0}.view-toggle{display:flex;gap:var(--space-2);background:var(--color-bg);padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.view-toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--color-text);background:var(--color-surface)}.view-toggle-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.jobs-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-elevated);border:2px solid var(--color-border)}.header-spacer{flex:1}.pipeline-stats{display:flex;align-items:center;gap:0}.pipeline-stage{display:flex;align-items:center}.stage-content{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-2);min-width:40px}.stage-count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.stage-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-top:var(--space-1)}.stage-arrow{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--color-border);margin:0 var(--space-1)}.pipeline-secondary{display:flex;gap:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--color-border);margin-left:var(--space-2)}.secondary-stat{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.secondary-stat.rejected{background:var(--color-error-light);color:var(--color-error)}.secondary-stat.withdrawn{background:var(--color-surface);color:var(--color-text-muted)}.btn-icon{font-size:18px;margin-right:var(--space-1)}.filter-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);position:relative}.filter-toggle:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.filter-toggle.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.filter-toggle.has-filters{border-color:var(--color-primary);color:var(--color-primary)}.filter-icon{width:16px;height:16px;position:relative}.filter-icon:before,.filter-icon:after{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor}.filter-icon:before{top:3px;width:100%}.filter-icon:after{top:8px;width:70%;box-shadow:0 5px 0 currentColor}.filter-badge{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);border-radius:50%}.filter-toggle.active .filter-badge{background:var(--color-primary);color:#fff}.filters-panel{display:flex;align-items:flex-end;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-top:none;flex-wrap:wrap;animation:slideDown .2s ease}.filter-group{display:flex;flex-direction:column;gap:var(--space-1);min-width:150px;position:relative}.filter-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.custom-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:2px solid var(--color-border);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;min-width:160px;text-align:left;transition:all var(--transition-fast)}.dropdown-trigger:hover{border-color:var(--color-text-muted)}.dropdown-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.dropdown-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{width:8px;height:8px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(45deg);transition:transform var(--transition-fast);flex-shrink:0}.dropdown-trigger.open .dropdown-arrow{transform:rotate(-135deg)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-elevated);border:2px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:100;max-height:280px;overflow-y:auto;animation:dropdownSlide .15s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.dropdown-option:hover{background:var(--color-surface)}.dropdown-option.selected{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.option-check{width:6px;height:10px;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);transform:rotate(45deg);margin-right:var(--space-1)}.clear-filters{padding:var(--space-2) var(--space-3);background:transparent;border:2px solid var(--color-error);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.clear-filters:hover{background:var(--color-error);color:#fff}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);background:var(--color-surface);border:2px dashed var(--color-border);text-align:center}.no-results p{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0 0 var(--space-3) 0}.no-results button{padding:var(--space-2) var(--space-4);background:var(--color-primary);border:none;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer}.jobs-list{display:flex;flex-direction:column;gap:var(--space-2)}.jobs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);background:var(--color-bg-elevated);border-radius:var(--radius-lg);text-align:center}.empty-illustration{color:var(--color-text-muted);margin-bottom:var(--space-6);opacity:.5}.jobs-empty-state h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--color-text)}.jobs-empty-state p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-3);max-width:400px}.jobs-empty-state .empty-subtext{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);font-style:italic}@media(max-width:768px){.jobs-stats{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3)}.pipeline-stats{flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.stage-content{padding:var(--space-2) var(--space-3);min-width:60px}.stage-count{font-size:var(--font-size-xl)}.stage-arrow{display:none}.pipeline-secondary{justify-content:center;border-left:none;padding-left:0;margin-left:0;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.stat-spacer{display:none}.jobs-stats .btn{width:100%}}.jobs-header-actions{display:flex;gap:var(--space-2)}.jobs-header .add-target-btn{padding-left:var(--space-3);padding-right:var(--space-3)}.csv-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.csv-btn:hover{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.export-dropdown-wrapper{position:relative}.export-dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;min-width:100px;z-index:100}.export-dropdown-menu button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;font-size:.8rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast)}.export-dropdown-menu button:hover{background:var(--color-bg)}.export-dropdown-menu button:not(:last-child){border-bottom:1px solid var(--color-border)}.goal-section{margin-bottom:var(--space-2)}.goal-display{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border)}.goal-countdown{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);background:var(--color-primary);border:2px solid var(--color-border);min-width:100px}.goal-countdown.urgent{background:var(--color-warning)}.goal-countdown.overdue{background:var(--color-error)}.countdown-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);line-height:1}.countdown-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-1)}.goal-info{display:flex;flex-direction:column;gap:var(--space-2)}.goal-target{font-size:var(--font-size-sm);color:var(--color-text-muted)}.goal-edit-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;background:transparent;border:2px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.goal-edit-btn:hover{border-color:var(--color-text);color:var(--color-text)}.goal-empty{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border)}.goal-set-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);background:var(--color-bg-elevated);border:2px dashed var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.goal-set-btn:hover{border-color:var(--color-primary);color:var(--color-primary);border-style:solid}.goal-set-icon{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.goal-quote{flex:1;padding-left:var(--space-4);border-left:2px solid var(--color-border)}.quote-text{font-size:var(--font-size-base);font-style:normal;color:var(--color-text-secondary);line-height:1.5}.quote-text:before{content:"// ";color:var(--color-text-muted)}.goal-edit{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border)}.goal-date-input{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-bg-elevated);border:2px solid var(--color-border);color:var(--color-text)}.goal-date-input:focus{outline:none;border-color:var(--color-primary)}.goal-edit-actions{display:flex;gap:var(--space-2)}.goal-save-btn,.goal-cancel-btn,.goal-clear-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast)}.goal-save-btn{background:var(--color-text);border:2px solid var(--color-text);color:var(--color-text-inverse)}.goal-save-btn:hover{background:var(--color-primary);border-color:var(--color-primary)}.goal-cancel-btn{background:transparent;border:2px solid var(--color-border);color:var(--color-text-muted)}.goal-cancel-btn:hover{border-color:var(--color-text);color:var(--color-text)}.goal-clear-btn{background:transparent;border:2px solid var(--color-error);color:var(--color-error)}.goal-clear-btn:hover{background:var(--color-error);color:var(--color-text-inverse)}.goal-success{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #059669}.success-icon{font-size:2.5rem;line-height:1}.success-message{display:flex;flex-direction:column;gap:var(--space-1)}.success-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#065f46}.success-subtitle{font-size:var(--font-size-sm);color:#047857}.goal-display.very-overdue .goal-countdown{background:var(--color-text-muted)}.goal-display.very-overdue .goal-edit-btn{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}@media(max-width:1024px){.jobs-header{padding:var(--space-3)}.pipeline-stats{flex-wrap:wrap}.stage-content{padding:var(--space-2) var(--space-3);min-width:60px}.filters-panel{gap:var(--space-3)}.filter-group{min-width:130px}}@media(max-width:768px){.jobs-view{padding:var(--space-3);gap:var(--space-3)}.jobs-header{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3)}.header-spacer{display:none}.pipeline-stats{justify-content:center;flex-wrap:wrap;gap:var(--space-1);width:100%}.stage-content{padding:var(--space-2);min-width:50px}.stage-count{font-size:var(--font-size-lg)}.stage-label{font-size:10px}.stage-arrow{display:none}.pipeline-secondary{width:100%;justify-content:center;flex-wrap:wrap;margin-left:0;padding-left:0;border-left:none;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.jobs-header-actions{width:100%;justify-content:flex-end}.jobs-header .btn{flex:1}.filters-panel{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3)}.filter-group{width:100%;min-width:unset}.dropdown-trigger{width:100%}.clear-filters{width:100%;text-align:center}.goal-section{margin-bottom:var(--space-1)}.goal-display,.goal-empty{flex-direction:column;align-items:flex-start;padding:var(--space-3)}.goal-countdown{padding:var(--space-2) var(--space-4);min-width:80px}.countdown-number{font-size:var(--font-size-2xl)}.goal-quote{padding-left:0;padding-top:var(--space-3);border-left:none;border-top:2px solid var(--color-border);width:100%}.quote-text{font-size:var(--font-size-base)}.goal-edit{flex-direction:column;align-items:stretch;padding:var(--space-3)}.goal-date-input{width:100%}.goal-edit-actions{flex-wrap:wrap}.goal-set-btn{width:100%;justify-content:center}.jobs-empty-state{padding:var(--space-6) var(--space-4)}.empty-illustration svg{width:80px;height:80px}.no-results{padding:var(--space-5)}}@media(max-width:480px){.jobs-view{padding:var(--space-2)}.jobs-view .page-title{font-size:var(--font-size-lg)}.pipeline-stats{gap:0}.pipeline-stage{flex:1}.stage-content{width:100%;padding:var(--space-1)}.stage-count{font-size:var(--font-size-base)}.filter-toggle{width:100%;justify-content:center}.goal-countdown{width:100%;flex-direction:row;justify-content:center;gap:var(--space-2)}.countdown-label{margin-top:0}}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);margin-top:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{padding:0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(max-width:768px){.pagination{flex-direction:column;gap:var(--space-3)}.pagination-info{order:2}.pagination-controls{order:1}}@media(max-width:480px){.pagination-btn{min-width:32px;height:32px}.pagination-pages{padding:0 var(--space-2);font-size:var(--font-size-xs)}}.profile-view{display:flex;flex-direction:column;gap:var(--space-6);background:var(--color-bg-elevated);border:2px solid var(--color-border);padding:var(--space-6)}.profile-view .page-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.profile-section{display:flex;flex-direction:column;gap:var(--space-4)}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.section-header h2{margin:0;font-size:var(--font-size-xl)}.section-actions{display:flex;align-items:center;gap:var(--space-3)}.view-toggle-small{display:flex;border:2px solid var(--color-border);box-shadow:var(--shadow-xs)}.view-toggle-small button{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);letter-spacing:.5px;background:var(--color-bg-elevated);border:none;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text)}.view-toggle-small button:not(:last-child){border-right:2px solid var(--color-border)}.view-toggle-small button:hover{background:var(--color-surface)}.view-toggle-small button.active{background:var(--color-text);color:var(--color-text-inverse)}.summary-view{display:flex;flex-direction:column;gap:var(--space-5)}.summary-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.summary-stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);border:3px solid var(--color-border);transition:all var(--transition-fast)}.summary-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--color-border)}.stat-icon{width:32px;height:32px;position:relative;opacity:.6}.stat-icon.icon-skills{border:2px solid currentColor;border-radius:4px}.stat-icon.icon-skills:before,.stat-icon.icon-skills:after{content:"";position:absolute;background:currentColor}.stat-icon.icon-skills:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.stat-icon.icon-skills:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.stat-icon.icon-briefcase{border:2px solid currentColor;border-radius:4px;height:24px;margin-top:6px}.stat-icon.icon-briefcase:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:14px;height:8px;border:2px solid currentColor;border-bottom:none;border-radius:4px 4px 0 0}.stat-icon.icon-education:before{content:"";position:absolute;top:4px;left:0;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:14px solid currentColor}.stat-icon.icon-education:after{content:"";position:absolute;bottom:0;left:2px;width:28px;height:8px;background:currentColor;border-radius:0 0 2px 2px}.stat-icon.icon-cert{border:2px solid currentColor;border-radius:50%}.stat-icon.icon-cert:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:currentColor;border-radius:50%}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;color:var(--color-text-muted);margin-top:var(--space-1)}.summary-section{background:var(--color-bg-elevated);border:2px solid var(--color-border);padding:var(--space-4)}.summary-section-title{margin:0 0 var(--space-3) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-text-muted);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.summary-current-role{display:flex;flex-direction:column;gap:var(--space-1)}.current-role-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.current-role-company{font-size:var(--font-size-base);color:var(--color-text-secondary)}.current-role-date{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);display:inline-block;margin-top:var(--space-2)}.summary-skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.summary-skill-tag{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-surface);border:2px solid var(--color-border);transition:all var(--transition-fast)}.summary-skill-tag:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.summary-skill-more{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:var(--color-surface);color:var(--color-text-muted);border:2px dashed var(--color-border)}.summary-education-list{display:flex;flex-direction:column;gap:var(--space-3)}.summary-edu-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--color-surface);border-left:3px solid var(--color-primary)}.summary-edu-degree{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.summary-edu-school{font-size:var(--font-size-sm);color:var(--color-text-muted)}.resume-full-view{display:flex;flex-direction:column;gap:var(--space-6)}.resume-block{background:var(--color-bg-elevated);border:3px solid var(--color-border);padding:var(--space-5)}.block-header-wrapper{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.block-header{display:flex;align-items:center;gap:var(--space-3);flex:1;padding:0;padding-bottom:var(--space-3);border:none;border-bottom:2px solid var(--color-border);background:transparent;cursor:pointer;font-family:var(--font-family);color:var(--color-text);transition:all var(--transition-fast);position:relative}.block-header:hover{color:var(--color-primary)}.block-header-wrapper .block-header{margin-bottom:0}.resume-block:not(:has(.block-header-wrapper)) .block-header{margin-bottom:var(--space-4)}.resume-block.collapsed .block-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.resume-block.collapsed .block-header-wrapper{margin-bottom:0}.edit-section-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;height:fit-content;align-self:center}.edit-section-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.block-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.5px;position:absolute;left:0;right:0;text-align:center;pointer-events:none}.block-icon,.block-toggle,.block-count{position:relative;z-index:1}.block-count{margin-left:auto}.block-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);margin-left:auto}.block-toggle{width:12px;height:12px;position:relative;flex-shrink:0}.block-toggle:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-70%) rotate(45deg);transition:transform var(--transition-fast)}.resume-block.collapsed .block-toggle:before{transform:translate(-50%,-30%) rotate(-135deg)}.block-content{animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.block-icon{width:20px;height:20px;flex-shrink:0;opacity:.7}svg.block-icon{stroke:currentColor}.icon-skills{border:2px solid currentColor;border-radius:4px}.icon-skills:before,.icon-skills:after{content:"";position:absolute;background:currentColor}.icon-skills:before{width:2px;height:100%;left:50%;transform:translate(-50%)}.icon-skills:after{width:100%;height:2px;top:50%;transform:translateY(-50%)}.icon-briefcase{border:2px solid currentColor;border-radius:4px;height:18px;margin-top:4px}.icon-briefcase:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:10px;height:6px;border:2px solid currentColor;border-bottom:none;border-radius:4px 4px 0 0}.icon-education{width:24px;height:20px}.icon-education:before{content:"";position:absolute;top:4px;left:0;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:10px solid currentColor}.icon-education:after{content:"";position:absolute;bottom:0;left:2px;width:20px;height:6px;background:currentColor;border-radius:0 0 2px 2px}.icon-cert{border:2px solid currentColor;border-radius:50%;width:20px;height:20px}.icon-cert:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:currentColor;border-radius:50%}.block-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.5px;flex:1}.skills-block{background:var(--color-bg-elevated)}.skills-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.skill-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);transition:all var(--transition-fast)}.skill-card:hover{transform:translate(4px);border-left-width:4px;border-left-color:var(--color-primary);background:var(--color-bg-elevated)}.skill-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.skill-level{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);background:var(--color-accent);border:1px solid var(--color-border);letter-spacing:.5px}.skill-card.level-expert .skill-level,.skill-card.level-advanced .skill-level{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.skill-card.level-expert,.skill-card.level-advanced{border-left:4px solid var(--color-primary)}.skill-card.level-intermediate .skill-level{background:var(--color-accent)}.timeline{position:relative;padding-left:var(--space-6)}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:3px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--space-5)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:calc(-1 * var(--space-6) + 2px);top:4px;width:16px;height:16px;background:var(--color-primary);border:3px solid var(--color-bg-elevated);border-radius:50%;box-shadow:0 0 0 3px var(--color-border)}.timeline-content{background:var(--color-surface);border:2px solid var(--color-border);padding:var(--space-4)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.timeline-header h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.timeline-date{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);background:var(--color-accent);border:1px solid var(--color-border)}.timeline-company{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.timeline-desc{margin:var(--space-3) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.education-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.education-card{background:var(--color-surface);border:2px solid var(--color-border);padding:var(--space-4);transition:all var(--transition-fast)}.education-card:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--color-border)}.edu-degree{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.edu-school{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.edu-year{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);padding:var(--space-1) var(--space-2);background:var(--color-primary-light);border:1px solid var(--color-primary);display:inline-block}.cert-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.cert-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-success-light);border:2px solid var(--color-success);transition:all var(--transition-fast)}.cert-badge:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--color-success)}.cert-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-success);border-radius:50%;flex-shrink:0;position:relative}.cert-check:before{content:"";width:6px;height:10px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px)}.cert-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.resume-empty,.contacts-empty{text-align:center}.resume-empty .empty-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:var(--font-weight-bold);background:var(--color-accent);border:var(--border-width-thick) solid var(--color-text);border-radius:var(--radius-md);margin:0 auto var(--space-4)}.resume-empty h3{margin:0 0 var(--space-2) 0}.resume-empty p,.contacts-empty p{margin:0 0 var(--space-2) 0;color:var(--color-text-secondary)}.resume-empty .empty-subtext{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);font-style:italic}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.analysis-section{margin-top:var(--space-4)}.analysis-prompt-card{background:var(--color-bg-elevated);border:3px solid var(--color-border);padding:var(--space-5)}.analysis-prompt-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.analysis-prompt-text{margin:0;font-size:var(--font-size-base);color:var(--color-text)}.analysis-mode-toggle{display:flex;border:2px solid var(--color-border)}.mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-family:var(--font-family);letter-spacing:.5px;background:var(--color-bg-elevated);border:none;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted)}.mode-btn:first-child{border-right:2px solid var(--color-border)}.mode-btn:hover{background:var(--color-surface);color:var(--color-text)}.mode-btn.active{background:var(--color-primary);color:var(--color-text-inverse)}.mode-btn.roast.active{background:var(--color-error)}.mode-icon{width:16px;height:16px;position:relative}.mode-icon-normal:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border:2px solid currentColor;border-radius:50%}.mode-icon-normal:after{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:2px;height:6px;background:currentColor;box-shadow:0 8px 0 currentColor}.mode-icon-roast:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid currentColor}.mode-icon-roast:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:4px;background:currentColor;border-radius:50%}.analysis-mode-desc{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-left:3px solid var(--color-primary)}.analysis-mode-desc p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.analyze-btn{width:100%}.analysis-result{margin-top:var(--space-4);background:var(--color-bg-elevated);border:3px solid var(--color-border);overflow:hidden}.analysis-result.roast{border-color:var(--color-error)}.analysis-result-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-surface);border-bottom:2px solid var(--color-border)}.analysis-result.roast .analysis-result-header{background:var(--color-error-light);border-color:var(--color-error)}.analysis-result-header h3{margin:0;font-size:var(--font-size-lg)}.analysis-mode-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-3);background:var(--color-primary);color:var(--color-text-inverse)}.analysis-result.roast .analysis-mode-badge{background:var(--color-error)}.analysis-score{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);padding:var(--space-4);border-bottom:2px solid var(--color-border)}.score-value{font-size:48px;font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}.analysis-result.roast .score-value{color:var(--color-error)}.score-label{font-size:var(--font-size-lg);color:var(--color-text-muted)}.analysis-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.analysis-summary{padding:var(--space-4);background:var(--color-surface);border-left:3px solid var(--color-primary)}.analysis-result.roast .analysis-summary{border-color:var(--color-error)}.analysis-summary p{margin:0;font-size:var(--font-size-base);line-height:1.6}.analysis-block{background:var(--color-surface);border:2px solid var(--color-border);padding:var(--space-4)}.analysis-block h4{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.5px}.analysis-block ul{margin:0;padding-left:var(--space-5)}.analysis-block li{margin-bottom:var(--space-2);font-size:var(--font-size-sm);line-height:1.5}.analysis-block li:last-child{margin-bottom:0}.analysis-block.strengths{border-left:3px solid var(--color-success)}.analysis-block.improvements{border-left:3px solid var(--color-warning)}.analysis-result.roast .analysis-block.improvements{border-left-color:var(--color-error)}.analysis-block.tips{border-left:3px solid var(--color-primary)}.contacts-section{margin-top:var(--space-4)}.contacts-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.contacts-header-left{display:flex;align-items:center;gap:var(--space-3)}.contacts-header-left h2{margin:0}.contacts-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-muted)}.contacts-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border)}.contacts-search{position:relative;flex:1;min-width:200px;max-width:300px}.contacts-search .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid var(--color-text-muted);border-radius:50%;pointer-events:none}.contacts-search .search-icon:after{content:"";position:absolute;bottom:-4px;right:-4px;width:5px;height:2px;background:var(--color-text-muted);transform:rotate(45deg)}.contacts-search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-bg-elevated);border:2px solid var(--color-border);color:var(--color-text);transition:all var(--transition-fast)}.contacts-search input:focus{outline:none;border-color:var(--color-primary)}.contacts-search input::placeholder{color:var(--color-text-muted)}.search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--color-border);border:none;font-size:var(--font-size-base);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.search-clear:hover{background:var(--color-text-muted);color:var(--color-text-inverse)}.contacts-filter-group{display:flex;align-items:center;gap:var(--space-2)}.contacts-filter-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;color:var(--color-text-muted)}.contacts-filter-group select{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-bg-elevated);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;min-width:140px}.contacts-filter-group select:focus{outline:none;border-color:var(--color-primary)}.contacts-clear-filters{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family);letter-spacing:.5px;background:transparent;border:2px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.contacts-clear-filters:hover{border-color:var(--color-error);color:var(--color-error)}.contacts-no-results{text-align:center;padding:var(--space-6);background:var(--color-surface);border:2px dashed var(--color-border)}.contacts-no-results p{margin:0 0 var(--space-3) 0;color:var(--color-text-muted)}.contacts-no-results button{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-bg-elevated);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.contacts-no-results button:hover{border-color:var(--color-text)}@media(max-width:1024px){.profile-view{padding:var(--space-4)}.skills-grid-view{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.education-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.analysis-prompt-header{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.profile-view{padding:var(--space-3);gap:var(--space-4)}.profile-view .page-title{font-size:var(--font-size-xl)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.section-header h2{font-size:var(--font-size-lg)}.summary-stats-row{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.summary-stat-card{padding:var(--space-3);flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:var(--font-size-xl)}.summary-section{padding:var(--space-3)}.skills-grid-view{grid-template-columns:1fr;gap:var(--space-2)}.skill-card{padding:var(--space-2) var(--space-3)}.timeline{padding-left:var(--space-5)}.timeline-marker{left:calc(-1 * var(--space-5) + 2px);width:12px;height:12px}.timeline-content{padding:var(--space-3)}.timeline-header{flex-direction:column;gap:var(--space-1)}.timeline-header h4{font-size:var(--font-size-sm)}.education-grid{grid-template-columns:1fr;gap:var(--space-2)}.education-card{padding:var(--space-3)}.cert-grid{flex-direction:column}.cert-badge{width:100%}.resume-block{padding:var(--space-3)}.block-header{padding-bottom:var(--space-2);margin-bottom:var(--space-3)}.block-header h3{font-size:var(--font-size-base)}.analysis-prompt-card{padding:var(--space-3)}.analysis-prompt-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.analysis-mode-toggle{width:100%}.mode-btn{flex:1;justify-content:center;padding:var(--space-2) var(--space-3)}.analysis-mode-desc{padding:var(--space-2)}.analysis-result-header{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3)}.analysis-score{padding:var(--space-3)}.score-value{font-size:36px}.analysis-content{padding:var(--space-3);gap:var(--space-3)}.analysis-block{padding:var(--space-3)}.contacts-filters{flex-direction:column;align-items:stretch;padding:var(--space-2)}.contacts-search{max-width:none;min-width:unset}.contacts-filter-group{width:100%}.contacts-filter-group select{flex:1}.resume-empty{padding:var(--space-4)}.resume-empty .empty-icon{width:48px;height:48px;font-size:24px}}@media(max-width:480px){.profile-view{padding:var(--space-2);gap:var(--space-3)}.profile-view .page-title{font-size:var(--font-size-lg)}.summary-stats-row{grid-template-columns:1fr 1fr}.summary-stat-card{padding:var(--space-2)}.stat-icon{width:24px;height:24px}.stat-number{font-size:var(--font-size-lg)}.stat-label{font-size:10px}.timeline{padding-left:var(--space-4)}.timeline-marker{left:calc(-1 * var(--space-4) + 2px);width:10px;height:10px}.analysis-mode-toggle{flex-direction:column}.mode-btn:first-child{border-right:none;border-bottom:2px solid var(--color-border)}.score-value{font-size:28px}}.block-header-wrapper{display:flex;align-items:center;gap:var(--space-2)}.block-header-wrapper .block-header{flex:1}.edit-section-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family);background:transparent;border:2px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.edit-section-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.edit-mode{padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border)}.edit-mode textarea{width:100%;font-family:var(--font-family)}.edit-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:var(--space-3)}.edit-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.landing{min-height:100vh;background:#000;color:#a0a0a0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:blink 1s step-end infinite;color:var(--color-primary);margin-left:2px}.landing-nav{position:sticky;top:0;z-index:100;background:#000000f2;border-bottom:1px solid #1a1a1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.landing-nav-inner{max-width:900px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center}.landing-logo{display:flex;align-items:center;gap:var(--space-2)}.landing-logo-icon{width:32px;height:32px}.landing-logo-text{font-size:var(--font-size-lg);font-weight:700;color:#e0e0e0;letter-spacing:-.05em;font-family:var(--font-family)}.landing-cta-btn{padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:700;border:1px solid var(--color-primary);cursor:pointer;transition:all var(--transition-fast);text-transform:lowercase}.landing-cta-btn:hover{background:var(--color-primary);color:#000;box-shadow:0 0 10px var(--color-primary)}.landing-hero{max-width:800px;margin:0 auto;padding:var(--space-16) var(--space-6);text-align:left}.landing-hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;color:#fff;margin-bottom:var(--space-6);letter-spacing:-.05em}.landing-hero-subtitle{font-size:var(--font-size-lg);color:#909090;line-height:1.6;margin-bottom:var(--space-4);font-family:var(--font-family)}.landing-hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-10)}.landing-btn-primary{padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;font-size:var(--font-size-md);font-weight:700;border:none;cursor:pointer;transition:all var(--transition-fast);text-transform:lowercase}.landing-btn-primary:hover{background:red;box-shadow:0 0 15px #ff000080}.landing-btn-demo{padding:var(--space-3) var(--space-6);background:transparent;color:#a0a0a0;font-size:var(--font-size-md);font-weight:700;border:1px solid #404040;cursor:pointer;transition:all var(--transition-fast);text-transform:lowercase}.landing-btn-demo:hover{border-color:#fff;color:#fff}.landing-features{background:#050505;border-top:1px solid #1a1a1a;padding:var(--space-16) var(--space-6)}.landing-section-header{max-width:800px;margin:0 auto var(--space-10);border-bottom:1px solid #1a1a1a;padding-bottom:var(--space-4)}.landing-section-title{font-size:var(--font-size-2xl);font-weight:700;color:#fff;letter-spacing:-.05em}.features-grid{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.feature-card{background:#000;padding:var(--space-6);border:1px solid #1a1a1a;transition:border-color var(--transition-fast)}.feature-card:hover{border-color:var(--color-primary)}.feature-title{font-size:var(--font-size-lg);font-weight:700;color:#e0e0e0;margin-bottom:var(--space-3);text-transform:lowercase}.feature-description{font-size:var(--font-size-sm);color:#707070;line-height:1.6}.landing-how{max-width:800px;margin:0 auto;padding:var(--space-16) var(--space-6)}.how-steps{display:flex;flex-direction:column;gap:var(--space-10);margin-bottom:var(--space-12)}.how-step{display:flex;gap:var(--space-6);align-items:flex-start}.step-number{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);flex-shrink:0;width:40px;font-family:var(--font-family)}.step-title{font-size:var(--font-size-xl);font-weight:700;color:#fff;margin-bottom:var(--space-2);text-transform:lowercase}.step-description{font-size:var(--font-size-base);color:gray;line-height:1.6}.how-cta{text-align:left;border-top:1px solid #1a1a1a;padding-top:var(--space-8)}.landing-footer{background:#000;border-top:1px solid var(--color-border)}.landing-footer-inner{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;justify-content:space-between;align-items:center}.footer-logo-text{font-size:var(--font-size-sm);color:#404040;font-family:var(--font-family)}.footer-links{display:flex;align-items:center;gap:var(--space-2)}.footer-link{color:#404040;font-size:var(--font-size-sm);transition:all var(--transition-fast);text-decoration:underline;text-underline-offset:4px}.footer-link:hover{color:var(--color-primary)}.footer-separator{color:#404040;font-size:var(--font-size-sm)}.footer-bottom{max-width:800px;margin:0 auto;padding:0 var(--space-6) var(--space-8)}.footer-bottom p{color:#303030;font-size:var(--font-size-xs);font-family:var(--font-family)}@media(max-width:768px){.landing-hero-title{font-size:2.25rem}.features-grid{grid-template-columns:1fr;gap:var(--space-4)}.landing-footer-inner{flex-direction:column;gap:var(--space-4);text-align:center}}.setup-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.setup-nav{background:var(--color-bg);border-bottom:3px solid var(--color-border)}.setup-nav-inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center}.setup-logo{display:flex;align-items:center;gap:var(--space-2)}.setup-logo-img{height:48px;width:auto;background:transparent}.setup-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em}.setup-back-btn{padding:var(--space-2) var(--space-4);background:var(--color-surface-solid);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:2px solid var(--color-border);box-shadow:var(--shadow-xs);cursor:pointer;transition:all var(--transition-fast)}.setup-back-btn:hover{background:var(--color-surface);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-border)}.setup-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-6)}.setup-footer{background:var(--color-surface);border-top:3px solid var(--color-border);padding:var(--space-4) var(--space-6)}.setup-footer-inner{max-width:var(--container-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.setup-footer p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.setup-footer-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.setup-footer-link:hover{color:var(--color-primary)}.setup-footer-link svg{flex-shrink:0}@media(max-width:480px){.setup-footer-inner{flex-direction:column;text-align:center}}