.theme-switcher-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fade-in .2s ease}.theme-switcher-modal{background:var(--bg-surface);border-radius:var(--radius-lg);max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slide-up .3s ease}.theme-switcher-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-2xl);border-bottom:2px solid var(--border-light)}.theme-switcher-header h2{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary)}.theme-switcher-header p{margin:0;font-size:var(--font-size-base);color:var(--text-secondary)}.theme-switcher-close{background:none;border:none;font-size:var(--font-size-4xl);color:var(--text-secondary);cursor:pointer;padding:0;width:var(--button-height-sm);height:var(--button-height-sm);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.theme-switcher-close:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-switcher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);padding:var(--space-2xl)}.theme-option{border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:all .2s ease;position:relative}.theme-option:hover{border-color:var(--primary-solid);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-option.active{border-color:var(--status-success);background:var(--status-success-bg)}.theme-option.previewing{border-color:var(--status-info);box-shadow:0 0 0 3px var(--status-info-bg)}.theme-preview-box{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-sm);margin-bottom:var(--space-md);height:80px;border-radius:var(--radius-sm);overflow:hidden}.theme-preview-primary{border-radius:var(--radius-sm)}.theme-preview-surface{border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid rgb(0 0 0 / 10%)}.theme-preview-text{font-size:var(--font-size-2xl);font-weight:700}.theme-option-info h3{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.theme-option-info p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.theme-active-badge,.theme-preview-badge{position:absolute;top:var(--space-sm);right:var(--space-sm)}.theme-switcher-footer{padding:0 var(--space-2xl) var(--space-xl)}.theme-hint{background:var(--status-info-bg);border:1px solid var(--status-info-border);border-radius:var(--radius-sm);padding:var(--space-md);margin:0;font-size:var(--font-size-sm);color:var(--text-primary)}.theme-switcher-demo{padding:var(--space-2xl);border-top:2px solid var(--border-light);background:var(--bg-hover)}.theme-switcher-demo h3{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.theme-demo-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.card-density-section{padding:var(--space-2xl);border-top:2px solid var(--border-light)}.card-density-section .section-header{margin-bottom:var(--space-xl)}.card-density-section .section-header h3{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.card-density-section .section-header p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.density-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.density-option{border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.density-option:hover{border-color:var(--primary-solid);transform:translateY(-2px);box-shadow:var(--shadow-md)}.density-option.active{border-color:var(--status-success);background:var(--status-success-bg)}.density-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.density-info h4{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.density-info p{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary)}.density-active-badge{position:absolute;top:var(--space-sm);right:var(--space-sm)}.density-preview-section{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-light)}.density-preview-section h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.density-preview-card{max-width:600px}.flex-wrap-gap{display:flex;gap:var(--space-sm);flex-wrap:wrap}.sparko-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:Inter,sans-serif;font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden}.sparko-btn:focus-visible{outline:2px solid var(--primary-solid);outline-offset:2px}.sparko-btn-small{padding:8px 16px;font-size:var(--font-size-sm);border-radius:var(--radius-button)}.sparko-btn-medium{padding:10px 20px;font-size:var(--font-size-sm);border-radius:var(--radius-button)}.sparko-btn-large{padding:12px 24px;font-size:var(--font-size-base);border-radius:var(--radius-button)}.sparko-btn-primary{background:linear-gradient(135deg,var(--primary-gradient-start) 0%,var(--primary-gradient-end) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px var(--primary-color-alpha)}.sparko-btn-primary:hover:not(.sparko-btn-disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-color-alpha)}.sparko-btn-primary:active:not(.sparko-btn-disabled){transform:translateY(0)}.sparko-btn-cta{background:linear-gradient(135deg,var(--cta-gradient-start) 0%,var(--cta-gradient-end) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px #10b9814d;font-weight:700}.sparko-btn-cta:hover:not(.sparko-btn-disabled){transform:translateY(-2px);box-shadow:0 4px 16px #10b98166}.sparko-btn-cta:active:not(.sparko-btn-disabled){transform:translateY(0)}.sparko-btn-secondary,.sparko-btn-outline{background:transparent;color:var(--primary-accessible);border:1.5px solid var(--primary-accessible)}.sparko-btn-secondary:hover:not(.sparko-btn-disabled),.sparko-btn-outline:hover:not(.sparko-btn-disabled){background:var(--bg-hover);transform:translateY(-1px)}.sparko-btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.sparko-btn-ghost:hover:not(.sparko-btn-disabled){background:var(--bg-hover);color:var(--text-primary)}.sparko-btn-danger{background:var(--status-error);color:#fff;border-color:transparent;box-shadow:0 2px 8px #ef44444d}.sparko-btn-danger:hover:not(.sparko-btn-disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.sparko-btn-success{background:var(--status-success);color:#fff;border-color:transparent;box-shadow:0 2px 8px #10b9814d}.sparko-btn-success:hover:not(.sparko-btn-disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.sparko-btn-disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.sparko-btn--loading{position:relative;color:transparent!important;pointer-events:none}.sparko-btn--loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:var(--border-width-medium) solid rgb(255 255 255 / 30%);border-top-color:#fff;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.sparko-btn--success{background:var(--status-success)!important;transition:background .3s ease}.sparko-btn--success:before{content:"✓";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--font-size-lg);animation:success-pop .5s ease;color:#fff}@keyframes success-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.sparko-btn:active:not(.sparko-btn-disabled,.sparko-btn--loading,.sparko-btn--success){transform:scale(.98);box-shadow:inset 0 2px 4px #0000001a}.sparko-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s;pointer-events:none}.sparko-btn:active:not(.sparko-btn-disabled,.sparko-btn--loading):after{width:300px;height:300px;transition:width .6s,height .6s}.sparko-card-standard{background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:0 1px 2px #0000000a,0 4px 8px #00000014;border:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;position:relative}.sparko-card-standard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:1}.sparko-card-hoverable{cursor:pointer}.sparko-card-hoverable:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 4px 8px #00000014,0 12px 24px #0000001f}.sparko-card-hoverable:hover:before{opacity:1}.sparko-card-hoverable:active{transform:translateY(-2px) scale(1.005);transition-duration:.1s}.sparko-card-hoverable:focus-visible{outline:2px solid var(--primary-solid);outline-offset:2px}.sparko-card-highlighted{box-shadow:0 1px 2px #0000000a,0 4px 8px #00000014,0 0 0 2px var(--primary-solid) inset}.sparko-card-subtle{box-shadow:0 1px 2px #0000000a;background:var(--bg-primary)}.sparko-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-lg);gap:var(--space-md);flex-wrap:wrap}.sparko-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;flex:1;min-width:0;line-height:1.4}.sparko-card-header-actions{display:flex;gap:var(--space-xs);flex-shrink:0;flex-wrap:wrap;align-items:center}.sparko-card-body{padding:0 var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);flex:1}.sparko-card-description{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;margin:0}.sparko-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);gap:var(--space-md);flex-wrap:wrap}.sparko-card-meta{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--text-secondary);flex:1;min-width:0}.sparko-card-actions{display:flex;gap:var(--space-sm);flex-shrink:0;flex-wrap:wrap}@media(max-width:768px){.sparko-card-header{flex-direction:column;align-items:flex-start}.sparko-card-header-actions{width:100%;justify-content:flex-start}.sparko-card-footer{flex-direction:column;align-items:flex-start}.sparko-card-actions{width:100%;justify-content:flex-start}.sparko-card-meta{width:100%}}.sparko-card-hoverable:focus-within{outline:2px solid var(--primary-solid);outline-offset:2px}.sparko-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-badge);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;line-height:1.4}.sparko-badge-success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border)}.sparko-badge-pending{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.sparko-badge-error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.sparko-badge-draft{background:var(--status-draft-bg);color:var(--status-draft);border:1px solid var(--status-draft-border)}.sparko-badge-info{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info-border)}.sparko-badge-warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.icon-container{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0;transition:all .3s ease}.icon-container--default{background:var(--primary-bg)}.icon-container--default.icon-container--interactive:hover{background:var(--primary-solid)}.icon-container--default svg{stroke:var(--primary-solid);transition:all .3s ease}.icon-container--default.icon-container--interactive:hover svg{stroke:#fff}.icon-container--active{background:var(--primary-solid)}.icon-container--active svg{stroke:#fff}.icon-container--success{background:var(--status-success-bg)}.icon-container--success svg{stroke:var(--status-success);transition:all .3s ease}.icon-container--success.icon-container--interactive:hover{background:var(--status-success)}.icon-container--success.icon-container--interactive:hover svg{stroke:#fff}.icon-container--warning{background:var(--status-warning-bg)}.icon-container--warning svg{stroke:var(--status-warning);transition:all .3s ease}.icon-container--warning.icon-container--interactive:hover{background:var(--status-warning)}.icon-container--warning.icon-container--interactive:hover svg{stroke:#fff}.icon-container--error{background:var(--status-error-bg)}.icon-container--error svg{stroke:var(--status-error);transition:all .3s ease}.icon-container--error.icon-container--interactive:hover{background:var(--status-error)}.icon-container--error.icon-container--interactive:hover svg{stroke:#fff}.icon-container--info{background:var(--status-info-bg)}.icon-container--info svg{stroke:var(--status-info);transition:all .3s ease}.icon-container--info.icon-container--interactive:hover{background:var(--status-info)}.icon-container--info.icon-container--interactive:hover svg{stroke:#fff}.icon-container--sm{width:32px;height:32px}.icon-container--sm svg{width:16px;height:16px}.icon-container--md{width:44px;height:44px}.icon-container--md svg{width:20px;height:20px}.icon-container--lg{width:56px;height:56px}.icon-container--lg svg{width:24px;height:24px}.icon-container svg{display:block}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.input-label{font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.input-label .required{color:var(--status-error);font-weight:600}.sparko-input{width:100%;padding:var(--space-md) var(--space-lg);border:1.5px solid var(--border-color);border-radius:var(--radius-button);font-size:var(--font-size-body);font-family:Inter,sans-serif;background:var(--bg-surface);color:var(--text-primary);transition:all .2s ease}.sparko-input::-moz-placeholder{color:var(--text-tertiary)}.sparko-input::placeholder{color:var(--text-tertiary)}.sparko-input:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px #2d3f501a}.sparko-input:hover:not(:focus,.sparko-input-disabled){border-color:var(--text-secondary)}.sparko-input-disabled{opacity:.5;cursor:not-allowed;background:var(--bg-hover)}.sparko-input-error{border-color:var(--status-error)}.sparko-input-error:focus{border-color:var(--status-error);box-shadow:0 0 0 3px #ef44441a}.field-hint{font-size:var(--font-size-small);color:var(--text-secondary);line-height:1.4}.field-error{font-size:var(--font-size-small);color:var(--status-error);font-weight:500;line-height:1.4}.sparko-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease}.sparko-modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg);width:90%;max-height:90vh;overflow-y:auto;animation:slide-up .3s ease}.sparko-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--border-light)}.sparko-modal-header h3{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.sparko-modal-close{background:none;border:none;font-size:var(--font-size-3xl);color:var(--text-secondary);cursor:pointer;padding:0;min-width:44px;min-height:44px;width:var(--button-height-md);height:var(--button-height-md);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.sparko-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.sparko-modal-close:focus-visible{outline:2px solid var(--primary-solid);outline-offset:2px}.sparko-modal-body{color:var(--text-primary)}@media(max-width:768px){.sparko-modal-backdrop{align-items:flex-end}.sparko-modal-content{width:100%;max-width:100%;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-xl);animation:slide-up-mobile .3s ease}.sparko-modal-header{position:sticky;top:0;background:var(--bg-surface);z-index:1;margin-bottom:var(--space-lg)}.sparko-modal-close{min-width:48px;min-height:48px;width:48px;height:48px}}@media(max-width:480px){.sparko-modal-content{max-height:100vh;border-radius:0}}@keyframes slide-up-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-content{padding:var(--space-lg) 0}.confirm-dialog-message{font-size:var(--text-base);color:var(--text-primary);line-height:1.6;margin-bottom:var(--space-2xl);white-space:pre-line}.confirm-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.sparko-table-container{background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow-x:auto;border:var(--border-width-thin) solid var(--border-color);width:100%}.sparko-table{width:auto;min-width:800px;border-collapse:collapse}.sparko-table thead th{padding:var(--space-cell-padding) var(--space-lg);text-align:left;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.sparko-table tbody tr{border-bottom:var(--border-width-thin) solid var(--border-color);transition:background .15s ease}.sparko-table tbody tr:hover{background:var(--bg-hover);cursor:pointer}.sparko-table tbody td{padding:var(--space-cell-padding) var(--space-lg);font-size:var(--font-size-body);color:var(--text-primary);white-space:nowrap}.sparko-tooltip-wrapper{position:relative;display:inline-block}.sparko-tooltip{position:absolute;z-index:10000;background:var(--bg-tooltip, #1a1a1a);color:var(--text-tooltip, #ffffff);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-xs);line-height:1.4;max-width:250px;white-space:normal;word-wrap:break-word;box-shadow:var(--shadow-lg);pointer-events:none;animation:tooltip-fade-in .15s ease-out}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sparko-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.sparko-tooltip-top .sparko-tooltip-arrow{top:100%;left:50%;transform:translate(-50%);border-color:var(--bg-tooltip, #1a1a1a) transparent transparent transparent}.sparko-tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.sparko-tooltip-bottom .sparko-tooltip-arrow{bottom:100%;left:50%;transform:translate(-50%);border-color:transparent transparent var(--bg-tooltip, #1a1a1a) transparent}.sparko-tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.sparko-tooltip-left .sparko-tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-color:transparent transparent transparent var(--bg-tooltip, #1a1a1a)}.sparko-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.sparko-tooltip-right .sparko-tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-color:transparent var(--bg-tooltip, #1a1a1a) transparent transparent}.sparko-tooltip-arrow{position:absolute;width:0;height:0;border-style:solid;border-width:5px}@media(max-width:768px){.sparko-tooltip{max-width:200px;font-size:var(--font-size-xs)}}.sparko-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;flex-wrap:wrap}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-button{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;min-width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-solid);transform:translateY(-1px)}.pagination-button:active:not(:disabled){transform:translateY(0)}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-button.active{background:var(--primary-accessible);color:#fff;border-color:var(--primary-accessible);font-weight:600}.pagination-first,.pagination-last{font-size:var(--text-lg)}.pagination-prev,.pagination-next{min-width:auto;padding:var(--spacing-sm) var(--spacing-lg)}.pagination-pages{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-ellipsis{padding:0 var(--spacing-xs);color:var(--text-tertiary);font-size:var(--text-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:768px){.sparko-pagination{flex-direction:column;align-items:stretch}.pagination-info{text-align:center;order:-1}.pagination-controls{justify-content:center}.pagination-prev,.pagination-next{padding:var(--spacing-sm) var(--spacing-md);min-width:var(--touch-target-min)}.pagination-prev span,.pagination-next span{display:none}.pagination-button{min-width:var(--button-height-sm);height:var(--button-height-sm);padding:var(--spacing-xs)}}@media(max-width:480px){.pagination-first,.pagination-last{display:none}}.filter-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.filter-modal{background:var(--bg-surface);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 20px 25px -5px rgb(0 0 0 / 10%));width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color)}.filter-modal-header h2{margin:0;font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:600}.filter-modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);line-height:1;transition:color .2s ease}.filter-modal-close:hover{color:var(--text-primary)}.filter-modal-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.filter-modal-description{margin:0 0 var(--space-lg) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.filter-conditions{background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg)}.filter-where-label{font-size:var(--font-size-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md)}.filter-condition-wrapper{margin-bottom:var(--space-md)}.filter-condition{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:var(--space-sm);align-items:center}.filter-select,.filter-input{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-bg, rgb(99 102 241 / 10%))}.filter-select:hover,.filter-input:hover{border-color:var(--primary-solid)}.filter-remove-btn{background:none;border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-sm);cursor:pointer;font-size:var(--font-size-xl);line-height:1;transition:all .2s ease;color:var(--text-secondary)}.filter-remove-btn:hover:not(:disabled){background:var(--error-bg, rgb(239 68 68 / 10%));border-color:var(--error-solid, #ef4444);color:var(--error-solid, #ef4444)}.filter-remove-btn:disabled{opacity:.3;cursor:not-allowed}.filter-logical-operator{display:flex;justify-content:center;margin:var(--space-sm) 0}.filter-logic-select{width:100px;font-weight:600;background:var(--primary-bg, rgb(99 102 241 / 10%));border-color:var(--primary-solid);color:var(--primary-solid)}.filter-add-condition-btn{width:100%;padding:var(--space-md);margin-top:var(--space-md);background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--primary-solid);font-weight:500;cursor:pointer;transition:all .2s ease}.filter-add-condition-btn:hover{background:var(--primary-bg, rgb(99 102 241 / 10%));border-color:var(--primary-solid);border-style:solid}.filter-modal-tips{margin-top:var(--space-lg);padding:var(--space-md);background:var(--info-bg, rgb(59 130 246 / 10%));border-left:var(--border-width-thick) solid var(--info-solid, #3b82f6);border-radius:var(--radius-sm)}.filter-tips-title{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.filter-tips-list{margin:0;padding-left:var(--space-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.filter-tips-list li{margin-bottom:var(--space-xs)}.filter-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color);gap:var(--space-md)}.filter-footer-actions{display:flex;gap:var(--space-sm)}.filter-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.filter-btn-primary{background:var(--primary-solid);color:var(--primary-text, white);border-color:var(--primary-solid)}.filter-btn-primary:hover{background:var(--primary-hover)}.filter-btn-secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.filter-btn-secondary:hover{background:var(--bg-surface);border-color:var(--text-secondary)}.filter-btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.filter-btn-ghost:hover{background:var(--bg-primary);color:var(--text-primary)}@media(max-width:768px){.filter-modal{max-width:100%;margin:var(--space-sm)}.filter-condition{grid-template-columns:1fr}.filter-remove-btn{width:100%}.filter-modal-footer{flex-direction:column-reverse}.filter-footer-actions{width:100%}.filter-btn{flex:1}}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--primary-bg, rgb(99 102 241 / 10%));border:1px solid var(--primary-solid);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--text-primary);transition:all .2s ease}.filter-chip:hover{background:var(--primary-bg, rgb(99 102 241 / 15%));box-shadow:var(--shadow-sm)}.filter-chip-text{font-weight:500;color:var(--text-primary)}.filter-chip-actions{display:flex;gap:var(--space-xs);margin-left:var(--space-xs)}.filter-chip-btn{background:none;border:none;padding:2px 4px;cursor:pointer;font-size:var(--font-size-sm);line-height:1;border-radius:var(--radius-sm);transition:all .2s ease;color:var(--text-secondary)}.filter-chip-edit:hover{background:var(--info-bg, rgb(59 130 246 / 20%));color:var(--info-solid, #3b82f6)}.filter-chip-remove:hover{background:var(--error-bg, rgb(239 68 68 / 20%));color:var(--error-solid, #ef4444)}.filter-chip-group{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md) 0}.filter-chip-group-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-chip-list{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.filter-chip-operator{font-size:var(--font-size-xs);font-weight:700;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);letter-spacing:.5px}.filter-chip-operator-and{background:var(--success-bg, rgb(34 197 94 / 10%));color:var(--success-solid, #22c55e)}.filter-chip-operator-or{background:var(--warning-bg, rgb(245 158 11 / 10%));color:var(--warning-solid, #f59e0b)}@media(max-width:768px){.filter-chip-group{flex-direction:column;align-items:flex-start}.filter-chip-list{width:100%}}.segmented-control{display:inline-flex;background:var(--surface-secondary);border-radius:var(--radius-md);padding:var(--space-xs);gap:var(--space-xs);border:var(--border-width-thin) solid var(--border-color)}.segmented-control.full-width{display:flex;width:100%}.segment{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex:1;min-height:var(--button-height-sm)}.segmented-control.full-width .segment{flex:1}.segment:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.segment:focus{outline:none;box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.segment.active{background:var(--bg-surface);color:var(--primary-solid);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.segment-icon{display:flex;align-items:center;justify-content:center;font-size:16px}.segment-label{display:inline-block}.segment-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);background:var(--primary-bg);color:var(--primary-solid);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.segment.active .segment-count{background:var(--primary-solid);color:#fff}.segmented-control.sm .segment{padding:6px var(--space-md);font-size:var(--font-size-xs);min-height:32px}.segmented-control.sm .segment-icon{font-size:14px}.segmented-control.lg .segment{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);min-height:var(--button-height-lg)}.segmented-control.lg .segment-icon{font-size:18px}@media(max-width:768px){.segmented-control{width:100%}.segment{flex:1}.segment-label{font-size:var(--font-size-xs)}}.toggle{position:relative;display:inline-flex;align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .2s ease;background:var(--border-color);flex-shrink:0}.toggle:hover:not(.disabled){opacity:.9}.toggle:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.toggle.disabled{cursor:not-allowed;opacity:.5}.toggle.checked{background:var(--primary-solid)}.toggle-sm{width:36px;height:20px}.toggle-md{width:48px;height:28px}.toggle-lg{width:60px;height:34px}.toggle-slider{position:absolute;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:var(--shadow-sm)}.toggle-sm .toggle-slider{width:16px;height:16px;transform:translate(2px)}.toggle-sm.checked .toggle-slider{transform:translate(18px)}.toggle-md .toggle-slider{width:22px;height:22px;transform:translate(3px)}.toggle-md.checked .toggle-slider{transform:translate(23px)}.toggle-lg .toggle-slider{width:28px;height:28px;transform:translate(3px)}.toggle-lg.checked .toggle-slider{transform:translate(29px)}.toggle:active:not(.disabled) .toggle-slider{box-shadow:var(--shadow-md)}.page-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.page-header-text{flex:1;min-width:200px}.page-header-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.3}.page-header-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-xs) 0 0 0;line-height:1.5}.page-header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.page-header-action{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;border-radius:var(--radius-button);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:none;background:var(--primary-solid);color:#fff}.page-header-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.page-header-action:disabled{opacity:.5;cursor:not-allowed}.page-header-action--cta{background:linear-gradient(135deg,var(--cta-gradient-start),var(--cta-gradient-end));box-shadow:0 2px 8px #10b9814d}.page-header-action--cta:hover:not(:disabled){box-shadow:0 4px 16px #10b98166}.page-header-action--secondary{background:transparent;color:var(--primary-solid);border:var(--border-width-medium) solid var(--primary-solid)}.page-header-action--secondary:hover:not(:disabled){background:var(--primary-bg);box-shadow:none}.page-header-action-icon{font-size:var(--font-size-base);line-height:1}.page-header-extra{margin-top:var(--space-lg)}.page-header-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.page-header-search{flex-shrink:0}.page-header-profile-menu{position:relative}.page-header-profile-button{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-sm);border:none;background:var(--surface-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.page-header-profile-button:hover{background:var(--surface-tertiary);transform:translateY(-1px)}.page-header-profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.page-header-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:200px;z-index:1000;overflow:hidden}.page-header-profile-dropdown button{display:block;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);text-align:left;font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease}.page-header-profile-dropdown button:hover{background:var(--surface-secondary)}.page-header-profile-dropdown button:not(:last-child){border-bottom:var(--border-width-thin) solid var(--border-color)}@media(max-width:1024px){.page-header-right{gap:var(--space-sm)}}@media(max-width:768px){.page-header-main{padding:12px 16px}.page-header-right{gap:var(--space-xs)}}@media(max-width:640px){.page-header-main{flex-direction:column;align-items:stretch;gap:var(--space-md)}.page-header-right{justify-content:flex-end}.page-header-actions{width:100%;justify-content:flex-start}.page-header-action{flex:1;justify-content:center}}.breadcrumbs{margin-bottom:var(--space-lg);padding:var(--space-sm) 0}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);list-style:none;margin:0;padding:0;font-size:var(--font-size-sm)}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);transition:all .2s ease;display:flex;align-items:center;gap:var(--space-xs)}.breadcrumb-link:hover{color:var(--primary-solid);background:var(--bg-hover)}.breadcrumb-link:focus{outline:2px solid var(--primary-solid);outline-offset:2px}.breadcrumb-text{color:var(--text-primary);font-weight:600;padding:var(--space-xs) var(--space-sm);display:flex;align-items:center;gap:var(--space-xs)}.breadcrumb-icon{font-size:var(--font-size-base);line-height:1}.breadcrumb-separator{color:var(--text-tertiary);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 var(--space-xs);font-weight:300}.breadcrumb-current{pointer-events:none}@media(max-width:768px){.breadcrumbs-list{font-size:var(--font-size-xs)}.breadcrumb-link,.breadcrumb-text{padding:var(--space-xs)}.breadcrumbs-list .breadcrumb-item:nth-child(n+5):not(:nth-last-child(-n+3)){display:none}.breadcrumbs-list .breadcrumb-separator:nth-child(n+4):not(:nth-last-child(-n+4)){display:none}.breadcrumbs-list .breadcrumb-item:nth-child(5):before{content:"...";color:var(--text-tertiary);padding:0 var(--space-xs)}}.sparko-page-layout{display:flex;flex-direction:column;gap:var(--space-section-gap);padding:var(--space-card-padding);width:100%;min-height:100vh;background:var(--bg-main)}.sparko-page-header{display:flex;flex-direction:column;gap:var(--space-sm);padding-bottom:var(--space-section-gap);border-bottom:var(--border-width-thin) solid var(--border-color)}.sparko-page-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap}.sparko-page-title-section{flex:1;min-width:300px;text-align:left}.sparko-page-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.stat-card{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:all .2s ease;box-shadow:var(--shadow-card)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-solid)}.stat-header{display:flex;align-items:center;gap:var(--space-sm)}.stat-icon{font-size:var(--font-size-2xl);line-height:1}.stat-label{font-size:var(--font-size-label);color:var(--text-secondary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.stat-content{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap}.stat-value{font-size:var(--font-size-title);font-weight:var(--font-weight-title);color:var(--text-primary);line-height:1}.stat-trend{font-size:var(--font-size-label);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-badge);display:inline-flex;align-items:center;gap:var(--space-xs)}.stat-trend-up{background:var(--success-bg, rgb(34 197 94 / 10%));color:var(--success-solid, #22c55e)}.stat-trend-down{background:var(--error-bg, rgb(239 68 68 / 10%));color:var(--error-solid, #ef4444)}.stat-trend-neutral{background:var(--bg-primary);color:var(--text-secondary)}.sparko-page-filters{width:100%}.sparko-page-content{flex:1;width:100%}@media(max-width:768px){.sparko-page-layout{padding:var(--space-lg);gap:var(--space-md)}.sparko-page-layout .sparko-page-header .sparko-page-title{font-size:20px!important}.sparko-page-stats{grid-template-columns:1fr}.stat-value{font-size:var(--font-size-xl)}.sparko-page-header-content{flex-direction:column;align-items:stretch}.sparko-page-layout .sparko-page-header .sparko-page-title-section{min-width:auto!important}.sparko-page-layout .sparko-page-header .sparko-page-actions{width:100%!important}}@media(max-width:480px){.sparko-page-layout{padding:var(--space-md)}.sparko-page-layout .sparko-page-header .sparko-page-title{font-size:18px!important}.stat-card{padding:var(--space-md)}}.stat-card-standalone{background:var(--bg-surface);border-radius:var(--radius-card);padding:var(--space-card-padding);display:flex;flex-direction:column;gap:var(--space-sm);border:var(--border-width-thin) solid var(--border-color);border-left:var(--card-border-width) solid var(--primary-solid);box-shadow:var(--shadow-card);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .2s ease}.stat-card-standalone:hover{transform:var(--card-hover-transform);box-shadow:var(--card-hover-shadow)}.stat-card-clickable{cursor:pointer}.stat-card-clickable:active{transform:translateY(0)}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.stat-card-label-group{display:flex;align-items:center;gap:var(--space-sm)}.stat-card-icon-container{width:32px;height:32px;border-radius:var(--radius-lg);background:var(--primary-bg);display:flex;align-items:center;justify-content:center}.stat-card-icon{font-size:var(--font-size-base);color:var(--primary-solid)}.stat-card-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.stat-card-content{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-md)}.stat-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.stat-card-value--success{color:var(--status-success)}.stat-card-value--warning{color:var(--status-warning)}.stat-card-value--danger{color:var(--status-error)}.stat-card-value--neutral{color:var(--text-primary)}.stat-card-sparkline{margin-left:var(--space-sm);flex-shrink:0}.stat-card-trend{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:4px 8px;border-radius:var(--radius-full)}.trend-arrow{font-size:var(--font-size-xs);line-height:1}.trend-percentage{font-weight:var(--font-weight-bold)}.trend-comparison{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-left:var(--space-xs)}.stat-card-trend-up{background:var(--status-success-bg);color:var(--status-success)}.stat-card-trend-down{background:var(--status-error-bg);color:var(--status-error)}.stat-card-trend-neutral{background:var(--status-draft-bg);color:var(--text-secondary)}.stat-card-loading{min-height:100px}.skeleton{background:var(--surface-secondary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--text{height:16px}.skeleton--label{width:60%;height:14px}.skeleton--value{width:40%;height:28px;margin-top:12px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.stat-card-standalone{padding:var(--space-md)}.stat-card-value{font-size:var(--font-size-2xl)}}.sparkline{display:inline-block;vertical-align:middle}.sparkline-line{transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.sparkline-dot{transition:r .2s ease,opacity .2s ease;opacity:.6}.sparkline-current{transition:r .2s ease;filter:drop-shadow(0 0 2px currentcolor)}.sparkline:hover .sparkline-dot{opacity:1;r:3}.sparkline:hover .sparkline-current{r:4}.smart-stat-card{background:var(--bg-surface);border-radius:var(--radius-card);padding:var(--space-card-padding);border:var(--border-width-thin) solid var(--border-color);border-left:var(--card-border-width) solid var(--primary-solid);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-xs);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-width:0}.smart-stat-card:hover{transform:var(--card-hover-transform);box-shadow:var(--card-hover-shadow)}.smart-stat-card--clickable{cursor:pointer}.smart-stat-card--clickable:active{transform:scale(.98)}.smart-stat-card--highlight{border-left-color:var(--status-success)}.smart-stat-card--warning{border-left-color:var(--status-warning)}.smart-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.smart-stat-icon-container{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-lg);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.smart-stat-card:hover .smart-stat-icon-container{background:var(--primary-solid)}.smart-stat-icon{font-size:var(--font-size-base);line-height:1;color:var(--primary-solid);transition:all .3s ease}.smart-stat-icon svg{width:20px;height:20px;stroke:var(--primary-solid);transition:all .3s ease}.smart-stat-card:hover .smart-stat-icon svg{stroke:#fff}.smart-stat-card--highlight .smart-stat-icon-container{background:var(--status-success-bg)}.smart-stat-card--highlight .smart-stat-icon svg{stroke:var(--status-success)}.smart-stat-card--highlight:hover .smart-stat-icon-container{background:var(--status-success)}.smart-stat-card--highlight:hover .smart-stat-icon svg{stroke:#fff}.smart-stat-card--warning .smart-stat-icon-container{background:var(--status-warning-bg)}.smart-stat-card--warning .smart-stat-icon svg{stroke:var(--status-warning)}.smart-stat-card--warning:hover .smart-stat-icon-container{background:var(--status-warning)}.smart-stat-card--warning:hover .smart-stat-icon svg{stroke:#fff}.smart-stat-trend{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.smart-stat-trend--up{background:var(--status-success-bg);color:var(--status-success)}.smart-stat-trend--down{background:var(--status-error-bg);color:var(--status-error)}.smart-stat-trend--neutral{background:var(--status-draft-bg);color:var(--text-secondary)}.trend-icon{font-size:var(--font-size-xs)}.smart-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.smart-stat-unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-left:var(--space-xs)}.smart-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.smart-stat-action{margin-top:var(--space-sm);padding:6px 12px;background:transparent;border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-button);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary-solid);cursor:pointer;transition:background .2s ease,border-color .2s ease}.smart-stat-action:hover{background:var(--bg-hover);border-color:var(--primary-solid)}.smart-stat-card--loading{min-height:100px}.smart-stat-skeleton{display:flex;gap:var(--space-md);align-items:flex-start}.skeleton-icon{width:32px;height:32px;border-radius:var(--radius-lg);background:var(--surface-secondary);animation:pulse 1.5s ease-in-out infinite}.skeleton-value{height:28px;width:60%;border-radius:var(--radius-sm);background:var(--surface-secondary);animation:pulse 1.5s ease-in-out infinite}.skeleton-label{height:14px;width:80%;border-radius:var(--radius-sm);background:var(--surface-secondary);animation:pulse 1.5s ease-in-out infinite}.expanded-data-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-thin) solid var(--border-color);border-left:var(--card-border-width) solid var(--primary-solid);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.expanded-data-card:hover{transform:var(--card-hover-transform);box-shadow:var(--card-hover-shadow)}.expanded-data-card--selected{border-color:var(--primary-solid);background:var(--primary-bg)}.expanded-data-card--clickable{cursor:pointer}.expanded-data-card--clickable:active{transform:scale(.995)}.expanded-data-card-checkbox{flex:0 0 18px}.expanded-data-card-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-solid);cursor:pointer}.expanded-data-card-visual{flex:0 0 44px}.expanded-data-card-avatar{width:var(--button-height-md);height:var(--button-height-md);border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.expanded-data-card-initials{width:var(--button-height-md);height:var(--button-height-md);border-radius:var(--radius-full);background:var(--avatar-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.expanded-data-card-visual--clickable{cursor:pointer;transition:transform .15s ease}.expanded-data-card-visual--clickable:hover{transform:scale(1.1)}.expanded-data-card-visual--clickable .expanded-data-card-initials{background:var(--bg-tertiary);color:var(--text-primary);border:var(--border-width-thin) solid var(--border-color);font-size:var(--text-base)}.expanded-data-card-primary{flex:0 0 280px;min-width:0}.expanded-data-card-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;white-space:nowrap}.expanded-data-card-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-data-card-columns{display:flex;flex:1;gap:var(--space-md);min-width:0}.expanded-data-card-column{flex:1 1 0;min-width:100px;max-width:200px;display:flex;flex-direction:column;gap:var(--space-xs)}.expanded-data-card-columns--no-labels .expanded-data-card-column{justify-content:center}.expanded-data-card-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.expanded-data-card-value{font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-data-card-status{flex:0 0 100px;display:flex;justify-content:flex-start;align-items:center}.expanded-data-card-actions{flex:0 0 130px;display:flex;justify-content:flex-start;gap:var(--space-sm)}.expanded-data-card-action{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.expanded-data-card-action:hover{background:var(--bg-hover);border-color:var(--primary-solid);color:var(--primary-solid)}.expanded-data-card-action--primary{background:var(--primary-solid);border-color:var(--primary-solid);color:#fff}.expanded-data-card-action--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.expanded-data-card-action--danger:hover{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.expanded-data-card-list{display:flex;flex-direction:column}.expanded-data-card-items{display:flex;flex-direction:column;gap:var(--space-sm)}.expanded-data-card-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--bg-main);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-semibold)}.expanded-data-card-header-checkbox{flex:0 0 18px}.expanded-data-card-header-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-solid);cursor:pointer}.expanded-data-card-header-visual{flex:0 0 44px}.expanded-data-card-header-primary{flex:0 0 280px}.expanded-data-card-header-columns{display:flex;flex:1;gap:var(--space-md)}.expanded-data-card-header-col{flex:1 1 0;min-width:100px;max-width:200px;background:none;border:none;padding:0;color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;text-align:left;transition:color .2s ease}.expanded-data-card-header-col:hover{color:var(--text-primary)}.expanded-data-card-header-col--active,.sort-indicator{color:var(--primary-solid)}.expanded-data-card-header-status{flex:0 0 100px;text-align:left}.expanded-data-card-header-actions{flex:0 0 130px;text-align:left}.expanded-data-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-medium) dashed var(--border-color);text-align:center}.expanded-data-card-empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);opacity:.6}.expanded-data-card-empty-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.expanded-data-card-empty-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-lg) 0}@media(max-width:1600px){.expanded-data-card-column:nth-child(n+5),.expanded-data-card-header-col:nth-child(n+5){display:none}}@media(max-width:1400px){.expanded-data-card-column:nth-child(n+4),.expanded-data-card-header-col:nth-child(n+4){display:none}}@media(max-width:1200px){.expanded-data-card-column:nth-child(n+3),.expanded-data-card-header-col:nth-child(n+3){display:none}}@media(max-width:1024px){.expanded-data-card-column:nth-child(n+2),.expanded-data-card-header-col:nth-child(n+2){display:none}}@media(max-width:900px){.expanded-data-card-columns,.expanded-data-card-header-columns{display:none}.expanded-data-card-primary,.expanded-data-card-header-primary{flex:1}}@media(max-width:768px){.expanded-data-card{flex-wrap:wrap;padding:var(--space-md)}.expanded-data-card-primary{flex:1 1 calc(100% - 80px)}.expanded-data-card-status,.expanded-data-card-actions{flex:0 0 auto}.expanded-data-card-header{display:none}}@media(max-width:480px){.expanded-data-card{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.expanded-data-card-checkbox{position:absolute;top:var(--space-md);right:var(--space-md)}.expanded-data-card-visual{align-self:center}.expanded-data-card-primary{width:100%;text-align:center}.expanded-data-card-status{align-self:center}.expanded-data-card-actions{width:100%;justify-content:center}}.metrics-table-wrapper{background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-thin) solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-card)}.metrics-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.metrics-table thead{background:var(--bg-main);border-bottom:2px solid var(--border-color)}.metrics-table th{padding:var(--space-md) var(--space-lg);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.5px;white-space:nowrap}.metrics-table th.sortable{cursor:pointer;transition:color .2s ease}.metrics-table th.sortable:hover,.metrics-table th.sorted,.metrics-table th .sort-indicator{color:var(--primary-solid)}.metrics-table tbody tr{border-bottom:var(--border-width-thin) solid var(--border-color);transition:background .2s ease}.metrics-table tbody tr:last-child{border-bottom:none}.metrics-table tbody tr:hover{background:var(--bg-hover)}.metrics-table tbody tr.highlight{background:var(--primary-bg)}.metrics-table td{padding:var(--space-md) var(--space-lg);color:var(--text-primary);vertical-align:middle}.metrics-table td:first-child{font-weight:var(--font-weight-semibold)}.metrics-table .align-right{text-align:right}.metrics-table .align-center{text-align:center}.metrics-table td.cell-highlight{color:var(--primary-solid);font-weight:var(--font-weight-semibold)}.metrics-progress-cell{display:flex;align-items:center;gap:var(--space-sm)}.metrics-progress-bar{flex:1;height:8px;background:var(--bg-main);border-radius:var(--radius-full);overflow:hidden;min-width:60px}.metrics-progress-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.metrics-progress-fill.high{background:var(--status-success)}.metrics-progress-fill.medium{background:var(--status-warning)}.metrics-progress-fill.low{background:var(--status-error)}.metrics-progress-value{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:var(--touch-target-min);text-align:right}.metrics-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-medium) dashed var(--border-color);text-align:center}.metrics-table-empty-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);opacity:.6}.metrics-table-empty-message{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.metrics-table-section{margin-bottom:var(--space-xl)}.metrics-table-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.metrics-table-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-md) 0}@media(max-width:768px){.metrics-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.metrics-table{min-width:600px}.metrics-table th,.metrics-table td{padding:var(--space-sm) var(--space-md)}}.activity-card{background:var(--surface-secondary);border-radius:var(--radius-card);border-left:var(--card-border-width) solid var(--primary-solid);padding:var(--space-md);transition:transform .2s ease,background .2s ease}.activity-card:hover{background:var(--bg-hover)}.activity-card--clickable{cursor:pointer}.activity-card--clickable:hover{transform:translate(4px)}.activity-card-content{display:flex;align-items:center;gap:var(--space-md)}.activity-avatar{width:var(--button-height-sm);height:var(--button-height-sm);border-radius:var(--radius-full);background:var(--avatar-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.activity-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.activity-avatar-initials{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase}.activity-info{flex:1;min-width:0}.activity-header{display:flex;align-items:center;gap:var(--space-sm)}.activity-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.activity-badge{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-full);background:var(--primary-bg);color:var(--primary-solid);font-weight:var(--font-weight-bold)}.activity-action{font-size:var(--font-size-xs);color:var(--text-secondary);margin:2px 0 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-timestamp{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.activity-list{background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-thin) solid var(--border-color);padding:var(--space-lg);box-shadow:var(--shadow-card)}.activity-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.activity-list-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.activity-list-view-all{background:transparent;border:none;color:var(--primary-solid);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background .2s ease}.activity-list-view-all:hover{background:var(--primary-bg)}.activity-list-content{display:flex;flex-direction:column;gap:var(--space-sm)}.activity-list-empty{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm);padding:var(--space-lg);margin:0}.activity-card--loading{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-card)}.skeleton-avatar{width:var(--button-height-sm);height:var(--button-height-sm);border-radius:var(--radius-full);background:var(--surface-tertiary);animation:pulse 1.5s ease-in-out infinite}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-name{height:14px;width:40%;border-radius:var(--radius-sm);background:var(--surface-tertiary);animation:pulse 1.5s ease-in-out infinite}.skeleton-action{height:12px;width:70%;border-radius:var(--radius-sm);background:var(--surface-tertiary);animation:pulse 1.5s ease-in-out infinite}.quick-actions{display:flex;align-items:center;gap:var(--space-sm)}.quick-actions-toggle{display:none;width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);background:var(--primary-solid);color:#fff;border:none;font-size:var(--font-size-xl);cursor:pointer;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.quick-actions-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.quick-actions-toggle-icon{line-height:1}.quick-actions-list{display:flex;align-items:center;gap:var(--space-sm)}.quick-action-btn{display:inline-flex;align-items:center;gap:var(--space-xs);height:var(--button-height-sm);padding:0 var(--space-md);border-radius:var(--radius-button);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:var(--border-width-thin) solid var(--border-color);background:var(--bg-surface);color:var(--text-primary)}.quick-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--primary-solid)}.quick-action-btn--cta{background:linear-gradient(135deg,var(--cta-gradient-start),var(--cta-gradient-end));color:#fff;border:none;box-shadow:0 2px 8px #10b9814d}.quick-action-btn--cta:hover{box-shadow:0 4px 16px #10b98166}.quick-action-icon{font-size:var(--font-size-base);line-height:1}.quick-action-label{white-space:nowrap}@media(max-width:768px){.quick-actions{position:relative}.quick-actions-toggle{display:flex;align-items:center;justify-content:center}.quick-actions-list{position:absolute;top:100%;right:0;margin-top:var(--space-sm);flex-direction:column;align-items:flex-end;background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-thin) solid var(--border-color);padding:var(--space-sm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.quick-actions--expanded .quick-actions-list{opacity:1;visibility:visible;transform:translateY(0)}.quick-action-btn{width:100%;justify-content:flex-start}}.quick-action-bar{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.quick-action-bar-btn{display:inline-flex;align-items:center;gap:var(--space-sm);height:var(--button-height-md);padding:0 var(--space-lg);border-radius:var(--radius-button);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:none;background:var(--primary-solid);color:#fff}.quick-action-bar-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-action-bar-btn--cta{background:linear-gradient(135deg,var(--cta-gradient-start),var(--cta-gradient-end));box-shadow:0 2px 8px #10b9814d}.quick-action-bar-btn--cta:hover{box-shadow:0 4px 16px #10b98166}.quick-action-bar-btn--secondary{background:transparent;color:var(--primary-solid);border:var(--border-width-medium) solid var(--primary-solid)}.quick-action-bar-btn--secondary:hover{background:var(--primary-bg)}.quick-action-bar-icon{font-size:var(--font-size-base);line-height:1}.quick-action-bar-label{white-space:nowrap}.error-alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--danger-color);background:var(--danger-color-alpha);margin-bottom:var(--spacing-md);animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-alert-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.error-alert-icon{font-size:var(--font-size-xl);line-height:1;flex-shrink:0}.error-alert-title{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--danger-color);margin:0}.error-alert-close{background:none;border:none;font-size:var(--font-size-lg);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);line-height:1;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.error-alert-close:hover{background:var(--bg-tertiary, var(--bg-primary));color:var(--text-primary)}.error-alert-body{padding-left:calc(var(--font-size-xl) + var(--spacing-sm))}.error-alert-message{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5;margin:0 0 var(--spacing-sm) 0}.error-alert-context{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--spacing-sm) 0;padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius-sm)}.error-alert-context strong{color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}.error-alert-help{font-size:var(--font-size-sm);color:var(--info-color);background:var(--info-color-alpha);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin:var(--spacing-sm) 0}.error-alert-details{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius-sm)}.error-alert-details summary{cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.error-alert-details summary:hover{color:var(--text-primary)}.error-alert-details pre{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.error-alert-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-left:calc(var(--font-size-xl) + var(--spacing-sm))}.error-alert-network{border-color:var(--warning-color);background:var(--warning-color-alpha)}.error-alert-network .error-alert-title{color:var(--warning-color)}.error-alert-permission{border-color:var(--danger-color);background:var(--danger-color-alpha)}.error-alert-validation{border-color:var(--warning-color);background:var(--warning-color-alpha)}.error-alert-validation .error-alert-title{color:var(--warning-color)}.error-alert-server,.error-alert-timeout{border-color:var(--info-color);background:var(--info-color-alpha)}.error-alert-server .error-alert-title,.error-alert-timeout .error-alert-title{color:var(--info-color)}@media(max-width:768px){.error-alert{padding:var(--spacing-sm) var(--spacing-md)}.error-alert-body{padding-left:0;margin-top:var(--spacing-sm)}.error-alert-actions{padding-left:0;flex-direction:column}.error-alert-actions button{width:100%}}.sparko-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-secondary)}.sparko-empty-state-small{padding:var(--spacing-lg) var(--spacing-md);min-height:200px}.sparko-empty-state-medium{padding:var(--spacing-2xl) var(--spacing-lg);min-height:300px}.sparko-empty-state-large{padding:var(--spacing-3xl) var(--spacing-xl);min-height:400px}.sparko-empty-state-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);opacity:.6}.sparko-empty-state-small .sparko-empty-state-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.sparko-empty-state-large .sparko-empty-state-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-xl)}.sparko-empty-state-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.sparko-empty-state-small .sparko-empty-state-title{font-size:var(--font-size-lg)}.sparko-empty-state-large .sparko-empty-state-title{font-size:var(--font-size-2xl)}.sparko-empty-state-description{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-sm);color:var(--text-secondary);max-width:400px;line-height:1.6}.sparko-empty-state-small .sparko-empty-state-description{font-size:var(--font-size-sm);max-width:300px;margin-bottom:var(--spacing-md)}.sparko-empty-state-large .sparko-empty-state-description{font-size:var(--font-size-base);max-width:500px;margin-bottom:var(--spacing-xl)}.sparko-empty-state-action{margin-top:var(--spacing-md)}@media(max-width:768px){.sparko-empty-state{padding:var(--spacing-xl) var(--spacing-md)}.sparko-empty-state-icon{font-size:var(--font-size-4xl)}.sparko-empty-state-title{font-size:var(--font-size-lg)}.sparko-empty-state-description{font-size:var(--font-size-sm)}}.sparko-skeleton{background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-hover) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:sparko-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);display:inline-block;width:var(--skeleton-width, 100%);height:var(--skeleton-height, 1em)}@keyframes sparko-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sparko-skeleton-text{border-radius:var(--radius-xs);margin-bottom:var(--space-sm)}.sparko-skeleton-circle{border-radius:50%}.sparko-skeleton-rect{border-radius:var(--radius-md)}.sparko-skeleton-text-block{display:flex;flex-direction:column;gap:var(--space-sm)}.sparko-skeleton-card{padding:var(--space-lg);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md)}.sparko-skeleton-card .sparko-skeleton-rect{margin-bottom:var(--space-lg)}.sparko-skeleton-table{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md)}.sparko-skeleton-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-md);padding:var(--space-sm) 0}.sparko-skeleton-table-row:first-child{border-bottom:2px solid var(--border-color);padding-bottom:var(--space-md)}.sparko-skeleton-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.sparko-skeleton-stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md)}.sparko-skeleton-stat-content{flex:1}.sparko-skeleton-stat-content .sparko-skeleton:nth-child(2){margin-top:var(--space-sm)}.sparko-skeleton-stat-content .sparko-skeleton:nth-child(3){margin-top:var(--space-xs)}.sparko-skeleton-list{display:flex;flex-direction:column;gap:var(--space-md)}.sparko-skeleton-list-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md)}.sparko-skeleton-list-content{flex:1}.sparko-skeleton-list-content .sparko-skeleton:nth-child(2){margin-top:var(--space-sm)}@media(max-width:768px){.sparko-skeleton-stats{grid-template-columns:1fr}.sparko-skeleton-table-row{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.sparko-skeleton{animation:none;background:var(--bg-hover)}}.floating-ai-banner{position:fixed;bottom:var(--space-xl);max-width:420px;width:calc(100% - var(--space-2xl));z-index:100;background:var(--bg-surface);border:2px solid var(--primary-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);animation:slideUp .3s ease-out;overflow:hidden}.floating-ai-banner.position-right{right:var(--space-xl)}.floating-ai-banner.position-left{left:var(--space-xl)}.floating-ai-banner.collapsed .floating-banner-content{display:none}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.floating-banner-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#6366f114,#ec489914);border-bottom:1px solid var(--border-color)}.banner-header-content{display:flex;align-items:center;gap:var(--space-sm)}.banner-icon{color:var(--primary-solid);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.banner-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.banner-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-xs);background:var(--primary-solid);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full)}.banner-header-actions{display:flex;gap:var(--space-xs)}.banner-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.banner-toggle:hover{background:var(--bg-hover);color:var(--primary-solid)}.floating-banner-content{max-height:400px;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.floating-banner-content::-webkit-scrollbar{width:6px}.floating-banner-content::-webkit-scrollbar-track{background:var(--bg-hover);border-radius:var(--radius-sm)}.floating-banner-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.floating-banner-content::-webkit-scrollbar-thumb:hover{background:var(--primary-solid)}.banner-recommendation-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.banner-recommendation-item:hover{border-color:var(--primary-solid);box-shadow:var(--shadow-sm)}.recommendation-info{flex:1;min-width:0}.recommendation-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommendation-message{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.recommendation-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.dismiss-recommendation{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.dismiss-recommendation:hover{background:var(--error-bg);border-color:var(--error-solid);color:var(--error-solid)}@media(max-width:768px){.floating-ai-banner{bottom:var(--space-md);left:var(--space-md);right:var(--space-md);max-width:none;width:auto}.floating-ai-banner.position-right,.floating-ai-banner.position-left{left:var(--space-md);right:var(--space-md)}.banner-recommendation-item{flex-direction:column;align-items:stretch}.recommendation-actions{justify-content:space-between;width:100%}}.progress-ring-container{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:var(--ring-size, 60px);height:var(--ring-size, 60px)}.progress-ring{display:block;transform:rotate(0)}.progress-ring-indicator{transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.progress-ring-value{transition:fill .3s ease}.progress-ring-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;max-width:100px;line-height:1.3}.progress-ring-container:hover .progress-ring-indicator{filter:brightness(1.1)}.heatmap-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xs);width:100%}.heatmap-cell{aspect-ratio:1;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary);transition:transform .2s ease,box-shadow .2s ease;position:relative;min-height:32px}.heatmap-cell-clickable{cursor:pointer}.heatmap-cell-clickable:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026;z-index:10}.heatmap-cell-clickable:focus-visible{outline:2px solid var(--primary-solid);outline-offset:2px;z-index:10}.heatmap-cell-clickable:active{transform:scale(1.05)}.heatmap-cell:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-surface);padding:6px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100;box-shadow:0 2px 8px #0003}.heatmap-cell:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text-primary);opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}.heatmap-cell:hover:after,.heatmap-cell:hover:before{opacity:1}.heatmap-value{position:relative;z-index:1}.heatmap-empty{grid-column:1 / -1;padding:var(--space-xl);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}@media(max-width:768px){.heatmap-calendar{gap:var(--space-xs)}.heatmap-cell{min-height:24px;font-size:var(--font-size-xs)}}.star-rating{display:inline-flex;align-items:center;gap:var(--space-xs)}.stars{display:flex;gap:var(--space-xs)}.star{background:none;border:none;padding:0;cursor:default;font-size:var(--font-size-base);line-height:1;transition:all .2s ease;color:var(--text-tertiary)}.star.filled{color:var(--status-warning)}.star-rating.interactive .star{cursor:pointer}.star-rating.interactive .star:hover{transform:scale(1.1)}.star-rating.interactive .star:focus{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.star-rating-sm .star{font-size:var(--font-size-sm)}.star-rating-md .star{font-size:var(--font-size-lg)}.star-rating-lg .star{font-size:var(--font-size-2xl)}.rating-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;margin-left:var(--space-xs)}.star-rating-sm .rating-label{font-size:var(--font-size-xs)}.star-rating-lg .rating-label{font-size:var(--font-size-base)}.star-rating.read-only{opacity:.9}.ai-score{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-badge);font-weight:600;transition:all .2s ease;white-space:nowrap;border:1px solid transparent}.ai-score-small{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.ai-score-medium{padding:4px 10px;font-size:var(--font-size-xs)}.ai-score-large{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.ai-score-exceptional{background:linear-gradient(135deg,var(--status-success) 0%,var(--status-success-hover) 100%);color:#fff;border-color:var(--status-success-hover)}.ai-score-strong{background:linear-gradient(135deg,var(--status-success-hover) 0%,var(--status-success) 100%);color:#fff;border-color:var(--status-success)}.ai-score-good{background:linear-gradient(135deg,var(--status-info) 0%,var(--status-info-dark) 100%);color:#fff;border-color:var(--status-info-dark)}.ai-score-fair{background:linear-gradient(135deg,var(--status-warning) 0%,var(--status-warning-dark) 100%);color:var(--text-primary);border-color:var(--status-warning-dark)}.ai-score-weak{background:linear-gradient(135deg,var(--status-error) 0%,var(--status-error-dark) 100%);color:#fff;border-color:var(--status-error-dark)}.ai-score-none{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-color)}.ai-score-icon{font-size:1.1em;line-height:1}.ai-score-label{font-weight:700;letter-spacing:.025em}.ai-score-percentage{font-weight:600;opacity:.9;font-size:.9em}@media(prefers-color-scheme:dark){.ai-score-fair{color:var(--bg-primary)}}.ai-score:focus-visible{outline:2px solid var(--primary-solid);outline-offset:2px}/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.sparko-rich-editor{border-radius:6px;overflow:hidden}.sparko-rich-editor .ql-toolbar.ql-snow{background:var(--bg-hover, #F8FAFC);border:1px solid var(--border-color, #E2E8F0);border-radius:6px 6px 0 0;padding:6px 8px}.sparko-rich-editor .ql-toolbar.ql-snow .ql-stroke{stroke:var(--text-secondary, #475569)}.sparko-rich-editor .ql-toolbar.ql-snow .ql-fill{fill:var(--text-secondary, #475569)}.sparko-rich-editor .ql-toolbar.ql-snow .ql-picker-label{color:var(--text-secondary, #475569)}.sparko-rich-editor .ql-toolbar.ql-snow button:hover .ql-stroke,.sparko-rich-editor .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke{stroke:var(--sparko-blue, #276DF2)}.sparko-rich-editor .ql-toolbar.ql-snow button:hover .ql-fill,.sparko-rich-editor .ql-toolbar.ql-snow .ql-picker-label:hover .ql-fill{fill:var(--sparko-blue, #276DF2)}.sparko-rich-editor .ql-toolbar.ql-snow button.ql-active .ql-stroke{stroke:var(--sparko-blue, #276DF2)}.sparko-rich-editor .ql-toolbar.ql-snow button.ql-active .ql-fill{fill:var(--sparko-blue, #276DF2)}.sparko-rich-editor .ql-toolbar.ql-snow .ql-picker-label:hover,.sparko-rich-editor .ql-toolbar.ql-snow button:hover{color:var(--sparko-blue, #276DF2)}.sparko-rich-editor .ql-toolbar.ql-snow .ql-picker-options{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-color, #E2E8F0);border-radius:4px;box-shadow:0 4px 12px #0000001a}.sparko-rich-editor .ql-toolbar.ql-snow .ql-picker-item{color:var(--text-primary, #1E293B)}.sparko-rich-editor .ql-toolbar.ql-snow .ql-picker-item:hover{color:var(--sparko-blue, #276DF2)}.sparko-rich-editor .ql-container.ql-snow{border:1px solid var(--border-color, #E2E8F0);border-top:none;border-radius:0 0 6px 6px;background:var(--bg-surface, #FFFFFF);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text-primary, #1E293B)}.sparko-rich-editor .ql-editor{min-height:150px;max-height:400px;overflow-y:auto;line-height:1.6;padding:12px 16px}.sparko-rich-editor .ql-editor.ql-blank:before{color:var(--text-tertiary, #64748B);font-style:normal}.sparko-rich-editor .ql-container.ql-snow:focus-within{border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df214}.sparko-rich-editor .ql-toolbar.ql-snow:has(+.ql-container.ql-snow:focus-within){border-color:var(--sparko-blue, #276DF2)}.sparko-rich-editor .ql-snow .ql-tooltip{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-color, #E2E8F0);border-radius:6px;box-shadow:0 4px 12px #0000001a;color:var(--text-primary, #1E293B);padding:8px 12px}.sparko-rich-editor .ql-snow .ql-tooltip input[type=text]{border:1px solid var(--border-color, #E2E8F0);border-radius:4px;color:var(--text-primary, #1E293B);background:var(--bg-surface, #FFFFFF)}.sparko-rich-editor .ql-snow .ql-tooltip a{color:var(--sparko-blue, #276DF2)}.sparko-rich-editor .ql-editor h1{font-size:1.5em;font-weight:700;margin-bottom:.5em;color:var(--text-primary, #1E293B)}.sparko-rich-editor .ql-editor h2{font-size:1.25em;font-weight:600;margin-bottom:.4em;color:var(--text-primary, #1E293B)}.sparko-rich-editor .ql-editor h3{font-size:1.1em;font-weight:600;margin-bottom:.3em;color:var(--text-primary, #1E293B)}.sparko-rich-editor .ql-editor a{color:var(--sparko-blue, #276DF2);text-decoration:underline}.sparko-rich-editor .ql-editor ul,.sparko-rich-editor .ql-editor ol{padding-left:1.5em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .2s ease}.modal-content.profile-settings-modal{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.profile-settings-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-2xl);border-bottom:2px solid var(--border-color);background:var(--bg-primary)}.profile-settings-modal .modal-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.profile-settings-modal .modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-3xl);padding:var(--space-sm);border-radius:var(--radius-sm);transition:all .2s ease;width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.profile-settings-modal .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);padding:0;background:var(--bg-primary)}.tab-button{padding:var(--space-lg) var(--space-2xl);background:none;border:none;border-bottom:var(--border-width-thick) solid transparent;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);transition:all .2s ease;position:relative;bottom:-2px;font-family:Inter,system-ui,sans-serif}.tab-button:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-button.active{color:var(--primary-solid);border-bottom-color:var(--primary-solid);background:var(--bg-surface)}.settings-message{margin:var(--space-lg) var(--space-xl) 0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-sm)}.settings-message.success{background:var(--status-success-bg);color:var(--status-success);border:var(--border-width-medium) solid var(--status-success-border)}.settings-message.error{background:var(--status-error-bg);color:var(--status-error);border:var(--border-width-medium) solid var(--status-error-border)}.profile-settings-modal .modal-body{flex:1;overflow-y:auto;padding:var(--space-xl)}.preferences-tab,.security-tab{max-width:100%}.settings-section{margin-bottom:var(--space-2xl)}.settings-section h3{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin:0 0 var(--space-lg) 0}.section-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.5}.setting-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl);padding:var(--space-lg);background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md);transition:all .2s ease}.setting-row.clickable{cursor:pointer}.setting-row.clickable:hover{background:var(--bg-surface);border-color:var(--primary-solid);box-shadow:var(--shadow-sm)}.setting-row.disabled{opacity:.6;cursor:not-allowed;background:var(--bg-primary)}.setting-row.disabled:hover{border-color:var(--border-color);box-shadow:none}.setting-label{display:flex;align-items:flex-start;gap:var(--space-md);flex:1;min-width:0}.setting-icon{font-size:var(--font-size-2xl);flex-shrink:0;line-height:1}.setting-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0;line-height:1.4}.setting-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0}.setting-example{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-xs);font-family:var(--font-family-mono)}.setting-input{min-width:220px;padding:var(--space-sm) var(--space-md);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-sm);font-family:Inter,system-ui,sans-serif;font-weight:var(--font-weight-medium);transition:all .2s ease;cursor:pointer}.setting-input:hover{border-color:var(--primary-solid)}.setting-input:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-bg)}.setting-arrow{font-size:var(--font-size-xl);color:var(--text-tertiary);flex-shrink:0}.notification-checkboxes{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.checkbox-label{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-solid);border-radius:var(--radius-sm)}.sso-warning{padding:var(--space-lg);background:var(--status-warning-bg);border:var(--border-width-medium) solid var(--status-warning-border);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.sso-warning strong{display:block;color:var(--status-warning);margin-bottom:var(--space-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.sso-warning p{color:var(--text-primary);font-size:var(--font-size-sm);margin:0;line-height:1.6}.sessions-list{display:flex;flex-direction:column;gap:var(--space-md)}.session-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);gap:var(--space-lg);transition:all .2s ease}.session-item:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.session-info{flex:1;min-width:0}.session-device{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.session-icon{font-size:var(--font-size-xl)}.session-device strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.session-details{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.current-badge{padding:var(--space-xs) var(--space-md);background:var(--status-success-bg);color:var(--status-success);border:var(--border-width-medium) solid var(--status-success-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.loading-state,.empty-state{padding:var(--space-3xl) var(--space-xl);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:2px solid var(--border-color)}@media(max-width:768px){.modal-content.profile-settings-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.profile-settings-modal .modal-header,.profile-settings-modal .modal-body{padding:var(--space-lg)}.tab-button{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm)}.setting-row{flex-direction:column;gap:var(--space-md)}.setting-input{min-width:100%}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.notification-center{position:relative}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.notification-bell:hover{background:var(--bg-surface);border-color:var(--primary-solid);transform:scale(1.05)}.notification-bell:active{transform:scale(.95)}.unread-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--status-error);color:#fff;border-radius:9px;font-size:var(--font-size-xs);font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.notification-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10999}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-width:90vw;max-height:var(--list-height-tall);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026;z-index:11000;display:flex;flex-direction:column;overflow:hidden}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:2px solid var(--border-color);background:var(--bg-primary)}.notification-header h3{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.notification-actions{display:flex;gap:var(--space-xs)}.mark-all-read-btn,.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.mark-all-read-btn:hover,.close-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.notification-list{flex:1;overflow-y:auto;padding:var(--space-xs)}.notification-list::-webkit-scrollbar{width:8px}.notification-list::-webkit-scrollbar-track{background:var(--bg-primary)}.notification-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-badge)}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-secondary);text-align:center}.notification-empty svg{margin-bottom:var(--space-lg);color:var(--text-tertiary)}.notification-empty p{margin:var(--space-md) 0 var(--space-xs);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.notification-empty span{font-size:var(--font-size-sm)}.notification-item{display:flex;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;margin-bottom:var(--space-xs)}.notification-item:hover,.notification-item.unread{background:var(--bg-primary)}.notification-item.unread:hover{background:var(--bg-surface)}.notification-icon{font-size:var(--font-size-2xl);line-height:1;flex-shrink:0}.notification-title{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.unread-dot{width:8px;height:8px;background:var(--primary-solid);border-radius:50%;flex-shrink:0}.notification-message{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-footer{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.notification-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.priority-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.priority-badge.high{background:var(--status-error-bg);color:var(--status-error)}.notification-footer-actions{padding:var(--space-md);border-top:2px solid var(--border-color);background:var(--bg-primary)}.view-all-btn{width:100%;padding:var(--space-md);background:transparent;border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:var(--bg-surface);border-color:var(--primary-solid);color:var(--primary-solid)}@media(max-width:768px){.notification-panel{width:100vw;max-width:100vw;right:-16px}}.job-chat-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.job-chat-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:1200px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.job-chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color);background:var(--card-bg)}.job-chat-header-content h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.job-chat-header-content p{margin:var(--space-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.job-chat-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all .2s ease}.job-chat-close:hover{background:var(--bg-hover);color:var(--text-primary)}.job-chat-body{display:flex;flex:1;overflow:hidden;min-height:0}.job-chat-messages{flex:2;padding:var(--space-lg);overflow-y:auto;background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--space-md)}.job-chat-message{display:flex;gap:var(--space-md);align-items:flex-start}.job-chat-message.user{flex-direction:row-reverse}.job-chat-message-avatar{width:var(--button-height-sm);height:var(--button-height-sm);border-radius:50%;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);flex-shrink:0}.job-chat-message.user .job-chat-message-avatar{background:var(--bg-surface)}.job-chat-message-content{max-width:70%;display:flex;flex-direction:column;gap:var(--space-sm)}.job-chat-message.user .job-chat-message-content{align-items:flex-end}.job-chat-message-text{background:var(--card-bg);padding:var(--space-md);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5;box-shadow:var(--shadow-sm)}.job-chat-message.user .job-chat-message-text{background:var(--primary-solid);color:#fff}.job-chat-thinking{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.spinner{animation:spin 1s linear infinite}.job-chat-tool-results{display:flex;flex-direction:column;gap:var(--space-sm)}.job-chat-tool-result{width:100%}.hiring-plan-match-card,.backfill-info-card,.salary-suggestion-card{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.match-card-header{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:var(--border-width-thin) solid var(--border-color)}.match-card-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.match-card-field{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.match-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.match-value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.salary-rationale{font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic;margin-top:var(--space-xs)}.job-chat-sidebar{flex:1;border-left:var(--border-width-thin) solid var(--border-color);background:var(--card-bg);display:flex;flex-direction:column;overflow-y:auto}.job-chat-sidebar-header{padding:var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color)}.job-chat-sidebar-header h3{margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.job-chat-progress{display:flex;align-items:center;gap:var(--space-sm)}.progress-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));transition:width .3s ease}.progress-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:var(--touch-target-min);text-align:right}.job-chat-data-fields{flex:1;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.data-field{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s ease}.data-field-filled{border-color:var(--status-success-border);background:var(--status-success-bg)}.data-field-success,.data-field-warning{padding:var(--space-sm);text-align:center}.data-field-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.data-field-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-xs)}.data-field-check{color:var(--status-success)}.data-field-pending{color:var(--text-tertiary)}.job-chat-sidebar-actions{padding:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color)}.sidebar-help-text{margin-top:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center}.job-chat-input{display:flex;gap:var(--space-sm);padding:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color);background:var(--card-bg)}.job-chat-input input{flex:1;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--bg-surface);color:var(--text-primary);transition:all .2s ease}.job-chat-input input:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--focus-ring)}.job-chat-input input:disabled{opacity:.6;cursor:not-allowed}@media(max-width:968px){.job-chat-body{flex-direction:column}.job-chat-sidebar{border-left:none;border-top:var(--border-width-thin) solid var(--border-color);max-height:var(--list-height-dropdown)}.job-chat-message-content{max-width:85%}}@media(max-width:768px){.job-chat-modal-overlay{padding:0}.job-chat-modal{max-width:100%;max-height:100vh;border-radius:0}.job-chat-message-content{max-width:90%}}.unified-search{position:relative}.unified-search--header{width:400px}.unified-search--hero{width:100%;max-width:600px}.unified-search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s ease}.unified-search--header .unified-search-input-wrapper{height:var(--touch-target-min)}.unified-search--hero .unified-search-input-wrapper{height:56px;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.unified-search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.unified-search-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none}.unified-search--hero .unified-search-icon{left:16px}.unified-search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);outline:none;padding:0 40px;width:100%}.unified-search--hero .unified-search-input{font-size:var(--font-size-base);padding:0 48px}.unified-search-input::-moz-placeholder{color:var(--text-tertiary)}.unified-search-input::placeholder{color:var(--text-tertiary)}.unified-search-clear{position:absolute;right:8px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-badge);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.unified-search-clear:hover{background:var(--surface-tertiary);color:var(--text-secondary)}.unified-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:var(--list-height-standard);overflow-y:auto;z-index:1000}.unified-search--hero .unified-search-dropdown{border-radius:var(--radius-md);max-height:var(--list-height-tall)}.search-section{border-bottom:var(--border-width-thin) solid var(--border-color)}.search-section:last-child{border-bottom:none}.search-section-header{padding:12px 16px 8px;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.search-result-item{display:flex;align-items:center;gap:var(--space-md);padding:12px 16px;width:100%;border:none;background:transparent;cursor:pointer;text-align:left;transition:all .15s ease}.search-result-item:hover,.search-result-item.selected{background:var(--surface-secondary)}.search-result-item.selected{border-left:var(--border-width-thick) solid var(--color-primary)}.search-result-icon{font-size:var(--font-size-xl);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-tertiary);border-radius:var(--radius-badge)}.search-result-content{flex:1;min-width:0}.search-result-title{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-ai-option{border-top:var(--border-width-thin) solid var(--border-color)}.search-ai-option .search-result-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.search-no-results{padding:32px 24px;text-align:center}.search-no-results-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.search-no-results-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.search-ai-fallback-btn{display:inline-flex;flex-direction:column;gap:var(--space-xs);padding:16px 20px;background:var(--surface-secondary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;max-width:100%}.search-ai-fallback-btn:hover{background:var(--surface-tertiary);border-color:var(--color-primary);transform:translateY(-2px)}.ai-fallback-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.ai-fallback-query{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.ai-fallback-arrow{font-size:var(--font-size-base);color:var(--color-primary)}@media not (min-width:768px){.unified-search--header{width:40px}.unified-search--header .unified-search-input,.unified-search--header .unified-search-clear{display:none}.unified-search--header.unified-search--open{position:fixed;top:0;left:0;right:0;width:100%;padding:var(--space-md);background:var(--surface-primary);z-index:9999;box-shadow:var(--shadow-card)}.unified-search--header.unified-search--open .unified-search-input,.unified-search--header.unified-search--open .unified-search-clear{display:block}.unified-search--header.unified-search--open .unified-search-input-wrapper,.unified-search--hero{width:100%}.unified-search--hero .unified-search-input-wrapper{height:48px}.unified-search-dropdown{max-height:calc(100vh - 200px)}}@media(min-width:768px)and (not (min-width:1024px)){.unified-search--header{width:300px}}.unified-search-input:focus{outline:none}.unified-search-clear:focus{outline:2px solid var(--color-primary);outline-offset:2px}.search-result-item:focus{outline:2px solid var(--color-primary);outline-offset:-2px}@media(prefers-color-scheme:dark){.unified-search-dropdown{box-shadow:var(--shadow-lg)}.search-ai-fallback-btn:hover{box-shadow:var(--shadow-card)}}.unified-search-send{position:absolute;right:8px;background:var(--color-primary);border:none;color:#fff;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-badge);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.unified-search-send:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.unified-search-send:disabled{opacity:.5;cursor:not-allowed}.unified-search--ai-mode .unified-search-input-wrapper{border-color:var(--color-primary)}.unified-search-ai-conversation{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-surface);border:var(--border-width-medium) solid var(--primary-solid);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;display:flex;flex-direction:column;max-height:var(--list-height-tall);animation:fadeIn .2s ease;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);overflow:visible}.unified-search--hero .unified-search-ai-conversation{border-radius:var(--radius-md);max-height:var(--list-height-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-conversation-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:2px solid var(--border-color);background:var(--bg-hover);border-radius:10px 10px 0 0}.ai-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.ai-view-in-chat-btn{display:flex;align-items:center;gap:var(--space-sm);padding:6px 12px;background:var(--primary-solid);color:#fff;border:none;border-radius:var(--radius-button);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.ai-view-in-chat-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-card)}.ai-header-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.ai-header-icon{font-size:var(--font-size-lg)}.ai-close-btn{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-badge);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ai-close-btn:hover{background:var(--surface-tertiary);color:var(--text-secondary)}.ai-conversation-messages{flex:1;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);min-height:300px;max-height:var(--list-height-standard);background:var(--bg-base)}.unified-search--hero .ai-conversation-messages{min-height:400px;max-height:var(--list-height-tall)}.ai-welcome-message{text-align:center;padding:32px 16px;color:var(--text-secondary)}.ai-welcome-message p{margin:0 0 16px;font-size:var(--font-size-sm)}.ai-welcome-message ul{list-style:none;padding:0;margin:0 0 16px}.ai-welcome-message li{padding:var(--space-sm);font-size:var(--font-size-sm);text-align:left}.ai-message{display:flex;gap:var(--space-md);animation:messageSlideIn .3s ease}.ai-message--user{flex-direction:row-reverse}.ai-message-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);flex-shrink:0}.ai-message--user .ai-message-avatar{background:var(--color-primary);color:#fff}.ai-message-content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm);max-width:85%}.ai-message--user .ai-message-content{align-items:flex-end}.ai-message-bubble{padding:12px 16px;border-radius:var(--radius-md);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);word-wrap:break-word;box-shadow:var(--shadow-sm)}.ai-message--user .ai-message-bubble{background:var(--primary-solid);color:#fff;border-color:var(--primary-solid)}.ai-message-bubble p{margin:0;font-size:var(--font-size-sm);line-height:1.5}.ai-message-bubble--loading{padding:var(--space-lg)}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);animation:bounce 1.4s infinite}.ai-message--success .ai-message-bubble{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success-text)}.ai-message--error .ai-message-bubble{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error-text)}.proposed-action-card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--primary-solid);border-radius:var(--radius-sm);padding:var(--space-lg);margin-top:var(--space-sm);animation:actionCardSlideIn .3s ease;box-shadow:var(--shadow-card)}@keyframes actionCardSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.proposed-action-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.tool-icon{font-size:var(--font-size-lg)}.tool-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.proposed-action-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 12px;line-height:1.4}.action-parameters{background:var(--surface-secondary);border-radius:var(--radius-badge);padding:var(--space-md);margin:12px 0;border:var(--border-width-thin) solid var(--border-color)}.parameter-item{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;font-size:var(--font-size-xs);gap:var(--space-md)}.parameter-item:not(:last-child){border-bottom:var(--border-width-thin) solid var(--border-color);padding-bottom:var(--space-sm);margin-bottom:var(--space-xs)}.parameter-label{color:var(--text-secondary);font-weight:500;white-space:nowrap;flex-shrink:0}.parameter-value{color:var(--text-primary);font-weight:400;text-align:right;word-break:break-word}.proposed-action-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.confirm-btn,.cancel-btn{flex:1;padding:10px 16px;border-radius:var(--radius-badge);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.confirm-btn{background:var(--color-success);color:#fff}.confirm-btn:hover:not(:disabled){background:var(--color-success-dark);transform:translateY(-1px)}.cancel-btn{background:var(--surface-tertiary);color:var(--text-secondary);border:var(--border-width-thin) solid var(--border-color)}.cancel-btn:hover:not(:disabled){background:var(--surface-secondary);border-color:var(--text-secondary)}.confirm-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-conversation-messages::-webkit-scrollbar{width:8px}.ai-conversation-messages::-webkit-scrollbar-track{background:var(--surface-primary)}.ai-conversation-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-badge)}.ai-conversation-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media not (min-width:768px){.unified-search-ai-conversation{position:fixed;top:60px;left:0;right:0;max-height:calc(100vh - 70px);border-radius:0}.ai-conversation-messages{min-height:400px}.ai-message-content{max-width:90%}.proposed-action-buttons{flex-direction:column}}.search-nlp-answer{padding:var(--space-lg);background:var(--surface-secondary);border-radius:var(--radius-sm);margin:8px 0}.nlp-answer-text{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);margin:0 0 12px;line-height:1.5}.nlp-answer-data{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border-color)}.nlp-data-item{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.nlp-data-label{color:var(--text-secondary);text-transform:capitalize;font-weight:500}.nlp-data-value{color:var(--text-primary);font-weight:600}.search-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.search-loading-icon{animation:spin 1s linear infinite}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;gap:var(--space-md);pointer-events:none}.toast-container>*{pointer-events:auto}@media(max-width:768px){.toast-container{bottom:1rem;right:1rem;left:1rem}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);background:var(--bg-primary)}.error-boundary-content{max-width:600px;width:100%;text-align:center;padding:var(--spacing-2xl);background:var(--bg-secondary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.error-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.error-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.error-message{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-xl)}.error-details{margin:var(--spacing-xl) 0;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--danger-color);border-radius:var(--radius-md);text-align:left}.error-details summary{cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--danger-color);margin-bottom:var(--spacing-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none}.error-details summary:hover{text-decoration:underline}.error-stack{margin-top:var(--spacing-md)}.error-stack strong{display:block;color:var(--text-primary);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs)}.error-stack pre{background:var(--bg-tertiary, var(--bg-secondary));padding:var(--spacing-sm);border-radius:var(--radius-sm);overflow-x:auto;font-size:var(--font-size-xs);color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.error-warning{margin-top:var(--spacing-xl);padding:var(--spacing-md);background:var(--warning-color-alpha);border:1px solid var(--warning-color);border-radius:var(--radius-md);text-align:left}.error-warning strong{display:block;color:var(--warning-color);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.error-warning p{font-size:var(--font-size-sm);color:var(--text-primary);margin:0}@media(max-width:768px){.error-boundary{padding:var(--spacing-md)}.error-boundary-content{padding:var(--spacing-xl)}.error-icon{font-size:var(--font-size-4xl)}.error-title{font-size:var(--font-size-xl)}.error-actions{flex-direction:column}.error-actions button{width:100%}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:100000;background:var(--status-error);color:#fff;box-shadow:var(--shadow-lg);animation:slide-down .3s ease-out}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.offline-banner-content{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);max-width:1400px;margin:0 auto}.offline-banner-icon{font-size:var(--font-size-2xl);flex-shrink:0}.offline-banner-text{flex:1}.offline-banner-text strong{display:block;font-size:var(--font-size-base);font-weight:600;margin-bottom:2px}.offline-banner-text p{margin:0;font-size:var(--font-size-sm);opacity:.95}.offline-banner-close{background:#fff3;border:1px solid rgb(255 255 255 / 30%);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all .2s ease;white-space:nowrap}.offline-banner-close:hover{background:#ffffff4d;border-color:#ffffff7f}.offline-banner-close:active{transform:scale(.98)}@media(max-width:768px){.offline-banner-content{flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md)}.offline-banner-text strong{font-size:var(--font-size-sm)}.offline-banner-text p{font-size:var(--font-size-xs)}.offline-banner-close{width:100%;margin-top:var(--spacing-xs)}}.global-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fade-in .15s ease-out}.global-search-modal{width:100%;max-width:640px;background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:slide-down .2s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:2px solid var(--border-color);background:var(--bg-base)}.search-icon{font-size:var(--font-size-xl);opacity:.6}.search-input{flex:1;background:transparent;border:none;outline:none;font-size:var(--font-size-lg);color:var(--text-primary);font-weight:500}.search-shortcut{padding:4px 8px;background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:SF Mono,Monaco,monospace;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.search-results{max-height:var(--list-height-dropdown-large);overflow-y:auto;padding:var(--space-sm)}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--bg-base)}.search-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.search-results::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.search-loading{padding:var(--space-3xl);text-align:center;color:var(--text-secondary);font-size:var(--font-size-base)}.search-empty{padding:var(--space-3xl);text-align:center}.empty-icon{font-size:var(--font-size-4xl);color:var(--text-tertiary);margin-bottom:var(--space-md)}.empty-text{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.empty-hint{font-size:var(--font-size-sm);color:var(--text-secondary)}.search-hint{padding:var(--space-xl)}.hint-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.hint-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.hint-list li{font-size:var(--font-size-sm);color:var(--text-secondary);padding-left:var(--space-lg);position:relative}.hint-list li:before{content:"→";position:absolute;left:0;color:var(--primary-solid);font-weight:700}.hint-list kbd{padding:2px 6px;background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-family:SF Mono,Monaco,monospace;color:var(--text-primary);font-weight:600}.result-group{margin-bottom:var(--space-md)}.result-group:last-child{margin-bottom:0}.result-category{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-xs)}.result-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.result-item:hover,.result-item.selected{background:var(--bg-hover)}.result-item.selected{background:var(--primary-accessible);color:#fff}.result-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.result-main{display:flex;align-items:center;gap:var(--space-md)}.result-icon{font-size:var(--font-size-xl);line-height:1;flex-shrink:0}.result-title{font-size:var(--font-size-base);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);padding-left:calc(var(--font-size-xl) + var(--space-md));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item.selected .result-title{font-weight:600;color:#fff}.result-item.selected .result-subtitle{color:#fffc}.result-enter{padding:4px 8px;background:#fff3;border:1px solid rgb(255 255 255 / 30%);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:SF Mono,Monaco,monospace;color:#fff;font-weight:600}.search-footer{padding:var(--space-md) var(--space-xl);border-top:2px solid var(--border-color);background:var(--bg-subtle)}.footer-shortcuts{display:flex;gap:var(--space-xl);justify-content:center}.footer-shortcut{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.footer-shortcut kbd{padding:4px 8px;background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:SF Mono,Monaco,monospace;color:var(--text-primary);font-weight:600;min-width:24px;text-align:center}@media(max-width:768px){.global-search-overlay{padding-top:10vh;padding-left:var(--space-md);padding-right:var(--space-md)}.global-search-modal{max-width:100%}.search-input-wrapper{padding:var(--space-md)}.search-input{font-size:var(--font-size-base)}.search-results{max-height:var(--list-height-dropdown)}.result-item{padding:var(--space-sm) var(--space-md)}.footer-shortcuts{gap:var(--space-md);font-size:var(--font-size-xs)}.footer-shortcut{gap:var(--space-xs)}}@media(prefers-color-scheme:dark){.global-search-overlay{background:#000c}.search-shortcut,.hint-list kbd,.footer-shortcut kbd{box-shadow:0 1px 2px #0003}.result-item.selected{box-shadow:0 0 0 2px var(--primary-solid)}}.realtime-notifications{position:fixed;z-index:9999}.connection-status{position:fixed;top:var(--spacing-md);right:var(--spacing-md);display:none;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--surface-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;box-shadow:var(--shadow-sm);transition:all .3s ease;z-index:10000}.connection-status.disconnected{display:flex}.connection-status .status-dot{width:8px;height:8px;border-radius:50%;transition:background-color .3s ease}.connection-status.connected .status-dot{background:var(--success);box-shadow:0 0 0 3px var(--success-bg)}.connection-status.disconnected .status-dot{background:var(--warning);box-shadow:0 0 0 3px var(--warning-bg);animation:pulse 2s infinite}.connection-status .status-text{color:var(--text-secondary)}.notifications-container{position:fixed;top:calc(var(--spacing-md) + 40px);right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;width:100%;pointer-events:none}.notification-toast{background:var(--surface-primary);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--primary);pointer-events:all;transition:all .3s ease}.notification-toast:hover{transform:translate(-4px);box-shadow:var(--shadow-xl)}.notification-toast.priority-low{border-left-color:var(--text-tertiary)}.notification-toast.priority-normal{border-left-color:var(--primary)}.notification-toast.priority-high{border-left-color:var(--warning);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--warning-bg) 100%)}@keyframes slide-in{0%{transform:translate(420px);opacity:0}to{transform:translate(0);opacity:1}}.notification-toast.slide-in{animation:slide-in .3s ease-out}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.notification-title{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.notification-close{background:none;border:none;color:var(--text-tertiary);font-size:var(--font-size-2xl);line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.notification-close:hover{background:var(--surface-hover);color:var(--text-primary)}.notification-message{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-sm)}.notification-action{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--primary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:color .2s ease}.notification-action:hover{color:var(--primary-hover);text-decoration:underline}@media(max-width:768px){.notifications-container{right:var(--spacing-sm);left:var(--spacing-sm);max-width:none}.connection-status{right:var(--spacing-sm)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-links{position:fixed;top:0;left:0;width:100%;z-index:10000;background:var(--bg-primary);border-bottom:2px solid var(--primary-solid)}.skip-link{position:absolute;left:-9999px;top:-9999px;padding:12px 16px;background:var(--primary-solid);color:#fff;text-decoration:none;font-weight:600;border-radius:0 0 var(--radius-sm) 0;transition:all .2s ease}.skip-link:focus{position:static;left:0;top:0;outline:3px solid var(--primary-border);outline-offset:2px}.skip-link:hover{background:var(--primary-hover)}.app-container{min-height:100vh;background:var(--bg-surface)}.jobs-container{max-width:1200px;margin:0 auto;padding:24px 16px}.jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.jobs-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-xl)}.job-card{background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl);position:relative;transition:all .2s ease}.job-card:hover{border-color:var(--primary-solid);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.job-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.job-meta{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.job-department{display:inline-block;padding:4px 12px;background:var(--primary-surface);color:var(--primary-solid);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--space-md)}.job-salary{font-size:var(--font-size-base);font-weight:600;color:var(--status-success);margin-bottom:var(--space-lg)}.job-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.job-status{position:absolute;top:16px;right:16px;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.job-status.open{background:var(--status-success);color:#fff}.job-status.closed{background:var(--text-secondary);color:#fff}.button{padding:10px 20px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.button.secondary{background:var(--bg-primary);color:var(--text-primary);border:var(--border-width-medium) solid var(--border-color)}.button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.empty-state{text-align:center;padding:64px 24px;color:var(--text-secondary);background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-md)}.shortcuts-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;display:flex;align-items:center;justify-content:center;z-index:10000}.shortcuts-modal-content{background:var(--bg-surface);padding:var(--space-2xl);border-radius:var(--radius-lg);max-width:600px;max-height:80vh;overflow:auto}.shortcuts-modal-title{margin-top:0;color:var(--text-primary)}.shortcuts-modal-grid{display:grid;gap:var(--space-sm);color:var(--text-primary)}.shortcuts-section-header{margin-top:var(--space-lg);font-weight:600}.shortcuts-section{margin-top:var(--space-lg)}.shortcuts-modal-button{margin-top:var(--space-xl);padding:.5rem 1rem;cursor:pointer}.layout-container{display:flex;min-height:100vh}.layout-main-wrapper{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-surface)}.layout-main-content{flex:1;padding:0}.home-layout-container{display:flex;min-height:100vh;width:100%}.home-layout-main-wrapper{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-surface);width:100%;max-width:none}.home-layout-main-content{flex:1;padding:0;width:100%;max-width:none}.apply-container{width:100%;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.apply-header{margin-bottom:var(--space-2xl)}.apply-header h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.job-meta{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-sm) 0}.salary{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:var(--space-sm)}.job-description-card{margin-bottom:var(--space-2xl)}.section-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:var(--space-xl) 0 var(--space-md) 0;color:var(--text-primary)}.section-title:first-child{margin-top:0}.description{line-height:1.6;color:var(--text-primary);margin:0}.requirements-text,.responsibilities-text{white-space:pre-wrap;line-height:1.6;color:var(--text-primary);font-family:Inter,sans-serif;margin:0}.application-form{margin-bottom:var(--space-2xl)}.form-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xl) 0;color:var(--text-primary)}.form-section{margin-bottom:var(--space-xl)}.form-label{display:block;font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);color:var(--text-primary)}.file-input{width:100%;padding:var(--spacing-md);border:var(--border-width-md) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:Inter,sans-serif;cursor:pointer;background:var(--bg-surface);color:var(--text-primary);transition:all .2s ease}.file-input:hover{border-color:var(--primary-solid)}.file-input:focus{outline:none;border-color:var(--primary-solid);box-shadow:var(--focus-ring)}.file-name{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--status-info-bg);border:var(--border-width) solid var(--status-info-border);border-radius:var(--radius-sm);color:var(--status-info);font-size:var(--text-sm)}.help-text{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs);margin-bottom:0}.form-textarea{width:100%;padding:var(--spacing-md);border:var(--border-width-md) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:Inter,sans-serif;background:var(--bg-surface);color:var(--text-primary);resize:vertical;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:var(--primary-solid);box-shadow:var(--focus-ring)}.error-message{margin-top:var(--space-md);padding:var(--space-md);background:var(--status-error-bg);border:var(--border-width-md) solid var(--status-error-border);border-radius:var(--radius-sm);color:var(--status-error);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.loading-message{margin-top:var(--space-md);padding:var(--space-md);background:var(--status-warning-bg);border:var(--border-width) solid var(--status-warning-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);text-align:center}.loading-text{text-align:center;font-size:var(--text-lg);color:var(--text-secondary);padding:var(--spacing-3xl) var(--spacing-lg)}.review-header{margin-bottom:var(--space-2xl)}.review-header h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.parsed-data-section{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.data-section-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-lg) 0;color:var(--text-primary)}.data-field{display:flex;margin-bottom:var(--space-md)}.data-field:last-child{margin-bottom:0}.data-label{font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:180px;flex-shrink:0}.data-value{color:var(--text-primary);flex:1}.skills-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.button-group{display:flex;gap:var(--space-md);justify-content:space-between}.success-container{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.success-icon{width:var(--spacing-4xl);height:var(--spacing-4xl);background:var(--status-success);color:#fff;font-size:var(--text-4xl);font-weight:var(--font-weight-bold);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-2xl)}.success-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xl) 0;color:var(--text-primary)}.success-message{font-size:var(--text-lg);line-height:1.6;color:var(--text-secondary);margin:0 0 var(--space-2xl) 0;max-width:600px;margin-left:auto;margin-right:auto}.consent-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.consent-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.radio-group{display:flex;flex-direction:column;gap:var(--space-md)}.radio-option{display:flex;gap:var(--space-md);padding:var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:var(--primary-color);background:var(--bg-hover)}.radio-option input[type=radio]{margin-top:4px;flex-shrink:0;cursor:pointer}.radio-option input[type=radio]:checked~.radio-content{color:var(--text-primary)}.radio-option input[type=radio]:checked{accent-color:var(--primary-color)}.radio-content{flex:1}.radio-content strong{display:block;margin-bottom:var(--space-xs);color:var(--text-primary)}.radio-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.consent-notice{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-info);border-left:4px solid var(--info-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.consent-notice strong{display:block;margin-bottom:var(--space-sm);color:var(--text-primary)}.consent-notice ul{margin:var(--space-sm) 0 0 var(--space-md);padding-left:var(--space-md)}.consent-notice li{margin:var(--space-xs) 0;line-height:1.5}@media(max-width:768px){.apply-container{padding:var(--space-xl) var(--space-md)}.apply-header h1{font-size:var(--text-2xl)}.button-group{flex-direction:column-reverse}.data-field{flex-direction:column}.data-label{width:100%;margin-bottom:var(--space-xs)}}.candidate-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);animation:fade-in .2s ease}.candidate-modal{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;animation:slide-up .3s ease;border:var(--border-width-thin) solid var(--border-color)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.candidate-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:var(--border-width-thin) solid var(--border-color)}.candidate-modal-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.candidate-modal-close{background:transparent;border:none;font-size:var(--font-size-2xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.candidate-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.candidate-modal-body{padding:var(--space-xl);overflow-y:auto;flex:1}.candidate-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md)}.loading-spinner{width:var(--touch-target-min);height:var(--touch-target-min);border:4px solid var(--border-color);border-top-color:var(--primary-solid);border-radius:50%;animation:spin 1s linear infinite}.candidate-modal-loading p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.candidate-modal-error{display:flex;flex-direction:column;align-items:center;padding:var(--space-3xl);gap:var(--space-md)}.error-icon{font-size:var(--font-size-4xl);color:var(--text-tertiary)}.candidate-modal-error p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center}.error-message{color:var(--status-error)!important;font-size:13px!important}.modal-candidate-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color)}.modal-candidate-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;color:#fff;flex-shrink:0;text-transform:uppercase}.modal-candidate-info{flex:1}.modal-candidate-name{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.modal-candidate-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.meta-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.modal-section{margin-bottom:var(--space-xl)}.modal-section:last-child{margin-bottom:0}.modal-section-title{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-md) 0;display:flex;align-items:center;gap:var(--space-xs)}.modal-info-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.modal-info-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.modal-info-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.modal-info-value{font-size:var(--font-size-sm);color:var(--text-primary);text-align:right}.modal-skills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.modal-more-skills{font-size:var(--font-size-sm);color:var(--text-tertiary);font-style:italic;padding:var(--space-xs) var(--space-sm)}.modal-work-history{display:flex;flex-direction:column;gap:var(--space-md)}.modal-work-item{padding-left:var(--space-md);border-left:var(--border-width-thick) solid var(--primary-solid)}.modal-work-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.modal-work-company{font-size:var(--font-size-sm);color:var(--text-secondary)}.modal-view-more{font-size:var(--font-size-sm);color:var(--text-tertiary);font-style:italic;margin:var(--space-sm) 0 0 0}.modal-resume-info{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-main);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-color)}.modal-resume-filename{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.modal-resume-date{font-size:var(--font-size-sm);color:var(--text-secondary)}.candidate-modal-footer{display:flex;gap:var(--space-sm);padding:var(--space-xl);border-top:var(--border-width-thin) solid var(--border-color);flex-wrap:wrap}.candidate-modal-footer button{flex:1;min-width:-moz-fit-content;min-width:fit-content}@media(max-width:768px){.candidate-modal{width:95%;max-height:90vh}.candidate-modal-header,.candidate-modal-body,.candidate-modal-footer{padding:var(--space-lg)}.modal-candidate-avatar{width:48px;height:48px;font-size:var(--font-size-xl)}.modal-candidate-name{font-size:var(--font-size-lg)}}@media(max-width:480px){.modal-info-item{flex-direction:column;align-items:flex-start}.modal-info-value{text-align:left}.candidate-modal-footer{flex-direction:column}.candidate-modal-footer button{width:100%}}.template-selector-container{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.template-selector-label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.template-selector-wrapper{position:relative;display:flex;gap:var(--spacing-xs);align-items:center}.template-selector-button{flex:1;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.template-selector-button:hover:not(:disabled){border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha-10)}.template-selector-button:disabled{opacity:.6;cursor:not-allowed}.template-selector-button.active{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha-10)}.template-selector-text{flex:1;text-align:left;color:var(--text-secondary)}.template-chevron{transition:transform .2s ease;color:var(--text-tertiary)}.template-chevron.open{transform:rotate(180deg)}.template-clear-button{padding:var(--spacing-sm);background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:20px;line-height:1;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.template-clear-button:hover:not(:disabled){background:var(--error-color);color:#fff;border-color:var(--error-color)}.template-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;max-height:400px;overflow-y:auto;background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:dropdownSlideIn .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.template-dropdown-item{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s ease}.template-dropdown-item:last-child{border-bottom:none}.template-dropdown-item:hover{background:var(--surface-secondary)}.template-dropdown-item.selected{background:var(--primary-color-alpha-10)}.template-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.template-item-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.template-check-icon{color:var(--primary-color)}.template-item-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-style:italic}.template-item-preview{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--surface-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.template-preview-subject{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.template-preview-body{color:var(--text-tertiary);line-height:1.4}.template-item-usage{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.template-selection-note{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--success-color-alpha-10);border-left:3px solid var(--success-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--success-color)}.template-selector-loading{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.template-loading-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.template-dropdown{max-height:300px}.template-item-preview{display:none}}.candidate-message-btn{display:inline-flex;align-items:center;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.candidate-messaging-modal{background-color:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-speed)}.modal-close-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:var(--spacing-md);overflow-y:auto;flex:1}.privacy-notice{background-color:var(--bg-info);border:1px solid var(--border-info);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-sm)}.privacy-notice-icon{font-size:1.5rem;flex-shrink:0}.privacy-notice-content{flex:1}.privacy-notice-content strong{display:block;color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.privacy-notice-content p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.form-group label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:.9rem}.form-control{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-primary);background-color:var(--bg-primary);transition:all var(--transition-speed)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.form-control:disabled{background-color:var(--bg-secondary);opacity:.6;cursor:not-allowed}.form-control::-moz-placeholder{color:var(--text-tertiary)}.form-control::placeholder{color:var(--text-tertiary)}textarea.form-control{resize:vertical;min-height:120px;font-family:inherit}.form-hint{margin-top:var(--spacing-xs);font-size:.8rem;color:var(--text-tertiary)}.alert{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:.9rem}.alert-error{background-color:var(--bg-error);border:1px solid var(--border-error);color:var(--text-error)}.alert-success{background-color:var(--bg-success);border:1px solid var(--border-success);color:var(--text-success)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.modal-footer .btn-secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-speed)}.modal-footer .btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.modal-footer .btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-speed)}.modal-footer .btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.modal-footer .btn-primary:disabled,.modal-footer .btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.candidate-messaging-modal{max-width:100%;max-height:100vh;border-radius:0}.modal-overlay{padding:0}.modal-body,.modal-header,.modal-footer{padding:var(--spacing-sm)}}.sparko-search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.sparko-search-modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);overflow:hidden}.sparko-search-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-xl);border-bottom:1px solid var(--border-color)}.sparko-search-header h2{margin:0 0 var(--space-xs) 0;color:var(--text-primary);font-size:var(--font-size-2xl)}.header-subtitle{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.close-button{background:none;border:none;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background .2s ease}.close-button:hover{background:var(--bg-hover)}.sparko-search-form{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color)}.search-bar{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.search-input{flex:1;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color)}.advanced-filters{padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);margin-top:var(--space-md)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.filter-row:last-child{margin-bottom:0}.filter-field label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.filter-field input,.filter-field select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--bg-primary);color:var(--text-primary)}.filter-field input:focus,.filter-field select:focus{outline:none;border-color:var(--primary-color)}.filter-actions{display:flex;justify-content:flex-end;margin-top:var(--space-md)}.error-message{margin:var(--space-md) var(--space-xl);padding:var(--space-md);background:var(--bg-error);color:var(--error-color);border-left:4px solid var(--error-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.sparko-search-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);padding:var(--space-xl);overflow-y:auto;flex:1}.results-panel{display:flex;flex-direction:column;gap:var(--space-md)}.results-header{padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.results-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-xl);text-align:center;color:var(--text-tertiary)}.empty-state p{margin:var(--space-md) 0 var(--space-xs) 0;font-size:var(--font-size-base);color:var(--text-secondary)}.results-list{display:flex;flex-direction:column;gap:var(--space-md)}.candidate-result-card{cursor:pointer;transition:all .2s ease;border:2px solid transparent}.candidate-result-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.candidate-result-card.selected{border-color:var(--primary-color);background:var(--bg-hover)}.candidate-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.candidate-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0}.candidate-info{flex:1}.candidate-info h4{margin:0 0 var(--space-xs) 0;color:var(--text-primary);font-size:var(--font-size-base)}.candidate-title{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.candidate-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md)}.meta-item{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.candidate-skills{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.skills-more{color:var(--text-tertiary);font-size:var(--font-size-sm);padding:0 var(--space-xs)}.candidate-footer{display:flex;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-secondary)}.match-score,.view-count{display:flex;align-items:center;gap:var(--space-xs)}.detail-panel{position:sticky;top:0;height:-moz-fit-content;height:fit-content;max-height:calc(90vh - 300px);overflow-y:auto}.candidate-detail-card{padding:var(--space-xl)}.detail-header{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.detail-avatar-large{width:80px;height:80px;border-radius:var(--radius-full);background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);flex-shrink:0}.detail-header h3{margin:0 0 var(--space-xs) 0;color:var(--text-primary);font-size:var(--font-size-xl)}.detail-title{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);font-size:var(--font-size-base)}.detail-location{display:flex;align-items:center;gap:var(--space-xs);margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.privacy-notice{padding:var(--space-md);background:var(--bg-info);border-left:4px solid var(--info-color);border-radius:var(--radius-sm);margin-bottom:var(--space-xl);font-size:var(--font-size-sm);color:var(--text-secondary)}.privacy-notice strong{color:var(--text-primary)}.detail-section{margin-bottom:var(--space-xl)}.detail-section h4{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.work-item{padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.work-item:last-child{margin-bottom:0}.work-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs)}.work-header strong{color:var(--text-primary);font-size:var(--font-size-base)}.work-dates{color:var(--text-tertiary);font-size:var(--font-size-sm)}.work-company{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.work-description{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.education-item{padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.education-item:last-child{margin-bottom:0}.education-item strong{display:block;color:var(--text-primary);margin-bottom:var(--space-xs)}.education-item p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.detail-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-color)}@media(max-width:1200px){.sparko-search-content{grid-template-columns:1fr}.detail-panel{position:static;max-height:none}}@media(max-width:768px){.sparko-search-modal-overlay{padding:0}.sparko-search-modal{max-width:100%;max-height:100vh;border-radius:0}.sparko-search-header,.sparko-search-form,.sparko-search-content{padding:var(--space-md)}.search-bar{flex-direction:column}.filter-row{grid-template-columns:1fr}.candidate-header{flex-wrap:wrap}.detail-actions{flex-direction:column}.detail-actions button{width:100%}}.recruiting-candidates-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.recruiting-candidates-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.recruiting-candidates-stat-card:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc}.recruiting-candidates-stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.recruiting-candidates-stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#1e5fd8)}.recruiting-candidates-stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.recruiting-candidates-stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.recruiting-candidates-stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.recruiting-candidates-stat-icon svg{width:24px;height:24px;color:#fff;stroke:#fff}.recruiting-candidates-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.recruiting-candidates-stat-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.recruiting-candidates-stat-label{font-size:13px;color:#64748b;font-weight:500}.recruiting-candidates-stat-trend{font-size:12px;color:#94a3b8}.recruiting-candidates-table-container{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.recruiting-candidates-table{width:100%;border-collapse:collapse}.recruiting-candidates-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.recruiting-candidates-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.recruiting-candidates-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.recruiting-candidates-table th.sortable:hover{background:var(--bg-hover)}.recruiting-candidates-sort-icon{margin-left:6px;font-size:10px;color:var(--text-tertiary)}.recruiting-candidates-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .15s ease}.recruiting-candidates-table tbody tr:hover{background:var(--bg-hover)}.recruiting-candidates-table tbody tr:last-child{border-bottom:none}.recruiting-candidates-table tbody tr.selected{background:var(--bg-hover)}.recruiting-candidates-table td{padding:16px;font-size:14px;color:var(--text-primary);vertical-align:middle}.recruiting-candidates-table th:first-child,.recruiting-candidates-table td:first-child{width:40px;padding:16px 12px}.recruiting-candidates-checkbox{width:18px;height:18px;cursor:pointer}.recruiting-candidates-table th:nth-child(2),.recruiting-candidates-table td:nth-child(2){width:280px}.recruiting-candidates-table th:nth-child(3),.recruiting-candidates-table td:nth-child(3){width:240px}.recruiting-candidates-table th:nth-child(4),.recruiting-candidates-table td:nth-child(4){width:160px}.recruiting-candidates-table th:nth-child(5),.recruiting-candidates-table td:nth-child(5){width:100px}.recruiting-candidates-table th:nth-child(6),.recruiting-candidates-table td:nth-child(6){width:100px}.recruiting-candidates-table th:nth-child(7),.recruiting-candidates-table td:nth-child(7){width:120px}.recruiting-candidates-table th:nth-child(8),.recruiting-candidates-table td:nth-child(8){width:100px}.recruiting-candidates-table th:nth-child(9),.recruiting-candidates-table td:nth-child(9){width:200px;padding-left:64px}.recruiting-candidates-employee-cell{display:flex;align-items:center;gap:12px;cursor:pointer}.recruiting-candidates-employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.recruiting-candidates-employee-info{flex:1;min-width:0}.recruiting-candidates-employee-name{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:2px}.recruiting-candidates-employee-email{font-size:12px;color:var(--text-tertiary)}.recruiting-candidates-meta{display:flex;align-items:center;gap:6px;font-size:13px}.recruiting-candidates-meta.blue{color:var(--sparko-blue)}.recruiting-candidates-meta.green{color:var(--sparko-green)}.recruiting-candidates-meta.orange{color:var(--sparko-orange)}.recruiting-candidates-meta svg{flex-shrink:0}.recruiting-candidates-score{font-weight:700;font-size:14px;padding:6px 12px;border-radius:6px;display:inline-block}.recruiting-candidates-score.high{background:#d1fae5;color:#065f46}.recruiting-candidates-score.medium{background:#fef3c7;color:#92400e}.recruiting-candidates-score.low{background:#fee2e2;color:#991b1b}.recruiting-candidates-score.none{color:var(--text-tertiary);background:transparent}.recruiting-candidates-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block}.recruiting-candidates-badge.screening{background:#fef3c7;color:#92400e}.recruiting-candidates-badge.interviewing{background:#dbeafe;color:#1e40af}.recruiting-candidates-badge.strong{background:#d1fae5;color:#065f46}.recruiting-candidates-badge.applied{background:#e0e7ff;color:#3730a3}.recruiting-candidates-badge.offer{background:#fce7f3;color:#831843}.recruiting-candidates-badge.hired{background:#d1fae5;color:#065f46}.recruiting-candidates-badge.rejected{background:#fee2e2;color:#991b1b}.recruiting-candidates-actions{display:flex;gap:6px}.recruiting-candidates-action-btn{padding:6px 12px;font-size:12px;border:1px solid var(--border-color);background:#fff;border-radius:4px;cursor:pointer;transition:all .15s ease;font-weight:500;font-family:inherit}.recruiting-candidates-action-btn.primary{background:var(--sparko-blue);color:#fff;border-color:var(--sparko-blue)}.recruiting-candidates-action-btn:hover{background:var(--sparko-blue);color:#fff;border-color:var(--sparko-blue);transform:translateY(-1px)}.recruiting-candidates-action-btn.primary:hover{background:#1d4ed8;border-color:#1d4ed8}.recruiting-candidates-action-btn:disabled{opacity:.5;cursor:not-allowed}.recruiting-candidates-empty{text-align:center;padding:64px 24px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px}.recruiting-candidates-empty-icon{width:64px;height:64px;margin:0 auto 16px;color:var(--text-tertiary)}.recruiting-candidates-empty-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.recruiting-candidates-empty-description{font-size:14px;color:var(--text-secondary);margin:0 0 24px}@media(max-width:1024px){.recruiting-candidates-stats{grid-template-columns:repeat(2,1fr)}.recruiting-candidates-table th:nth-child(n+5):not(:last-child),.recruiting-candidates-table td:nth-child(n+5):not(:last-child){display:none}}@media(max-width:768px){.recruiting-candidates-stats{grid-template-columns:1fr}.recruiting-candidates-stat-card{flex-direction:column;text-align:center}}.recruiting-pipeline-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.recruiting-pipeline-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.recruiting-pipeline-stat-card:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc}.recruiting-pipeline-stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.recruiting-pipeline-stat-icon.primary{background:linear-gradient(135deg,#6366f1,#4f46e5)}.recruiting-pipeline-stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#1e5fd8)}.recruiting-pipeline-stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.recruiting-pipeline-stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.recruiting-pipeline-stat-icon svg{width:24px;height:24px;color:#fff;stroke:#fff}.recruiting-pipeline-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.recruiting-pipeline-stat-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.recruiting-pipeline-stat-label{font-size:13px;color:#64748b;font-weight:500}.recruiting-pipeline-stat-trend{font-size:12px;color:#94a3b8}.recruiting-pipeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.recruiting-pipeline-title-section{flex:1;min-width:300px}.recruiting-pipeline-title{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 4px}.recruiting-pipeline-subtitle{font-size:14px;color:#64748b;margin:0}.recruiting-pipeline-actions{display:flex;gap:12px;flex-wrap:wrap}.recruiting-pipeline-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.recruiting-pipeline-btn svg{width:16px;height:16px}.recruiting-pipeline-btn-ghost{background:transparent;color:#64748b;border:1px solid #cbd5e1}.recruiting-pipeline-btn-ghost:hover{background:#f8fafc;border-color:#94a3af}.recruiting-pipeline-btn-primary{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;border:1px solid transparent}.recruiting-pipeline-btn-primary:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.recruiting-pipeline-board{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.recruiting-pipeline-column{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;min-height:500px;max-height:calc(100vh - 400px);overflow:hidden;transition:all .2s ease}.recruiting-pipeline-column:hover{box-shadow:0 4px 12px #00000014}.recruiting-pipeline-column-header{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:3px solid #e5e7eb;background:linear-gradient(180deg,#f9fafb,#fff);flex-shrink:0}.recruiting-pipeline-header-blue{border-bottom-color:#3b82f6}.recruiting-pipeline-header-primary{border-bottom-color:#6366f1}.recruiting-pipeline-header-orange{border-bottom-color:#f59e0b}.recruiting-pipeline-header-green{border-bottom-color:#10b981}.recruiting-pipeline-stage-info{display:flex;align-items:center;gap:8px}.recruiting-pipeline-stage-icon{color:#6b7280}.recruiting-pipeline-stage-icon svg{width:20px;height:20px}.recruiting-pipeline-stage-title{font-size:12px;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.5px;margin:0}.recruiting-pipeline-count-badge{background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px}.recruiting-pipeline-cards-container{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:100px}.recruiting-pipeline-cards-container::-webkit-scrollbar{width:8px}.recruiting-pipeline-cards-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.recruiting-pipeline-cards-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.recruiting-pipeline-cards-container::-webkit-scrollbar-thumb:hover{background:#6366f1}.recruiting-pipeline-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:12px;cursor:grab;transition:all .2s ease;position:relative;overflow:hidden}.recruiting-pipeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#ec4899);opacity:0;transition:opacity .2s ease}.recruiting-pipeline-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f;border-color:#6366f1}.recruiting-pipeline-card:hover:before{opacity:1}.recruiting-pipeline-card:active{cursor:grabbing;transform:scale(.98)}.recruiting-pipeline-card.dragging{opacity:.5;cursor:grabbing;transform:rotate(2deg)}.recruiting-pipeline-column.drag-over{background:#f0f9ff;border-color:#3b82f6}.recruiting-pipeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.recruiting-pipeline-card-name{font-size:14px;font-weight:600;color:#111827;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recruiting-pipeline-card-score{font-size:12px;font-weight:700;padding:3px 7px;background:#f3f4f6;border-radius:5px;flex-shrink:0}.recruiting-pipeline-card-score-green{color:#10b981}.recruiting-pipeline-card-score-orange{color:#f59e0b}.recruiting-pipeline-card-score-red{color:#ef4444}.recruiting-pipeline-card-body{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.recruiting-pipeline-card-job{font-size:12px;color:#3b82f6;font-weight:600;margin-bottom:0}.recruiting-pipeline-card-detail{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:4px}.recruiting-pipeline-card-detail svg{width:14px;height:14px;flex-shrink:0}.recruiting-pipeline-card-date{font-size:11px;color:#9ca3af;margin-top:0}.recruiting-pipeline-card-footer{border-top:1px solid #f3f4f6;padding-top:8px;margin-top:8px}.recruiting-pipeline-card-summary{font-size:12px;color:#6b7280;line-height:1.5;font-style:italic}.recruiting-pipeline-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;opacity:.5}.recruiting-pipeline-empty-icon{font-size:48px;margin-bottom:8px;opacity:.3;color:#9ca3af}.recruiting-pipeline-empty-icon svg{width:48px;height:48px}.recruiting-pipeline-empty-text{font-size:13px;color:#9ca3af;font-weight:500}.recruiting-pipeline-error-banner{margin-bottom:24px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;align-items:center;gap:12px;color:#dc2626;font-size:14px}.recruiting-pipeline-error-banner svg{width:16px;height:16px;flex-shrink:0}.recruiting-pipeline-error-close{margin-left:auto;background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.recruiting-pipeline-error-close:hover{transform:scale(1.2)}.recruiting-pipeline-error-close svg{width:16px;height:16px}.recruiting-pipeline-info-banner{margin-bottom:24px;padding:12px 16px;background:#eff6ff;border:1px solid #3b82f6;border-radius:8px;display:flex;align-items:center;gap:12px;color:#1e40af;font-size:14px}.recruiting-pipeline-info-banner svg{width:16px;height:16px;flex-shrink:0}.recruiting-pipeline-help-text{background:linear-gradient(135deg,#6366f10d,#ec48990d);border:1px solid #6366f1;border-radius:8px;padding:12px 20px;font-size:14px;color:#111827;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.recruiting-pipeline-help-text svg{width:16px;height:16px;color:#6366f1;flex-shrink:0}.recruiting-pipeline-help-text strong{color:#6366f1}.recruiting-pipeline-loading{text-align:center;padding:48px;font-size:16px;color:#64748b}@media(max-width:1200px){.recruiting-pipeline-board{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.recruiting-pipeline-board,.recruiting-pipeline-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.recruiting-pipeline-board{grid-template-columns:1fr;gap:12px}.recruiting-pipeline-column{max-height:400px}.recruiting-pipeline-stats{grid-template-columns:1fr}.recruiting-pipeline-stage-title{font-size:11px}.recruiting-pipeline-header{flex-direction:column}.recruiting-pipeline-title-section{min-width:100%}}.recruiting-candidateprofile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e2e8f0}.recruiting-candidateprofile-title-section{flex:1}.recruiting-candidateprofile-title{font-size:36px;font-weight:700;color:#1e293b;margin:0 0 12px}.recruiting-candidateprofile-subtitle{font-size:16px;color:#64748b;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.recruiting-candidateprofile-subtitle-item{display:flex;align-items:center;gap:6px}.recruiting-candidateprofile-subtitle-item svg{width:16px;height:16px;color:#64748b}.recruiting-candidateprofile-actions{display:flex;gap:12px;align-items:center}.recruiting-candidateprofile-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d}.recruiting-candidateprofile-btn:disabled{opacity:.5;cursor:not-allowed}.recruiting-candidateprofile-btn-primary{background:linear-gradient(135deg,#3b82f6,#1e5fd8);color:#fff;border:1px solid #3b82f6}.recruiting-candidateprofile-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e5fd8,#1854c4);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.recruiting-candidateprofile-btn-ghost{background:#fff;color:#64748b;border:1px solid #e2e8f0}.recruiting-candidateprofile-btn-ghost:hover:not(:disabled){color:#1e293b;border-color:#cbd5e1;box-shadow:0 2px 6px #00000014}.recruiting-candidateprofile-btn-small{padding:8px 16px;font-size:13px}.recruiting-candidateprofile-btn svg{width:16px;height:16px}.recruiting-candidateprofile-tabs{display:flex;gap:8px;border-bottom:2px solid #e2e8f0;margin-bottom:32px;overflow-x:auto}.recruiting-candidateprofile-tab{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:#64748b;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;margin-bottom:-2px;white-space:nowrap}.recruiting-candidateprofile-tab:hover{color:#1e293b;background:#f8fafc}.recruiting-candidateprofile-tab-active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.recruiting-candidateprofile-tab-count{background:#3b82f6;color:#fff;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.recruiting-candidateprofile-tab-active .recruiting-candidateprofile-tab-count{background:#1e5fd8}.recruiting-candidateprofile-tab-content{display:none;animation:recruiting-candidateprofile-fade-in .3s ease}.recruiting-candidateprofile-tab-content.active{display:block}@keyframes recruiting-candidateprofile-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recruiting-candidateprofile-hired-banner{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #10b9811a}.recruiting-candidateprofile-hired-banner h3{font-size:18px;font-weight:700;color:#065f46;margin:0 0 12px;display:flex;align-items:center;gap:8px}.recruiting-candidateprofile-hired-banner h3 svg{width:20px;height:20px}.recruiting-candidateprofile-hired-banner p{color:#047857;margin:0 0 16px;line-height:1.6;font-size:15px}.recruiting-candidateprofile-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.recruiting-candidateprofile-card-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 16px;display:flex;align-items:center;gap:8px}.recruiting-candidateprofile-card-title svg{width:20px;height:20px;color:#3b82f6}.recruiting-candidateprofile-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.recruiting-candidateprofile-info-list{display:flex;flex-direction:column;gap:16px}.recruiting-candidateprofile-info-item{display:flex;flex-direction:column;gap:4px}.recruiting-candidateprofile-info-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.recruiting-candidateprofile-info-value{font-size:15px;color:#1e293b}.recruiting-candidateprofile-info-link{color:#3b82f6;text-decoration:none;font-size:15px;transition:color .2s ease}.recruiting-candidateprofile-info-link:hover{text-decoration:underline;color:#1e5fd8}.recruiting-candidateprofile-skills-list{display:flex;flex-wrap:wrap;gap:8px}.recruiting-candidateprofile-skill-badge{background:#dbeafe;color:#1e40af;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.recruiting-candidateprofile-work-list{display:flex;flex-direction:column;gap:24px}.recruiting-candidateprofile-work-item{padding-bottom:24px;border-bottom:1px solid #e2e8f0}.recruiting-candidateprofile-work-item:last-child{border-bottom:none;padding-bottom:0}.recruiting-candidateprofile-work-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.recruiting-candidateprofile-work-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.recruiting-candidateprofile-work-duration{font-size:14px;color:#64748b;font-weight:500}.recruiting-candidateprofile-work-company{font-size:15px;color:#64748b;margin-bottom:8px}.recruiting-candidateprofile-work-description{font-size:14px;color:#475569;line-height:1.6;margin:8px 0 0}.recruiting-candidateprofile-education-list{display:flex;flex-direction:column;gap:20px}.recruiting-candidateprofile-education-item{padding-bottom:20px;border-bottom:1px solid #e2e8f0}.recruiting-candidateprofile-education-item:last-child{border-bottom:none;padding-bottom:0}.recruiting-candidateprofile-education-degree{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.recruiting-candidateprofile-education-school{font-size:15px;color:#64748b;margin-bottom:4px}.recruiting-candidateprofile-education-year{font-size:14px;color:#94a3b8}.recruiting-candidateprofile-applications-list{display:flex;flex-direction:column;gap:20px}.recruiting-candidateprofile-application-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.recruiting-candidateprofile-application-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:#cbd5e1}.recruiting-candidateprofile-application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.recruiting-candidateprofile-application-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.recruiting-candidateprofile-application-title a{color:#3b82f6;text-decoration:none;transition:color .2s ease}.recruiting-candidateprofile-application-title a:hover{text-decoration:underline;color:#1e5fd8}.recruiting-candidateprofile-application-date{font-size:14px;color:#64748b}.recruiting-candidateprofile-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;white-space:nowrap}.recruiting-candidateprofile-badge-success{background:#d1fae5;color:#065f46}.recruiting-candidateprofile-badge-warning{background:#fef3c7;color:#92400e}.recruiting-candidateprofile-badge-info{background:#dbeafe;color:#1e40af}.recruiting-candidateprofile-badge-pending{background:#fed7aa;color:#92400e}.recruiting-candidateprofile-badge-error{background:#fee2e2;color:#991b1b}.recruiting-candidateprofile-badge-draft{background:#e2e8f0;color:#475569}.recruiting-candidateprofile-screening{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.recruiting-candidateprofile-screening-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.recruiting-candidateprofile-screening-label{font-size:14px;font-weight:600;color:#64748b}.recruiting-candidateprofile-score{font-size:18px;font-weight:700}.recruiting-candidateprofile-score-green{color:#10b981}.recruiting-candidateprofile-score-orange{color:#f59e0b}.recruiting-candidateprofile-score-red{color:#ef4444}.recruiting-candidateprofile-screening-summary{font-size:14px;color:#475569;line-height:1.6;margin-bottom:12px}.recruiting-candidateprofile-screening-section{margin-bottom:12px}.recruiting-candidateprofile-screening-section:last-child{margin-bottom:0}.recruiting-candidateprofile-screening-section strong{font-size:13px;color:#1e293b;display:flex;align-items:center;gap:4px;margin-bottom:8px}.recruiting-candidateprofile-screening-section strong svg{width:16px;height:16px}.recruiting-candidateprofile-screening-section ul{list-style:none;padding-left:20px;margin:0}.recruiting-candidateprofile-screening-section li{font-size:14px;color:#475569;line-height:1.6;position:relative;margin-bottom:4px}.recruiting-candidateprofile-screening-section li:before{content:"•";position:absolute;left:-12px;color:#3b82f6;font-weight:700}.recruiting-candidateprofile-job-details{margin-top:16px;border-top:1px solid #e2e8f0;padding-top:16px}.recruiting-candidateprofile-job-toggle{width:100%;background:transparent;border:none;padding:12px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:600;color:#3b82f6;transition:all .2s ease}.recruiting-candidateprofile-job-toggle:hover{color:#1e5fd8}.recruiting-candidateprofile-job-toggle span{display:flex;align-items:center;gap:6px}.recruiting-candidateprofile-job-toggle svg{width:16px;height:16px}.recruiting-candidateprofile-job-toggle-icon{font-size:12px;transition:transform .2s ease}.recruiting-candidateprofile-job-content{display:none;padding-top:16px;animation:recruiting-candidateprofile-fade-in .3s ease}.recruiting-candidateprofile-job-content.expanded{display:block}.recruiting-candidateprofile-job-block{margin-bottom:16px}.recruiting-candidateprofile-job-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.recruiting-candidateprofile-job-text{font-size:14px;color:#475569;line-height:1.6;white-space:pre-wrap}.recruiting-candidateprofile-job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.recruiting-candidateprofile-job-item{display:flex;flex-direction:column;gap:4px}.recruiting-candidateprofile-job-item-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.recruiting-candidateprofile-job-item-value{font-size:14px;color:#1e293b;font-weight:500}.recruiting-candidateprofile-job-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.recruiting-candidateprofile-job-skill{background:#e2e8f0;color:#475569;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.recruiting-candidateprofile-application-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;flex-wrap:wrap}.recruiting-candidateprofile-resume-viewer{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.recruiting-candidateprofile-resume-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.recruiting-candidateprofile-resume-header h4{font-size:16px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.recruiting-candidateprofile-resume-header h4 svg{width:20px;height:20px;color:#3b82f6}.recruiting-candidateprofile-resume-iframe{width:100%;height:800px;border:none;background:#fff}.recruiting-candidateprofile-resume-placeholder{padding:60px 40px;text-align:center;color:#64748b}.recruiting-candidateprofile-resume-placeholder svg{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.recruiting-candidateprofile-resume-placeholder h4{font-size:18px;font-weight:600;color:#475569;margin:0 0 8px}.recruiting-candidateprofile-resume-placeholder p{font-size:15px;color:#64748b;margin:0 0 16px}.recruiting-candidateprofile-timeline{position:relative;padding-left:32px}.recruiting-candidateprofile-timeline:before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:#e2e8f0}.recruiting-candidateprofile-timeline-item{position:relative;margin-bottom:24px}.recruiting-candidateprofile-timeline-item:last-child{margin-bottom:0}.recruiting-candidateprofile-timeline-marker{position:absolute;left:-27px;top:4px;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #3b82f6;box-shadow:0 2px 4px #0000001a}.recruiting-candidateprofile-timeline-content{background:#f8fafc;padding:12px 16px;border-radius:8px;border-left:3px solid #3b82f6}.recruiting-candidateprofile-timeline-date{font-size:12px;color:#94a3b8;margin-bottom:4px}.recruiting-candidateprofile-timeline-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:4px}.recruiting-candidateprofile-timeline-description{font-size:14px;color:#64748b;margin:0}.recruiting-candidateprofile-empty{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px}.recruiting-candidateprofile-empty svg{width:64px;height:64px;color:#cbd5e1;margin-bottom:16px}.recruiting-candidateprofile-empty h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.recruiting-candidateprofile-empty p{font-size:15px;color:#64748b;margin:0}.recruiting-candidateprofile-loading{text-align:center;padding:80px 40px;color:#64748b;font-size:16px}.recruiting-candidateprofile-error{text-align:center;padding:80px 40px}.recruiting-candidateprofile-error svg{width:64px;height:64px;color:#ef4444;margin-bottom:16px}.recruiting-candidateprofile-error h3{font-size:20px;font-weight:700;color:#ef4444;margin:0 0 8px}.recruiting-candidateprofile-error p{font-size:15px;color:#64748b;margin:0 0 24px}@media(max-width:1024px){.recruiting-candidateprofile-overview-grid,.recruiting-candidateprofile-job-grid{grid-template-columns:1fr}}@media(max-width:768px){.recruiting-candidateprofile-header{flex-direction:column;gap:16px}.recruiting-candidateprofile-actions{width:100%;flex-direction:column}.recruiting-candidateprofile-btn{width:100%;justify-content:center}.recruiting-candidateprofile-tabs{overflow-x:auto}.recruiting-candidateprofile-tab{white-space:nowrap}.recruiting-candidateprofile-application-header{flex-direction:column;align-items:flex-start}.recruiting-candidateprofile-resume-iframe{height:600px}.recruiting-candidateprofile-work-header{flex-direction:column;gap:4px}}@media(max-width:480px){.recruiting-candidateprofile-title{font-size:28px}.recruiting-candidateprofile-subtitle{flex-direction:column;align-items:flex-start;gap:8px}.recruiting-candidateprofile-card{padding:16px}.recruiting-candidateprofile-application-actions{flex-direction:column}.recruiting-candidateprofile-application-actions .recruiting-candidateprofile-btn{width:100%}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.primary{background:var(--primary-bg);color:var(--primary-color)}.stat-icon.success{background:var(--status-success-bg);color:var(--status-success)}.stat-icon.warning{background:var(--status-warning-bg);color:var(--status-warning)}.stat-icon.info{background:var(--status-info-bg);color:var(--status-info)}.stat-content h3{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.stat-content p{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.filters-and-search-section{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.filter-chips{display:flex;gap:12px;flex-wrap:wrap;flex:1}.filter-chip{padding:8px 16px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .2s;white-space:nowrap}.filter-chip.active{background:var(--primary-bg);border-color:var(--primary-color);color:var(--primary-color)}.filter-chip:hover{border-color:var(--primary-color)}.search-bar-inline{display:flex;gap:12px;align-items:center;min-width:400px}.search-input-wrapper{flex:1;position:relative;min-width:250px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:10px 16px 10px 44px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg);background:var(--surface-primary)}@media(max-width:1200px){.filters-and-search-section{flex-direction:column;align-items:stretch}.search-bar-inline{min-width:auto;width:100%}}.messages-list{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.message-item{padding:20px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .2s;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.message-item:hover{background:var(--bg-hover)}.message-item:last-child{border-bottom:none}.message-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-gradient-start),var(--accent-primary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.message-content{flex:1}.message-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.message-candidate{font-weight:600;color:var(--text-primary);font-size:16px}.message-subject{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px}.message-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.message-time{color:var(--text-tertiary);font-size:13px}.identity-revealed-badge{background:var(--status-success-bg);color:var(--status-success);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.split-view{display:grid;grid-template-columns:400px 1fr;gap:24px;min-height:600px}.message-sidebar{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:12px;overflow-y:auto;max-height:800px}.sidebar-item{padding:16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .2s}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active{background:var(--primary-bg);border-left:3px solid var(--primary-color)}.sidebar-item-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-gradient-start),var(--accent-primary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.sidebar-candidate{font-weight:600;font-size:14px;color:var(--text-primary)}.sidebar-subject{font-size:13px;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.sidebar-time{font-size:11px;color:var(--text-tertiary)}.message-detail-panel{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:12px;padding:32px;overflow-y:auto;max-height:800px;position:relative}.detail-close-btn{position:absolute;top:16px;right:16px;z-index:10}.detail-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.detail-candidate-info{display:flex;align-items:center;gap:16px;margin-bottom:16px}.detail-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-gradient-start),var(--accent-primary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px}.detail-candidate-name{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.detail-subject{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.detail-meta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--text-secondary)}.detail-body{line-height:1.8;color:var(--text-primary);margin-bottom:24px;font-size:15px}.detail-reply-section{background:var(--status-success-bg);border:1px solid var(--status-success);border-radius:8px;padding:16px;margin-top:24px}.reply-header{font-weight:600;color:var(--status-success);margin-bottom:12px;display:flex;align-items:center;gap:8px}.reply-content{background:#fff;padding:16px;border-radius:6px;color:var(--text-primary);line-height:1.6}.revealed-info{background:var(--surface-secondary);border-radius:8px;padding:16px;margin-top:16px}.revealed-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.info-row{display:flex;gap:8px;margin-bottom:8px;font-size:14px}.info-label{font-weight:600;color:var(--text-secondary);min-width:80px}.info-value{color:var(--text-primary)}.empty-state{padding:60px 20px;text-align:center}.empty-state-icon{width:80px;height:80px;margin:0 auto 20px;background:var(--surface-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--text-tertiary)}.empty-state h3{font-size:20px;color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:14px}@media(max-width:1024px){.split-view{grid-template-columns:1fr}.message-sidebar{display:none}.message-detail-panel{max-height:none}}.analytics-modal{position:relative;background:var(--background-primary);border-radius:var(--radius-lg);max-width:900px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideIn .3s ease}.analytics-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--background-primary);z-index:10}.analytics-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.analytics-content{padding:var(--spacing-lg)}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.analytics-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md)}.analytics-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px}.analytics-card-icon.primary{background:var(--primary-bg);color:var(--primary-color)}.analytics-card-icon.success{background:var(--status-success-bg);color:var(--status-success)}.analytics-card-icon.warning{background:var(--status-warning-bg);color:var(--status-warning)}.analytics-card-icon.info{background:var(--status-info-bg);color:var(--status-info)}.analytics-card-content h3{margin:0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.analytics-card-content p{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.analytics-timeframe{font-size:var(--font-size-xs);color:var(--text-tertiary)}.analytics-section{margin-bottom:var(--spacing-xl)}.analytics-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.status-breakdown{display:flex;flex-direction:column;gap:var(--spacing-md)}.status-bar-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-bar-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary)}.status-bar-fill{height:8px;border-radius:var(--radius-sm);background:var(--primary-color);transition:width .3s ease}.top-templates-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.template-usage-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.template-rank{font-weight:var(--font-weight-bold);color:var(--text-tertiary);min-width:30px}.template-name{flex:1;color:var(--text-primary);font-weight:var(--font-weight-medium)}.daily-trends-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.daily-trend-item{display:grid;grid-template-columns:120px 1fr 100px;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm)}.trend-date{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.trend-bar{height:24px;background:var(--surface-tertiary);border-radius:var(--radius-sm);overflow:hidden}.trend-bar-fill{height:100%;background:var(--primary-color);transition:width .3s ease}.trend-count{text-align:right;color:var(--text-primary);font-weight:var(--font-weight-semibold)}.analytics-error{padding:var(--spacing-xxl);text-align:center;color:var(--error-color)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.template-filters{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.search-filter{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-md);color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha-10)}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface-primary);min-width:180px;cursor:pointer;transition:all .2s ease}.template-table-container{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.template-table{width:100%;border-collapse:collapse}.template-table thead{background:var(--surface-secondary);border-bottom:2px solid var(--border-color)}.template-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.template-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .15s ease}.template-table tbody tr:last-child{border-bottom:none}.template-table tbody tr:hover{background:var(--surface-secondary)}.template-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-primary);vertical-align:middle}.template-name-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.template-name{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.template-description{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.template-category{color:var(--text-secondary)}.template-usage{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.template-last-used,.template-created{color:var(--text-tertiary);font-size:var(--font-size-xs)}.template-actions{display:flex;gap:var(--spacing-xs);align-items:center}.template-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);gap:var(--spacing-md);color:var(--text-secondary)}@media(max-width:1024px){.template-filters{grid-template-columns:1fr}.template-table-container{overflow-x:auto}.template-table{min-width:800px}}@media(max-width:768px){.template-actions{flex-direction:column}}.date-range-selector{display:flex;gap:4px;padding:4px;background:var(--surface-secondary);border-radius:var(--radius-md)}.date-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}.date-btn:hover{background:var(--surface-primary);color:var(--text-primary)}.date-btn.active{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.kpi-card{background:var(--surface-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease}.kpi-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-color-alpha-10)}.kpi-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-md)}.kpi-info{flex:1}.kpi-value{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.kpi-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.primary{background:var(--primary-bg);color:var(--primary-color)}.kpi-icon.success{background:var(--status-success-bg);color:var(--status-success)}.kpi-icon.warning{background:var(--status-warning-bg);color:var(--status-warning)}.kpi-icon.info{background:var(--status-info-bg);color:var(--status-info)}.kpi-footer{font-size:var(--font-size-xs);color:var(--text-tertiary);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.chart-card{background:var(--surface-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.chart-card.full-width{grid-column:1 / -1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.chart-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.chart-filter{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-primary);background:var(--surface-primary);cursor:pointer}.chart-content{min-height:300px;position:relative}.simple-bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:280px;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.bar{width:100%;background:var(--primary-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:20px;position:relative;transition:all .3s ease;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--spacing-xs)}.bar:hover{opacity:.8}.bar-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff}.bar-date{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center}.status-breakdown{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.status-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-info{display:flex;justify-content:space-between;align-items:center}.status-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.status-bar{height:8px;background:var(--surface-tertiary);border-radius:var(--radius-sm);overflow:hidden}.status-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .3s ease}.conversion-funnel{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.funnel-stage{display:flex;justify-content:flex-start}.funnel-bar{min-width:30%;padding:var(--spacing-md);border-radius:var(--radius-md);transition:all .3s ease}.funnel-bar:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.funnel-label{display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.templates-table{width:100%;border-collapse:collapse}.templates-table thead{background:var(--surface-secondary);border-bottom:2px solid var(--border-color)}.templates-table th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.templates-table td{padding:var(--spacing-md);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color)}.templates-table tbody tr:last-child td{border-bottom:none}.templates-table tbody tr:hover{background:var(--surface-secondary)}.template-rank{font-weight:var(--font-weight-bold);color:var(--text-tertiary)}.template-name,.template-usage{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.template-performance{width:200px}.performance-bar{height:8px;background:var(--surface-tertiary);border-radius:var(--radius-sm);overflow:hidden}.performance-fill{height:100%;border-radius:var(--radius-sm);transition:width .3s ease}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);gap:var(--spacing-md);color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--spacing-xxl)}.empty-state h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary)}.no-data{display:flex;align-items:center;justify-content:center;height:280px;color:var(--text-tertiary);font-size:var(--font-size-sm)}.chart-placeholder{height:100%}@media(max-width:1200px){.charts-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:1}}@media(max-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.date-range-selector{flex-direction:column}.simple-bar-chart{overflow-x:auto}}.job-skills-editor{margin-bottom:var(--spacing-lg)}.skills-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:var(--border-width-thin) solid var(--border-color)}.skills-title{display:flex;align-items:center;gap:var(--spacing-sm)}.skills-title h3{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.skills-title .help-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--bg-secondary);color:var(--text-tertiary);font-size:var(--font-size-xs);cursor:help}.skills-actions{display:flex;gap:var(--spacing-sm)}.skills-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary);gap:var(--spacing-md)}.loading-spinner{width:24px;height:24px;border:var(--border-width-medium) solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.skills-empty{text-align:center;padding:var(--spacing-xl)}.skills-empty h3{margin:0 0 var(--spacing-sm);color:var(--text-secondary)}.skills-empty p{margin:0 0 var(--spacing-md);color:var(--text-tertiary)}.skills-analysis-summary{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.skills-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.skills-section h4{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-xs);font-size:var(--font-size-md);color:var(--text-primary)}.skills-section .section-description{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-tertiary)}.skills-section.mandatory h4{color:var(--status-danger-text)}.skills-section.preferred h4{color:var(--status-success-text)}.skills-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skill-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:var(--border-width-thick) solid var(--border-color)}.skill-item.mandatory{border-left-color:var(--status-danger-bg);background:color-mix(in srgb,var(--status-danger-bg) 5%,var(--bg-secondary))}.skill-item.preferred{border-left-color:var(--status-success-bg);background:color-mix(in srgb,var(--status-success-bg) 5%,var(--bg-secondary))}.skill-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.skill-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.skill-proficiency{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:2px var(--space-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.skill-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.skill-weight{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:90px}.weight-slider{width:80px;cursor:pointer}.btn-move{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);background:var(--bg-tertiary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-move:hover{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.btn-remove{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-lg);background:none;border:none;color:var(--text-tertiary);cursor:pointer;line-height:1;transition:color var(--transition-fast)}.btn-remove:hover{color:var(--status-danger-text)}.no-skills{padding:var(--spacing-md);text-align:center;color:var(--text-tertiary);font-style:italic}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.requirement-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.add-requirement{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.add-requirement input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm)}.add-requirement input:focus{outline:none;border-color:var(--accent-primary)}.indicators-list{list-style:disc;padding-left:var(--spacing-lg);margin:0}.indicators-list li{padding:var(--spacing-xs) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}@media(max-width:768px){.skill-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.skill-controls{width:100%;flex-wrap:wrap}.btn-move{flex:1}}.ai-review-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.ai-review-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.ai-review-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color);background:var(--card-bg)}.ai-review-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.ai-review-header p{margin:var(--space-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.ai-review-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all .2s ease}.ai-review-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-review-body{flex:1;padding:var(--space-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg)}.ai-review-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--text-secondary)}.ai-review-loading .spinner{animation:spin 1s linear infinite}.ai-review-section{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.ai-review-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--bg-secondary);border-bottom:var(--border-width-thin) solid var(--border-color)}.agent-info{display:flex;align-items:center;gap:var(--space-md)}.agent-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);flex-shrink:0}.agent-info h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.agent-info p{margin:var(--space-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.ai-review-content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.ai-review-error{padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);color:var(--status-error);background:var(--status-error-bg);border-left:var(--border-width-thick) solid var(--status-error-border)}.feedback-list{display:flex;flex-direction:column;gap:var(--space-sm)}.feedback-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1.5}.feedback-item.feedback-positive{background:var(--status-success-bg);border-left:var(--border-width-thick) solid var(--status-success-border);color:var(--text-primary)}.feedback-item.feedback-warning{background:var(--status-warning-bg);border-left:var(--border-width-thick) solid var(--status-warning-border);color:var(--text-primary)}.feedback-item.feedback-info{background:var(--bg-surface);border-left:var(--border-width-thick) solid var(--border-color);color:var(--text-primary)}.feedback-icon{flex-shrink:0;font-size:var(--font-size-lg)}.suggestions-list{margin-top:var(--space-md)}.suggestions-list h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.suggestion-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.suggestion-icon{flex-shrink:0;color:var(--status-success);margin-top:2px}.ai-review-footer{display:flex;gap:var(--space-sm);justify-content:flex-end;padding:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color);background:var(--card-bg)}@media(max-width:768px){.ai-review-modal-overlay{padding:0}.ai-review-modal{max-width:100%;max-height:100vh;border-radius:0}.ai-review-section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.ai-review-footer{flex-direction:column}.ai-review-footer button{width:100%}}.job-template-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.job-template-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:1200px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.job-template-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color);background:var(--card-bg)}.job-template-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.job-template-header p{margin:var(--space-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.template-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all .2s ease}.template-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.template-search-box{position:relative;padding:var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color)}.template-search-box .search-icon{position:absolute;left:calc(var(--space-lg) + var(--space-md));top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.template-search-input{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-2xl);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);transition:all .2s ease}.template-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.job-template-body{flex:1;display:flex;overflow:hidden}.template-sidebar{width:200px;flex-shrink:0;padding:var(--space-lg);border-right:var(--border-width-thin) solid var(--border-color);background:var(--bg-secondary);overflow-y:auto}.sidebar-title{margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.dept-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.dept-button:hover{background:var(--bg-hover);color:var(--text-primary)}.dept-button.active{background:var(--primary-bg);color:var(--primary);font-weight:var(--font-weight-semibold)}.dept-count{font-size:var(--font-size-xs);padding:2px var(--space-xs);background:var(--bg-primary);border-radius:var(--radius-full)}.dept-button.active .dept-count{background:var(--primary);color:#fff}.templates-list{flex:1;padding:var(--space-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.empty-templates{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.template-card{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:all .2s ease}.template-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-card-header{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.template-icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center}.template-info{flex:1}.template-info h4{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.template-meta{display:flex;gap:var(--space-xs);flex-wrap:wrap}.template-description{margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.template-stats{display:flex;gap:var(--space-lg);font-size:var(--font-size-xs);color:var(--text-secondary)}.template-stats span{display:flex;align-items:center;gap:var(--space-xs)}.job-template-footer{display:flex;gap:var(--space-sm);justify-content:flex-end;padding:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color);background:var(--card-bg)}@media(max-width:768px){.job-template-modal-overlay{padding:0}.job-template-modal{max-width:100%;max-height:100vh;border-radius:0}.job-template-body{flex-direction:column}.template-sidebar{width:100%;border-right:none;border-bottom:var(--border-width-thin) solid var(--border-color);max-height:var(--list-height-compact)}.dept-button{display:inline-flex;width:auto;margin-right:var(--space-xs)}}.error-message{margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error-border);border-radius:var(--radius-sm);color:var(--status-error);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.job-create-form{display:flex;flex-direction:column;gap:var(--space-xl)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.form-label{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);color:var(--text-primary);font-size:var(--font-size-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form-select{width:100%;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--bg-surface);color:var(--text-primary);transition:all .2s ease;cursor:pointer}.form-select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--focus-ring)}.form-select:hover:not(:focus){border-color:var(--text-secondary)}.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--bg-surface);color:var(--text-primary);transition:all .2s ease;resize:vertical;min-height:100px}.form-textarea::-moz-placeholder{color:var(--text-tertiary)}.form-textarea::placeholder{color:var(--text-tertiary)}.form-textarea:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--focus-ring)}.form-textarea:hover:not(:focus){border-color:var(--text-secondary)}.ai-section{text-align:center;padding:var(--space-xl) 0}.ai-helper-text{margin-top:var(--space-md);font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-xl);border-top:2px solid var(--border-light)}.form-actions button{min-width:150px}.form-hint{display:block;margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-tertiary)}.preview-banner{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md)}.preview-content{color:#fff}.preview-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:var(--space-xs)}.preview-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.preview-salary{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.salary-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.salary-note{font-size:var(--font-size-xs);opacity:.8}.salary-recommendation-preview{padding:var(--space-lg);background:var(--status-success-bg);border:1px solid var(--status-success-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.salary-recommendation-title{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.salary-recommendation-details{display:flex;gap:var(--space-xl);margin-bottom:var(--space-md);flex-wrap:wrap}.salary-recommendation-rationale{font-size:var(--font-size-sm);color:var(--text-secondary)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.checkbox-card{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.checkbox-card:hover{border-color:var(--primary-solid);box-shadow:var(--shadow-sm)}.checkbox-card input[type=checkbox]{margin-top:2px;cursor:pointer;width:18px;height:18px;flex-shrink:0}.checkbox-card input[type=checkbox]:checked+.checkbox-content{color:var(--primary-solid)}.checkbox-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.checkbox-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.checkbox-description{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.checkbox-card:has(input:checked){border-color:var(--primary-solid);background:var(--primary-bg)}.checkbox-card:has(input:checked) .checkbox-title{color:var(--primary-solid)}.description-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.help-icon{cursor:help;color:var(--text-tertiary)}.ai-features-buttons{display:flex;gap:var(--space-sm)}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.checkbox-grid{grid-template-columns:1fr}.description-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.recruiting-jobs-container{max-width:1400px;margin:0 auto;padding:24px}.recruiting-jobs-header{margin-bottom:32px}.recruiting-jobs-header h1{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px}.recruiting-jobs-header p{font-size:16px;color:#64748b}.recruiting-jobs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.recruiting-jobs-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;display:flex;align-items:center;gap:16px;transition:all .2s ease}.recruiting-jobs-stat-card:hover{box-shadow:0 4px 12px #00000014,inset 0 1px #ffffffe6;transform:translateY(-1px)}.recruiting-jobs-stat-card.clickable{cursor:pointer}.recruiting-jobs-stat-card.clickable:hover{border-color:var(--sparko-purple, #8b5cf6)}.recruiting-jobs-stat-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#1d5fd9);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.recruiting-jobs-stat-icon.green{background:linear-gradient(135deg,var(--sparko-green, #10b981),#059669)}.recruiting-jobs-stat-icon.purple{background:linear-gradient(135deg,var(--sparko-purple, #8b5cf6),#7c3aed)}.recruiting-jobs-stat-main{flex:1;min-width:0}.recruiting-jobs-stat-value{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:4px}.recruiting-jobs-stat-label{font-size:14px;color:#64748b}.recruiting-jobs-stat-details{text-align:right;padding-left:16px}.recruiting-jobs-stat-detail-line{font-size:14px;color:#64748b;margin-bottom:4px}.recruiting-jobs-stat-detail-line:last-child{margin-bottom:0}.recruiting-jobs-stat-detail-line strong{color:#1e293b;font-weight:600}.recruiting-jobs-toolbar{display:flex;gap:12px;margin-bottom:24px;align-items:center}.recruiting-jobs-search{flex:1;position:relative}.recruiting-jobs-search input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fff;transition:all .2s ease}.recruiting-jobs-search input:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df21a}.recruiting-jobs-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#94a3b8}.recruiting-jobs-btn{padding:12px 24px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px}.recruiting-jobs-btn-primary{background:var(--sparko-blue, #276DF2);color:#fff;box-shadow:0 2px 4px #276df233}.recruiting-jobs-btn-primary:hover{background:#1d5fd9;box-shadow:0 4px 8px #276df24d}.recruiting-jobs-btn-secondary{background:#fff;color:#334155;border:1px solid #e2e8f0}.recruiting-jobs-btn-secondary:hover{border-color:var(--sparko-blue, #276DF2);color:var(--sparko-blue, #276DF2)}.recruiting-jobs-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.recruiting-jobs-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:20px;display:flex;align-items:center;gap:16px;border-left:4px solid transparent;transition:all .2s ease;cursor:pointer}.recruiting-jobs-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue, #276DF2);transform:translate(2px)}.recruiting-jobs-item-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#1d5fd9);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-weight:700;font-size:16px;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.recruiting-jobs-item-content{flex:1;min-width:0}.recruiting-jobs-item-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px}.recruiting-jobs-item-meta{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.recruiting-jobs-item-meta-item{font-size:14px;color:#475569;display:flex;align-items:center;gap:6px}.recruiting-jobs-item-meta-item svg{width:18px;height:18px;flex-shrink:0}.recruiting-jobs-item-meta-item.blue svg{color:var(--sparko-blue, #276DF2)}.recruiting-jobs-item-meta-item.green svg{color:var(--sparko-green, #10b981)}.recruiting-jobs-item-meta-item.orange svg{color:var(--sparko-orange, #f59e0b)}.recruiting-jobs-item-stats{display:flex;gap:32px;align-items:center;margin-left:auto;margin-right:48px}.recruiting-jobs-item-stat{text-align:center}.recruiting-jobs-item-stat-value{font-size:20px;font-weight:700;color:#1e293b;display:block}.recruiting-jobs-item-stat-label{font-size:11px;color:#94a3b8;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.recruiting-jobs-item-badge{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.recruiting-jobs-item-badge.active{background:#d1fae5;color:#065f46}.recruiting-jobs-item-badge.draft,.recruiting-jobs-item-badge.paused{background:#fef3c7;color:#92400e}.recruiting-jobs-item-badge.closed{background:#f1f5f9;color:#64748b}.recruiting-jobs-item-badge.archived{background:#f1f5f9;color:#94a3b8}.recruiting-jobs-filters-row{display:flex;gap:12px;align-items:center;margin-bottom:16px}.recruiting-jobs-active-filters{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.recruiting-jobs-active-filters span{font-size:14px;color:#64748b;font-weight:500}.recruiting-jobs-clear-filters{background:none;border:none;color:var(--sparko-blue, #276DF2);font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;text-decoration:underline}.recruiting-jobs-clear-filters:hover{color:#1d5fd9}.recruiting-jobs-empty{text-align:center;padding:64px 32px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.recruiting-jobs-empty-icon{font-size:64px;margin-bottom:16px;color:#cbd5e1}.recruiting-jobs-empty h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.recruiting-jobs-empty p{font-size:16px;color:#64748b;margin:0 0 24px}.recruiting-jobs-loading{text-align:center;padding:64px;font-size:16px;color:#64748b}.recruiting-jobs-pagination{margin-top:24px}.recruiting-jobs-icon{width:20px;height:20px}.recruiting-jobs-icon svg{stroke-width:2;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}@media(max-width:1024px){.recruiting-jobs-item-stats{margin-right:24px}}@media(max-width:768px){.recruiting-jobs-container{padding:16px}.recruiting-jobs-stats{grid-template-columns:1fr}.recruiting-jobs-toolbar{flex-direction:column}.recruiting-jobs-item{flex-direction:column;align-items:flex-start}.recruiting-jobs-item-stats{margin-left:0;margin-right:0;width:100%;justify-content:space-around}.recruiting-jobs-item-badge{align-self:flex-start}}.recruiting-jobdetail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.recruiting-jobdetail-stat{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.recruiting-jobdetail-stat:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc}.recruiting-jobdetail-stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.recruiting-jobdetail-stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#1e5fd8)}.recruiting-jobdetail-stat-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.recruiting-jobdetail-stat-icon-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.recruiting-jobdetail-stat-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.recruiting-jobdetail-stat-icon svg{width:24px;height:24px;stroke:#fff}.recruiting-jobdetail-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.recruiting-jobdetail-stat-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.recruiting-jobdetail-stat-label{font-size:13px;color:#64748b;font-weight:500}.recruiting-jobdetail-stat-trend{font-size:12px;color:#94a3b8;font-weight:500}.recruiting-jobdetail-stat-trend.positive{color:#10b981}.recruiting-jobdetail-ai-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #3b82f6;border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 2px 8px #3b82f61a,inset 0 1px #fffc}.recruiting-jobdetail-banner-content{display:flex;align-items:center;gap:16px}.recruiting-jobdetail-banner-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e5fd8);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;animation:recruiting-jobdetail-pulse 2s ease-in-out infinite}@keyframes recruiting-jobdetail-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.recruiting-jobdetail-banner-icon svg{width:24px;height:24px;stroke:#fff}.recruiting-jobdetail-banner-text{display:flex;flex-direction:column;gap:4px}.recruiting-jobdetail-banner-title{font-size:16px;font-weight:600;color:#1e293b}.recruiting-jobdetail-banner-subtitle{font-size:14px;color:#64748b}.recruiting-jobdetail-two-column{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.recruiting-jobdetail-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;margin-bottom:24px}.recruiting-jobdetail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.recruiting-jobdetail-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0}.recruiting-jobdetail-edit-actions{display:flex;gap:8px;align-items:center}.recruiting-jobdetail-section{margin-bottom:24px}.recruiting-jobdetail-section:last-child{margin-bottom:0}.recruiting-jobdetail-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.recruiting-jobdetail-value{font-size:15px;color:#1e293b;line-height:1.6}.recruiting-jobdetail-value.salary{font-size:18px;font-weight:600;color:#10b981}.recruiting-jobdetail-value.whitespace-pre{white-space:pre-wrap}.recruiting-jobdetail-value.empty-state{font-style:italic;color:#94a3b8;background:#f8fafc;padding:12px;border-radius:8px;border:1px dashed #e2e8f0}.recruiting-jobdetail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.recruiting-jobdetail-metric-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.recruiting-jobdetail-metric-row:last-child{border-bottom:none}.recruiting-jobdetail-metric-label{font-size:14px;color:#64748b}.recruiting-jobdetail-metric-value{font-size:16px;font-weight:600;color:#1e293b}.recruiting-jobdetail-metric-value.positive{color:#10b981}.recruiting-jobdetail-metric-value.negative{color:#ef4444}.recruiting-jobdetail-form{display:flex;flex-direction:column;gap:20px}.recruiting-jobdetail-form-group{display:flex;flex-direction:column;gap:8px}.recruiting-jobdetail-form-group label{font-size:14px;font-weight:600;color:#1e293b}.recruiting-jobdetail-form-input,.recruiting-jobdetail-form-textarea{padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;color:#1e293b;background:#fff;font-family:inherit;transition:all .2s ease}.recruiting-jobdetail-form-input:focus,.recruiting-jobdetail-form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.recruiting-jobdetail-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.recruiting-jobdetail-button{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.recruiting-jobdetail-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.recruiting-jobdetail-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.recruiting-jobdetail-button-primary{background:linear-gradient(135deg,#3b82f6,#1e5fd8);color:#fff;border-color:#3b82f6}.recruiting-jobdetail-button-primary:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);color:#fff;box-shadow:0 4px 12px #3b82f64d,inset 0 1px #fff3}.recruiting-jobdetail-button-small{padding:6px 12px;font-size:13px}.recruiting-jobdetail-button-ghost{background:transparent;border:none;box-shadow:none;color:#64748b}.recruiting-jobdetail-button-ghost:hover{background:#f8fafc;color:#1e293b;box-shadow:none}.recruiting-jobdetail-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.recruiting-jobdetail-badge-success{background:#d1fae5;color:#065f46}.recruiting-jobdetail-badge-draft{background:#e2e8f0;color:#475569}.recruiting-jobdetail-badge-warning{background:#fed7aa;color:#92400e}.recruiting-jobdetail-badge-error{background:#fecaca;color:#991b1b}.recruiting-jobdetail-badge-info{background:#dbeafe;color:#1e40af}.recruiting-jobdetail-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:#64748b;align-items:center}.recruiting-jobdetail-meta span{display:flex;align-items:center;gap:6px}.recruiting-jobdetail-meta-icon{width:16px;height:16px;color:#64748b}.recruiting-jobdetail-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.recruiting-jobdetail-icon-sm{width:16px;height:16px;stroke:currentColor;flex-shrink:0}.recruiting-jobdetail-loading{text-align:center;padding:80px 40px;color:#64748b;font-size:16px}.recruiting-jobdetail-error{text-align:center;padding:80px 40px}.recruiting-jobdetail-error h2{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 12px}.recruiting-jobdetail-error p{font-size:15px;color:#64748b;margin:0 0 24px}@media(max-width:1024px){.recruiting-jobdetail-stats{grid-template-columns:repeat(2,1fr)}.recruiting-jobdetail-two-column,.recruiting-jobdetail-info-grid{grid-template-columns:1fr}}@media(max-width:768px){.recruiting-jobdetail-stats{grid-template-columns:1fr}.recruiting-jobdetail-ai-banner{flex-direction:column;gap:16px}.recruiting-jobdetail-banner-content{flex-direction:column;text-align:center}.recruiting-jobdetail-card{padding:20px}.recruiting-jobdetail-header{flex-direction:column;align-items:flex-start;gap:12px}.recruiting-jobdetail-form-row{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-xl)}.modal-content{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.interview-feedback-modal{border:var(--border-width-medium) solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-xl);border-bottom:2px solid var(--border-color);gap:var(--space-lg)}.modal-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);line-height:1;transition:all .2s ease;flex-shrink:0}.modal-close:hover{color:var(--text-primary);background:var(--bg-hover);border-radius:var(--radius-sm)}.feedback-section{margin-bottom:var(--space-2xl)}.section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs) 0}.section-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-lg) 0}.rating-row{padding:var(--space-lg);background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.rating-row:last-child{margin-bottom:0}.rating-label{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.rating-controls{display:flex;align-items:center;gap:var(--space-xl)}.rating-slider-container{flex:1}.rating-slider{width:100%;height:8px;border-radius:var(--radius-badge);background:var(--border-color);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary-solid);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-transition:all .2s ease;transition:all .2s ease}.rating-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.rating-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary-solid);cursor:pointer;border:none;box-shadow:var(--shadow-sm);-moz-transition:all .2s ease;transition:all .2s ease}.rating-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.rating-labels{display:flex;justify-content:space-between;margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-tertiary)}.rating-display{display:flex;flex-direction:column;align-items:center;min-width:100px;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:var(--border-width-medium) solid var(--primary-solid);border-radius:var(--radius-sm)}.rating-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--primary-solid);line-height:1;margin-bottom:var(--space-xs)}.rating-text{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.recommendation-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}.recommendation-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer;transition:all .2s ease}.recommendation-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.recommendation-btn.active{box-shadow:var(--shadow-md)}.recommendation-emoji{font-size:var(--font-size-3xl)}.recommendation-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.feedback-field{margin-bottom:var(--space-lg)}.field-label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.field-hint{font-size:var(--font-size-sm);font-weight:400;color:var(--text-secondary)}.feedback-textarea{width:100%;padding:var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-surface);font-family:inherit;resize:vertical;transition:all .2s ease}.feedback-textarea:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px #6366f11a}.feedback-textarea::-moz-placeholder{color:var(--text-tertiary)}.feedback-textarea::placeholder{color:var(--text-tertiary)}.ai-suggestion-hint{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:linear-gradient(135deg,#6366f10d,#ec48990d);border:1px solid var(--primary-solid);border-radius:var(--radius-sm);margin-top:var(--space-xl)}.ai-icon{font-size:var(--font-size-xl);flex-shrink:0}.ai-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-xl);border-top:2px solid var(--border-color);background:var(--bg-hover)}@media(max-width:768px){.modal-overlay{padding:var(--space-md)}.modal-content{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--space-lg)}.rating-controls{flex-direction:column;align-items:stretch}.rating-display{min-width:auto;width:100%;flex-direction:row;justify-content:center;gap:var(--space-md)}.recommendation-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.modal-title{font-size:var(--font-size-xl)}.recommendation-options{grid-template-columns:1fr}}.interview-schedule-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.interview-schedule-title-section h1{font-size:24px;font-weight:600;margin:0 0 4px;color:#1e293b}.interview-schedule-title-section p{font-size:14px;color:#64748b;margin:0}.interview-schedule-view-toggle{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:8px}.interview-schedule-view-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;color:#6b7280}.interview-schedule-view-btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.interview-schedule-view-btn svg{width:16px;height:16px}.interview-schedule-filters-row{display:flex;gap:12px;margin-bottom:24px}.interview-schedule-search-wrapper{flex:1;position:relative}.interview-schedule-search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;color:#1e293b;background:#fff;transition:all .2s ease}.interview-schedule-search-input:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df21a}.interview-schedule-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8}.interview-schedule-filter-btn{padding:12px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.interview-schedule-filter-btn:hover{border-color:var(--sparko-blue, #276DF2);color:var(--sparko-blue, #276DF2)}.interview-schedule-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.interview-schedule-list-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:20px;display:grid;grid-template-columns:48px 1fr 240px;gap:20px;align-items:center;border-left:4px solid transparent;transition:all .2s ease;cursor:pointer}.interview-schedule-list-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue, #276DF2);transform:translate(2px)}.interview-schedule-list-item.upcoming{border-left-color:var(--sparko-blue, #276DF2);background:linear-gradient(135deg,#276df208,#276df203)}.interview-schedule-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#1d5fd9);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.interview-schedule-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.interview-schedule-icon svg{width:24px;height:24px}.interview-schedule-content{flex:1;display:grid;grid-template-columns:1fr 140px 200px 150px;gap:24px;align-items:center}.interview-schedule-main h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.interview-schedule-main p{font-size:14px;color:#64748b}.interview-schedule-detail{display:flex;flex-direction:column;gap:4px;min-width:0}.interview-schedule-detail-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600;white-space:nowrap}.interview-schedule-detail-value{font-size:14px;color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interview-schedule-actions{display:flex;gap:8px;justify-content:flex-end}.interview-schedule-action-btn{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.interview-schedule-action-btn:hover{border-color:var(--sparko-blue, #276DF2);color:var(--sparko-blue, #276DF2);background:#276df208}.interview-schedule-action-btn.primary{background:var(--sparko-blue, #276DF2);color:#fff;border-color:var(--sparko-blue, #276DF2)}.interview-schedule-action-btn.primary:hover{background:#1d5fd9}.interview-schedule-action-btn svg{width:14px;height:14px}.interview-schedule-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.interview-schedule-badge.status-scheduled{background:#3b82f61a;color:#3b82f6}.interview-schedule-badge.status-completed{background:#10b9811a;color:#10b981}.interview-schedule-badge.type-technical{background:#8b5cf61a;color:#8b5cf6}.interview-schedule-badge.type-phone_screen{background:#3b82f61a;color:#3b82f6}.interview-schedule-badge.type-behavioral{background:#f59e0b1a;color:#f59e0b}.interview-schedule-badge.type-panel{background:#8b5cf61a;color:#8b5cf6}.interview-schedule-badge.type-final{background:#10b9811a;color:#10b981}.interview-schedule-timeline{position:relative;padding-left:40px}.interview-schedule-timeline:before{content:"";position:absolute;left:18px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--sparko-blue, #276DF2) 0%,#e2e8f0 100%);border-radius:2px}.interview-schedule-timeline-section{margin-bottom:40px}.interview-schedule-date-marker{display:flex;align-items:center;gap:16px;margin-bottom:20px;position:relative}.interview-schedule-date-marker:before{content:"";position:absolute;left:-34px;width:16px;height:16px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#1d5fd9);border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px #276df233}.interview-schedule-date-label{font-size:16px;font-weight:700;color:#1e293b;padding:8px 16px;background:linear-gradient(135deg,#276df21a,#276df20d);border-radius:20px;display:inline-block}.interview-schedule-interviews-group{display:flex;flex-direction:column;gap:16px;margin-left:20px}.interview-schedule-timeline-card{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:14px;padding:20px;transition:all .2s ease;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden;cursor:pointer}.interview-schedule-timeline-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--sparko-blue, #276DF2),#1d5fd9);opacity:0;transition:opacity .2s ease}.interview-schedule-timeline-card:hover{border-color:var(--sparko-blue, #276DF2);box-shadow:0 4px 12px #00000014;transform:translate(8px)}.interview-schedule-timeline-card:hover:before{opacity:1}.interview-schedule-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.interview-schedule-timeline-info{flex:1}.interview-schedule-time-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#1d5fd9);color:#fff;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 2px 4px #276df233;flex-shrink:0}.interview-schedule-time-badge.completed{background:linear-gradient(135deg,#10b981,#059669)}.interview-schedule-time-badge svg{width:14px;height:14px}.interview-schedule-timeline-info h3{font-size:17px;font-weight:600;color:#1e293b;margin-bottom:6px}.interview-schedule-timeline-info p{font-size:14px;color:#64748b}.interview-schedule-timeline-meta{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:12px;background:#f8fafc99;border-radius:10px}.interview-schedule-meta-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.interview-schedule-meta-item svg{width:16px;height:16px;color:var(--sparko-blue, #276DF2);flex-shrink:0}.interview-schedule-meta-item strong{color:#1e293b;font-weight:600}.interview-schedule-meeting-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;color:var(--sparko-blue, #276DF2);cursor:pointer;transition:all .2s ease}.interview-schedule-meeting-link:hover{background:#276df20d;border-color:var(--sparko-blue, #276DF2)}.interview-schedule-meeting-link svg{width:14px;height:14px}.interview-schedule-loading{text-align:center;padding:60px 20px;font-size:16px;color:#64748b}.interview-schedule-error{text-align:center;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:16px}.interview-schedule-error svg{color:var(--text-tertiary, #94a3b8)}.interview-schedule-error h2{font-size:20px;font-weight:600;color:var(--text-primary, #1e293b);margin:0}.interview-schedule-error p{font-size:14px;color:var(--text-secondary, #64748b);margin:0}.interview-schedule-partial-error{background:var(--warning-bg, rgba(245, 158, 11, .1));border:1px solid var(--warning, #F59E0B);border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.interview-schedule-partial-error-text{flex:1;font-size:14px;color:var(--text-primary, #0f172a);font-weight:500}@media(max-width:1024px){.interview-schedule-content{grid-template-columns:1fr 120px 160px 130px;gap:16px}}@media(max-width:768px){.interview-schedule-header{flex-direction:column;align-items:stretch}.interview-schedule-view-toggle{justify-content:stretch}.interview-schedule-view-btn{flex:1;justify-content:center}.interview-schedule-list-item{grid-template-columns:1fr;gap:16px}.interview-schedule-icon{width:40px;height:40px}.interview-schedule-content{grid-template-columns:1fr;gap:12px}.interview-schedule-actions{justify-content:flex-start}.interview-schedule-timeline-meta{flex-direction:column;align-items:flex-start;gap:12px}.interview-schedule-timeline-header{flex-direction:column;gap:12px}}.recruiting-analytics-container{padding:var(--spacing-lg)}.analytics-header{margin-bottom:var(--spacing-xl)}.filters-row{margin-bottom:var(--space-lg)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.analytics-card{padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--border-radius);border:var(--border-width-thin) solid var(--border-color)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.metric-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-medium)}.model-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.model-card{padding:var(--spacing-lg)}.model-card .card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.model-card .card-header-row .chart-title{margin:0}.effectiveness-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.effectiveness-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius)}.effectiveness-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.effectiveness-label{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}.calibration-metrics{display:flex;flex-direction:column;gap:var(--spacing-sm)}.calibration-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:var(--border-width-thin) solid var(--border-color)}.calibration-row:last-child{border-bottom:none}.calibration-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.calibration-value{font-weight:var(--font-weight-medium);color:var(--text-primary)}.calibration-insights{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius)}.calibration-insights ul{margin:var(--spacing-xs) 0 0 var(--spacing-md);padding:0}.calibration-insights li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.no-data-message{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary)}.no-data-message .text-muted{font-size:var(--font-size-sm);color:var(--text-muted)}.modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.checkpoint-modal h3{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.modal-subtitle{color:var(--text-muted);margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-md)}.form-group textarea{resize:vertical}.rating-buttons{display:flex;gap:var(--spacing-sm)}.rating-btn{width:var(--touch-target-min);height:var(--touch-target-min);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s}.rating-btn:hover{border-color:var(--primary-color)}.rating-btn.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:var(--border-width-thin) solid var(--border-color)}.sparko-meta-item{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.sparko-meta-icon{flex-shrink:0;font-size:var(--font-size-md);line-height:1}.sparko-meta-label{font-weight:500;color:var(--text-tertiary)}.sparko-meta-value{font-weight:400;color:var(--text-secondary)}.sparko-meta-group{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.sparko-data-row{display:flex;font-size:var(--font-size-md)}.sparko-data-row-horizontal{align-items:center;gap:var(--space-xs)}.sparko-data-row-vertical{flex-direction:column;gap:var(--space-2xs)}.sparko-data-row-split{justify-content:space-between;align-items:center}.sparko-data-label{font-weight:500;color:var(--text-tertiary);font-size:var(--font-size-sm)}.sparko-data-value{font-weight:400;color:var(--text-primary);font-size:var(--font-size-md)}.sparko-data-list{display:flex;flex-direction:column;gap:var(--space-sm)}.sparko-progress{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.sparko-progress-header{display:flex;justify-content:space-between;align-items:center}.sparko-progress-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.sparko-progress-percentage{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.sparko-progress-track{width:100%;background:var(--border-color);border-radius:var(--radius-sm);overflow:hidden;position:relative}.sparko-progress-small{height:4px}.sparko-progress-medium{height:6px}.sparko-progress-large{height:8px}.sparko-progress-fill{height:100%;transition:width .3s ease;border-radius:var(--radius-sm)}.sparko-progress-default{background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end))}.sparko-progress-success{background:linear-gradient(90deg,var(--status-success),var(--status-success-hover))}.sparko-progress-warning{background:linear-gradient(90deg,var(--status-warning),var(--status-warning-dark))}.sparko-progress-danger{background:linear-gradient(90deg,var(--status-error),var(--status-error-dark))}@media(max-width:768px){.sparko-meta-group{gap:var(--space-md)}.sparko-data-row-horizontal{flex-direction:column;align-items:flex-start}}.screening-config-form{max-height:70vh;overflow-y:auto;padding:var(--space-md)}.config-error{background:var(--status-error-bg);color:var(--status-error);padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-lg)}.config-section{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color)}.config-section:last-of-type{border-bottom:none}.section-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.section-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-md) 0}.toggle-row{margin-bottom:var(--space-md)}.toggle-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-solid)}.toggle-text{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.field-row{margin-bottom:var(--space-md)}.field-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs)}.field-help{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.field-help.warning{color:var(--status-warning)}.number-input,.select-input{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);width:100%;max-width:200px}.number-input:focus,.select-input:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.slider-field{display:flex;align-items:center;gap:var(--space-md)}.slider-field input[type=range]{flex:1;max-width:300px;height:6px;border-radius:var(--radius-badge);background:var(--bg-muted);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-solid);cursor:pointer}.slider-value{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--primary-solid);min-width:50px}.rejection-modes{display:flex;flex-direction:column;gap:var(--space-sm)}.mode-option{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.mode-option:hover{border-color:var(--primary-solid)}.mode-option.selected{border-color:var(--primary-solid);background:#6366f10d}.mode-option input[type=radio]{margin-top:2px;accent-color:var(--primary-solid)}.mode-content{display:flex;flex-direction:column;gap:var(--space-xs)}.mode-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.mode-description{font-size:var(--text-xs);color:var(--text-secondary)}.tag-input{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.tag-input input{flex:1;padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface)}.tag-input input:focus{outline:none;border-color:var(--primary-solid)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-muted);border-radius:var(--radius-xs);font-size:var(--text-xs);color:var(--text-primary)}.tag.warning{background:var(--status-warning-bg);color:var(--status-warning)}.tag button{background:none;border:none;color:inherit;cursor:pointer;font-size:var(--text-sm);line-height:1;opacity:.7;padding:0;margin-left:2px}.tag button:hover{opacity:1}.config-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color)}@media(max-width:768px){.screening-config-form{padding:var(--space-sm)}.slider-field{flex-direction:column;align-items:flex-start}.slider-field input[type=range]{width:100%;max-width:none}.tag-input,.config-actions{flex-direction:column}.config-actions button{width:100%}}.priority-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{text-align:center}.stat-card.highlight{background:linear-gradient(135deg,#6366f10d,#ec48990d);border-color:var(--primary-solid)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.config-banner{margin-bottom:var(--space-lg);background:var(--bg-muted)}.config-info{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.config-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.filter-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color);padding-bottom:var(--space-xs)}.filter-tabs .tab{padding:var(--space-sm) var(--space-lg);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;margin-bottom:-1px}.filter-tabs .tab:hover{color:var(--text-primary)}.filter-tabs .tab.active{color:var(--primary-solid);border-bottom-color:var(--primary-solid)}.priority-queue{display:flex;flex-direction:column;gap:var(--space-md)}.queue-item{transition:all .2s ease}.queue-item:hover{border-color:var(--primary-solid);box-shadow:var(--shadow-md)}.queue-item.processing{opacity:.7;pointer-events:none}.queue-item-content{display:grid;grid-template-columns:80px 1fr 200px 120px auto;gap:var(--space-lg);align-items:center}.queue-rank{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.rank-number{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-tertiary)}.queue-candidate{min-width:0}.candidate-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-decoration:none;display:block;margin-bottom:var(--space-xs)}.candidate-name:hover{color:var(--primary-solid)}.candidate-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.queue-screening{display:flex;flex-direction:column;gap:var(--space-xs)}.screening-details{font-size:var(--text-xs);color:var(--text-secondary)}.ai-score{font-weight:var(--font-weight-medium)}.strengths-preview,.flags-preview{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.strength-chip{font-size:var(--font-size-xs);padding:2px var(--space-xs);background:var(--status-success-bg);color:var(--status-success);border-radius:var(--radius-xs);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flag-chip{font-size:var(--font-size-xs);padding:2px var(--space-xs);background:var(--status-error-bg);color:var(--status-error);border-radius:var(--radius-xs);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-chip{font-size:var(--font-size-xs);padding:2px var(--space-xs);background:var(--bg-muted);color:var(--text-tertiary);border-radius:var(--radius-xs)}.queue-status{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.applied-date{font-size:var(--text-xs);color:var(--text-tertiary)}.queue-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end}.empty-state{text-align:center;padding:var(--space-3xl)!important}.empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg);color:var(--text-tertiary)}.empty-state h3{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.empty-state p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-lg)}.loading-container p{color:var(--text-secondary)}.error-card{text-align:center}.error-message{color:var(--status-error);margin-bottom:var(--space-lg)}@media(max-width:1200px){.queue-item-content{grid-template-columns:60px 1fr 150px auto}.queue-status{display:none}}@media(max-width:992px){.priority-stats{grid-template-columns:repeat(2,1fr)}.queue-item-content{grid-template-columns:1fr;gap:var(--space-md)}.queue-rank{flex-direction:row;justify-content:flex-start}.queue-actions{justify-content:flex-start}.queue-status{display:flex}}@media(max-width:768px){.priority-stats{grid-template-columns:1fr}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}}.interview-intelligence{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.intelligence-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.intelligence-header h1{margin:0;font-size:var(--font-size-2xl);color:var(--text-primary)}.header-subtitle{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-md)}.header-actions{display:flex;gap:var(--spacing-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{text-align:center;padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-card.stat-success .stat-value{color:var(--color-success)}.stat-card.stat-warning .stat-value{color:var(--color-warning)}.stat-card.stat-danger .stat-value{color:var(--color-danger)}.comparison-card{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.comparison-card h3{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg)}.comparison-summary{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comparison-rationale{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:var(--spacing-sm) 0}.view-comparison-link{color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none}.view-comparison-link:hover{text-decoration:underline}.candidates-card{padding:var(--spacing-lg)}.candidates-card .card-header{margin-bottom:var(--spacing-lg)}.candidates-card .card-header h3{margin:0;font-size:var(--font-size-lg)}.card-subtitle{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.candidates-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.candidate-row{display:grid;grid-template-columns:40px 2fr 1.5fr 1fr 1fr 150px;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .2s ease}.candidate-row:hover{border-color:var(--border-secondary);background:var(--surface-hover)}.candidate-row.selected{border-color:var(--color-primary);background:var(--surface-secondary)}.candidate-select input{width:18px;height:18px;cursor:pointer}.candidate-select input:disabled{cursor:not-allowed;opacity:.5}.candidate-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.candidate-name{font-weight:var(--font-weight-medium);color:var(--text-primary);text-decoration:none}.candidate-name:hover{color:var(--color-primary)}.candidate-meta{display:flex;gap:var(--spacing-xs)}.candidate-recommendation{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.confidence-score{font-size:var(--font-size-xs);color:var(--text-secondary)}.no-synthesis{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic}.candidate-scores{display:flex;align-items:center;gap:var(--spacing-md)}.score-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.score-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase}.score-value{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.votes{display:flex;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.votes-positive{color:var(--color-success)}.votes-negative{color:var(--color-danger)}.no-scores{color:var(--text-tertiary)}.candidate-risks{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.candidate-actions{display:flex;justify-content:flex-end}.empty-state p{margin-bottom:var(--spacing-md)}.error-state{text-align:center;padding:var(--spacing-xl)}.error-state h3{color:var(--color-danger);margin-bottom:var(--spacing-sm)}.access-denied{text-align:center;padding:var(--spacing-2xl)}.access-denied h2{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.access-denied p{color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;display:flex;align-items:center;justify-content:center;z-index:1000}.compare-modal{width:100%;max-width:500px;padding:var(--spacing-xl)}.compare-modal h3{margin:0 0 var(--spacing-sm)}.compare-modal p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}@media(max-width:1024px){.candidate-row{grid-template-columns:40px 1fr 1fr;grid-template-rows:auto auto}.candidate-risks,.candidate-actions{grid-column:span 3;justify-content:flex-start}}@media(max-width:640px){.intelligence-header{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.candidate-row{grid-template-columns:1fr;gap:var(--spacing-sm);position:relative}.candidate-select{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}}.recruiting-hiringplan-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.recruiting-hiringplan-title-section h1{font-size:28px;font-weight:600;color:#0f172a;margin:0 0 8px}.recruiting-hiringplan-title-section p{font-size:14px;color:#64748b;margin:0}.recruiting-hiringplan-actions{display:flex;gap:12px;flex-shrink:0}.recruiting-hiringplan-button{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.recruiting-hiringplan-button:hover{background:#f8fafc;border-color:#cbd5e1}.recruiting-hiringplan-button-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb}.recruiting-hiringplan-button-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.recruiting-hiringplan-icon-btn{width:32px;height:32px;padding:0;min-width:32px;justify-content:center}.recruiting-hiringplan-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.recruiting-hiringplan-stat{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px}.recruiting-hiringplan-stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recruiting-hiringplan-stat-icon svg{width:24px;height:24px;color:#fff}.recruiting-hiringplan-stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.recruiting-hiringplan-stat-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.recruiting-hiringplan-stat-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.recruiting-hiringplan-stat-icon-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.recruiting-hiringplan-stat-content{flex:1}.recruiting-hiringplan-stat-value{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:4px}.recruiting-hiringplan-stat-label{font-size:13px;color:#64748b;font-weight:500}.recruiting-hiringplan-filters{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.recruiting-hiringplan-filters-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.recruiting-hiringplan-search-box{position:relative;flex:1;min-width:250px}.recruiting-hiringplan-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.recruiting-hiringplan-search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#f8fafc;color:#1e293b;font-family:inherit}.recruiting-hiringplan-search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.recruiting-hiringplan-filter-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#f8fafc;color:#1e293b;cursor:pointer;font-family:inherit}.recruiting-hiringplan-filter-select:focus{outline:none;border-color:#3b82f6;background:#fff}.recruiting-hiringplan-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.recruiting-hiringplan-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:16px;padding:20px 24px;align-items:center;border-bottom:1px solid #e2e8f0;transition:background .2s}.recruiting-hiringplan-row:last-child{border-bottom:none}.recruiting-hiringplan-row:hover{background:#f8fafc}.recruiting-hiringplan-plan-info{min-width:0}.recruiting-hiringplan-plan-name{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px}.recruiting-hiringplan-plan-meta{font-size:13px;color:#64748b;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recruiting-hiringplan-meta-separator{color:#cbd5e1}.recruiting-hiringplan-stat-column{text-align:left}.recruiting-hiringplan-stat-value{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:2px}.recruiting-hiringplan-stat-label{font-size:12px;color:#64748b}.recruiting-hiringplan-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.recruiting-hiringplan-badge-active{background:#d1fae5;color:#065f46}.recruiting-hiringplan-badge-draft{background:#dbeafe;color:#1e40af}.recruiting-hiringplan-badge-completed{background:#e2e8f0;color:#475569}.recruiting-hiringplan-empty{background:#fff;border-radius:12px;padding:64px 32px;text-align:center;box-shadow:0 1px 3px #0000001a}.recruiting-hiringplan-empty svg{color:#cbd5e1;margin-bottom:16px}.recruiting-hiringplan-empty h3{font-size:20px;font-weight:600;color:#0f172a;margin:0 0 8px}.recruiting-hiringplan-empty p{font-size:14px;color:#64748b;margin:0 0 24px}.recruiting-hiringplan-loading{display:flex;align-items:center;justify-content:center;padding:64px 32px;color:#64748b;font-size:14px}.recruiting-hiringplan-error{background:#fff;border-radius:12px;padding:64px 32px;text-align:center;box-shadow:0 1px 3px #0000001a}.recruiting-hiringplan-error svg{color:#ef4444;margin-bottom:16px}.recruiting-hiringplan-error p{font-size:14px;color:#64748b;margin:0 0 24px}@media(max-width:1024px){.recruiting-hiringplan-stats{grid-template-columns:repeat(2,1fr)}.recruiting-hiringplan-row{grid-template-columns:1fr;gap:12px}.recruiting-hiringplan-stat-column{display:flex;justify-content:space-between;align-items:center}.recruiting-hiringplan-stat-column:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase}}@media(max-width:768px){.recruiting-hiringplan-stats{grid-template-columns:1fr}.recruiting-hiringplan-header{flex-direction:column;gap:16px}.recruiting-hiringplan-actions{width:100%}.recruiting-hiringplan-filters-row{flex-direction:column}.recruiting-hiringplan-search-box,.recruiting-hiringplan-filter-select{width:100%}}.offer-letters-page{min-height:100vh;background:var(--sparko-background);padding:0}.offer-letters-content{max-width:1400px;margin:0 auto;padding:32px 24px}.offer-letters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--sparko-border)}.offer-letters-header-left{display:flex;align-items:center;gap:12px}.offer-letters-icon-header{width:24px;height:24px;color:var(--sparko-blue);flex-shrink:0}.offer-letters-title{font-size:24px;font-weight:700;color:var(--sparko-text);margin:0}.offer-letters-subtitle{font-size:14px;color:var(--sparko-text-secondary);margin:4px 0 0 36px}.offer-letters-actions{display:flex;gap:12px}.offer-letters-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-family:inherit}.offer-letters-btn-primary{background:var(--sparko-blue);color:#fff}.offer-letters-btn-primary:hover:not(:disabled){background:#2563eb}.offer-letters-btn-primary:disabled{opacity:.5;cursor:not-allowed}.offer-letters-btn-secondary{background:#fff;color:var(--sparko-text);border:1px solid var(--sparko-border)}.offer-letters-btn-secondary:hover:not(:disabled){background:var(--sparko-background)}.offer-letters-btn-outline{background:#fff;color:var(--sparko-blue);border:1px solid var(--sparko-border)}.offer-letters-btn-outline:hover{background:#3b82f60d;border-color:var(--sparko-blue)}.offer-letters-btn-icon{width:16px;height:16px;flex-shrink:0}.offer-letters-table-card{background:var(--sparko-surface);border:1px solid var(--sparko-border);border-radius:8px;overflow:hidden}.offer-letters-table-header{padding:20px 24px;border-bottom:1px solid var(--sparko-border)}.offer-letters-table-title{font-size:18px;font-weight:600;color:var(--sparko-text);margin:0}.offer-letters-table-container{overflow-x:auto}.offer-letters-table{width:100%;border-collapse:collapse}.offer-letters-table thead{background:#f8fafccc;border-bottom:1px solid var(--sparko-border)}.offer-letters-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--sparko-text-secondary);text-transform:uppercase;letter-spacing:.5px}.offer-letters-table td{padding:14px 16px;font-size:14px;color:var(--sparko-text);border-bottom:1px solid var(--sparko-border)}.offer-letters-table tbody tr:last-child td{border-bottom:none}.offer-letters-table tbody tr:hover{background:#3b82f608}.offer-letters-table td strong{font-weight:600;color:var(--sparko-text)}.offer-letters-table td em{color:var(--sparko-text-secondary);font-style:normal;font-size:13px}.offer-letters-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.offer-letters-badge-draft{background:#64748b1a;color:#64748b}.offer-letters-badge-sent{background:#3b82f61a;color:var(--sparko-blue)}.offer-letters-badge-accepted{background:#10b9811a;color:var(--sparko-green)}.offer-letters-badge-rejected{background:#ef44441a;color:var(--sparko-red)}.offer-letters-badge-expired{background:#f59e0b1a;color:var(--sparko-amber)}.offer-letters-badge-pending{background:#fbbf241a;color:#f59e0b}.offer-letters-badge-approved{background:#22c55e1a;color:#22c55e}.offer-letters-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.offer-letters-action-btn{padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--sparko-border);background:#fff;color:var(--sparko-text);transition:all .2s ease;font-family:inherit}.offer-letters-action-btn:hover{background:var(--sparko-background);border-color:var(--sparko-blue);color:var(--sparko-blue)}.offer-letters-action-btn-primary{background:var(--sparko-blue);color:#fff;border-color:var(--sparko-blue)}.offer-letters-action-btn-primary:hover{background:#2563eb}.offer-letters-action-btn-success{background:var(--sparko-green);color:#fff;border-color:var(--sparko-green)}.offer-letters-action-btn-success:hover{background:#059669}.offer-letters-action-btn-danger{background:var(--sparko-red);color:#fff;border-color:var(--sparko-red)}.offer-letters-action-btn-danger:hover{background:#dc2626}.offer-letters-expired-date{color:var(--sparko-red);font-weight:600}.offer-letters-equity-detail{font-size:13px;color:var(--sparko-text-secondary)}.offer-letters-empty{text-align:center;padding:80px 20px}.offer-letters-empty-icon{width:64px;height:64px;color:var(--sparko-text-secondary);opacity:.3;margin:0 auto 16px}.offer-letters-empty-title{font-size:18px;font-weight:600;color:var(--sparko-text);margin:0 0 8px}.offer-letters-empty-message{font-size:14px;color:var(--sparko-text-secondary);margin:0}.offer-letters-error{background:#ef44441a;border:1px solid var(--sparko-red);border-radius:8px;padding:16px;margin-bottom:24px}.offer-letters-error-title{font-size:14px;font-weight:600;color:var(--sparko-red);margin:0 0 4px}.offer-letters-error-message{font-size:13px;color:var(--sparko-text);margin:0}.offer-letters-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.offer-letters-spinner{width:40px;height:40px;border:3px solid var(--sparko-border);border-top-color:var(--sparko-blue);border-radius:50%;animation:offer-letters-spin .8s linear infinite}@keyframes offer-letters-spin{to{transform:rotate(360deg)}}.offer-letters-loading-text{font-size:15px;color:var(--sparko-text-secondary);margin:0}.offer-letters-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.offer-letters-modal{background:var(--sparko-surface);border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.offer-letters-modal-large{max-width:900px}.offer-letters-modal-small{max-width:500px}.offer-letters-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid var(--sparko-border)}.offer-letters-modal-title{font-size:20px;font-weight:600;color:var(--sparko-text);margin:0}.offer-letters-modal-close{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--sparko-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.offer-letters-modal-close:hover{background:var(--sparko-background);color:var(--sparko-text)}.offer-letters-close-icon{width:20px;height:20px}.offer-letters-modal-body{padding:24px}.offer-letters-modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.offer-letters-form-group{display:flex;flex-direction:column;gap:8px}.offer-letters-form-label{font-size:14px;font-weight:500;color:var(--sparko-text);display:flex;align-items:center;gap:6px}.offer-letters-form-input,.offer-letters-form-select,.offer-letters-form-textarea{width:100%;padding:10px 14px;border:1px solid var(--sparko-border);border-radius:6px;font-size:14px;font-family:inherit;background:var(--sparko-surface);color:var(--sparko-text);transition:all .2s ease}.offer-letters-form-input:focus,.offer-letters-form-select:focus,.offer-letters-form-textarea:focus{outline:none;border-color:var(--sparko-blue);box-shadow:0 0 0 3px #3b82f61a}.offer-letters-form-input:disabled{background:var(--sparko-background);cursor:not-allowed;opacity:.6}.offer-letters-form-textarea{resize:vertical;min-height:80px}.offer-letters-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.offer-letters-section-subtitle{font-size:16px;font-weight:600;color:var(--sparko-text);margin:12px 0 0;padding-top:12px;border-top:1px solid var(--sparko-border)}.offer-letters-tooltip-icon{display:inline-flex;align-items:center;color:var(--sparko-text-secondary);cursor:help}.offer-letters-info-icon{width:16px;height:16px}.offer-letters-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;position:relative}.offer-letters-banner-icon{flex-shrink:0}.offer-letters-briefcase-icon{width:20px;height:20px;color:var(--sparko-blue)}.offer-letters-banner-content{flex:1}.offer-letters-banner-content strong{display:block;font-size:14px;font-weight:600;color:var(--sparko-text);margin-bottom:4px}.offer-letters-banner-content p{font-size:13px;color:var(--sparko-text-secondary);margin:0}.offer-letters-banner-close{position:absolute;top:12px;right:12px;width:24px;height:24px;border:none;background:transparent;color:var(--sparko-text-secondary);cursor:pointer;font-size:20px;line-height:1;transition:color .2s ease}.offer-letters-banner-close:hover{color:var(--sparko-text)}.offer-letters-info-box{display:flex;gap:12px;padding:16px;background:#9333ea0d;border:1px solid rgba(147,51,234,.2);border-radius:8px}.offer-letters-info-content{flex:1}.offer-letters-info-title{font-size:14px;font-weight:600;color:var(--sparko-text);margin-bottom:6px}.offer-letters-info-text{font-size:13px;color:var(--sparko-text-secondary);line-height:1.5}.offer-letters-help-text{font-size:13px;margin-top:4px}.offer-letters-help-text-error{color:var(--sparko-red)}.offer-letters-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px 24px;border-top:1px solid var(--sparko-border)}.offer-letters-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.offer-letters-detail-card{padding:16px;background:var(--sparko-background);border:1px solid var(--sparko-border);border-radius:8px}.offer-letters-detail-label{font-size:12px;color:var(--sparko-text-secondary);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.offer-letters-detail-value{font-size:16px;font-weight:600;color:var(--sparko-text)}.offer-letters-info-card{padding:16px;background:var(--sparko-background);border:1px solid var(--sparko-border);border-radius:8px;margin-bottom:16px}.offer-letters-info-label{font-size:13px;color:var(--sparko-text-secondary);font-weight:600;margin-bottom:8px}.offer-letters-info-value{font-size:14px;color:var(--sparko-text);line-height:1.6}.offer-letters-benefits-text{white-space:pre-wrap}.offer-letters-ai-content-card{padding:16px;background:#9333ea0d;border:1px solid rgba(147,51,234,.2);border-radius:8px;margin-top:16px}.offer-letters-ai-content{margin-top:12px;padding:16px;background:var(--sparko-surface);border:1px solid var(--sparko-border);border-radius:6px;white-space:pre-wrap;font-family:Courier New,monospace;font-size:13px;line-height:1.6;color:var(--sparko-text)}.offer-letters-confirm-message{font-size:14px;color:var(--sparko-text);line-height:1.6;margin:0}@media(max-width:768px){.offer-letters-content{padding:24px 16px}.offer-letters-header{flex-direction:column;align-items:flex-start;gap:16px}.offer-letters-subtitle{margin-left:0}.offer-letters-actions{width:100%;flex-direction:column}.offer-letters-actions button{width:100%;justify-content:center}.offer-letters-table-container{overflow-x:scroll}.offer-letters-action-buttons{flex-direction:column}.offer-letters-action-buttons button{width:100%}.offer-letters-form-grid,.offer-letters-details-grid{grid-template-columns:1fr}.offer-letters-modal-actions{flex-direction:column-reverse}.offer-letters-modal-actions button{width:100%}}.bulk-edit-modal{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-md);max-width:600px}.bulk-edit-info{background:var(--bg-tertiary);padding:var(--space-md);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-color)}.bulk-edit-count{font-size:var(--text-md);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.bulk-edit-count strong{color:var(--accent-primary);font-weight:700}.bulk-edit-instructions{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.bulk-edit-fields{display:flex;flex-direction:column;gap:var(--space-md)}.bulk-edit-field-row{display:flex;flex-direction:column;gap:var(--space-sm)}.bulk-edit-checkbox{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);cursor:pointer}.bulk-edit-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.bulk-edit-checkbox span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bulk-edit-input{width:100%;padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);transition:all .2s ease}.bulk-edit-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-light)}.bulk-edit-input::-moz-placeholder{color:var(--text-tertiary)}.bulk-edit-input::placeholder{color:var(--text-tertiary)}.bulk-edit-footer{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border-color)}.bulk-edit-summary{font-size:var(--text-sm);color:var(--text-secondary);margin:0;text-align:center}.bulk-edit-summary strong{color:var(--text-primary);font-weight:700}.bulk-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}@media(max-width:768px){.bulk-edit-modal{padding:var(--space-sm)}.bulk-edit-actions{flex-direction:column-reverse}.bulk-edit-actions button{width:100%}}.sparko-empdir-page *{box-sizing:border-box}.sparko-empdir-page{max-width:1600px;margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;background:transparent}.sparko-empdir-toolbar{background:#fff;padding:20px 24px;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.sparko-empdir-title-section{flex:1;min-width:200px}.sparko-empdir-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 4px}.sparko-empdir-subtitle{font-size:14px;color:#64748b;margin:0}.sparko-empdir-toolbar-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sparko-empdir-search-container{position:relative;flex:1;max-width:500px;min-width:300px}.sparko-empdir-search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s;font-family:Inter,system-ui,-apple-system,sans-serif;background:#fff;color:#1e293b}.sparko-empdir-search-input:hover{border-color:#cbd5e1}.sparko-empdir-search-input:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df21a}.sparko-empdir-search-input::-moz-placeholder{color:#94a3b8}.sparko-empdir-search-input::placeholder{color:#94a3b8}.sparko-empdir-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.sparko-empdir-btn{padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:Inter,system-ui,-apple-system,sans-serif;display:inline-flex;align-items:center;gap:6px}.sparko-empdir-btn:disabled{opacity:.6;cursor:not-allowed}.sparko-empdir-btn-primary{background:var(--sparko-blue, #276DF2);color:#fff}.sparko-empdir-btn-primary:hover:not(:disabled){background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px #276df24d}.sparko-empdir-btn-outline{background:#fff;color:#64748b;border:1px solid #e2e8f0}.sparko-empdir-btn-outline:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.sparko-empdir-bulk-bar{background:#276df21a;border:2px solid var(--sparko-blue, #276DF2);border-radius:12px;padding:16px 24px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sparko-empdir-bulk-count{font-size:15px;font-weight:600;color:var(--sparko-blue, #276DF2)}.sparko-empdir-bulk-actions{display:flex;gap:12px}.sparko-empdir-active-filters{background:#f8fafc;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;color:#64748b}.sparko-empdir-filter-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;font-size:13px;color:#1e293b}.sparko-empdir-filter-chip-label{font-weight:600}.sparko-empdir-filter-chip-remove{background:none;border:none;color:#64748b;cursor:pointer;padding:0;margin:0;font-size:16px;line-height:1;transition:color .2s}.sparko-empdir-filter-chip-remove:hover{color:#dc2626}.sparko-empdir-clear-filters{background:none;border:none;color:var(--sparko-blue, #276DF2);cursor:pointer;font-weight:600;font-size:13px;padding:6px 10px;border-radius:6px;transition:all .2s}.sparko-empdir-clear-filters:hover{background:#276df21a}.sparko-empdir-table-container{background:#fff;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.sparko-empdir-table{width:100%;min-width:900px;border-collapse:collapse}.sparko-empdir-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.sparko-empdir-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sparko-empdir-table th:hover{background:#f1f5f9}.sparko-empdir-table th.sortable{position:relative;padding-right:30px}.sparko-empdir-sort-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:10px}.sparko-empdir-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .15s}.sparko-empdir-table tbody tr:hover{background:#f8fafc}.sparko-empdir-table tbody tr.selected{background:#276df20d}.sparko-empdir-table td{padding:16px;font-size:14px;color:#1e293b}.sparko-empdir-employee-cell{display:flex;align-items:center;gap:12px;cursor:pointer}.sparko-empdir-employee-avatar{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1e40af 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.sparko-empdir-employee-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sparko-empdir-employee-name{font-weight:600;color:#1e293b;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sparko-empdir-employee-number{font-size:12px;color:#64748b;font-family:Courier New,monospace}.sparko-empdir-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.sparko-empdir-badge-success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.sparko-empdir-badge-info{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.sparko-empdir-badge-pending{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.sparko-empdir-badge-draft{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.2)}.sparko-empdir-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--sparko-blue, #276DF2)}.sparko-empdir-actions{display:flex;gap:8px}.sparko-empdir-action-btn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s;font-family:Inter,system-ui,-apple-system,sans-serif}.sparko-empdir-action-btn:hover{background:var(--sparko-blue, #276DF2);color:#fff;border-color:var(--sparko-blue, #276DF2)}.sparko-empdir-empty{background:#fff;border-radius:12px;padding:64px 32px;text-align:center;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.sparko-empdir-empty-icon{width:64px;height:64px;margin:0 auto 16px;color:#cbd5e1}.sparko-empdir-empty-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.sparko-empdir-empty-description{font-size:15px;color:#64748b;margin:0 0 24px}.sparko-empdir-error{background:#fff;border-radius:12px;padding:64px 32px;text-align:center;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.sparko-empdir-error-icon{width:64px;height:64px;margin:0 auto 16px;color:#dc2626}.sparko-empdir-error-text{font-size:16px;color:#dc2626;margin:0 0 24px}.sparko-empdir-skeleton{max-width:1600px;margin:0 auto;padding:24px}.sparko-empdir-skeleton-toolbar{background:#f8fafc;height:80px;border-radius:12px;margin-bottom:20px;animation:pulse 1.5s ease-in-out infinite}.sparko-empdir-skeleton-table{background:#f8fafc;height:500px;border-radius:12px;animation:pulse 1.5s ease-in-out infinite}.sparko-empdir-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sparko-empdir-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:600px;width:100%;max-height:90vh;overflow:auto}.sparko-empdir-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e2e8f0}.sparko-empdir-modal-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.sparko-empdir-modal-body{padding:24px}.sparko-empdir-modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.sparko-empdir-form-group{margin-bottom:20px}.sparko-empdir-form-label{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:8px}.sparko-empdir-form-input,.sparko-empdir-form-select{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1e293b;background:#fff;transition:all .2s}.sparko-empdir-form-input:focus,.sparko-empdir-form-select:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df21a}.sparko-empdir-form-input::-moz-placeholder{color:#94a3b8}.sparko-empdir-form-input::placeholder{color:#94a3b8}@media(max-width:1200px){.sparko-empdir-table th:nth-child(6),.sparko-empdir-table td:nth-child(6){display:none}}@media(max-width:768px){.sparko-empdir-toolbar{flex-direction:column;align-items:stretch}.sparko-empdir-search-container{max-width:none}}.email-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.email-input-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.required-asterisk{color:var(--error);margin-left:2px}.email-input-container{position:relative;display:flex;align-items:center}.email-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:40px;border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface-primary);transition:all .2s}.email-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light, rgb(59 130 246 / 10%))}.email-input:disabled{background:var(--surface-secondary);cursor:not-allowed;opacity:.6}.email-input-valid{border-color:var(--success, #10b981)}.email-input-valid:focus{border-color:var(--success, #10b981);box-shadow:0 0 0 3px var(--success-light, rgb(16 185 129 / 10%))}.email-input-invalid{border-color:var(--warning, #f59e0b)}.email-input-invalid:focus{border-color:var(--warning, #f59e0b);box-shadow:0 0 0 3px var(--warning-light, rgb(245 158 11 / 10%))}.email-input-error{border-color:var(--error)}.email-input-error:focus{border-color:var(--error);box-shadow:0 0 0 3px var(--error-light, rgb(239 68 68 / 10%))}.email-validation-icon{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.checking-spinner{animation:pulse 1.5s ease-in-out infinite}.available-icon{color:var(--success, #10b981);font-weight:700}.unavailable-icon{color:var(--warning, #f59e0b);font-weight:700}.error-icon{color:var(--error)}.email-validation-message{margin-top:var(--spacing-xs)}.validation-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);display:flex;flex-direction:column;gap:var(--spacing-sm)}.validation-success{background:var(--success-light, #d1fae5);color:var(--success-dark, #065f46);border:1px solid var(--success, #10b981)}.validation-warning{background:var(--warning-light, #fef3c7);color:var(--warning-dark, #92400e);border:1px solid var(--warning, #f59e0b)}.validation-error{background:var(--error-light, #fee2e2);color:var(--error-dark, #991b1b);border:1px solid var(--error)}.validation-checking{background:var(--surface-secondary);color:var(--text-tertiary);border:1px solid var(--border-primary);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.checking-text{font-style:italic}.warning-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.employment-status-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.status-active{background:var(--success, #10b981);color:#fff}.status-terminated{background:var(--error);color:#fff}.status-pending_offer,.status-pending{background:var(--warning, #f59e0b);color:#fff}.email-suggestion{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--warning, #f59e0b)}.suggestion-label{font-size:var(--font-size-xs);color:var(--warning-dark, #92400e);font-weight:500}.suggestion-button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#fff;border:1px solid var(--warning, #f59e0b);border-radius:var(--radius-md);color:var(--warning-dark, #92400e);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s;width:-moz-fit-content;width:fit-content}.suggestion-button:hover{background:var(--warning, #f59e0b);color:#fff}.use-suggestion-text{font-size:var(--font-size-xs);opacity:.8}.employee-create-page{width:100%}.employee-create-page .sparko-form-grid{grid-template-columns:repeat(2,minmax(400px,1fr))}.employee-create-page .sparko-form-section{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-card-padding);box-shadow:var(--shadow-card)}.prefill-banner-spaced{margin-bottom:20px}.modal-content-padded{padding:var(--space-xl)}.modal-intro-text{margin-bottom:20px;font-size:var(--font-size-base);line-height:1.6}.suggestion-box{background:var(--bg-primary);padding:var(--space-lg);border-radius:var(--radius-sm);margin-bottom:var(--space-xl);border:var(--border-width-medium) solid var(--border-color)}.suggestion-heading{margin-bottom:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.suggestion-list{margin-left:20px;font-size:var(--font-size-sm);line-height:1.8}.button-flex-row{display:flex;gap:var(--space-md)}.button-flex-item{flex:1}.employee-timeline{position:relative;padding:var(--space-lg) 0}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-event{position:relative;display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding-left:50px}.timeline-event:last-child{margin-bottom:0}.event-marker{position:absolute;left:0;top:0;width:var(--touch-target-min);height:var(--touch-target-min);background:var(--card-background);border:3px solid var(--primary-color);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:var(--shadow-sm)}.event-icon{font-size:var(--font-size-lg)}.event-content{flex:1;background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:all .2s ease}.event-content:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translate(4px)}.event-header{margin-bottom:var(--space-sm)}.event-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.event-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}.event-date{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.event-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.event-metadata{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border-width-thin) solid var(--border-color)}.rating-display{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-base)}.rating-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.timeline-empty{text-align:center;padding:var(--space-3xl);color:var(--text-tertiary)}.timeline-empty p{margin:0;font-size:var(--font-size-sm)}@media(max-width:768px){.timeline-event{padding-left:40px}.event-marker{width:32px;height:32px}.event-icon{font-size:var(--font-size-sm)}.event-title-row{flex-direction:column;align-items:flex-start}}.skills-matrix{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--border)}.skills-matrix-loading,.skills-matrix-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.skills-matrix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.matrix-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.view-toggle{display:flex;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:var(--space-xs)}.toggle-btn{padding:var(--space-xs) var(--space-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-xs);font-size:var(--font-size-sm);transition:all .2s ease}.toggle-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.proficiency-legend{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm)}.legend-item{display:flex;align-items:center;gap:var(--space-xs)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.skills-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.skill-category{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.category-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.category-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.skill-tile{background:var(--bg-primary);border-radius:var(--radius-sm);padding:var(--space-sm);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.skill-tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.skill-tile.has-gap{border-left:var(--border-width-thick) solid var(--status-warning)}.skill-tile .skill-name{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:var(--font-size-sm)}.skill-level-bar{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xs)}.level-segment{flex:1;height:6px;border-radius:var(--radius-badge);background:var(--bg-tertiary)}.level-segment.filled{opacity:1}.skill-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.current-level{font-weight:var(--font-weight-medium)}.required-level{padding:2px 6px;border-radius:var(--radius-xs);font-size:var(--font-size-xs)}.required-level.gap{background:rgba(var(--warning-rgb, 245, 158, 11),.15);color:var(--status-warning)}.required-level.met{background:rgba(var(--success-rgb, 16, 185, 129),.15);color:var(--status-success)}.skills-list{display:flex;flex-direction:column;gap:var(--space-lg)}.skill-category-list{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.skills-table{width:100%;border-collapse:collapse}.skills-table th{text-align:left;padding:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-bottom:1px solid var(--border)}.skills-table td{padding:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:1px solid var(--border-light)}.skills-table tbody tr:last-child td{border-bottom:none}.skill-name-cell{font-weight:var(--font-weight-medium)}.gap-negative{color:var(--status-error);font-weight:var(--font-weight-medium)}.gap-positive{color:var(--status-success);font-weight:var(--font-weight-medium)}.progress-mini{width:60px;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-badge);overflow:hidden}.progress-mini .progress-fill{height:100%;border-radius:var(--radius-badge);transition:width .3s ease}.skills-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.summary-stat{text-align:center}.stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.stat-value-error{color:var(--status-error)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:768px){.category-skills{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.proficiency-legend{gap:var(--space-sm)}.legend-label{font-size:var(--font-size-xs)}.skills-summary{grid-template-columns:repeat(2,1fr)}.skills-table{font-size:var(--font-size-xs)}.skills-table th,.skills-table td{padding:var(--space-xs)}}.insight-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.insight-card.loading{color:var(--text-secondary);display:flex;align-items:center;justify-content:center;min-height:100px}.insight-card.error{color:var(--error-600);background:var(--error-50);border-color:var(--error-200)}.insight-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.insight-card-header h4{margin:0;font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.insight-card-header .subtitle{font-size:var(--font-sm);color:var(--text-secondary);width:100%}.badge{display:inline-flex;align-items:center;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-medium)}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.count-badge{background:var(--neutral-100);color:var(--neutral-600);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-xs)}.succession-card .succession-scores{text-align:center;margin-bottom:var(--space-md)}.succession-card .score-gauge{position:relative;height:24px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-xs)}.succession-card .gauge-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease-out;width:var(--gauge-width, 0%);background-color:var(--gauge-color, var(--neutral-500))}.succession-card .gauge-label{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);font-weight:var(--font-bold);color:var(--text-primary);font-size:var(--font-sm)}.succession-card .readiness-label{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--readiness-color, var(--text-primary))}.succession-card .score-breakdown{display:flex;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md)}.succession-card .score-item{text-align:center}.succession-card .score-label{display:block;font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--space-2xs)}.succession-card .score-value{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.succession-card .succession-roles{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-secondary)}.succession-card .roles-label{font-size:var(--font-sm);color:var(--text-secondary);margin-right:var(--space-sm)}.succession-card .roles-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.succession-card .role-chip{background:var(--primary-100);color:var(--primary-700);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-sm)}.succession-card .calibration-category{margin-top:var(--space-sm);font-size:var(--font-sm);color:var(--text-secondary)}.succession-card .category-value{font-weight:var(--font-medium);color:var(--text-primary)}.opportunities-card .opportunities-list{display:flex;flex-direction:column;gap:var(--space-md)}.opportunities-card .opportunity-item{padding:var(--space-sm);border:1px solid var(--border-secondary);border-radius:var(--radius-md);transition:border-color .2s}.opportunities-card .opportunity-item.recommended{border-color:var(--primary-300);background:var(--primary-50)}.opportunities-card .opportunity-item:hover{border-color:var(--primary-400)}.opportunities-card .opportunity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.opportunities-card .opportunity-header h5{margin:0;font-size:var(--font-md);color:var(--text-primary)}.opportunities-card .opportunity-details{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.opportunities-card .detail-chip{background:var(--neutral-100);color:var(--neutral-700);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-xs)}.opportunities-card .detail-chip.career-path{background:var(--info-100);color:var(--info-700)}.opportunities-card .opportunity-match{margin-bottom:var(--space-sm)}.opportunities-card .match-bar{height:6px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2xs)}.opportunities-card .match-fill{height:100%;background:var(--success-500);border-radius:var(--radius-full);width:var(--match-width, 0%)}.opportunities-card .match-label{font-size:var(--font-xs);color:var(--text-secondary)}.opportunities-card .match-reason{font-size:var(--font-sm);color:var(--success-700);margin:var(--space-xs) 0}.opportunities-card .btn-sm{padding:var(--space-2xs) var(--space-sm);font-size:var(--font-xs)}.opportunities-card .btn-outline{background:transparent;border:1px solid var(--primary-500);color:var(--primary-600);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.opportunities-card .btn-outline:hover{background:var(--primary-50)}.opportunities-card .view-all-link{display:block;text-align:center;margin-top:var(--space-md);color:var(--primary-600);font-size:var(--font-sm);text-decoration:none}.opportunities-card .view-all-link:hover{text-decoration:underline}.salary-band-card .quartile-badge{color:#fff;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-semibold);background-color:var(--quartile-color, var(--neutral-500))}.salary-band-card .salary-band-visual{padding:var(--space-lg) 0}.salary-band-card .band-range{position:relative}.salary-band-card .band-bar{height:20px;background:linear-gradient(to right,var(--error-200) 0%,var(--warning-200) 25%,var(--success-200) 50%,var(--primary-200) 75%,var(--primary-200) 100%);border-radius:var(--radius-md);position:relative}.salary-band-card .current-position-marker{position:absolute;top:-8px;transform:translate(-50%);z-index:2;left:var(--marker-position, 50%)}.salary-band-card .marker-dot{width:16px;height:var(--button-height-sm);background:var(--text-primary);border-radius:var(--radius-sm);border:var(--border-width-medium) solid white;box-shadow:var(--shadow-md)}.salary-band-card .marker-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:var(--font-xs);font-weight:var(--font-semibold);color:var(--text-primary);background:var(--surface-primary);padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap}.salary-band-card .midpoint-marker{position:absolute;top:0;width:2px;height:100%;background:var(--neutral-400);transform:translate(-50%)}.salary-band-card .band-labels{display:flex;justify-content:space-between;margin-top:var(--space-md);font-size:var(--font-xs);color:var(--text-secondary)}.salary-band-card .band-mid{color:var(--neutral-500)}.salary-band-card .salary-details{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-secondary)}.salary-band-card .detail-row{display:flex;justify-content:space-between;padding:var(--space-xs) 0}.salary-band-card .detail-label{color:var(--text-secondary);font-size:var(--font-sm)}.salary-band-card .detail-value{font-weight:var(--font-semibold);color:var(--text-primary)}.salary-band-card .detail-value.current{color:var(--primary-600);font-size:var(--font-lg)}.salary-band-card .detail-value.positive{color:var(--success-600)}.salary-band-card .detail-value.negative{color:var(--error-600)}.salary-band-card .position-label{text-align:center;font-size:var(--font-md);font-weight:var(--font-semibold);margin-top:var(--space-md);color:var(--position-color, var(--text-primary))}.salary-band-card .band-context{text-align:center;font-size:var(--font-sm);color:var(--text-secondary);margin-top:var(--space-sm)}.feedback-skills-card .feedback-list{display:flex;flex-direction:column;gap:var(--space-md)}.feedback-skills-card .feedback-item{padding:var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-md)}.feedback-skills-card .feedback-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap}.feedback-skills-card .feedback-type-icon{font-size:var(--font-lg);color:var(--feedback-color, var(--neutral-600))}.feedback-skills-card .feedback-type{font-weight:var(--font-medium);text-transform:capitalize;color:var(--text-primary)}.feedback-skills-card .feedback-date{font-size:var(--font-xs);color:var(--text-secondary);margin-left:auto}.feedback-skills-card .anonymous-badge{background:var(--neutral-200);color:var(--neutral-600);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs)}.feedback-skills-card .feedback-message{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5;margin:var(--space-xs) 0}.feedback-skills-card .skill-suggestions{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-secondary)}.feedback-skills-card .suggestions-label{font-size:var(--font-xs);color:var(--text-secondary);display:block;margin-bottom:var(--space-xs)}.feedback-skills-card .skill-chips{display:flex;flex-direction:column;gap:var(--space-xs)}.feedback-skills-card .skill-suggestion-chip{background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm)}.feedback-skills-card .skill-name{font-weight:var(--font-semibold);color:var(--info-700);display:block;font-size:var(--font-sm)}.feedback-skills-card .skill-hint{font-size:var(--font-xs);color:var(--info-600)}.feedback-skills-card .skill-categories{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-sm)}.feedback-skills-card .category-chip{background:var(--neutral-100);color:var(--neutral-600);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs)}.peer-benchmark-card .benchmark-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-secondary)}.peer-benchmark-card .summary-stat{text-align:center}.peer-benchmark-card .stat-value{display:block;font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--stat-color, var(--text-primary))}.peer-benchmark-card .stat-value.stat-success{color:var(--success-600)}.peer-benchmark-card .stat-value.stat-warning{color:var(--warning-600)}.peer-benchmark-card .stat-value.stat-error{color:var(--error-600)}.peer-benchmark-card .stat-label{font-size:var(--font-xs);color:var(--text-secondary)}.peer-benchmark-card .summary-stat.percentile .stat-value{color:var(--primary-600)}.peer-benchmark-card .benchmarks-list{display:flex;flex-direction:column;gap:var(--space-md)}.peer-benchmark-card .benchmark-item{padding:var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-md)}.peer-benchmark-card .benchmark-skill{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.peer-benchmark-card .benchmark-skill .skill-name{font-weight:var(--font-semibold);color:var(--text-primary)}.peer-benchmark-card .benchmark-skill .skill-category{font-size:var(--font-xs);color:var(--text-secondary);background:var(--neutral-100);padding:2px 6px;border-radius:var(--radius-sm)}.peer-benchmark-card .benchmark-comparison{display:flex;flex-direction:column;gap:var(--space-xs)}.peer-benchmark-card .level-comparison{display:flex;justify-content:space-between;font-size:var(--font-sm)}.peer-benchmark-card .your-level{color:var(--text-primary)}.peer-benchmark-card .peer-level{color:var(--text-secondary)}.peer-benchmark-card .percentile-bar{position:relative;height:8px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.peer-benchmark-card .percentile-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease-out;width:var(--percentile-width, 0%);background-color:var(--percentile-color, var(--neutral-500))}.peer-benchmark-card .percentile-label{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);font-size:var(--font-xs);color:var(--text-primary);font-weight:var(--font-medium)}.peer-benchmark-card .trend-indicator{font-size:var(--font-sm);font-weight:var(--font-medium);text-transform:capitalize;color:var(--trend-color, var(--neutral-500))}.peer-benchmark-card .peer-count{font-size:var(--font-xs);color:var(--text-secondary);margin-top:var(--space-2xs)}.peer-benchmark-card .improvement-areas{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-secondary)}.peer-benchmark-card .improvement-areas h5{margin:0 0 var(--space-sm);font-size:var(--font-sm);color:var(--text-secondary)}.peer-benchmark-card .areas-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.peer-benchmark-card .area-chip{background:var(--error-100);color:var(--error-700);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-sm)}.employee-insights-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md)}@media(max-width:768px){.employee-insights-section{grid-template-columns:1fr}.peer-benchmark-card .benchmark-summary{grid-template-columns:repeat(2,1fr)}.salary-band-card .marker-label{font-size:var(--font-size-xs)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.delete-employee-modal{background:var(--surface-primary);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.modal-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.close-button{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.close-button:hover{background:var(--surface-secondary);color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.spinner{width:var(--touch-target-min);height:var(--touch-target-min);border:4px solid var(--border-primary);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.error-message{color:var(--error);margin-bottom:var(--spacing-md)}.employee-summary{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.employee-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-lg);flex-shrink:0}.employee-info h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);color:var(--text-primary)}.employee-meta{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.blockers-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--error-bg, #fef2f2);border:1px solid var(--error);border-radius:var(--radius-md)}.blockers-title{color:var(--error)!important}.blockers-description{margin:var(--spacing-sm) 0;color:var(--text-secondary)}.blockers-list{list-style:none;padding:0;margin:0}.blocker-item{padding:var(--spacing-sm) 0;border-top:1px solid var(--error-light, #fecaca)}.blocker-item:first-child{border-top:none}.blocker-action{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.impact-summary{margin-bottom:var(--spacing-lg)}.total-records{padding:var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-base);color:var(--text-secondary)}.total-records strong{color:var(--primary);font-size:var(--font-size-2xl);display:block;margin-bottom:var(--spacing-xs)}.section-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.affected-data-section{margin-bottom:var(--spacing-lg)}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.module-card{padding:var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.module-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary)}.module-name{font-weight:600;color:var(--text-primary);text-transform:capitalize;font-size:var(--font-size-sm)}.module-count{background:var(--primary);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.module-details{list-style:none;padding:0;margin:0}.module-details li{padding:var(--spacing-xs) 0;font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:capitalize}.module-details strong{color:var(--text-primary);float:right}.action-selection{margin-bottom:var(--spacing-lg)}.action-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.action-option:hover{border-color:var(--primary);background:var(--surface-secondary)}.action-option input[type=radio]{margin-top:2px;cursor:pointer}.option-content strong{display:block;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.option-content p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.transfer-target-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-md)}.suggested-employees{margin-bottom:var(--spacing-md)}.suggestions-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.suggestions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.suggestion-chip{display:inline-flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-sm) var(--spacing-md);background:#fff;border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.suggestion-chip:hover{border-color:var(--primary);background:var(--primary-light, #eff6ff)}.suggestion-chip.selected{border-color:var(--primary);background:var(--primary);color:#fff}.suggestion-chip.selected .suggestion-name,.suggestion-chip.selected .suggestion-reason{color:#fff}.suggestion-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-sm)}.suggestion-reason{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.employee-search{margin-bottom:var(--spacing-md)}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:#fff}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light, rgb(59 130 246 / 10%))}.employee-list{max-height:var(--list-height-compact);overflow-y:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:#fff}.no-results{padding:var(--spacing-lg);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}.employee-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--border-primary);cursor:pointer;transition:background .2s}.employee-option:last-child{border-bottom:none}.employee-option:hover{background:var(--surface-secondary)}.employee-option input[type=radio]{cursor:pointer}.employee-option-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.employee-option-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-xs);flex-shrink:0}.employee-option-name{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.employee-option-meta{font-size:var(--font-size-xs);color:var(--text-tertiary)}.termination-reason-section{margin-bottom:var(--spacing-lg)}.termination-reason-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);font-family:inherit;resize:vertical}.termination-reason-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light, rgb(59 130 246 / 10%))}.confirmation-checklist{margin-bottom:var(--spacing-lg)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary)}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-primary)}.button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;border:none}.button-secondary{background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.button-secondary:hover:not(:disabled){background:var(--surface-tertiary)}.button-danger{background:var(--error);color:#fff}.button-danger:hover:not(:disabled){background:var(--error-dark, #dc2626)}.sparko-empprofile-page *{box-sizing:border-box}.sparko-empprofile-page{max-width:1600px;margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;background:transparent}.empprofile-actions{display:flex;justify-content:flex-end;gap:12px;margin-bottom:20px}.empprofile-btn{padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:Inter,system-ui,-apple-system,sans-serif;display:inline-flex;align-items:center;gap:6px}.empprofile-btn:disabled{opacity:.6;cursor:not-allowed}.empprofile-btn-primary{background:var(--sparko-blue, #276DF2);color:#fff}.empprofile-btn-primary:hover:not(:disabled){background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px #276df24d}.empprofile-btn-outline{background:#fff;color:#64748b;border:1px solid #e2e8f0}.empprofile-btn-outline:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.empprofile-header{background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1e40af 100%);border-radius:16px;padding:40px;margin-bottom:20px;box-shadow:0 8px 24px #276df233;color:#fff}.empprofile-header-content{display:flex;justify-content:space-between;gap:32px;align-items:flex-start}.empprofile-header-left{display:flex;gap:24px;flex:1}.empprofile-avatar{width:100px;height:100px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--sparko-blue, #276DF2);font-size:36px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #0003}.empprofile-info{flex:1}.empprofile-name{font-size:28px;font-weight:700;margin-bottom:8px}.empprofile-title{font-size:16px;opacity:.9;margin-bottom:12px}.empprofile-meta{display:flex;gap:16px;font-size:14px;opacity:.9;margin-bottom:16px;flex-wrap:wrap}.empprofile-contact{display:flex;gap:24px;font-size:14px;opacity:.95;flex-wrap:wrap}.empprofile-contact-item{display:flex;align-items:center;gap:6px}.empprofile-header-right{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px;min-width:400px}.empprofile-stat{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.empprofile-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:4px}.empprofile-stat-value{font-size:16px;font-weight:700}.empprofile-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.empprofile-badge-success{background:#22c55e4d;color:#fff;border:1px solid rgba(255,255,255,.3)}.empprofile-badge-info{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.empprofile-badge-pending{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.empprofile-badge-warning{background:#eab3081a;color:#a16207;border:1px solid rgba(234,179,8,.2)}.empprofile-tabs{background:#fff;border-radius:12px;padding:6px;margin-bottom:20px;display:flex;gap:4px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;overflow-x:auto}.empprofile-tab{padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;color:#64748b;white-space:nowrap;transition:all .2s;border:none;background:transparent;font-family:Inter,system-ui,-apple-system,sans-serif}.empprofile-tab:hover{background:#f8fafc}.empprofile-tab.active{background:var(--sparko-blue, #276DF2);color:#fff}.empprofile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.empprofile-grid-2col{display:grid;grid-template-columns:2fr 1fr;gap:20px}.empprofile-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014;border:1px solid #e2e8f0;transition:all .3s}.empprofile-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.empprofile-card-title{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:20px;display:flex;align-items:center;gap:8px}.empprofile-card-content{font-size:14px;color:#475569;line-height:1.6}.empprofile-list-card{background:#fff;padding:18px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;transition:all .2s;margin-bottom:14px}.empprofile-list-card:last-child{margin-bottom:0}.empprofile-list-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a,0 2px 6px #0000000f;border-color:#cbd5e1}.empprofile-list-card-highlight{background:linear-gradient(135deg,#276df20d,#276df205);border-color:#276df24d}.empprofile-skill-item{margin-bottom:16px}.empprofile-skill-item:last-child{margin-bottom:0}.empprofile-skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.empprofile-skill-name{font-size:14px;font-weight:600;color:#1e293b}.empprofile-skill-level{font-size:12px;color:#64748b}.empprofile-skill-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.empprofile-skill-fill{height:100%;background:linear-gradient(90deg,var(--sparko-blue, #276DF2) 0%,#60a5fa 100%);border-radius:4px;transition:width .3s}.empprofile-path-visual{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:32px;border-radius:12px}.empprofile-path-steps{display:flex;align-items:center;justify-content:center;gap:0;margin:20px 0;position:relative}.empprofile-path-step{background:#fff;padding:20px 28px;border:2px solid #e2e8f0;font-size:14px;font-weight:600;position:relative;z-index:2;box-shadow:0 2px 8px #0000000d}.empprofile-path-step:first-child{border-radius:12px 0 0 12px}.empprofile-path-step:last-child{border-radius:0 12px 12px 0}.empprofile-path-step.current{border-color:var(--sparko-blue, #276DF2);background:#276df21a;color:var(--sparko-blue, #276DF2);box-shadow:0 4px 12px #276df233}.empprofile-path-step.completed{background:var(--sparko-blue, #276DF2);color:#fff;border-color:var(--sparko-blue, #276DF2)}.empprofile-path-note{color:#64748b;font-size:14px;text-align:center;margin-top:16px}.empprofile-promotion-box{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);padding:20px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(34,197,94,.2)}.empprofile-promotion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.empprofile-promotion-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:#1e293b}.empprofile-promotion-score{font-size:32px;font-weight:700;color:#22c55e}.empprofile-promotion-bar{width:100%;height:12px;background:#fff9;border-radius:6px;overflow:hidden;margin-bottom:12px}.empprofile-promotion-fill{height:100%;background:linear-gradient(90deg,#22c55e,#86efac);border-radius:6px;transition:width .3s}.empprofile-promotion-indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:12px}.empprofile-promotion-indicator{display:flex;align-items:center;gap:6px}.empprofile-promotion-indicator.positive{color:#22c55e}.empprofile-promotion-indicator.warning{color:#f59e0b}.empprofile-timeline{position:relative;padding-left:40px}.empprofile-timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--sparko-blue, #276DF2) 0%,#e2e8f0 100%)}.empprofile-timeline-item{position:relative;padding-bottom:32px}.empprofile-timeline-item:last-child{padding-bottom:0}.empprofile-timeline-dot{position:absolute;left:-34px;top:4px;width:24px;height:24px;border-radius:50%;background:var(--sparko-blue, #276DF2);border:4px solid #ffffff;box-shadow:0 0 0 3px #e2e8f0,0 2px 8px #276df24d}.empprofile-timeline-date{font-size:12px;color:#64748b;margin-bottom:6px;font-weight:600}.empprofile-timeline-title{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:6px}.empprofile-timeline-desc{font-size:13px;color:#475569;line-height:1.6}.empprofile-salary-display{text-align:center;padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-bottom:20px}.empprofile-salary-amount{font-size:48px;font-weight:700;color:var(--sparko-blue, #276DF2);margin-bottom:8px}.empprofile-salary-label{font-size:14px;color:#64748b}.empprofile-band-container{padding:24px;background:#f8fafc;border-radius:12px}.empprofile-band-bar{height:50px;background:linear-gradient(to right,#fecaca,#fef3c7,#bbf7d0);border-radius:12px;position:relative;margin:20px 0;box-shadow:inset 0 2px 4px #0000001a}.empprofile-band-marker{position:absolute;top:-8px;transform:translate(-50%);width:6px;height:66px;background:#dc2626;border-radius:3px;box-shadow:0 2px 8px #dc262680}.empprofile-band-marker:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #dc2626}.empprofile-band-labels{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#64748b}.empprofile-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.empprofile-icon-lg{width:24px;height:24px}.empprofile-icon-blue{color:var(--sparko-blue, #276DF2)}.empprofile-icon-green{color:#22c55e}.empprofile-icon-purple{color:#8b5cf6}.empprofile-icon-orange{color:#f59e0b}.empprofile-icon-red{color:#dc2626}.empprofile-icon-pink{color:#ec4899}.empprofile-icon-cyan{color:#06b6d4}.empprofile-icon-white{color:#fff}.empprofile-insights-header{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:16px;display:flex;align-items:center;gap:8px}.empprofile-insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.empprofile-competency-item{margin-bottom:14px}.empprofile-competency-item:last-child{margin-bottom:0}.empprofile-competency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.empprofile-competency-name{font-weight:600;font-size:13px;color:#1e293b}.empprofile-competency-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.empprofile-competency-fill{height:100%;border-radius:3px;transition:width .3s}.empprofile-competency-fill.level-1{width:20%;background:linear-gradient(90deg,#dc2626,#f87171)}.empprofile-competency-fill.level-2{width:40%;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.empprofile-competency-fill.level-3{width:60%;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.empprofile-competency-fill.level-4{width:80%;background:linear-gradient(90deg,#3b82f6,#60a5fa)}.empprofile-competency-fill.level-5{width:100%;background:linear-gradient(90deg,#22c55e,#86efac)}.empprofile-expandable-section{margin-top:20px}.empprofile-expand-btn{width:100%;padding:12px 18px;border-radius:8px;font-weight:600;font-size:14px;background:var(--sparko-blue, #276DF2);color:#fff;border:none;cursor:pointer;transition:all .2s;font-family:Inter,system-ui,-apple-system,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:6px}.empprofile-expand-btn:hover{background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px #276df24d}.empprofile-progress-circle{width:80px;height:80px;position:relative}.empprofile-progress-svg{transform:rotate(-90deg)}.empprofile-progress-bg{fill:none;stroke:#e2e8f0;stroke-width:8}.empprofile-progress-fill{fill:none;stroke:var(--sparko-blue, #276DF2);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .3s}.empprofile-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#1e293b}.empprofile-achievement{padding:12px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.empprofile-achievement:last-child{margin-bottom:0}.empprofile-achievement.gold{background:linear-gradient(135deg,#fef3c7,#fde68a)}.empprofile-achievement.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.empprofile-achievement-info{flex:1}.empprofile-achievement-title{font-weight:600;color:#1e293b;font-size:14px}.empprofile-achievement-date{font-size:12px;color:#64748b}.empprofile-timeoff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.empprofile-timeoff-item{display:flex;flex-direction:column;gap:4px}.empprofile-timeoff-value{font-size:24px;font-weight:700;color:var(--sparko-blue, #276DF2)}.empprofile-timeoff-label{font-size:12px;color:#64748b}.empprofile-skeleton{max-width:1600px;margin:0 auto;padding:24px}.empprofile-skeleton-header{background:#f8fafc;height:200px;border-radius:16px;margin-bottom:20px;animation:pulse 1.5s ease-in-out infinite}.empprofile-skeleton-tabs{background:#f8fafc;height:50px;border-radius:12px;margin-bottom:20px;animation:pulse 1.5s ease-in-out infinite}.empprofile-skeleton-content{background:#f8fafc;height:500px;border-radius:12px;animation:pulse 1.5s ease-in-out infinite}.empprofile-error{background:#fff;border-radius:12px;padding:64px 32px;text-align:center;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.empprofile-error-icon{width:64px;height:64px;margin:0 auto 16px;color:#dc2626}.empprofile-error-text{font-size:16px;color:#dc2626;margin:0 0 24px}@media(max-width:1200px){.empprofile-grid{grid-template-columns:repeat(2,1fr)}.empprofile-insights-grid{grid-template-columns:1fr}.empprofile-header-right{min-width:300px}}@media(max-width:768px){.empprofile-header-content{flex-direction:column}.empprofile-header-right{width:100%;min-width:unset}.empprofile-grid,.empprofile-grid-2col,.empprofile-insights-grid{grid-template-columns:1fr}.empprofile-path-steps{flex-direction:column;align-items:stretch}.empprofile-path-step:first-child{border-radius:12px 12px 0 0}.empprofile-path-step:last-child{border-radius:0 0 12px 12px}}.empprofile-skills-table{width:100%;border-collapse:collapse;font-size:13px}.empprofile-skills-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.empprofile-skills-table th{padding:12px 16px;text-align:left;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.empprofile-skills-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b}.empprofile-skills-table tbody tr:hover{background:#f8fafc}.empprofile-mentor-card{padding:16px}.empprofile-mentor-header{display:flex;gap:12px;align-items:center;margin-bottom:8px}.empprofile-mentor-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.empprofile-mentor-info{flex:1}.empprofile-mentor-name{font-weight:600;color:#1e293b;font-size:14px}.empprofile-mentor-meta{font-size:12px;color:#64748b}.empprofile-course-card{padding:14px;font-size:13px}.empprofile-course-title{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:4px}.empprofile-course-meta{font-size:12px;color:#64748b}.empprofile-activity-item{padding:14px;font-size:13px;border-left:3px solid}.empprofile-activity-item-success{border-color:#22c55e}.empprofile-activity-item-info{border-color:#3b82f6}.empprofile-activity-item-purple{border-color:#8b5cf6}.empprofile-activity-title{font-weight:600;color:#1e293b;margin-bottom:4px}.empprofile-activity-date{font-size:12px;color:#64748b}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:grab}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.employee-node-modern[data-department=Executive]{--dept-color: #8B5CF6}.employee-node-modern[data-department=Engineering]{--dept-color: #3B82F6}.employee-node-modern[data-department=Product]{--dept-color: #10B981}.employee-node-modern[data-department=Design]{--dept-color: #F59E0B}.employee-node-modern[data-department=Marketing]{--dept-color: #EF4444}.employee-node-modern[data-department=Sales]{--dept-color: #EC4899}.employee-node-modern[data-department=HR]{--dept-color: #06B6D4}.employee-node-modern[data-department=Finance]{--dept-color: #14B8A6}.employee-node-modern[data-department=Operations]{--dept-color: #6366F1}.employee-node-modern[data-department=Legal]{--dept-color: #8B5CF6}.employee-node-modern{--dept-color: var(--primary-solid)}.employee-node-modern{position:relative;background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-lg);min-width:280px;max-width:280px;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.employee-node-modern:hover{border-color:var(--primary-solid);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.employee-node-modern.inactive{opacity:.5;border-style:dashed}.employee-node-modern.is-current-user{border-color:var(--primary-solid);border-width:3px;box-shadow:0 0 0 4px var(--primary-soft),0 12px 32px #0003,0 0 20px var(--primary-soft);transform:translateY(-2px)}.dept-accent-bar{height:4px;width:100%;background:var(--dept-color)}.reports-badge-corner{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-full);border:1px solid;z-index:5;background:color-mix(in srgb,var(--dept-color) 15%,transparent);color:var(--dept-color);border-color:var(--dept-color)}.skip-level-badge-corner{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-full);border:1px solid;z-index:5;background:color-mix(in srgb,#F59E0B 15%,transparent);color:#f59e0b;border-color:#f59e0b}.employee-card-content{padding:var(--space-lg);display:flex;gap:var(--space-md)}.employee-avatar-section{flex-shrink:0}.employee-avatar-img,.employee-avatar-initials{width:56px;height:56px;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover}.employee-avatar-initials{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;color:#fff;box-shadow:0 2px 8px #00000026;background:var(--dept-color)}.employee-details-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs)}.employee-card-name{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.employee-card-title{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.employee-meta-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-xs)}.employee-info-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-xs)}.info-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-tertiary)}.info-item svg{opacity:.7}.department-badge{font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid;white-space:nowrap;background:color-mix(in srgb,var(--dept-color) 15%,transparent);color:var(--dept-color);border-color:var(--dept-color);text-transform:uppercase;letter-spacing:.3px}.reports-count{font-size:var(--font-size-xs);font-weight:600;color:var(--text-tertiary);white-space:nowrap}.employee-quick-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-sm);animation:fade-in-up .2s ease}@keyframes fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.quick-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-primary);border:var(--border-width-thin) solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.quick-action-btn:hover{background:var(--primary-solid);border-color:var(--primary-solid);color:#fff;transform:scale(1.05)}.node-handle-modern{width:12px;height:12px;border:3px solid var(--bg-surface);border-radius:50%;transition:all .2s ease}.node-handle-modern:hover{transform:scale(1.3);box-shadow:0 0 0 4px #0000001a}.node-collapse-button-modern{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:28px;height:28px;padding:0;border-radius:50%;background:var(--bg-surface);border:var(--border-width-medium) solid;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.node-collapse-button-modern svg{transition:transform .2s ease}.node-collapse-button-modern.collapsed svg{transform:rotate(0)}.node-collapse-button-modern.expanded svg{transform:rotate(180deg)}.node-collapse-button-modern:hover{transform:translate(-50%) scale(1.1);box-shadow:0 4px 12px #00000026}.node-collapse-button-modern:active{transform:translate(-50%) scale(.95)}.react-flow__node.selected .employee-node-modern{border-color:var(--primary-solid);box-shadow:0 0 0 3px #6366f133,0 8px 24px #0000001f}@media(max-width:768px){.employee-node-modern{min-width:240px;max-width:240px}.employee-avatar-img,.employee-avatar-initials{width:48px;height:48px}.employee-card-name{font-size:var(--font-size-sm)}.employee-card-title{font-size:var(--font-size-xs)}}.employee-node{position:relative;background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);min-width:240px;box-shadow:0 2px 8px #00000014;transition:all .2s ease;cursor:pointer}.employee-node:hover{border-color:var(--primary-solid);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.employee-node.inactive{opacity:.6;border-style:dashed}.employee-node-content{display:flex;align-items:flex-start;gap:var(--space-sm)}.employee-photo{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end))}.employee-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.employee-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:600;color:#fff}.employee-info{flex:1;min-width:0}.employee-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-title{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-dept{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-xs)}.level-badge,.reports-badge{font-size:var(--font-size-xs);padding:2px 6px}.node-handle{width:10px;height:10px;background:var(--primary-solid);border:var(--border-width-medium) solid var(--bg-surface)}.node-handle:hover{background:var(--primary-solid)}.react-flow__node.selected .employee-node{border-color:var(--primary-solid);box-shadow:0 0 0 3px #6366f133}.node-collapse-button{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;background:var(--primary-solid);color:#fff;border:var(--border-width-medium) solid var(--bg-surface);font-size:var(--font-size-base);font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.node-collapse-button:hover{background:var(--primary-solid);transform:translate(-50%) scale(1.1);box-shadow:0 2px 8px #0000001a}.node-collapse-button:focus{outline:2px solid var(--primary-solid);outline-offset:2px}.node-collapse-button:active{transform:translate(-50%) scale(.95)}.autocomplete-container{position:relative;width:100%;max-width:500px}.autocomplete-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-md);font-size:var(--font-size-base);color:var(--text-tertiary);pointer-events:none}.autocomplete-input{width:100%;padding:var(--space-sm) var(--space-3xl) var(--space-sm) var(--space-3xl);font-size:var(--font-size-sm);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius-md);background:var(--card-background);color:var(--text-primary);transition:all .2s ease}.autocomplete-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg)}.clear-button{position:absolute;right:var(--space-md);background:none;border:none;color:var(--text-tertiary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-xs);border-radius:var(--border-radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-button:hover{background:var(--background-hover);color:var(--text-primary)}.autocomplete-dropdown{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-height:var(--list-height-dropdown-large);overflow-y:auto;z-index:1000;animation:dropdown-slide-in .2s ease}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:var(--border-width-thin) solid var(--border-color);background:var(--background-secondary)}.autocomplete-results{list-style:none;margin:0;padding:0}.autocomplete-result-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer;transition:all .2s ease;border-bottom:var(--border-width-thin) solid var(--border-color)}.autocomplete-result-item:last-child{border-bottom:none}.autocomplete-result-item:hover,.autocomplete-result-item.selected{background:var(--background-hover)}.autocomplete-result-item.selected{border-left:var(--border-width-thick) solid var(--primary-color)}.result-avatar{flex-shrink:0;width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--border-radius-full);overflow:hidden;background:var(--gradient-primary)}.result-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.result-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:#fff}.result-info{flex:1;min-width:0}.result-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-details{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs);margin-bottom:2px}.separator{color:var(--text-tertiary)}.result-email{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reports-badge{flex-shrink:0;font-size:var(--font-size-xs);padding:2px 6px}.highlight{background:rgba(var(--primary-rgb),.2);color:var(--primary-color);font-weight:600;padding:0 2px;border-radius:var(--radius-badge)}.autocomplete-no-results{padding:var(--space-lg);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}@media(max-width:768px){.autocomplete-container{max-width:100%}.autocomplete-dropdown{max-height:var(--list-height-dropdown)}.result-avatar{width:32px;height:32px}.result-initials{font-size:var(--font-size-xs)}}.sparko-orgchart-page *{box-sizing:border-box}.sparko-orgchart-page{max-width:100%;width:100%;height:calc(100vh - 80px);margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;background:transparent;display:flex;flex-direction:column;gap:20px;overflow:hidden}.sparko-orgchart-header{background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1e40af 100%);padding:32px 40px;border-radius:16px;box-shadow:0 8px 24px #276df24d;color:#fff;position:relative;overflow:hidden}.sparko-orgchart-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.sparko-orgchart-header-content{position:relative;z-index:1}.sparko-orgchart-title{font-size:28px;font-weight:700;margin:0 0 6px}.sparko-orgchart-subtitle{font-size:15px;margin:0;opacity:.9}.sparko-orgchart-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:0}.sparko-orgchart-stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;position:relative;overflow:hidden;transition:all .3s}.sparko-orgchart-stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,rgba(39,109,242,.1),transparent);border-radius:0 12px 0 100%}.sparko-orgchart-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--sparko-blue, #276DF2)}.sparko-orgchart-stat-card.highlight{border-color:#22c55e}.sparko-orgchart-stat-card.highlight:after{background:linear-gradient(135deg,rgba(34,197,94,.1),transparent)}.sparko-orgchart-stat-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative;z-index:1}.sparko-orgchart-stat-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#1e40af);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #276df24d;flex-shrink:0}.sparko-orgchart-stat-card.highlight .sparko-orgchart-stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.sparko-orgchart-stat-value{font-size:26px;font-weight:700;color:#1e293b;margin:0 0 4px;position:relative;z-index:1}.sparko-orgchart-stat-label{font-size:13px;color:#64748b;font-weight:500;margin:0;position:relative;z-index:1}.sparko-orgchart-stat-icon svg{width:22px;height:22px;color:#fff}.sparko-orgchart-canvas{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f;flex:1;min-height:400px;border:1px solid #e2e8f0}.sparko-orgchart-canvas .react-flow,.sparko-orgchart-canvas .react-flow__background{background:#fafbfc}.sparko-orgchart-canvas .react-flow__controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.sparko-orgchart-canvas .react-flow__controls-button{background:#fff;border-bottom:1px solid #f1f5f9;color:#64748b;transition:all .2s}.sparko-orgchart-canvas .react-flow__controls-button:hover{background:#f8fafc;color:var(--sparko-blue, #276DF2)}.sparko-orgchart-canvas .react-flow__controls-button:last-child{border-bottom:none}.sparko-orgchart-canvas .react-flow__minimap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a}.sparko-orgchart-toolbar{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:8px;border:1px solid #e2e8f0}.sparko-orgchart-toolbar-buttons{display:flex;gap:8px}.sparko-orgchart-toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s}.sparko-orgchart-toolbar-btn:hover{background:#f8fafc;color:#1e293b}.sparko-orgchart-toolbar-btn.active{background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#1e40af);color:#fff;box-shadow:0 2px 8px #276df24d}.sparko-orgchart-toolbar-search-expanded{display:flex;align-items:center;gap:8px;min-width:320px}.sparko-orgchart-toolbar-search-expanded .employee-search-autocomplete{flex:1}.sparko-orgchart-toolbar-search-expanded .employee-search-autocomplete input{height:36px;font-size:14px;border-radius:8px;border:1px solid #e2e8f0;padding:8px 12px;font-family:Inter,system-ui,-apple-system,sans-serif}.sparko-orgchart-toolbar-search-expanded .employee-search-autocomplete input:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df21a}.sparko-orgchart-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:48px;background:#fff;border-radius:16px;border:2px dashed #e2e8f0;z-index:10;box-shadow:0 4px 12px #0000000d}.sparko-orgchart-empty-state .empty-icon{font-size:48px;display:block;margin-bottom:16px;color:#cbd5e1}.sparko-orgchart-empty-state p{color:#64748b;margin-bottom:20px;font-size:15px;font-weight:500}.sparko-orgchart-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;color:#64748b;background:#fff}.sparko-orgchart-loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:var(--sparko-blue, #276DF2);border-radius:50%;animation:orgchart-spin 1s linear infinite;margin-right:12px}@keyframes orgchart-spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.sparko-orgchart-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sparko-orgchart-page{padding:16px}.sparko-orgchart-header{padding:24px 28px}.sparko-orgchart-title{font-size:22px}.sparko-orgchart-subtitle{font-size:13px}.sparko-orgchart-stats{grid-template-columns:1fr}.sparko-orgchart-canvas{min-height:300px}.sparko-orgchart-toolbar-search-expanded{min-width:240px}}[data-theme=dark-vision] .sparko-orgchart-canvas{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark-vision] .sparko-orgchart-canvas .react-flow,[data-theme=dark-vision] .sparko-orgchart-canvas .react-flow__background{background:#0f172a99}[data-theme=dark-vision] .sparko-orgchart-canvas .react-flow__edge path{stroke:#fff3}[data-theme=dark-vision] .sparko-orgchart-canvas .react-flow__edge-text{fill:#ffffff80}[data-theme=dark-vision] .sparko-orgchart-toolbar,[data-theme=dark-vision] .sparko-orgchart-canvas .react-flow__controls,[data-theme=dark-vision] .sparko-orgchart-canvas .react-flow__minimap{background:#1e293bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#ffffff1a}[data-theme=depth-form] .sparko-orgchart-canvas{box-shadow:0 8px 32px #0000001f}[data-theme=depth-form] .sparko-orgchart-stat-card{box-shadow:0 4px 16px #00000014}[data-theme=material-you] .sparko-orgchart-canvas{border-radius:20px}[data-theme=material-you] .sparko-orgchart-stat-card{border-radius:16px}.sparko-announce-page *{box-sizing:border-box}.sparko-announce-page{max-width:1200px;margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-main, #FFFFFF)}.sparko-announce-filters-row{display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #E2E8F0)}.sparko-announce-search-wrapper{flex:1;max-width:400px;position:relative}.sparko-announce-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #64748B);pointer-events:none;display:flex;align-items:center}.sparko-announce-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border-color, #CBD5E1);border-radius:6px;font-size:14px;color:var(--text-primary, #1E293B);background:var(--bg-surface, #FFFFFF);transition:all .2s ease}.sparko-announce-search-input:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df214}.sparko-announce-search-input::-moz-placeholder{color:var(--text-tertiary, #64748B)}.sparko-announce-search-input::placeholder{color:var(--text-tertiary, #64748B)}.sparko-announce-active-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;background:var(--bg-hover, #F8FAFC);border-radius:6px;font-size:14px}.sparko-announce-active-filters>span{color:var(--text-secondary, #475569);font-weight:500}.sparko-announce-clear-filters{margin-left:auto;padding:4px 12px;background:transparent;border:1px solid var(--border-color, #E2E8F0);border-radius:4px;color:var(--text-secondary, #475569);font-size:13px;cursor:pointer;transition:all .2s ease}.sparko-announce-clear-filters:hover{background:var(--bg-main, #FFFFFF);border-color:var(--text-tertiary, #64748B)}.sparko-announce-list{display:flex;flex-direction:column;gap:1px;background:var(--border-color, #E2E8F0);border-radius:8px;overflow:hidden}.sparko-announce-item{background:var(--bg-surface, #FFFFFF);padding:20px 24px 20px 20px;display:flex;gap:16px;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent}.sparko-announce-item:hover{background:var(--bg-hover, #F8FAFC);border-left-color:var(--sparko-blue, #276DF2)}.sparko-announce-item.urgent{border-left-color:#dc2626}.sparko-announce-item.policy_change{border-left-color:#f59e0b}.sparko-announce-item.handbook_update{border-left-color:#8b5cf6}.sparko-announce-item.celebration{border-left-color:#10b981}.sparko-announce-item-icon{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#4F93FF 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sparko-announce-item.urgent .sparko-announce-item-icon{background:linear-gradient(135deg,#dc2626,#ef4444)}.sparko-announce-item.policy_change .sparko-announce-item-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.sparko-announce-item.handbook_update .sparko-announce-item-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.sparko-announce-item.celebration .sparko-announce-item-icon{background:linear-gradient(135deg,#10b981,#34d399)}.sparko-announce-item-content{flex:1;min-width:0}.sparko-announce-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.sparko-announce-item-title{font-size:16px;font-weight:600;color:var(--text-primary, #1E293B);margin-bottom:8px}.sparko-announce-item-meta{font-size:13px;color:var(--text-tertiary, #64748B);display:flex;gap:16px;align-items:center}.sparko-announce-item-meta span{display:flex;align-items:center;gap:4px}.sparko-announce-item-actions{display:flex;gap:8px;align-items:center}.sparko-announce-link-indicator{color:var(--sparko-blue, #276DF2);font-size:13px}.sparko-announce-form{display:flex;flex-direction:column;gap:20px}.sparko-announce-form .form-field{display:flex;flex-direction:column;gap:6px}.sparko-announce-form label{font-size:11px;font-weight:600;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.5px}.sparko-announce-form input,.sparko-announce-form select,.sparko-announce-form textarea{padding:10px 12px;border:1px solid var(--border-color, #E2E8F0);border-radius:6px;font-size:14px;color:var(--text-primary, #1E293B);background:var(--bg-surface, #FFFFFF);font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .2s ease}.sparko-announce-form input:focus,.sparko-announce-form select:focus,.sparko-announce-form textarea:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df214}.sparko-announce-form textarea{resize:vertical;min-height:120px}.sparko-announce-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-color, #E2E8F0);margin-top:8px}.sparko-announce-view-container{padding:24px}.sparko-announce-view-badge{margin-bottom:20px}.sparko-announce-view-title{margin:0 0 16px;font-size:24px;font-weight:700;color:var(--text-primary, #1E293B);line-height:1.3}.sparko-announce-view-meta{margin-bottom:20px;color:var(--text-secondary, #475569);font-size:13px;display:flex;align-items:center;gap:4px}.sparko-announce-view-meta>span{display:flex;align-items:center;gap:4px}.sparko-announce-view-meta-separator{margin:0 8px;color:var(--text-tertiary, #64748B)}.sparko-announce-view-content{line-height:1.6;font-size:15px;color:var(--text-primary, #1E293B);margin-bottom:20px;white-space:pre-wrap;word-wrap:break-word}.sparko-announce-view-link-box{padding:16px;background:var(--bg-hover, #F8FAFC);border-radius:6px;margin-bottom:20px;border:1px solid var(--border-color, #E2E8F0)}.sparko-announce-view-link-label{font-size:13px;color:var(--text-secondary, #475569);margin-bottom:6px;display:flex;align-items:center;gap:4px;font-weight:500}.sparko-announce-view-link{color:var(--sparko-blue, #276DF2);text-decoration:none;font-weight:600;font-size:14px;word-break:break-all}.sparko-announce-view-link:hover{text-decoration:underline}.sparko-announce-view-actions{display:flex;gap:12px;justify-content:flex-end}.sparko-announce-loading{text-align:center;padding:48px 24px;font-size:14px;color:var(--text-secondary, #475569)}.sparko-announce-empty{text-align:center;padding:64px 24px;background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-color, #E2E8F0);border-radius:8px}.sparko-announce-empty-icon{margin-bottom:16px;display:flex;justify-content:center;color:var(--text-tertiary, #64748B)}.sparko-announce-empty-title{font-size:18px;font-weight:600;color:var(--text-primary, #1E293B);margin-bottom:8px}.sparko-announce-empty-description{font-size:14px;color:var(--text-secondary, #475569)}.sparko-announce-view-content h1{font-size:1.5em;font-weight:700;margin:0 0 .5em}.sparko-announce-view-content h2{font-size:1.25em;font-weight:600;margin:0 0 .4em}.sparko-announce-view-content h3{font-size:1.1em;font-weight:600;margin:0 0 .3em}.sparko-announce-view-content p{margin:0 0 .8em}.sparko-announce-view-content ul,.sparko-announce-view-content ol{padding-left:1.5em;margin:0 0 .8em}.sparko-announce-view-content li{margin-bottom:.3em}.sparko-announce-view-content a{color:var(--sparko-blue, #276DF2);text-decoration:underline}.sparko-announce-view-content strong{font-weight:600}.sparko-handbook-page *{box-sizing:border-box}.sparko-handbook-page{max-width:1200px;margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-main, #FFFFFF)}.sparko-handbook-filters-row{display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #E2E8F0)}.sparko-handbook-search-wrapper{flex:1;max-width:400px;position:relative}.sparko-handbook-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #64748B);pointer-events:none;display:flex;align-items:center}.sparko-handbook-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--border-color, #CBD5E1);border-radius:6px;font-size:14px;color:var(--text-primary, #1E293B);background:var(--bg-surface, #FFFFFF);transition:all .2s ease}.sparko-handbook-search-input:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df214}.sparko-handbook-search-input::-moz-placeholder{color:var(--text-tertiary, #64748B)}.sparko-handbook-search-input::placeholder{color:var(--text-tertiary, #64748B)}.sparko-handbook-active-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;background:var(--bg-hover, #F8FAFC);border-radius:6px;font-size:14px}.sparko-handbook-active-filters>span{color:var(--text-secondary, #475569);font-weight:500}.sparko-handbook-clear-filters{margin-left:auto;padding:4px 12px;background:transparent;border:1px solid var(--border-color, #E2E8F0);border-radius:4px;color:var(--text-secondary, #475569);font-size:13px;cursor:pointer;transition:all .2s ease}.sparko-handbook-clear-filters:hover{background:var(--bg-main, #FFFFFF);border-color:var(--text-tertiary, #64748B)}.sparko-handbook-list{display:flex;flex-direction:column;gap:1px;background:var(--border-color, #E2E8F0);border-radius:8px;overflow:hidden}.sparko-handbook-item{background:var(--bg-surface, #FFFFFF);padding:20px 24px 20px 20px;display:flex;gap:16px;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent}.sparko-handbook-item:hover{background:var(--bg-hover, #F8FAFC);border-left-color:var(--sparko-blue, #276DF2)}.sparko-handbook-item.requires-ack{border-left-color:#f59e0b}.sparko-handbook-item-icon{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#4F93FF 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sparko-handbook-item.requires-ack .sparko-handbook-item-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.sparko-handbook-item-content{flex:1;min-width:0}.sparko-handbook-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.sparko-handbook-item-title{font-size:16px;font-weight:600;color:var(--text-primary, #1E293B);margin-bottom:8px}.sparko-handbook-item-meta{font-size:13px;color:var(--text-tertiary, #64748B);display:flex;gap:16px;align-items:center}.sparko-handbook-item-meta span{display:flex;align-items:center;gap:4px}.sparko-handbook-item-badges{display:flex;gap:6px;align-items:center}.sparko-handbook-item-actions{display:flex;gap:8px;align-items:center}.sparko-handbook-content-indicator{color:var(--text-tertiary, #64748B);font-size:13px;display:flex;gap:12px}.sparko-handbook-form{display:flex;flex-direction:column;gap:20px}.sparko-handbook-form .form-field{display:flex;flex-direction:column;gap:6px}.sparko-handbook-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sparko-handbook-form label{font-size:11px;font-weight:600;color:var(--text-secondary, #475569);text-transform:uppercase;letter-spacing:.5px}.sparko-handbook-form input,.sparko-handbook-form select,.sparko-handbook-form textarea{padding:10px 12px;border:1px solid var(--border-color, #E2E8F0);border-radius:6px;font-size:14px;color:var(--text-primary, #1E293B);background:var(--bg-surface, #FFFFFF);font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .2s ease}.sparko-handbook-form input:focus,.sparko-handbook-form select:focus,.sparko-handbook-form textarea:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df214}.sparko-handbook-form textarea{resize:vertical;min-height:80px}.sparko-handbook-form .help-text{font-size:12px;color:var(--text-tertiary, #64748B);font-weight:400;text-transform:none;letter-spacing:normal}.sparko-handbook-form .checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary, #1E293B);cursor:pointer;text-transform:none;font-weight:400;letter-spacing:normal}.sparko-handbook-form .checkbox-input{width:18px;height:18px;cursor:pointer}.sparko-handbook-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-color, #E2E8F0);margin-top:8px}.sparko-handbook-acks-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.sparko-handbook-empty-acks{text-align:center;padding:48px 24px;font-size:14px;color:var(--text-secondary, #475569)}.sparko-handbook-acks-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #E2E8F0)}.sparko-handbook-acks-count{font-size:14px;font-weight:600;color:var(--text-primary, #1E293B)}.sparko-handbook-ack-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:6px;background:var(--bg-main, #FFFFFF);border:1px solid var(--border-color, #E2E8F0);transition:all .2s ease}.sparko-handbook-ack-item:hover{box-shadow:0 2px 8px #0000000f;background:var(--bg-hover, #F8FAFC)}.sparko-handbook-ack-employee{flex:1}.sparko-handbook-ack-name{font-size:14px;font-weight:600;color:var(--text-primary, #1E293B)}.sparko-handbook-ack-details{font-size:12px;color:var(--text-secondary, #64748B);margin-top:2px}.sparko-handbook-ack-info{text-align:right}.sparko-handbook-ack-date{font-size:12px;color:var(--text-primary, #1E293B)}.sparko-handbook-ack-ip{font-size:12px;color:var(--text-tertiary, #64748B);margin-top:2px}.sparko-handbook-view-container{padding:24px}.sparko-handbook-view-version{margin-bottom:20px}.sparko-handbook-view-title{margin:0 0 16px;font-size:24px;font-weight:700;color:var(--text-primary, #1E293B);line-height:1.3}.sparko-handbook-view-meta{margin-bottom:20px;color:var(--text-secondary, #475569);font-size:13px;display:flex;align-items:center;gap:4px}.sparko-handbook-view-meta span{display:flex;align-items:center;gap:4px}.sparko-handbook-view-meta-separator{margin:0 8px;color:var(--text-tertiary, #64748B)}.sparko-handbook-view-description-box{margin-bottom:20px;padding:16px;background:var(--bg-hover, #F8FAFC);border-radius:6px;border:1px solid var(--border-color, #E2E8F0)}.sparko-handbook-view-section-label{font-size:12px;color:var(--text-secondary, #475569);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sparko-handbook-view-description-text{line-height:1.6;font-size:14px;color:var(--text-primary, #1E293B)}.sparko-handbook-view-content-section{margin-bottom:20px}.sparko-handbook-view-content-box{line-height:1.6;font-size:14px;color:var(--text-primary, #1E293B);padding:16px;border:1px solid var(--border-color, #E2E8F0);border-radius:6px;background:var(--bg-surface, #FFFFFF);word-wrap:break-word}.sparko-handbook-view-pdf-box{padding:16px;background:var(--bg-hover, #F8FAFC);border-radius:6px;margin-bottom:20px;border:1px solid var(--border-color, #E2E8F0)}.sparko-handbook-view-pdf-label{font-size:13px;color:var(--text-secondary, #475569);margin-bottom:6px;display:flex;align-items:center;gap:4px;font-weight:500}.sparko-handbook-view-pdf-link{color:var(--sparko-blue, #276DF2);text-decoration:none;font-weight:600;font-size:14px;word-break:break-all}.sparko-handbook-view-pdf-link:hover{text-decoration:underline}.sparko-handbook-view-ack-box{padding:16px;background:var(--bg-hover, #FEF3C7);border:1px solid var(--border-color, #FDE68A);border-radius:6px;margin-bottom:20px}.sparko-handbook-view-ack-title{font-size:14px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px;color:var(--text-primary, #1E293B)}.sparko-handbook-view-ack-text{font-size:13px;color:var(--text-secondary, #475569)}.sparko-handbook-view-actions{display:flex;gap:12px;justify-content:flex-end}.sparko-handbook-loading{text-align:center;padding:48px 24px;font-size:14px;color:var(--text-secondary, #475569)}.sparko-handbook-empty{text-align:center;padding:64px 24px;background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-color, #E2E8F0);border-radius:8px}.sparko-handbook-empty-icon{margin-bottom:16px;display:flex;justify-content:center;color:var(--text-tertiary, #64748B)}.sparko-handbook-empty-title{font-size:18px;font-weight:600;color:var(--text-primary, #1E293B);margin-bottom:8px}.sparko-handbook-empty-description{font-size:14px;color:var(--text-secondary, #475569)}.sparko-html-content h1{font-size:1.5em;font-weight:700;margin:0 0 .5em;color:var(--text-primary, #1E293B)}.sparko-html-content h2{font-size:1.25em;font-weight:600;margin:0 0 .4em;color:var(--text-primary, #1E293B)}.sparko-html-content h3{font-size:1.1em;font-weight:600;margin:0 0 .3em;color:var(--text-primary, #1E293B)}.sparko-html-content p{margin:0 0 .8em;line-height:1.6}.sparko-html-content ul,.sparko-html-content ol{padding-left:1.5em;margin:0 0 .8em}.sparko-html-content li{margin-bottom:.3em}.sparko-html-content a{color:var(--sparko-blue, #276DF2);text-decoration:underline}.sparko-html-content a:hover{text-decoration:none}.sparko-html-content strong{font-weight:600}.sparko-html-content em{font-style:italic}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.analytics-card{padding:var(--space-lg);background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-thin) solid var(--border-color);border-left:var(--card-border-width) solid var(--primary-solid);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease}.analytics-card:hover{transform:var(--card-hover-transform);box-shadow:var(--card-hover-shadow)}.analytics-card.full-width{grid-column:1 / -1}.analytics-card .card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.metric-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-md);text-align:center}.metric-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.tenure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.tenure-bucket{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.tenure-bucket:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.bucket-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.bucket-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-solid);margin-bottom:var(--space-xs)}.bucket-percentage{font-size:var(--font-size-sm);color:var(--text-tertiary)}.loading-text{text-align:center;font-size:var(--font-size-lg);color:var(--text-secondary);padding:var(--space-3xl)}[data-theme=dark-vision] .analytics-card{-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);background:var(--bg-surface)}[data-theme=dark-vision] .metric-item,[data-theme=dark-vision] .tenure-bucket{background:#ffffff08}@media(max-width:768px){.analytics-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}.myteam-page *{box-sizing:border-box}.myteam-page{max-width:1200px;margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;background:transparent}.myteam-header{background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1e40af 100%);padding:40px;border-radius:16px;margin-bottom:24px;box-shadow:0 8px 24px #276df24d;color:#fff;position:relative;overflow:hidden}.myteam-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.myteam-header-content{position:relative;z-index:1}.myteam-title{font-size:32px;font-weight:700;margin:0 0 8px}.myteam-subtitle{font-size:16px;margin:0;opacity:.9}.myteam-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.myteam-stat-card{background:#fff;padding:14px 16px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;position:relative;overflow:hidden;transition:all .3s}.myteam-stat-card:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,rgba(39,109,242,.1),transparent);border-radius:0 12px 0 100%}.myteam-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--sparko-blue, #276DF2)}.myteam-stat-card.warning{border-color:#f59e0b}.myteam-stat-card.warning:after{background:linear-gradient(135deg,rgba(245,158,11,.1),transparent)}.myteam-stat-card.highlight{border-color:#22c55e}.myteam-stat-card.highlight:after{background:linear-gradient(135deg,rgba(34,197,94,.1),transparent)}.myteam-stat-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative;z-index:1}.myteam-stat-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#1e40af);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #276df24d;flex-shrink:0}.myteam-stat-card.warning .myteam-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.myteam-stat-card.highlight .myteam-stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.myteam-stat-value{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 3px;position:relative;z-index:1}.myteam-stat-label{font-size:12px;color:#64748b;font-weight:500;margin:0;position:relative;z-index:1}.myteam-stat-trend{font-size:11px;color:#94a3b8;margin-top:3px;position:relative;z-index:1}.myteam-section{background:#fff;padding:28px;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.myteam-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.myteam-section-title{font-size:20px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px;margin:0}.myteam-title-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#276df21a,#1e40af1a);display:flex;align-items:center;justify-content:center}.myteam-view-all{color:var(--sparko-blue, #276DF2);font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:6px}.myteam-view-all:hover{background:#276df21a;color:#1e40af}.myteam-member{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;margin-bottom:12px;border:1px solid #e2e8f0;transition:all .3s;position:relative;overflow:hidden}.myteam-member:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--sparko-blue, #276DF2),#1e40af);transform:scaleY(0);transition:transform .3s}.myteam-member:hover{box-shadow:0 4px 16px #0000001a;transform:translate(4px);border-color:var(--sparko-blue, #276DF2)}.myteam-member:hover:before{transform:scaleY(1)}.myteam-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#1e40af);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0;box-shadow:0 4px 12px #276df24d}.myteam-info{flex:1;min-width:0}.myteam-name{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 6px}.myteam-role{font-size:14px;color:#64748b;margin:0 0 4px}.myteam-meta{font-size:12px;color:#94a3b8;margin:0}.myteam-btn{padding:10px 20px;border-radius:8px;background:var(--sparko-blue, #276DF2);color:#fff;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;font-family:Inter,system-ui,-apple-system,sans-serif;flex-shrink:0}.myteam-btn:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 4px 12px #276df266}.myteam-badge{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;flex-shrink:0}.myteam-badge-success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.myteam-badge-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.myteam-badge-info{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.myteam-empty{padding:48px 32px;text-align:center;color:#64748b}.myteam-empty-icon{width:64px;height:64px;margin:0 auto 16px;color:#cbd5e1}.myteam-empty-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.myteam-empty-description{font-size:14px;color:#64748b;margin:0}.myteam-loading{padding:64px 32px;text-align:center;color:#64748b}.myteam-loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:var(--sparko-blue, #276DF2);border-radius:50%;animation:myteam-spin 1s linear infinite;margin:0 auto 16px}@keyframes myteam-spin{to{transform:rotate(360deg)}}.myteam-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:20px;border-radius:12px;margin-bottom:24px}.myteam-icon{width:18px;height:18px;color:#fff;flex-shrink:0}.myteam-icon-sm{width:18px;height:18px;color:var(--sparko-blue, #276DF2);flex-shrink:0}.myteam-timeoff-item{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;margin-bottom:12px;border:1px solid #e2e8f0;transition:all .3s;position:relative;overflow:hidden}.myteam-timeoff-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#22c55e,#16a34a);transform:scaleY(0);transition:transform .3s}.myteam-timeoff-item:hover{box-shadow:0 4px 16px #0000001a;transform:translate(4px);border-color:#22c55e}.myteam-timeoff-item:hover:before{transform:scaleY(1)}.myteam-meeting-item,.myteam-review-item{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;margin-bottom:12px;border:1px solid #e2e8f0;transition:all .3s;position:relative;overflow:hidden}.myteam-review-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f59e0b,#d97706);transform:scaleY(0);transition:transform .3s}.myteam-meeting-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--sparko-blue, #276DF2),#1e40af);transform:scaleY(0);transition:transform .3s}.myteam-meeting-item:hover,.myteam-review-item:hover{box-shadow:0 4px 16px #0000001a;transform:translate(4px)}.myteam-meeting-item:hover{border-color:var(--sparko-blue, #276DF2)}.myteam-review-item:hover{border-color:#f59e0b}.myteam-meeting-item:hover:before,.myteam-review-item:hover:before{transform:scaleY(1)}@media(max-width:768px){.myteam-page{padding:16px}.myteam-header{padding:28px 24px}.myteam-title{font-size:24px}.myteam-subtitle{font-size:14px}.myteam-stats{grid-template-columns:repeat(2,1fr);gap:12px}.myteam-section{padding:20px}.myteam-section-header{flex-direction:column;align-items:flex-start;gap:12px}.myteam-member,.myteam-timeoff-item,.myteam-meeting-item,.myteam-review-item{flex-wrap:wrap}.myteam-btn{width:100%;margin-top:8px}}.portal-container{width:100%;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.loading-message{text-align:center;font-size:var(--font-size-lg);color:var(--text-secondary);padding:var(--space-3xl) var(--space-xl)}.error-message{background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error-border);border-radius:var(--radius-md);padding:var(--space-xl);color:var(--status-error);text-align:center}.welcome-header{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff;padding:var(--space-3xl) var(--space-2xl);border-radius:var(--radius-md);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-lg)}.welcome-title{font-size:var(--font-size-4xl);margin:0 0 var(--space-md) 0;font-weight:var(--font-weight-bold)}.welcome-subtitle{font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);margin:0 0 var(--space-md) 0;opacity:.95}.welcome-description{font-size:var(--font-size-base);opacity:.9;margin:0;line-height:1.6}.progress-section{padding:var(--space-2xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-sm)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.progress-header h3{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.progress-percentage{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.progress-bar-container{width:100%;height:20px;background:var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-xs)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));transition:width .5s ease}.progress-stats{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.phase-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-2xl)}.phase-button{padding:var(--space-md) var(--space-lg);border:var(--border-width-medium) solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:Inter,sans-serif;transition:all .2s}.phase-button.active{border-color:var(--primary-accessible);background:var(--primary-accessible);color:#fff}.phase-button:hover{border-color:var(--primary-solid);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tasks-section{margin-bottom:var(--space-2xl)}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.tasks-header h3{margin:0;font-size:var(--font-size-2xl);color:var(--text-primary)}.tasks-count{color:var(--text-secondary);font-size:var(--font-size-sm)}.empty-state{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);font-size:var(--font-size-base)}.tasks-list{display:flex;flex-direction:column;gap:var(--space-md)}.task-card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl);transition:all .2s}.task-card.completed{border-color:var(--status-success-border);opacity:.7}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-header{display:flex;gap:var(--space-md);align-items:flex-start}.task-checkbox{width:24px;height:24px;cursor:pointer;margin-top:2px;flex-shrink:0}.task-title-section{flex:1}.task-title{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-base);color:var(--text-primary)}.task-title.completed{text-decoration:line-through;color:var(--text-secondary)}.task-meta{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.task-due-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.task-description{margin:var(--space-md) 0 0 0;padding-left:40px;color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-sm)}.task-completed-info{margin-top:var(--space-md);padding-left:40px;color:var(--status-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.checkins-section{padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.checkins-section h3{margin:0 0 var(--space-xl) 0;font-size:var(--font-size-xl);color:var(--text-primary)}.checkins-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.checkin-card{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-lg)}.checkin-type{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.checkin-date{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.equipment-section{padding:var(--space-2xl)}.equipment-section h3{margin:0 0 var(--space-xl) 0;font-size:var(--font-size-xl);color:var(--text-primary)}.equipment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.equipment-card{display:flex;gap:var(--space-md);background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-lg);align-items:center}.equipment-icon{font-size:var(--font-size-3xl);flex-shrink:0}.equipment-info{flex:1}.equipment-type{font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:capitalize;margin-bottom:var(--space-xs)}.equipment-model{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}@media(max-width:768px){.portal-container{padding:var(--space-xl) var(--space-md)}.welcome-title{font-size:var(--font-size-3xl)}.welcome-subtitle{font-size:var(--font-size-xl)}.welcome-description{font-size:var(--font-size-sm)}.progress-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.progress-percentage{font-size:var(--font-size-2xl)}.phase-filters{flex-direction:column}.phase-button{width:100%}.tasks-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.checkins-list,.equipment-list{grid-template-columns:1fr}}.sparko-onboard-page *{box-sizing:border-box}.sparko-onboard-page{max-width:1400px;margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.sparko-onboard-loading{text-align:center;padding:48px 24px;font-size:14px;color:var(--text-secondary, #64748B)}.sparko-onboard-alert-banner{background:var(--status-warning-bg, #FFFBEB);border-left:4px solid var(--status-warning, #F59E0B);border-radius:6px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:20px}.sparko-onboard-alert-icon{color:var(--status-warning, #F59E0B);font-size:18px;flex-shrink:0}.sparko-onboard-alert-text{flex:1;color:var(--text-primary, #92400E);font-weight:600;font-size:13px}.sparko-onboard-filters-row{display:flex;gap:10px;margin-bottom:16px}.sparko-onboard-search-wrapper{flex:1;max-width:400px;position:relative}.sparko-onboard-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94A3B8);font-size:16px;pointer-events:none}.sparko-onboard-search-input{width:100%;padding:8px 10px 8px 36px;border:1px solid var(--border-color, #E2E8F0);border-radius:6px;font-size:13px;color:var(--text-primary, #1E293B);background:var(--bg-surface, #FFFFFF);transition:all .2s ease}.sparko-onboard-search-input:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df21a}.sparko-onboard-search-input::-moz-placeholder{color:var(--text-tertiary, #64748B)}.sparko-onboard-search-input::placeholder{color:var(--text-tertiary, #64748B)}.sparko-onboard-active-filters{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:12px;background:var(--bg-hover, #F8FAFC);border-radius:8px;font-size:14px}.sparko-onboard-active-filters>span{color:var(--text-secondary, #475569);font-weight:500}.sparko-onboard-clear-filters{margin-left:auto;padding:4px 12px;background:transparent;border:1px solid var(--border-color, #E2E8F0);border-radius:6px;color:var(--text-secondary, #475569);font-size:13px;cursor:pointer;transition:all .2s ease}.sparko-onboard-clear-filters:hover{background:var(--bg-main, #FFFFFF);border-color:var(--text-tertiary, #64748B)}.sparko-onboard-plans-section{margin-top:24px}.sparko-onboard-plans-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--border-color, #E2E8F0)}.sparko-onboard-plans-title{font-size:16px;font-weight:700;color:var(--text-primary, #1E293B);margin:0}.sparko-onboard-plans-count{font-size:13px;color:var(--text-secondary, #64748B);font-weight:600}.sparko-onboard-empty-state{text-align:center;padding:64px 24px;background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-color, #E2E8F0);border-radius:8px}.sparko-onboard-empty-icon{font-size:48px;margin-bottom:16px}.sparko-onboard-empty-title{font-size:18px;font-weight:700;color:var(--text-primary, #1E293B);margin-bottom:8px}.sparko-onboard-empty-description{font-size:14px;color:var(--text-secondary, #64748B);margin-bottom:24px}.sparko-onboard-plans-list{display:flex;flex-direction:column;gap:8px}.sparko-onboard-plan-card{background:var(--bg-surface, #FFFFFF);border:1px solid var(--border-color, #E2E8F0);border-radius:8px;padding:16px;display:grid;grid-template-columns:2fr 1fr 1fr 120px 180px;gap:20px;align-items:center;transition:all .2s ease}.sparko-onboard-plan-card:hover{background:var(--bg-hover, #F8FAFC);border-color:var(--sparko-blue, #276DF2)}.sparko-onboard-plan-info{min-width:0}.sparko-onboard-plan-title{font-size:15px;font-weight:700;color:var(--text-primary, #1E293B);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sparko-onboard-plan-subtitle{font-size:12px;color:var(--text-secondary, #64748B);display:flex;align-items:center;gap:4px}.sparko-onboard-plan-dates{font-size:13px;color:var(--text-primary, #475569);display:flex;align-items:center;gap:6px}.sparko-onboard-plan-status-col{display:flex;justify-content:center}.sparko-onboard-plan-progress-col{display:flex;align-items:center;gap:10px}.sparko-onboard-progress-bar{flex:1;height:6px;background:var(--border-color, #E2E8F0);border-radius:3px;overflow:hidden}.sparko-onboard-progress-fill{height:100%;background:var(--sparko-blue, #276DF2);transition:width .3s ease}.sparko-onboard-progress-text{font-size:12px;font-weight:700;color:var(--text-primary, #475569);min-width:40px}.sparko-onboard-plan-actions{display:flex;gap:6px;justify-content:flex-end}.sparko-onboard-action-button{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border-color, #E2E8F0);background:var(--bg-surface, #FFFFFF);color:var(--text-secondary, #475569);transition:all .2s ease}.sparko-onboard-action-button:hover{background:var(--bg-hover, #F8FAFC)}.sparko-onboard-action-primary{background:var(--sparko-blue, #276DF2);color:#fff;border-color:var(--sparko-blue, #276DF2)}.sparko-onboard-action-primary:hover{background:#1e5fd9;border-color:#1e5fd9}.sparko-onboard-action-danger{background:var(--status-error, #EF4444);color:#fff;border-color:var(--status-error, #EF4444)}.sparko-onboard-action-danger:hover{background:#dc2626;border-color:#dc2626}.sparko-onboard-modal-body{padding:0}.sparko-onboard-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-color, #E2E8F0);margin-top:20px}.sparko-onboard-form-group{margin-bottom:20px}.sparko-onboard-form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary, #1E293B);font-size:14px}.sparko-onboard-form-select{width:100%;padding:10px 12px;border:1px solid var(--border-color, #E2E8F0);border-radius:8px;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-surface, #FFFFFF);color:var(--text-primary, #1E293B);cursor:pointer;transition:all .2s ease}.sparko-onboard-form-select:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df21a}.sparko-onboard-form-select:disabled{background:var(--bg-main, #F8FAFC);cursor:not-allowed;opacity:.6}.sparko-onboard-employee-info{background:var(--bg-main, #F8FAFC);border:1px solid var(--border-color, #E2E8F0);border-radius:8px;padding:16px;margin-bottom:20px}.sparko-onboard-info-row{display:flex;margin-bottom:8px}.sparko-onboard-info-row:last-child{margin-bottom:0}.sparko-onboard-info-label{width:120px;font-weight:600;color:var(--text-secondary, #64748B);font-size:14px}.sparko-onboard-info-value{flex:1;color:var(--text-primary, #1E293B);font-size:14px}.sparko-onboard-readiness-check{border-radius:8px;padding:16px;margin-bottom:20px;display:flex;gap:12px;border:1px solid}.sparko-onboard-readiness-check.ready{background:var(--status-success-bg, #D1FAE5);border-color:var(--status-success, #10B981)}.sparko-onboard-readiness-check.not-ready{background:var(--status-error-bg, #FEE2E2);border-color:var(--status-error, #EF4444)}.sparko-onboard-readiness-icon{font-size:24px;flex-shrink:0}.sparko-onboard-readiness-text{flex:1;color:var(--text-primary, #1E293B);font-weight:700}.sparko-onboard-readiness-content{flex:1}.sparko-onboard-readiness-title{font-size:16px;font-weight:700;margin-bottom:8px}.sparko-onboard-readiness-title.ready{color:var(--status-success, #10B981)}.sparko-onboard-readiness-title.not-ready{color:var(--status-error, #EF4444)}.sparko-onboard-readiness-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.sparko-onboard-readiness-stat{display:flex;gap:6px;align-items:baseline}.sparko-onboard-stat-label{font-size:14px;color:var(--text-secondary, #64748B)}.sparko-onboard-readiness-stat-value{font-weight:700;color:var(--text-primary, #1E293B)}.sparko-onboard-readiness-stat-value.warning{color:var(--status-error, #EF4444)}.sparko-onboard-missing-fields-list{background:var(--bg-surface, #FFFFFF);border:1px solid var(--status-error-border, #FCA5A5);border-radius:6px;padding:12px;margin-top:8px}.sparko-onboard-missing-fields-title{font-weight:700;color:var(--status-error, #EF4444);margin-bottom:6px;font-size:13px}.sparko-onboard-missing-field-item{color:var(--status-error, #EF4444);font-size:12px;margin-bottom:4px;padding-left:4px}.sparko-onboard-ai-info{background:linear-gradient(135deg,#6366f114,#764ba214);border:1px solid var(--sparko-blue, #276DF2);border-radius:8px;padding:16px;display:flex;gap:12px}.sparko-onboard-ai-info-icon{font-size:24px;flex-shrink:0}.sparko-onboard-ai-info-text{flex:1;color:var(--text-primary, #1E293B);line-height:1.6;font-size:14px}.sparko-onboard-ai-info-text strong{color:var(--sparko-blue, #276DF2)}.sparko-onboard-ai-info-text em{color:var(--text-secondary, #64748B);font-size:13px}.sparko-onboard-success-message{padding:48px 32px;text-align:center}.sparko-onboard-success-icon{width:80px;height:80px;margin:0 auto 20px;background:var(--status-success, #10B981);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700}.sparko-onboard-success-title{font-size:24px;color:var(--text-primary, #1E293B);margin:0 0 20px;font-weight:700}.sparko-onboard-success-stats{display:flex;justify-content:center;gap:32px;margin-bottom:20px}.sparko-onboard-stat-item{text-align:center}.sparko-onboard-stat-item .sparko-onboard-stat-label{font-size:14px;color:var(--text-secondary, #64748B);margin-bottom:6px}.sparko-onboard-stat-item .sparko-onboard-stat-value{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#764BA2);-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.sparko-onboard-success-text{color:var(--text-secondary, #64748B);font-size:16px;margin:0}.sparko-onboard-view-modal-content{padding:16px}.sparko-onboard-view-modal-status{margin-bottom:16px}.sparko-onboard-view-modal-title{margin:0 0 12px;font-size:22px;font-weight:700;color:var(--text-primary, #1E293B)}.sparko-onboard-view-modal-metadata{margin-bottom:16px;color:var(--text-secondary, #64748B);font-size:13px;display:flex;align-items:center;gap:8px}.sparko-onboard-view-modal-separator{margin:0 4px}.sparko-onboard-view-modal-progress-box{margin-bottom:16px;padding:12px;background:var(--bg-hover, #F8FAFC);border-radius:6px}.sparko-onboard-view-modal-section-label{font-size:12px;color:var(--text-secondary, #64748B);margin-bottom:8px;font-weight:600}.sparko-onboard-view-modal-progress-row{display:flex;align-items:center;gap:12px}.sparko-onboard-view-modal-progress-track{flex:1;height:8px;background:var(--bg-secondary, #E2E8F0);border-radius:4px;overflow:hidden}.sparko-onboard-view-modal-progress-fill{height:100%;transition:width .3s ease}.sparko-onboard-view-modal-progress-fill.completed{background:var(--status-success, #10B981)}.sparko-onboard-view-modal-progress-fill.in-progress{background:var(--sparko-blue, #276DF2)}.sparko-onboard-view-modal-progress-percent{font-size:14px;font-weight:700;min-width:50px;text-align:right;color:var(--text-primary, #1E293B)}.sparko-onboard-view-modal-description-section{margin-bottom:16px}.sparko-onboard-view-modal-description-text{line-height:1.6;font-size:14px;color:var(--text-primary, #1E293B)}.sparko-onboard-view-modal-info-box{padding:12px;background:var(--bg-hover, #F8FAFC);border-radius:6px;margin-bottom:16px}.sparko-onboard-view-modal-info-item{font-size:13px;margin-bottom:6px;color:var(--text-primary, #1E293B)}.sparko-onboard-view-modal-info-item:last-child{margin-bottom:0}.sparko-onboard-view-modal-ai-note{font-size:12px;color:var(--text-secondary, #64748B);margin-top:8px}.sparko-onboard-view-modal-actions{display:flex;gap:8px;justify-content:flex-end}@media(max-width:1200px){.sparko-onboard-plan-card{grid-template-columns:2fr 1.5fr 120px 150px}.sparko-onboard-plan-dates{grid-column:span 2}}@media(max-width:768px){.sparko-onboard-plan-card{grid-template-columns:1fr;gap:12px}.sparko-onboard-plan-actions{justify-content:flex-start}.sparko-onboard-filters-row{flex-direction:column}.sparko-onboard-search-wrapper{max-width:100%}}.perf-dashboard-page *{box-sizing:border-box}.perf-dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.perf-dashboard-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(0,0,0,.08);padding:24px 32px;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.perf-dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.perf-dashboard-header-left{display:flex;align-items:center;gap:16px}.perf-dashboard-header-icon{width:32px;height:32px;stroke:var(--sparko-blue);flex-shrink:0}.perf-dashboard-title{font-size:28px;font-weight:700;color:#1e293b;margin:0}.perf-dashboard-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.perf-dashboard-content{max-width:1400px;margin:0 auto;padding:32px}.perf-dashboard-loading{text-align:center;padding:80px 40px;color:#64748b;font-size:16px}.perf-dashboard-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.perf-dashboard-icon-sm{width:14px;height:14px;stroke:currentColor;flex-shrink:0}.perf-dashboard-icon-blue{color:var(--sparko-blue)}.perf-dashboard-icon-green{color:var(--sparko-green)}.perf-dashboard-icon-amber{color:var(--sparko-amber)}.perf-dashboard-icon-red{color:var(--sparko-red)}.perf-dashboard-icon-purple{color:var(--sparko-purple)}.perf-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.perf-dashboard-stat{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-dashboard-stat:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc}.perf-dashboard-stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.perf-dashboard-stat-icon-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8)}.perf-dashboard-stat-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669)}.perf-dashboard-stat-icon-amber{background:linear-gradient(135deg,var(--sparko-amber),#d97706)}.perf-dashboard-stat-icon-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed)}.perf-dashboard-stat-icon svg{width:24px;height:24px;stroke:#fff}.perf-dashboard-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.perf-dashboard-stat-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.perf-dashboard-stat-label{font-size:13px;color:#64748b;font-weight:500}.perf-dashboard-stat-trend{font-size:12px;color:#94a3b8;font-weight:500}.perf-dashboard-actions{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.perf-dashboard-action{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.perf-dashboard-action:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.perf-dashboard-action-primary{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;border-color:var(--sparko-blue)}.perf-dashboard-action-primary:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);color:#fff;box-shadow:0 4px 12px #276df24d,inset 0 1px #fff3}.perf-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.perf-dashboard-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.perf-dashboard-section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.perf-dashboard-view-all{background:none;border:none;color:var(--sparko-blue);font-weight:600;cursor:pointer;font-size:13px;transition:all .2s ease;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px}.perf-dashboard-view-all:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);text-decoration:none}.perf-dashboard-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;margin-bottom:16px;flex:1}.perf-dashboard-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:16px;display:flex;align-items:center;gap:12px;border-left:4px solid transparent;transition:all .2s ease;cursor:pointer}.perf-dashboard-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue);transform:translate(2px)}.perf-dashboard-item-unread{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left-color:var(--sparko-blue)}.perf-dashboard-item-unread:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.perf-dashboard-item-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-dashboard-item-icon svg{width:24px;height:24px;stroke:#fff}.perf-dashboard-item-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669);box-shadow:0 2px 4px #10b98133,inset 0 1px #fff3}.perf-dashboard-item-icon-amber{background:linear-gradient(135deg,var(--sparko-amber),#d97706);box-shadow:0 2px 4px #f59e0b33,inset 0 1px #fff3}.perf-dashboard-item-icon-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed);box-shadow:0 2px 4px #8b5cf633,inset 0 1px #fff3}.perf-dashboard-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.perf-dashboard-item-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.perf-dashboard-item-title{font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perf-dashboard-item-subtitle{font-size:13px;color:#64748b;line-height:1.4}.perf-dashboard-progress{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-top:4px}.perf-dashboard-progress-fill{height:100%;border-radius:3px;transition:width .3s ease;width:var(--progress-width, 0%)}.perf-dashboard-progress-success{background:var(--sparko-green)}.perf-dashboard-progress-info{background:var(--sparko-blue)}.perf-dashboard-progress-warning{background:var(--sparko-amber)}.perf-dashboard-progress-error{background:var(--sparko-red)}.perf-dashboard-progress-draft{background:#94a3b8}.perf-dashboard-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;text-transform:capitalize}.perf-dashboard-badge-success{background:#d1fae5;color:#065f46}.perf-dashboard-badge-info{background:#dbeafe;color:#1e40af}.perf-dashboard-badge-warning{background:#fed7aa;color:#92400e}.perf-dashboard-badge-error{background:#fecaca;color:#991b1b}.perf-dashboard-badge-draft{background:#e2e8f0;color:#475569}.perf-dashboard-section-action{width:100%;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.perf-dashboard-section-action:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);box-shadow:0 2px 4px #00000014,inset 0 1px #fffc}.perf-dashboard-empty{text-align:center;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.perf-dashboard-empty-icon{width:64px;height:64px;color:#cbd5e1;stroke-width:1.5;margin-bottom:8px}.perf-dashboard-empty-title{font-size:16px;font-weight:600;color:#475569}.perf-dashboard-empty-text{font-size:14px;color:#94a3b8;max-width:300px}@media(max-width:1024px){.perf-dashboard-grid{grid-template-columns:1fr}.perf-dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.perf-dashboard-header,.perf-dashboard-content{padding:16px}.perf-dashboard-stats{grid-template-columns:1fr}.perf-dashboard-actions{flex-direction:column}.perf-dashboard-action{width:100%;justify-content:center}.perf-dashboard-section{padding:16px}.perf-dashboard-item{flex-direction:column;align-items:flex-start;gap:12px}.perf-dashboard-item-header{flex-direction:column;align-items:flex-start;gap:4px}.perf-dashboard-item-title{white-space:normal}}.ga-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,system-ui,-apple-system,sans-serif}.ga-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 32px;display:flex;justify-content:space-between;align-items:center}.ga-page-title{font-size:22px;font-weight:700;color:#1e293b;margin:0}.ga-page-subtitle{font-size:13px;color:#64748b;margin:2px 0 0}.ga-header-actions{display:flex;gap:10px}.ga-btn{padding:9px 18px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#1e293b;display:flex;align-items:center;gap:6px;transition:all .2s}.ga-btn:hover{border-color:#276df2;color:#276df2}.ga-btn-primary{background:#276df2;color:#fff;border-color:#276df2}.ga-btn-primary:hover{background:#1e5fd8}.ga-controls{padding:16px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px}.ga-tabs{display:flex;gap:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:3px}.ga-tab{padding:7px 14px;border:none;border-radius:7px;background:transparent;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.ga-tab:hover{color:#1e293b;background:#f1f5f9}.ga-tab.active{background:#276df2;color:#fff}.ga-search{padding:8px 14px 8px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;width:280px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M16 16l-4-4'/%3E%3C/svg%3E") 12px center no-repeat;transition:border-color .2s}.ga-search:focus{outline:none;border-color:#276df2;box-shadow:0 0 0 3px #276df21a}.ga-list{padding:0 32px 32px}.ga-row{display:grid;grid-template-columns:28px 1fr 160px 100px 80px;gap:12px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:all .15s}.ga-row:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.ga-row-child{border-left:3px solid #e2e8f0}.ga-row-child:hover{border-left-color:#276df2}.ga-expand-col{display:flex;align-items:center;justify-content:center}.ga-expand-btn{width:28px;height:28px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;color:#64748b;transition:all .15s}.ga-expand-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#276df2}.ga-expand-spacer{width:28px;height:28px}.ga-title-col{min-width:0}.ga-title{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ga-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8;margin-top:2px}.ga-owner-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.ga-badge-company{background:#dbeafe;color:#1e40af}.ga-badge-department{background:#fef3c7;color:#92400e}.ga-badge-team{background:#e0e7ff;color:#4338ca}.ga-badge-individual{background:#d1fae5;color:#065f46}.ga-progress-col{display:flex;align-items:center;gap:8px}.ga-progress-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.ga-progress-fill{height:100%;border-radius:3px;transition:width .3s}.ga-fill-on_track,.ga-fill-completed{background:#10b981}.ga-fill-at_risk{background:#f59e0b}.ga-fill-behind{background:#ef4444}.ga-fill-not_started{background:#cbd5e1}.ga-pct{font-size:12px;font-weight:600;min-width:32px;text-align:right;color:#1e293b}.ga-status-col{display:flex;align-items:center}.ga-status{display:inline-block;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap}.ga-status-on_track{background:#d1fae5;color:#065f46}.ga-status-at_risk{background:#fed7aa;color:#92400e}.ga-status-behind{background:#fecaca;color:#991b1b}.ga-status-completed{background:#d1fae5;color:#065f46}.ga-status-not_started{background:#f1f5f9;color:#64748b}.ga-children-col{font-size:12px;color:#94a3b8;text-align:right}.ga-empty{text-align:center;padding:80px 40px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.ga-empty-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:8px}.ga-empty-desc{font-size:14px;color:#64748b;margin-bottom:20px}.ga-loading,.ga-error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:16px;color:#64748b}.ga-error{color:#ef4444}@media(max-width:1024px){.ga-row{grid-template-columns:28px 1fr 120px 90px}.ga-children-col{display:none}}@media(max-width:768px){.ga-header{flex-direction:column;gap:16px;align-items:flex-start;padding:16px}.ga-controls{flex-direction:column;align-items:stretch;padding:12px 16px}.ga-tabs{flex-wrap:wrap;justify-content:center}.ga-search{width:100%}.ga-list{padding:0 16px 16px}.ga-row{grid-template-columns:28px 1fr;gap:8px}.ga-progress-col,.ga-status-col,.ga-children-col{display:none}.ga-row-child{margin-left:16px!important}}.ga-kr-list{margin-bottom:8px;margin-left:28px;border-left:2px solid #e2e8f0;padding-left:0}.ga-kr-row{display:grid;grid-template-columns:24px 1fr 140px 120px;gap:10px;align-items:center;padding:8px 16px 8px 12px;background:#f8fafc;border-bottom:1px solid #f1f5f9;font-size:13px}.ga-kr-row:last-child{border-bottom:none}.ga-kr-num{display:flex;align-items:center;justify-content:center}.ga-kr-dot{width:8px;height:8px;border-radius:50%}.ga-dot-on_track,.ga-dot-completed{background:#10b981}.ga-dot-at_risk{background:#f59e0b}.ga-dot-behind{background:#ef4444}.ga-dot-not_started{background:#cbd5e1}.ga-kr-desc{color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ga-kr-values{font-size:12px;color:#64748b;text-align:right;white-space:nowrap}.ga-kr-progress{display:flex;align-items:center;gap:6px}.ga-kr-progress-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.ga-kr-pct{font-size:11px;font-weight:600;min-width:28px;text-align:right;color:#64748b}.perf-recognition-page *{box-sizing:border-box}.perf-recognition-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.perf-recognition-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 32px}.perf-recognition-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.perf-recognition-header-left{display:flex;align-items:center;gap:12px}.perf-recognition-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.perf-recognition-icon-blue{color:var(--sparko-blue)}.perf-recognition-icon-green{color:var(--sparko-green)}.perf-recognition-icon-amber{color:var(--sparko-amber)}.perf-recognition-icon-red{color:var(--sparko-red)}.perf-recognition-icon-purple{color:var(--sparko-purple)}.perf-recognition-title{font-size:22px;font-weight:700;color:#1e293b;margin:0}.perf-recognition-subtitle{font-size:13px;color:#64748b;margin:4px 0 0}.perf-recognition-header-actions{display:flex;gap:12px}.perf-recognition-button{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.perf-recognition-button:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.perf-recognition-button-primary{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;border-color:var(--sparko-blue)}.perf-recognition-button-primary:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);color:#fff;box-shadow:0 4px 12px #276df24d,inset 0 1px #fff3}.perf-recognition-controls{max-width:1400px;margin:0 auto;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px}.perf-recognition-tabs{display:flex;gap:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:3px}.perf-recognition-tab{padding:7px 14px;border:none;border-radius:7px;background:transparent;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.perf-recognition-tab:hover{color:#1e293b;background:#f1f5f9}.perf-recognition-tab.active{background:#276df2;color:#fff}.perf-recognition-search-wrapper{position:relative;width:280px}.perf-recognition-search-input{width:100%;padding:8px 14px 8px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;transition:border-color .2s}.perf-recognition-search-input:focus{outline:none;border-color:var(--sparko-blue);box-shadow:0 0 0 3px #276df21a}.perf-recognition-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;width:16px;height:16px;pointer-events:none}.perf-recognition-content{max-width:1400px;margin:0 auto;padding:0 32px 32px}.perf-recognition-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-recognition-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:20px;display:flex;align-items:flex-start;gap:16px;border-left:4px solid transparent;transition:all .2s ease;position:relative}.perf-recognition-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-green);transform:translate(2px)}.perf-recognition-item-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-green),#059669);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #00000026,inset 0 1px #fff3}.perf-recognition-bg-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);box-shadow:0 2px 4px #276df240,inset 0 1px #fff3}.perf-recognition-bg-amber{background:linear-gradient(135deg,var(--sparko-amber),#d97706);box-shadow:0 2px 4px #f59e0b40,inset 0 1px #fff3}.perf-recognition-bg-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed);box-shadow:0 2px 4px #8b5cf640,inset 0 1px #fff3}.perf-recognition-bg-red{background:linear-gradient(135deg,var(--sparko-red),#dc2626);box-shadow:0 2px 4px #ef444440,inset 0 1px #fff3}.perf-recognition-bg-green{background:linear-gradient(135deg,var(--sparko-green),#059669);box-shadow:0 2px 4px #10b98140,inset 0 1px #fff3}.perf-recognition-item-icon svg{width:24px;height:24px;stroke:#fff}.perf-recognition-item-content{flex:1;display:flex;flex-direction:column;gap:8px}.perf-recognition-item-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.perf-recognition-item-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.perf-recognition-item-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.perf-recognition-category-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.perf-recognition-badge-blue{background:#dbeafe;color:#1e40af}.perf-recognition-badge-amber{background:#fef3c7;color:#92400e}.perf-recognition-badge-purple{background:#ede9fe;color:#5b21b6}.perf-recognition-badge-red{background:#fee2e2;color:#991b1b}.perf-recognition-badge-green{background:#d1fae5;color:#065f46}.perf-recognition-item-time{font-size:13px;color:#94a3b8;white-space:nowrap}.perf-recognition-item-message{font-size:13px;color:#64748b;margin:0;line-height:1.6}.perf-recognition-item-link{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:13px;font-weight:500;width:-moz-fit-content;width:fit-content}.perf-recognition-item-link svg{width:14px;height:14px}.perf-recognition-item-actions{display:flex;gap:8px;align-items:flex-start}.perf-recognition-item-action{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.perf-recognition-item-action:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 4px #00000014,inset 0 1px #fffc}.perf-recognition-item.expanded{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue)}.perf-recognition-expanded{margin-top:8px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.perf-recognition-expanded-meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:12px}.perf-recognition-expanded-field{display:flex;flex-direction:column;gap:2px}.perf-recognition-expanded-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.perf-recognition-expanded-value{font-size:14px;color:#1e293b;font-weight:500}.perf-recognition-empty{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-recognition-empty-icon{width:64px;height:64px;margin:0 auto 20px;color:#cbd5e1}.perf-recognition-empty-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.perf-recognition-empty-description{font-size:14px;color:#64748b;margin:0 0 24px}.perf-recognition-loading,.perf-recognition-error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:16px;color:#64748b}.perf-recognition-error{color:var(--sparko-red)}@media(max-width:1024px){.perf-recognition-controls{flex-direction:column;align-items:stretch}.perf-recognition-search-wrapper{width:100%}.perf-recognition-tabs{justify-content:center}}@media(max-width:768px){.perf-recognition-header-content{flex-direction:column;gap:16px;align-items:flex-start}.perf-recognition-controls{padding:0 16px}.perf-recognition-content{padding:0 16px 16px}.perf-recognition-item{flex-direction:column;gap:12px}.perf-recognition-item-header{flex-direction:column;align-items:flex-start;gap:4px}.perf-recognition-expanded-meta{flex-direction:column;gap:12px}.perf-recognition-item-actions{width:100%}.perf-recognition-item-action{flex:1;justify-content:center}}.career-ladder{display:flex;flex-direction:column;gap:var(--space-lg)}.career-ladder.compact{gap:var(--space-md)}.career-ladder-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-secondary)}.career-ladder-loading .loading-spinner{width:var(--touch-target-min);height:var(--touch-target-min);border:3px solid var(--border-color);border-top-color:var(--primary-solid);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.career-ladder-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-secondary);text-align:center}.career-ladder-error .error-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--status-error);color:#fff;border-radius:50%;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-md)}.career-ladder-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;color:var(--text-secondary)}.career-ladder-empty .empty-icon{color:var(--text-tertiary);margin-bottom:var(--space-md)}.career-ladder-empty h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm)}.career-ladder-empty p{font-size:var(--font-size-sm);margin:0;max-width:400px}.ladder-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-md)}.track-filter{display:flex;gap:var(--space-xs);background:var(--surface-primary);padding:var(--space-xs);border-radius:var(--radius-md)}.filter-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.filter-btn:hover{color:var(--text-primary);background:var(--surface-secondary)}.filter-btn.active{background:var(--primary-solid);color:#fff}.ladder-stats{display:flex;gap:var(--space-lg)}.stat-item{font-size:var(--font-size-sm);color:var(--text-secondary)}.stat-item strong{color:var(--text-primary);font-weight:600}.ladder-tracks{display:grid;gap:var(--space-xl)}.ladder-tracks.dual{grid-template-columns:1fr 1fr}.ladder-tracks.single{grid-template-columns:1fr}@media(max-width:1024px){.ladder-tracks.dual{grid-template-columns:1fr}}.ladder-track{display:flex;flex-direction:column;gap:var(--space-md)}.track-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-md)}.track-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.track-badge.ic{background:var(--status-info);color:#fff}.track-badge.manager{background:var(--status-success);color:#fff}.track-badge svg{flex-shrink:0}.track-count{font-size:var(--font-size-sm);color:var(--text-tertiary)}.track-paths{display:flex;flex-direction:column;gap:var(--space-md)}.career-path-column{background:var(--surface-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.career-path-column.active{border-color:var(--primary-solid);box-shadow:0 0 0 4px var(--primary-soft)}.career-path-column .path-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background .2s ease}.career-path-column .path-header:hover{background:var(--surface-secondary)}.career-path-column .path-title{display:flex;align-items:center;gap:var(--space-sm);flex:1}.career-path-column .path-title h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}.career-path-column .path-levels-count{font-size:var(--font-size-sm);color:var(--text-tertiary)}.career-path-column .expand-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-tertiary);transition:transform .2s ease}.career-path-column .expand-icon.expanded{transform:rotate(180deg)}.career-path-column .path-levels{padding:0 var(--space-lg) var(--space-lg);display:flex;flex-direction:column}.ladder-level{display:flex;gap:var(--space-md);cursor:pointer;padding:var(--space-sm) 0;transition:all .2s ease}.ladder-level:hover .level-content{background:var(--surface-secondary);border-color:var(--primary-soft)}.ladder-level.current .level-content{background:linear-gradient(135deg,var(--primary-soft) 0%,var(--surface-secondary) 100%);border-color:var(--primary-solid)}.ladder-level.compact{padding:var(--space-xs) 0}.level-connector{display:flex;flex-direction:column;align-items:center;width:24px;flex-shrink:0}.connector-line{width:2px;flex:1;background:var(--border-color)}.connector-line.top{background:linear-gradient(to bottom,var(--border-color),var(--primary-soft))}.connector-line.bottom{background:linear-gradient(to bottom,var(--primary-soft),var(--border-color))}.level-dot{width:16px;height:16px;border-radius:50%;background:var(--surface-primary);border:3px solid var(--border-color);position:relative;z-index:1;transition:all .2s ease}.ladder-level:hover .level-dot{border-color:var(--primary-solid);transform:scale(1.1)}.level-dot.current{background:var(--primary-solid);border-color:var(--primary-solid)}.level-dot .current-indicator{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:var(--border-width-medium) solid var(--primary-solid);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.level-content{flex:1;padding:var(--space-md);background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.level-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.level-code{padding:4px 10px;background:var(--primary-solid);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700}.level-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.level-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:var(--space-sm) 0 0}.level-skills{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border-width-thin) solid var(--border-color)}.skills-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--space-xs)}.skill-tag{padding:2px 8px;background:var(--surface-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-secondary);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-tag.more{background:var(--primary-soft);color:var(--primary-solid);font-weight:600}.level-detail-modal{display:flex;flex-direction:column;gap:var(--space-lg)}.detail-header{display:flex;align-items:center;gap:var(--space-sm)}.detail-path{font-size:var(--font-size-sm);color:var(--text-secondary)}.detail-section{padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border-color)}.detail-section h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm)}.detail-section p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0}.detail-skills{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-skill-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-sm)}.detail-skill-item .skill-name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.detail-skill-item .skill-meta{display:flex;align-items:center;gap:var(--space-sm)}.detail-skill-item .proficiency-level{font-size:var(--font-size-xs);color:var(--text-tertiary)}.detail-actions{display:flex;justify-content:flex-end;padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border-color)}@media(max-width:768px){.ladder-controls{flex-direction:column;align-items:stretch}.track-filter{width:100%;justify-content:center}.ladder-stats{justify-content:center}.career-path-column .path-header{padding:var(--space-sm) var(--space-md)}.career-path-column .path-title h4{font-size:var(--font-size-sm)}.career-path-column .path-levels{padding:0 var(--space-md) var(--space-md)}.level-content{padding:var(--space-sm)}.level-header{flex-direction:column;align-items:flex-start}.detail-skill-item{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.career-ladder.compact .ladder-controls{padding:var(--space-sm)}.career-ladder.compact .track-filter{gap:var(--space-xs)}.career-ladder.compact .filter-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.career-ladder.compact .track-header{padding:var(--space-sm)}.career-ladder.compact .track-badge{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.career-ladder.compact .career-path-column .path-header{padding:var(--space-sm)}.career-ladder.compact .level-content{padding:var(--space-xs) var(--space-sm)}.career-ladder.compact .level-code{padding:2px 6px;font-size:var(--font-size-xs)}.career-ladder.compact .level-name{font-size:var(--font-size-sm)}.my-career-path{padding:var(--space-lg);width:100%;margin:0 auto}.page-header{margin-bottom:var(--space-xl)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.loading-state{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);font-size:var(--font-size-base)}.current-level-section,.next-levels-section,.competency-gaps-section,.my-competencies-section,.my-teams-section{margin-bottom:var(--space-xl)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.level-card{background:var(--surface-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg);position:relative;overflow:hidden}.level-card.current{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--surface-secondary) 100%)}.level-card.progression{border-style:dashed;transition:all .3s ease}.level-card.progression:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.level-badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.level-badge.current{background:var(--accent-primary);color:#fff}.level-badge.ic{background:var(--status-info-bg);color:var(--status-info)}.level-badge.manager{background:var(--status-error-bg);color:var(--status-error)}.level-info{padding-right:100px}.level-code{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.level-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.level-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-md) 0}.meta-item strong{color:var(--text-primary);margin-right:var(--space-xs)}.path-note{margin-top:var(--space-md);padding:var(--space-sm);background:var(--surface-tertiary);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.no-level-card{background:var(--surface-secondary);border:var(--border-width-medium) dashed var(--border-color);border-radius:var(--border-radius);padding:var(--space-xl);text-align:center;color:var(--text-secondary)}.readiness-bar{height:12px;background:var(--surface-tertiary);border-radius:var(--radius-badge);overflow:hidden;margin-bottom:var(--space-xs)}.readiness-fill{height:100%;transition:width .5s ease;border-radius:var(--radius-badge);width:var(--readiness-width, 0%);background:var(--readiness-color, var(--accent-primary))}.readiness-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.gap-card{background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md)}.gap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}.gap-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;text-transform:capitalize;background:var(--badge-color, var(--status-info))}.gap-arrow{font-size:var(--font-size-base);color:var(--text-secondary)}.gap-progress{margin-top:var(--space-sm)}.gap-bar{height:8px;background:var(--surface-tertiary);border-radius:var(--radius-badge);overflow:hidden}.gap-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));transition:width .5s ease;width:var(--gap-width, 0%)}.competencies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.competency-card{background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md);transition:all .2s ease}.competency-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.competency-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm);gap:var(--space-sm)}.competency-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1}.proficiency-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;text-transform:capitalize;white-space:nowrap;background:var(--proficiency-color, var(--status-info))}.competency-target{margin-bottom:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.competency-description{font-size:.9em;color:var(--text-secondary);margin-top:var(--space-xs)}.competency-category{font-size:.85em;color:var(--text-tertiary);margin-top:var(--space-xs)}.competency-notes{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:var(--space-sm) 0}.competency-meta{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-sm)}.meta-badge{padding:var(--space-2xs) var(--space-xs);background:var(--surface-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.meta-badge.primary{background:var(--accent-primary);color:#fff}.teams-list{display:grid;gap:var(--space-sm)}.team-item{background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.team-info h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs)}.team-role{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:capitalize}.career-ladder-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:2px solid var(--border-color)}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.section-header-row .section-title{margin-bottom:var(--space-xs)}.career-ladder-wrapper{padding:var(--space-lg);background:var(--surface-primary);border-radius:var(--radius-lg)}@media(max-width:768px){.my-career-path{padding:var(--space-md)}.page-title{font-size:var(--font-size-2xl)}.levels-grid,.competencies-grid{grid-template-columns:1fr}.level-info{padding-right:0;margin-bottom:var(--space-lg)}.level-badge{position:static;display:inline-block;margin-bottom:var(--space-sm)}.section-header-row{flex-direction:column}}.create-reflection-form{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.form-header h2{margin:0;color:var(--text-primary)}.ai-prompt-section{background:linear-gradient(135deg,#2196f31a,#9c27b00d);border:1px solid var(--info-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.ai-prompt-badge{display:inline-block;background:var(--info-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.ai-prompt-text{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6;margin:var(--spacing-sm) 0}.suggested-questions{margin-top:var(--spacing-md)}.suggested-questions h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.suggested-questions ul{margin:0;padding-left:var(--spacing-lg);list-style-type:disc}.suggested-questions li{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.8;margin-bottom:var(--spacing-xs)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.reflections-list{display:grid;gap:var(--spacing-lg)}.reflection-card{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .2s ease;position:relative}.reflection-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.reflection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:var(--border-width-thin) solid var(--border-color)}.reflection-meta{display:flex;gap:var(--spacing-md);align-items:center}.reflection-type{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize}.reflection-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.reflection-mood{font-size:var(--font-size-2xl)}.reflection-section{margin-bottom:var(--spacing-md)}.reflection-section h4{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.reflection-section p{margin:0;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.ai-badge-small{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background:var(--info-color);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.reflection-card.draft-card{border:var(--border-width-medium) dashed var(--status-warning-border);background:var(--status-warning-bg)}.draft-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--status-warning);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:var(--space-sm)}.draft-actions{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}.draft-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);font-style:italic;margin:0}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color)}.skills-library{padding:var(--spacing-md)}.skills-library-header{margin-bottom:var(--spacing-lg)}.skills-library-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.skills-library-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.skills-library-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.skills-library-search{flex:1;min-width:250px;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);background:var(--bg-primary);color:var(--text-primary)}.skills-library-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.skills-library-category-filter{min-width:200px;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.skills-library-category-filter:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.skills-library-loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);font-size:var(--font-size-lg)}.skills-library-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.skills-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.skill-library-card{display:flex;flex-direction:column;height:100%;transition:transform .2s ease,box-shadow .2s ease}.skill-library-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.skill-library-card-header{margin-bottom:var(--spacing-md)}.skill-library-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.skill-library-card-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.skill-library-card-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);line-height:1.5}.skill-library-card-proficiency{margin-bottom:var(--spacing-md);flex:1}.skill-library-card-proficiency strong{display:block;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.skill-library-card-levels{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.skill-library-level-badge{padding:2px var(--space-sm);background:var(--bg-tertiary);color:var(--text-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.skill-library-card-actions{margin-top:auto;padding-top:var(--spacing-md);border-top:var(--border-width-thin) solid var(--border-color)}@media(max-width:768px){.skills-library-filters{flex-direction:column}.skills-library-search,.skills-library-category-filter{width:100%}.skills-library-grid{grid-template-columns:1fr}}.perf-roadmap-page *{box-sizing:border-box}.perf-roadmap-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.perf-roadmap-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 32px}.perf-roadmap-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.perf-roadmap-header-left{display:flex;align-items:center;gap:16px}.perf-roadmap-header-icon{width:32px;height:32px;stroke:var(--sparko-blue);flex-shrink:0}.perf-roadmap-title{font-size:22px;font-weight:700;color:#1e293b;margin:0}.perf-roadmap-subtitle{font-size:13px;color:#64748b;margin:4px 0 0}.perf-roadmap-header-actions{display:flex;gap:12px}.perf-roadmap-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.perf-roadmap-icon-sm{width:16px;height:16px;stroke:currentColor;flex-shrink:0}.perf-roadmap-icon-blue{color:var(--sparko-blue)}.perf-roadmap-icon-green{color:var(--sparko-green)}.perf-roadmap-icon-amber{color:var(--sparko-amber)}.perf-roadmap-icon-red{color:var(--sparko-red)}.perf-roadmap-icon-purple{color:var(--sparko-purple)}.perf-roadmap-action{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.perf-roadmap-action:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.perf-roadmap-action-primary{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;border-color:var(--sparko-blue)}.perf-roadmap-action-primary:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);color:#fff;box-shadow:0 4px 12px #276df24d}.perf-roadmap-content{max-width:1400px;margin:0 auto;padding:0 32px 32px}.perf-roadmap-loading{text-align:center;padding:80px 40px;color:#64748b;font-size:16px}.perf-roadmap-controls{padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.perf-roadmap-tabs{display:flex;gap:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:3px}.perf-roadmap-tab{padding:7px 14px;border:none;border-radius:7px;background:transparent;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.perf-roadmap-tab:hover{color:#1e293b;background:#f1f5f9}.perf-roadmap-tab.active{background:#276df2;color:#fff}.perf-roadmap-search{padding:8px 14px 8px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;width:280px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M16 16l-4-4'/%3E%3C/svg%3E") 12px center no-repeat;transition:border-color .2s}.perf-roadmap-search:focus{outline:none;border-color:#276df2;box-shadow:0 0 0 3px #276df21a}.perf-roadmap-table{width:100%;border-collapse:separate;border-spacing:0;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-roadmap-table thead th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:12px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #e2e8f0}.perf-roadmap-table tbody tr{background:linear-gradient(135deg,#fff,#f8fafc);border-left:4px solid transparent;transition:all .2s;cursor:pointer}.perf-roadmap-table tbody tr:hover{border-left-color:var(--sparko-blue);background:linear-gradient(135deg,#f0f7ff,#e8f2ff)}.perf-roadmap-table tbody td{padding:14px 16px;font-size:14px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.perf-roadmap-table tbody tr:last-child td{border-bottom:none}.perf-roadmap-item-title{font-weight:600;color:#1e293b;margin-bottom:2px}.perf-roadmap-item-desc{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.perf-roadmap-cat-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#e0f2fe;color:#0369a1}.perf-roadmap-priority-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.perf-roadmap-priority-high{background:#fee2e2;color:#991b1b}.perf-roadmap-priority-medium{background:#fef3c7;color:#92400e}.perf-roadmap-priority-low{background:#dcfce7;color:#166534}.perf-roadmap-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.perf-roadmap-status-draft{background:#f1f5f9;color:#475569}.perf-roadmap-status-proposed{background:#dbeafe;color:#1e40af}.perf-roadmap-status-approved{background:#dcfce7;color:#166534}.perf-roadmap-status-converted{background:#f3e8ff;color:#7c3aed}.perf-roadmap-effort{display:flex;align-items:center;gap:6px}.perf-roadmap-effort-bar{width:50px;height:5px;background:#e2e8f0;border-radius:3px;overflow:hidden}.perf-roadmap-effort-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#22c55e,#f59e0b)}.perf-roadmap-tbl-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;transition:all .2s}.perf-roadmap-tbl-btn:hover{border-color:var(--sparko-blue);color:var(--sparko-blue)}.perf-roadmap-tbl-btn-convert{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-color:transparent}.perf-roadmap-tbl-btn-convert:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 2px 6px #7c3aed4d}.perf-roadmap-tbl-btn-convert:disabled{opacity:.6;cursor:not-allowed}.perf-roadmap-tbl-btn-view{background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);color:#fff;border-color:transparent}.perf-roadmap-tbl-btn-view:hover{background:linear-gradient(135deg,#1d5fd9,#1854c4);box-shadow:0 2px 6px #276df24d}.perf-roadmap-toast{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-radius:10px;margin-bottom:20px;animation:perf-roadmap-toast-in .3s ease}@keyframes perf-roadmap-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.perf-roadmap-toast-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;box-shadow:0 2px 8px #10b98126}.perf-roadmap-toast-error{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;box-shadow:0 2px 8px #ef444426}.perf-roadmap-toast-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.perf-roadmap-toast-message{font-size:14px;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-roadmap-toast-link{padding:6px 14px;border:1px solid #065f46;border-radius:6px;background:#065f46;color:#fff;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.perf-roadmap-toast-link:hover{background:#047857;transform:translateY(-1px);box-shadow:0 2px 6px #065f464d}.perf-roadmap-toast-dismiss{background:none;border:none;cursor:pointer;padding:4px;color:#94a3b8;flex-shrink:0;margin-left:8px;transition:color .2s ease}.perf-roadmap-toast-dismiss:hover{color:#475569}.perf-roadmap-empty{text-align:center;padding:80px 40px;display:flex;flex-direction:column;align-items:center;gap:12px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000f}.perf-roadmap-empty-icon{width:64px;height:64px;color:#cbd5e1;stroke-width:1.5;margin-bottom:8px}.perf-roadmap-empty-title{font-size:20px;font-weight:600;color:#475569}.perf-roadmap-empty-text{font-size:14px;color:#94a3b8;max-width:500px}@media(max-width:1024px){.perf-roadmap-table{display:block;overflow-x:auto}}@media(max-width:768px){.perf-roadmap-header{padding:16px}.perf-roadmap-header-content{flex-direction:column;gap:16px;align-items:flex-start}.perf-roadmap-content{padding:16px}.perf-roadmap-tabs{overflow-x:auto;width:100%}.perf-roadmap-search-wrapper{max-width:100%}}.perf-roadmap-view-toggle{display:flex;gap:2px;background:#f1f5f9;padding:3px;border-radius:8px}.perf-roadmap-view-btn{padding:7px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:#64748b;transition:all .2s;display:flex;align-items:center;gap:6px}.perf-roadmap-view-btn:hover{color:#1e293b}.perf-roadmap-view-btn.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.perf-roadmap-cal-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-roadmap-cal-quarter-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.perf-roadmap-cal-quarter-title{font-size:18px;font-weight:700;color:#1e293b}.perf-roadmap-cal-nav-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;color:#64748b}.perf-roadmap-cal-nav-btn:hover{border-color:var(--sparko-blue);color:var(--sparko-blue)}.perf-roadmap-cal-months{display:grid;grid-template-columns:260px 1fr;border-bottom:1px solid #e2e8f0}.perf-roadmap-cal-months-label{padding:10px 20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;background:#fafbfc}.perf-roadmap-cal-months-bar{display:grid;grid-template-columns:repeat(3,1fr)}.perf-roadmap-cal-month{padding:10px 0;text-align:center;font-size:12px;font-weight:700;color:#64748b;border-left:1px solid #f1f5f9}.perf-roadmap-cal-month.current{color:var(--sparko-blue);background:#276df208}.perf-roadmap-cal-category-sep{display:grid;grid-template-columns:260px 1fr;background:#f8fafc;border-bottom:1px solid #e2e8f0}.perf-roadmap-cal-category-label{padding:6px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.perf-roadmap-cal-row{display:grid;grid-template-columns:260px 1fr;border-bottom:1px solid #f1f5f9;min-height:48px;align-items:center;transition:background .15s}.perf-roadmap-cal-row:hover{background:#fafbfc}.perf-roadmap-cal-row:last-child{border-bottom:none}.perf-roadmap-cal-row-label{padding:10px 16px;display:flex;align-items:center;gap:8px;overflow:hidden;min-width:0}.perf-roadmap-cal-row-title{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.perf-roadmap-cal-row-badges{display:flex;gap:4px;flex-shrink:0}.perf-roadmap-cal-priority-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.perf-roadmap-cal-row-bar-area{position:relative;height:100%;padding:8px 0;min-height:44px}.perf-roadmap-cal-bar{position:absolute;top:50%;transform:translateY(-50%);height:28px;border-radius:6px;display:flex;align-items:center;padding:0 10px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:filter .15s;box-shadow:0 1px 3px #0000001f}.perf-roadmap-cal-bar:hover{filter:brightness(1.1);box-shadow:0 2px 6px #0000002e}.perf-roadmap-cal-bar.product{background:linear-gradient(90deg,#3b82f6,#2563eb)}.perf-roadmap-cal-bar.growth{background:linear-gradient(90deg,#22c55e,#16a34a)}.perf-roadmap-cal-bar.infra{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.perf-roadmap-cal-bar.people{background:linear-gradient(90deg,#f59e0b,#d97706)}.perf-roadmap-cal-bar.converted{opacity:.6;background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.15) 4px,rgba(255,255,255,.15) 8px)}.perf-roadmap-cal-today-line{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;z-index:5}.perf-roadmap-cal-today-dot{position:absolute;top:-4px;left:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444}.perf-roadmap-cal-legend{display:flex;gap:16px;padding:12px 20px;border-top:1px solid #e2e8f0;background:#fafbfc;flex-wrap:wrap}.perf-roadmap-cal-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.perf-roadmap-cal-legend-dot{width:10px;height:10px;border-radius:3px}.perf-roadmap-cal-legend-dot.product{background:#3b82f6}.perf-roadmap-cal-legend-dot.growth{background:#22c55e}.perf-roadmap-cal-legend-dot.infra{background:#8b5cf6}.perf-roadmap-cal-legend-dot.people{background:#f59e0b}.perf-roadmap-cal-legend-converted{width:24px;height:10px;border-radius:3px;background:#94a3b8;opacity:.5;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.3) 2px,rgba(255,255,255,.3) 4px)}.perf-roadmap-cal-legend-today{width:2px;height:10px;background:#ef4444;border-radius:1px}@media(max-width:768px){.perf-roadmap-cal-months,.perf-roadmap-cal-category-sep,.perf-roadmap-cal-row{grid-template-columns:140px 1fr}.perf-roadmap-cal-months-bar{grid-template-columns:repeat(3,1fr)}.perf-roadmap-cal-month{font-size:10px}.perf-roadmap-view-toggle{order:-1}}.perf-roadmap-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.perf-roadmap-modal{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026}.perf-roadmap-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.perf-roadmap-modal-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0}.perf-roadmap-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.perf-roadmap-modal-close:hover{background:#f1f5f9;border-color:#cbd5e1}.perf-roadmap-modal-body{padding:24px;overflow-y:auto;flex:1}.perf-roadmap-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.perf-roadmap-modal-field{display:flex;flex-direction:column;gap:4px}.perf-roadmap-modal-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.perf-roadmap-modal-value{font-size:14px;font-weight:600;color:#1e293b}.perf-roadmap-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid #e2e8f0}.perf-roadmap-modal-edit-form{display:flex;flex-direction:column;gap:16px}.perf-roadmap-modal-form-group{display:flex;flex-direction:column;gap:4px;flex:1}.perf-roadmap-modal-form-group label{font-size:12px;font-weight:600;color:#64748b}.perf-roadmap-modal-form-group input,.perf-roadmap-modal-form-group select,.perf-roadmap-modal-form-group textarea{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s}.perf-roadmap-modal-form-group input:focus,.perf-roadmap-modal-form-group select:focus,.perf-roadmap-modal-form-group textarea:focus{outline:none;border-color:#276df2;box-shadow:0 0 0 3px #276df21a}.perf-roadmap-modal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.perf-roadmap-btn{padding:9px 18px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#1e293b;transition:all .2s}.perf-roadmap-btn:hover{border-color:#276df2;color:#276df2}.perf-roadmap-btn-primary{background:#276df2;color:#fff;border-color:#276df2}.perf-roadmap-btn-primary:hover{background:#1e5fd8}.development-placeholder{padding:var(--space-xl);text-align:center}.development-placeholder h3{color:var(--text-primary);margin-bottom:var(--space-md);font-size:var(--text-xl);font-weight:var(--font-weight-semibold)}.development-placeholder p{color:var(--text-secondary);font-size:var(--text-base)}.peer-survey-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.peer-survey-modal-content{background:var(--card-background);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.peer-survey-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-lg) 0}.peer-survey-anonymity-notice{background:var(--info-bg);color:var(--info-solid);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.peer-survey-question-section{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-default)}.peer-survey-question-section:last-of-type{border-bottom:none}.peer-survey-question-text{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.peer-survey-rating-scale{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.peer-survey-rating-button{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-full);border:var(--border-width-medium) solid var(--border-default);background:var(--card-background);color:var(--text-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s}.peer-survey-rating-button:hover{border-color:var(--primary-solid);transform:scale(1.1)}.peer-survey-rating-button.selected{border-color:var(--primary-solid);background:var(--primary-solid);color:#fff}.peer-survey-rating-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-md)}.peer-survey-textarea{width:100%;padding:var(--space-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--input-background);color:var(--text-primary);min-height:100px;resize:vertical;font-family:inherit}.peer-survey-textarea:focus{outline:none;border-color:var(--primary-solid)}.peer-survey-action-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.perf-360-page *{box-sizing:border-box}.perf-360-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.perf-360-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(0,0,0,.08);padding:24px 32px;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.perf-360-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.perf-360-header-left{display:flex;align-items:center;gap:12px}.perf-360-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.perf-360-icon-sm{width:14px;height:14px}.perf-360-icon-blue{color:var(--sparko-blue)}.perf-360-icon-green{color:var(--sparko-green)}.perf-360-icon-amber{color:var(--sparko-amber)}.perf-360-icon-red{color:var(--sparko-red)}.perf-360-icon-purple{color:var(--sparko-purple)}.perf-360-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}.perf-360-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.perf-360-header-actions{display:flex;gap:12px}.perf-360-button{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.perf-360-button:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.perf-360-button-primary{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;border-color:var(--sparko-blue)}.perf-360-button-primary:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);color:#fff;box-shadow:0 4px 12px #276df24d,inset 0 1px #fff3}.perf-360-controls{max-width:1400px;margin:24px auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.perf-360-tabs{display:flex;gap:8px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;padding:4px;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.perf-360-tab{padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.perf-360-tab:hover{color:#1e293b;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.perf-360-tab.active{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;box-shadow:0 2px 4px #276df24d,inset 0 1px #fff3}.perf-360-search-wrapper{position:relative;width:320px}.perf-360-search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.perf-360-search-input:focus{outline:none;border-color:var(--sparko-blue);box-shadow:0 0 0 3px #276df21a}.perf-360-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;width:16px;height:16px}.perf-360-content{max-width:1400px;margin:0 auto;padding:0 32px 32px}.perf-360-employee-groups{display:flex;flex-direction:column;gap:24px}.perf-360-employee-group{display:flex;flex-direction:column;gap:12px}.perf-360-employee-header{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc;font-size:16px;font-weight:600;color:#1e293b}.perf-360-employee-header:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.perf-360-employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-360-employee-info{flex:1;display:flex;flex-direction:column;gap:4px}.perf-360-employee-name{font-size:16px;font-weight:600;color:#1e293b}.perf-360-employee-meta{font-size:13px;color:#64748b;font-weight:500}.perf-360-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-360-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:20px;display:flex;align-items:center;gap:16px;border-left:4px solid transparent;transition:all .2s ease;position:relative;cursor:pointer}.perf-360-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue);transform:translate(2px)}.perf-360-item-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-360-item-icon svg{width:24px;height:24px;stroke:#fff}.perf-360-item-content{flex:1;display:flex;flex-direction:column;gap:8px}.perf-360-item-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.perf-360-item-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.perf-360-status{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.perf-360-status-pending{background:#fed7aa;color:#92400e}.perf-360-status-submitted{background:#d1fae5;color:#065f46}.perf-360-status-declined{background:#fecaca;color:#991b1b}.perf-360-item-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.perf-360-item-meta-item{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.perf-360-item-actions{display:flex;gap:8px;align-items:center}.perf-360-item-action{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.perf-360-item-action:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 4px #00000014,inset 0 1px #fffc}.perf-360-empty{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-360-empty-icon{width:64px;height:64px;margin:0 auto 20px;color:#cbd5e1}.perf-360-empty-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.perf-360-empty-description{font-size:14px;color:#64748b;max-width:600px;margin:0 auto 24px}.perf-360-loading,.perf-360-error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:16px;color:#64748b}.perf-360-error{color:var(--sparko-red)}@media(max-width:1024px){.perf-360-controls{flex-direction:column;align-items:stretch}.perf-360-search-wrapper{width:100%}.perf-360-tabs{justify-content:center;flex-wrap:wrap}}@media(max-width:768px){.perf-360-header-content{flex-direction:column;gap:16px;align-items:flex-start}.perf-360-controls{padding:0 16px}.perf-360-content{padding:0 16px 16px}.perf-360-item{flex-direction:column;align-items:flex-start;gap:12px}.perf-360-item-header{flex-direction:column;align-items:flex-start;gap:4px}.perf-360-item-meta{flex-direction:column;align-items:flex-start;gap:8px}.perf-360-item-actions{width:100%}.perf-360-item-action{flex:1;justify-content:center}}.perf-reviews-page *{box-sizing:border-box}.perf-reviews-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.perf-reviews-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.perf-reviews-icon-sm{width:16px;height:16px;stroke:currentColor}.perf-reviews-icon-blue{color:var(--sparko-blue)}.perf-reviews-icon-green{color:var(--sparko-green)}.perf-reviews-icon-amber{color:var(--sparko-amber)}.perf-reviews-icon-red{color:var(--sparko-red)}.perf-reviews-icon-purple{color:var(--sparko-purple)}.perf-reviews-icon-gray{color:#64748b}.perf-reviews-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 32px}.perf-reviews-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.perf-reviews-header-left{display:flex;align-items:center;gap:16px}.perf-reviews-title{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 4px}.perf-reviews-subtitle{font-size:13px;color:#64748b;margin:0}.perf-reviews-header-actions{display:flex;gap:12px}.perf-reviews-button{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.perf-reviews-button:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-1px)}.perf-reviews-button-primary{background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);color:#fff;border-color:transparent;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-reviews-button-primary:hover{background:linear-gradient(135deg,#1d5fd9,#1850c2);box-shadow:0 4px 12px #276df24d,inset 0 1px #fff3}.perf-reviews-button:disabled{opacity:.5;cursor:not-allowed}.perf-reviews-content{max-width:1400px;margin:0 auto;padding:0 32px 32px}.perf-reviews-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.perf-reviews-controls-right{display:flex;align-items:center;gap:12px}.perf-reviews-search{padding:8px 14px 8px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;width:280px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M16 16l-4-4'/%3E%3C/svg%3E") 12px center no-repeat;transition:border-color .2s}.perf-reviews-search:focus{outline:none;border-color:#276df2;box-shadow:0 0 0 3px #276df21a}.perf-reviews-tabs{display:flex;gap:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:3px}.perf-reviews-tab{padding:7px 14px;border:none;border-radius:7px;background:transparent;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.perf-reviews-tab:hover{color:#1e293b;background:#f1f5f9}.perf-reviews-tab.active{background:#276df2;color:#fff}.perf-reviews-active-filters{display:flex;gap:8px;align-items:center;margin-bottom:24px;flex-wrap:wrap;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.perf-reviews-active-filters>span:first-child{font-size:13px;font-weight:600;color:#64748b}.perf-reviews-clear-filters{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:linear-gradient(135deg,#fff,#f8fafc);color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto}.perf-reviews-clear-filters:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;color:#1e293b}.perf-reviews-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:var(--sparko-red);padding:16px;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 2px #ef44441a,inset 0 1px #fffc}.perf-reviews-loading{padding:48px;text-align:center;color:#64748b;font-size:16px}.perf-reviews-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-reviews-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:20px;display:flex;align-items:center;gap:16px;border-left:4px solid transparent;transition:all .2s ease;position:relative}.perf-reviews-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue);transform:translate(2px)}.perf-reviews-item-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-reviews-item-content{flex:1;min-width:0}.perf-reviews-item-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.perf-reviews-item-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.perf-reviews-item-subtitle{font-size:13px;color:#64748b;margin:0 0 8px}.perf-reviews-item-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.perf-reviews-item-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.perf-reviews-item-actions{display:flex;gap:8px;flex-shrink:0}.perf-reviews-item-button{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;white-space:nowrap}.perf-reviews-item-button:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-1px)}.perf-reviews-item-button-primary{background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);color:#fff;border-color:transparent;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-reviews-item-button-primary:hover{background:linear-gradient(135deg,#1d5fd9,#1850c2);box-shadow:0 4px 8px #276df24d,inset 0 1px #fff3}.perf-reviews-item-button-success{background:linear-gradient(135deg,var(--sparko-green),#059669);color:#fff;border-color:transparent;box-shadow:0 2px 4px #10b98133,inset 0 1px #fff3}.perf-reviews-item-button-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d,inset 0 1px #fff3}.perf-reviews-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.perf-reviews-modal{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #fffc}.perf-reviews-modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc)}.perf-reviews-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#1e293b}.perf-reviews-modal-close{padding:8px;border:1px solid #e2e8f0;border-radius:6px;background:linear-gradient(135deg,#fff,#f8fafc);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.perf-reviews-modal-close:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.perf-reviews-modal-body{padding:24px;overflow-y:auto;flex:1}.perf-reviews-modal-loading{padding:48px;text-align:center;color:#64748b}.perf-reviews-modal-error{padding:24px;text-align:center;color:var(--sparko-red);background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:8px}.perf-reviews-modal-employee{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.perf-reviews-modal-employee-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-reviews-modal-employee-info{flex:1}.perf-reviews-modal-employee-info h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#1e293b}.perf-reviews-modal-employee-info p{margin:0;font-size:14px;color:#64748b}.perf-reviews-modal-badges{display:flex;gap:8px}.perf-reviews-modal-section{margin-bottom:24px}.perf-reviews-modal-section h4{margin:0 0 12px;font-size:16px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.perf-reviews-modal-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.perf-reviews-modal-detail{padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.perf-reviews-modal-detail-icon{color:var(--sparko-blue)}.perf-reviews-modal-detail-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.perf-reviews-modal-detail-value{font-size:16px;font-weight:600;color:#1e293b}.perf-reviews-modal-detail-value--large{font-size:24px;color:var(--sparko-blue)}.perf-reviews-modal-content{padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;line-height:1.6;white-space:pre-wrap;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.perf-reviews-modal-textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-size:14px;font-family:Inter,system-ui,-apple-system,sans-serif;resize:vertical;transition:all .2s ease;box-shadow:inset 0 1px #fffc}.perf-reviews-modal-textarea:focus{outline:none;border-color:var(--sparko-blue);box-shadow:0 0 0 3px #276df21a,inset 0 1px #fffc}.perf-reviews-helper-text{font-size:13px;color:#64748b;margin-top:8px;display:block}.perf-reviews-modal-footer{padding:20px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(135deg,#fff,#f8fafc)}.perf-reviews-modal-actions-right{display:flex;gap:12px}.perf-reviews-button-success{background:linear-gradient(135deg,var(--sparko-green),#059669);color:#fff;border-color:transparent;box-shadow:0 2px 4px #10b98133,inset 0 1px #fff3}.perf-reviews-button-success:hover{background:linear-gradient(135deg,#059669,#047857)}.perf-reviews-button-danger{background:linear-gradient(135deg,var(--sparko-red),#dc2626);color:#fff;border-color:transparent;box-shadow:0 2px 4px #ef444433,inset 0 1px #fff3}.perf-reviews-button-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}@media(max-width:768px){.perf-reviews-header{padding:20px 16px}.perf-reviews-header-content{flex-direction:column;gap:16px;align-items:flex-start}.perf-reviews-header-actions{flex-direction:column;width:100%}.perf-reviews-button{width:100%;justify-content:center}.perf-reviews-content{padding:16px}.perf-reviews-controls{flex-direction:column;align-items:stretch}.perf-reviews-search-wrapper{max-width:100%}.perf-reviews-tabs{flex-wrap:wrap}.perf-reviews-item{flex-direction:column;align-items:flex-start;gap:12px}.perf-reviews-item-actions{width:100%;flex-direction:column}.perf-reviews-item-button{width:100%;justify-content:center}.perf-reviews-modal{max-width:100%;max-height:95vh;margin:0}.perf-reviews-modal-details-grid{grid-template-columns:1fr}.perf-reviews-modal-footer{flex-direction:column;gap:12px}.perf-reviews-modal-actions-right{width:100%;flex-direction:column}}.perf-reviews-table-wrap{background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-reviews-table{width:100%;border-collapse:separate;border-spacing:0}.perf-reviews-table thead th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:12px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #e2e8f0}.perf-reviews-table tbody tr{background:linear-gradient(135deg,#fff,#f8fafc);border-left:4px solid transparent;transition:all .2s ease;cursor:pointer}.perf-reviews-table tbody tr:hover{border-left-color:var(--sparko-blue, #276df2);background:linear-gradient(135deg,#f0f7ff,#e8f2ff)}.perf-reviews-table tbody td{padding:14px 16px;font-size:14px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.perf-reviews-table tbody tr:last-child td{border-bottom:none}.perf-reviews-emp{display:flex;align-items:center;gap:12px}.perf-reviews-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue, #276df2),#1d5fd9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.perf-reviews-emp-name{font-weight:600;color:#1e293b}.perf-reviews-emp-title{font-size:12px;color:#64748b}.perf-reviews-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.perf-reviews-type-ai{background:#f3e8ff;color:#7c3aed}.perf-reviews-type-annual{background:#e0f2fe;color:#0369a1}.perf-reviews-period{font-size:13px;color:#475569}.perf-reviews-rating{display:flex;align-items:center;gap:6px}.perf-reviews-rating-num{font-weight:700;font-size:16px;color:#1e293b}.perf-reviews-rating-bar{width:60px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.perf-reviews-rating-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--sparko-blue, #276df2),#22c55e)}.perf-reviews-rating-na{color:#94a3b8;font-size:16px}.perf-reviews-actions-cell{display:flex;gap:6px}.perf-reviews-tbl-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;transition:all .2s ease;white-space:nowrap}.perf-reviews-tbl-btn:hover{border-color:var(--sparko-blue, #276df2);color:var(--sparko-blue, #276df2)}.perf-reviews-tbl-btn-primary{background:linear-gradient(135deg,var(--sparko-blue, #276df2),#1d5fd9);color:#fff;border-color:transparent}.perf-reviews-tbl-btn-primary:hover{filter:brightness(1.1)}.calendar-dropdown{position:relative;display:inline-block}.calendar-dropdown-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.calendar-dropdown-button:hover{background:var(--bg-hover);border-color:var(--border-hover)}.calendar-dropdown-button:active{transform:translateY(1px)}.calendar-dropdown-button.primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.calendar-dropdown-button.primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.calendar-icon{font-size:var(--text-md)}.dropdown-arrow{font-size:var(--font-size-xs);transition:transform .2s ease;color:var(--text-secondary)}.dropdown-arrow.open{transform:rotate(180deg)}.calendar-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:280px;background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;animation:dropdown-fade-in .15s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calendar-option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;text-align:left;cursor:pointer;transition:background .15s ease}.calendar-option:hover{background:var(--bg-hover)}.calendar-option:active{background:var(--bg-active)}.option-icon{font-size:var(--font-size-xl);flex-shrink:0}.option-text{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:0}.option-text strong{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.option-desc{font-size:var(--text-xs);color:var(--text-secondary)}.calendar-divider{height:1px;background:var(--border-color);margin:var(--space-xs) 0}@media(max-width:768px){.calendar-dropdown-menu{right:auto;left:0;min-width:260px}.calendar-dropdown-button{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.option-text strong{font-size:var(--text-xs)}.option-desc{font-size:var(--font-size-xs)}}@media(prefers-color-scheme:dark){.calendar-dropdown-menu{box-shadow:0 4px 12px #0000004d}}.perf-oneonone-page *{box-sizing:border-box}.perf-oneonone-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.perf-oneonone-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.perf-oneonone-icon-sm{width:16px;height:16px;stroke:currentColor}.perf-oneonone-icon-blue{color:var(--sparko-blue)}.perf-oneonone-icon-green{color:var(--sparko-green)}.perf-oneonone-icon-amber{color:var(--sparko-amber)}.perf-oneonone-icon-red{color:var(--sparko-red)}.perf-oneonone-icon-purple{color:var(--sparko-purple)}.perf-oneonone-icon-gray{color:#64748b}.perf-oneonone-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 32px}.perf-oneonone-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.perf-oneonone-header-left{display:flex;align-items:center;gap:16px}.perf-oneonone-title{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 4px}.perf-oneonone-subtitle{font-size:13px;color:#64748b;margin:0}.perf-oneonone-header-actions{display:flex;gap:12px}.perf-oneonone-button{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.perf-oneonone-button:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-1px)}.perf-oneonone-button-primary{background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);color:#fff;border-color:transparent;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-oneonone-button-primary:hover{background:linear-gradient(135deg,#1d5fd9,#1850c2);box-shadow:0 4px 12px #276df24d,inset 0 1px #fff3}.perf-oneonone-content{max-width:1400px;margin:0 auto;padding:0 32px 32px}.perf-oneonone-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.perf-oneonone-tabs{display:flex;gap:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:3px}.perf-oneonone-tab{padding:7px 14px;border:none;border-radius:7px;background:transparent;color:#64748b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.perf-oneonone-tab:hover{color:#1e293b;background:#f1f5f9}.perf-oneonone-tab.active{background:#276df2;color:#fff}.perf-oneonone-search{padding:8px 14px 8px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;width:280px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M16 16l-4-4'/%3E%3C/svg%3E") 12px center no-repeat;transition:border-color .2s}.perf-oneonone-search:focus{outline:none;border-color:#276df2;box-shadow:0 0 0 3px #276df21a}.perf-oneonone-active-filters{display:flex;gap:8px;align-items:center;margin-bottom:24px;flex-wrap:wrap;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.perf-oneonone-active-filters>span:first-child{font-size:13px;font-weight:600;color:#64748b}.perf-oneonone-clear-filters{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:linear-gradient(135deg,#fff,#f8fafc);color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto}.perf-oneonone-clear-filters:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;color:#1e293b}.perf-oneonone-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:var(--sparko-red);padding:16px;border-radius:8px;margin-bottom:24px}.perf-oneonone-loading{padding:48px;text-align:center;color:#64748b;font-size:16px}.perf-oneonone-week-groups{display:flex;flex-direction:column;gap:24px}.perf-oneonone-week-group{display:flex;flex-direction:column;gap:8px}.perf-oneonone-week-header{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc;font-size:16px;font-weight:600;color:#1e293b;text-align:left;width:100%}.perf-oneonone-week-header:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:var(--sparko-blue)}.perf-oneonone-week-label{font-weight:700;color:#1e293b}.perf-oneonone-week-date-range{font-size:13px;color:#64748b;font-weight:500}.perf-oneonone-week-count{margin-left:auto;font-size:13px;color:#64748b;font-weight:500;padding:4px 12px;background:#f1f5f9;border-radius:6px}.perf-oneonone-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-oneonone-item-wrapper{background:#e2e8f0}.perf-oneonone-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:20px;display:flex;align-items:center;gap:16px;border-left:4px solid transparent;transition:all .2s ease}.perf-oneonone-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue);transform:translate(2px)}.perf-oneonone-item-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-oneonone-item-content{flex:1;min-width:0}.perf-oneonone-item-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.perf-oneonone-item-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.perf-oneonone-item-subtitle{font-size:14px;color:#64748b;margin:0 0 8px}.perf-oneonone-item-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.perf-oneonone-item-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.perf-oneonone-item-actions{display:flex;gap:8px;flex-shrink:0}.perf-oneonone-item-button{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;white-space:nowrap}.perf-oneonone-item-button:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-1px)}.perf-oneonone-item-button-primary{background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);color:#fff;border-color:transparent;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-oneonone-item-button-primary:hover{background:linear-gradient(135deg,#1d5fd9,#1850c2);box-shadow:0 4px 8px #276df24d,inset 0 1px #fff3}.perf-oneonone-expanded-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;border-top:1px solid #e2e8f0}.perf-oneonone-section{margin-bottom:20px}.perf-oneonone-section:last-child{margin-bottom:0}.perf-oneonone-section-title{font-size:14px;font-weight:700;color:#1e293b;margin:0 0 12px;display:flex;align-items:center;gap:8px}.perf-oneonone-item-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.perf-oneonone-list-item{padding:12px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#475569;box-shadow:0 1px 2px #0000000d}.perf-oneonone-action-items .perf-oneonone-list-item{display:flex;align-items:flex-start;gap:12px}.perf-oneonone-action-items .perf-oneonone-list-item.completed{opacity:.6;text-decoration:line-through}.perf-oneonone-action-checkbox{flex-shrink:0;display:flex;align-items:center}.perf-oneonone-location{display:flex;align-items:center;gap:8px;padding:12px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#475569}.perf-oneonone-notes{padding:12px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#475569;line-height:1.6}.perf-oneonone-notes p{margin:0}.perf-oneonone-calendar-action{margin-top:16px}@media(max-width:768px){.perf-oneonone-header{padding:20px 16px}.perf-oneonone-header-content{flex-direction:column;gap:16px;align-items:flex-start}.perf-oneonone-header-actions{flex-direction:column;width:100%}.perf-oneonone-button{width:100%;justify-content:center}.perf-oneonone-content{padding:16px}.perf-oneonone-controls{flex-direction:column;align-items:stretch}.perf-oneonone-search-wrapper{max-width:100%}.perf-oneonone-item{flex-direction:column;align-items:flex-start;gap:12px}.perf-oneonone-item-actions{width:100%;flex-direction:column}.perf-oneonone-item-button{width:100%;justify-content:center}}.perf-oneonone-flat-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-oneonone-separator{background:linear-gradient(135deg,#f1f5f9,#e8eef6);padding:8px 20px;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.perf-oneonone-flat-row{background:linear-gradient(135deg,#fff,#f8fafc);padding:16px 20px;display:grid;grid-template-columns:70px 44px 1fr 140px auto;align-items:center;gap:14px;border-left:4px solid transparent;transition:all .2s ease;cursor:pointer}.perf-oneonone-flat-row:hover{border-left-color:var(--sparko-blue, #276df2);background:linear-gradient(135deg,#f0f7ff,#e8f2ff)}.perf-oneonone-flat-date{text-align:center}.perf-oneonone-flat-date-day{font-size:11px;font-weight:700;text-transform:uppercase;color:#64748b}.perf-oneonone-flat-date-num{font-size:22px;font-weight:800;color:#1e293b;line-height:1}.perf-oneonone-flat-date-month{font-size:10px;color:#94a3b8;text-transform:uppercase;font-weight:600}.perf-oneonone-flat-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue, #276df2),#1d5fd9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px #276df233}.perf-oneonone-flat-content{min-width:0}.perf-oneonone-flat-top{display:flex;align-items:center;gap:8px;margin-bottom:2px}.perf-oneonone-flat-title{font-weight:600;font-size:15px}.perf-oneonone-flat-sub{font-size:13px;color:#64748b}.perf-oneonone-flat-metrics{display:flex;gap:16px}.perf-oneonone-flat-metric{text-align:center}.perf-oneonone-flat-metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:600}.perf-oneonone-flat-metric-value{font-size:15px;font-weight:700;color:#1e293b}.perf-oneonone-flat-actions{display:flex;gap:6px}.perf-oneonone-tbl-btn{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;transition:all .2s ease;white-space:nowrap}.perf-oneonone-tbl-btn:hover{border-color:var(--sparko-blue, #276df2);color:var(--sparko-blue, #276df2)}.perf-oneonone-tbl-btn-primary{background:linear-gradient(135deg,var(--sparko-blue, #276df2),#1d5fd9);color:#fff;border-color:transparent}.perf-oneonone-tbl-btn-primary:hover{filter:brightness(1.1)}@media(max-width:768px){.perf-oneonone-flat-row{grid-template-columns:1fr;gap:8px}.perf-oneonone-flat-date,.perf-oneonone-flat-icon{display:none}.perf-oneonone-flat-metrics{justify-content:flex-start}}.perf-cal-page *{box-sizing:border-box}.perf-cal-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.perf-cal-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(0,0,0,.08);padding:24px 32px;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.perf-cal-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.perf-cal-header-left{display:flex;align-items:center;gap:12px}.perf-cal-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.perf-cal-icon-sm{width:14px;height:14px}.perf-cal-icon-blue{color:var(--sparko-blue)}.perf-cal-icon-green{color:var(--sparko-green)}.perf-cal-icon-amber{color:var(--sparko-amber)}.perf-cal-icon-red{color:var(--sparko-red)}.perf-cal-icon-purple{color:var(--sparko-purple)}.perf-cal-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}.perf-cal-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.perf-cal-header-actions{display:flex;gap:12px}.perf-cal-button{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.perf-cal-button:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.perf-cal-controls{max-width:1400px;margin:24px auto;padding:0 32px}.perf-cal-tabs{display:flex;gap:8px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;padding:4px;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc;width:-moz-fit-content;width:fit-content}.perf-cal-tab{padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.perf-cal-tab:hover{color:#1e293b;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.perf-cal-tab.active{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;box-shadow:0 2px 4px #276df24d,inset 0 1px #fff3}.perf-cal-content{max-width:1400px;margin:0 auto;padding:0 32px 32px;display:flex;flex-direction:column;gap:32px}.perf-cal-section-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 16px}.perf-cal-distribution{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-cal-chart{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.perf-cal-chart-row{display:grid;grid-template-columns:240px 1fr 140px;gap:16px;align-items:center}.perf-cal-chart-label{display:flex;align-items:center;gap:12px}.perf-cal-rating-badge{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border-radius:8px;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #00000026,inset 0 1px #fff3}.perf-cal-rating-badge.perf-cal-rating-5{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed)}.perf-cal-rating-badge.perf-cal-rating-4{background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9)}.perf-cal-rating-badge.perf-cal-rating-3{background:linear-gradient(135deg,var(--sparko-green),#059669)}.perf-cal-rating-badge.perf-cal-rating-2{background:linear-gradient(135deg,var(--sparko-amber),#d97706)}.perf-cal-rating-badge.perf-cal-rating-1{background:linear-gradient(135deg,var(--sparko-red),#dc2626)}.perf-cal-rating-text{font-size:14px;font-weight:600;color:#1e293b}.perf-cal-chart-bar-container{height:36px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}.perf-cal-chart-bar{height:100%;width:0;transition:width .6s ease;border-radius:8px;box-shadow:0 1px 2px #00000026,inset 0 1px #ffffff4d}.perf-cal-chart-count{font-size:14px;font-weight:600;color:#475569;text-align:right}.perf-cal-stats-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-top:20px;border-top:1px solid #e2e8f0}.perf-cal-stat{display:flex;flex-direction:column;gap:6px}.perf-cal-stat-label{font-size:13px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.perf-cal-stat-value{font-size:24px;font-weight:700;color:#1e293b}.perf-cal-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-cal-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:20px;display:flex;align-items:center;gap:16px;border-left:4px solid transparent;transition:all .2s ease;position:relative}.perf-cal-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue);transform:translate(2px)}.perf-cal-item-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.perf-cal-item-icon svg{width:24px;height:24px;stroke:#fff}.perf-cal-item-content{flex:1;display:flex;flex-direction:column;gap:8px}.perf-cal-item-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.perf-cal-item-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.perf-cal-item-ratings{display:flex;align-items:center;gap:8px}.perf-cal-rating{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.perf-cal-rating.perf-cal-rating-5{background:#ede9fe;color:#6b21a8}.perf-cal-rating.perf-cal-rating-4{background:#dbeafe;color:#1e40af}.perf-cal-rating.perf-cal-rating-3{background:#d1fae5;color:#065f46}.perf-cal-rating.perf-cal-rating-2{background:#fed7aa;color:#92400e}.perf-cal-rating.perf-cal-rating-1{background:#fecaca;color:#991b1b}.perf-cal-rating-adjusted{border:1px dashed #94a3b8}.perf-cal-item-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.perf-cal-item-meta-item{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.perf-cal-item-actions{display:flex;gap:8px;align-items:center}.perf-cal-item-action{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.perf-cal-item-action:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 4px #00000014,inset 0 1px #fffc}.perf-cal-item-action-primary{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed);color:#fff;border-color:var(--sparko-purple)}.perf-cal-item-action-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-color:#7c3aed;box-shadow:0 4px 8px #8b5cf64d,inset 0 1px #fff3}.perf-cal-guidelines{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-cal-guidelines h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 16px}.perf-cal-guidelines ul{margin:0;padding-left:24px;list-style-type:disc}.perf-cal-guidelines li{font-size:14px;color:#475569;line-height:1.7;margin-bottom:8px}.perf-cal-guidelines li:last-child{margin-bottom:0}.perf-cal-empty{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.perf-cal-empty-icon{width:64px;height:64px;margin:0 auto 20px;color:#cbd5e1}.perf-cal-empty-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.perf-cal-empty-description{font-size:14px;color:#64748b;margin:0}.perf-cal-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:16px;color:#64748b}@media(max-width:1024px){.perf-cal-chart-row{grid-template-columns:180px 1fr 120px}}@media(max-width:768px){.perf-cal-header-content{flex-direction:column;gap:16px;align-items:flex-start}.perf-cal-controls{padding:0 16px}.perf-cal-content{padding:0 16px 16px}.perf-cal-distribution,.perf-cal-guidelines{padding:16px}.perf-cal-chart-row{grid-template-columns:1fr;gap:10px}.perf-cal-chart-count{text-align:left}.perf-cal-stats-summary{grid-template-columns:1fr}.perf-cal-item{flex-direction:column;align-items:flex-start;gap:12px}.perf-cal-item-header{flex-direction:column;align-items:flex-start;gap:8px}.perf-cal-item-ratings{flex-wrap:wrap}.perf-cal-item-actions{width:100%;flex-direction:column}.perf-cal-item-action{width:100%;justify-content:center}}.okr-back-header{margin-bottom:var(--space-md)}.okr-page{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px}.okr-card{background:var(--bg-surface);border-radius:16px;box-shadow:0 1px 3px #0000000f,0 8px 24px #0000000f;width:100%;max-width:640px;overflow:hidden}.okr-card-header{background:linear-gradient(135deg,var(--primary-solid) 0%,var(--primary-hover) 50%,var(--primary-light, var(--primary-hover)) 100%);padding:28px 32px 24px;position:relative;overflow:hidden}.okr-card-header:after{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:#ffffff14;border-radius:50%}.okr-card-header:before{content:"";position:absolute;bottom:-30px;left:40%;width:80px;height:80px;background:#ffffff0d;border-radius:50%}.okr-card-header h1{color:#fff;font-size:22px;font-weight:700;margin:0 0 4px;position:relative;z-index:1;display:flex;align-items:center;gap:8px}.okr-card-header p{color:#fffc;font-size:14px;font-weight:400;margin:0;position:relative;z-index:1}.okr-card-body{padding:28px 32px 32px}.okr-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.okr-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.okr-section-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;gap:6px}.okr-section-subtitle{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.okr-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.okr-form-group{margin-bottom:16px}.okr-form-group:last-child{margin-bottom:0}.okr-form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:.01em}.okr-help-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--bg-hover);color:var(--text-tertiary);font-size:11px;font-weight:700;cursor:help}.okr-field-hint{display:block;font-size:12px;color:var(--text-tertiary);margin-top:6px}.okr-select-wrapper{position:relative}.okr-select-wrapper:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-tertiary);pointer-events:none}.okr-form-select{width:100%;padding:12px 40px 12px 14px;border:2px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-surface);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;outline:none}.okr-form-select:focus{border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-bg)}.okr-form-input{width:100%;padding:12px 14px;border:2px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-surface);outline:none;transition:border-color .2s,box-shadow .2s}.okr-form-input:focus{border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-bg)}.okr-form-textarea{width:100%;padding:14px;border:2px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-surface);resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s;line-height:1.6}.okr-form-textarea:focus{border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-bg)}.okr-form-textarea::-moz-placeholder{color:var(--text-tertiary)}.okr-form-textarea::placeholder{color:var(--text-tertiary)}.okr-form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.okr-form-row-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.okr-kr-item{padding:16px;border:2px solid var(--border-color);border-radius:12px;margin-bottom:12px;background:var(--bg-primary)}.okr-kr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.okr-kr-badge{font-size:12px;font-weight:700;color:var(--primary-solid);background:var(--primary-bg);padding:4px 10px;border-radius:6px;letter-spacing:.02em}.okr-kr-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.okr-kr-remove:hover{background:var(--error-bg, #fef2f2);color:var(--error-solid, #ef4444)}.okr-btn{padding:12px 24px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;display:inline-flex;align-items:center;gap:8px}.okr-btn:disabled{opacity:.5;cursor:not-allowed}.okr-btn-cancel{background:var(--bg-hover);color:var(--text-secondary)}.okr-btn-cancel:hover{background:var(--border-color);color:var(--text-primary)}.okr-btn-submit{background:linear-gradient(135deg,var(--primary-solid) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 2px 8px #00000026}.okr-btn-submit:hover{box-shadow:0 4px 16px #0003;transform:translateY(-1px)}.okr-btn-submit:active{transform:translateY(0)}.okr-btn-submit:disabled{opacity:.6;transform:none}.okr-btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 16px}.okr-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.okr-btn-outline-sm{padding:8px 14px;font-size:13px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.okr-btn-outline-sm:hover{border-color:var(--primary-solid);color:var(--primary-solid)}.okr-btn-ai,.okr-btn-ai-sm{background:linear-gradient(135deg,var(--primary-solid),var(--primary-hover));color:#fff;font-weight:600;cursor:pointer;border:none;border-radius:10px;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.okr-btn-ai{padding:12px 24px;font-size:14px}.okr-btn-ai-sm{padding:8px 16px;font-size:13px;flex-shrink:0}.okr-btn-ai:hover,.okr-btn-ai-sm:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.okr-btn-ai:disabled,.okr-btn-ai-sm:disabled{opacity:.5;cursor:not-allowed;transform:none}.okr-button-row{display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:24px;border-top:1px solid var(--border-color)}.okr-ai-note{display:flex;align-items:flex-start;gap:10px;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;margin-top:24px}.okr-ai-note-icon{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,var(--primary-solid),var(--primary-hover));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.okr-ai-note-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.okr-ai-note-text strong{color:var(--text-primary)}.okr-ai-card{background:var(--bg-surface);border-radius:16px;box-shadow:0 1px 3px #0000000f,0 8px 24px #0000000f;width:100%;max-width:640px;overflow:hidden;border:2px solid var(--primary-bg)}.okr-ai-header{display:flex;align-items:flex-start;gap:12px;padding:20px 24px;background:var(--primary-bg);border-bottom:1px solid var(--border-color)}.okr-ai-header>svg{flex-shrink:0;color:var(--primary-solid);margin-top:2px}.okr-ai-header>div{flex:1}.okr-ai-header h2{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.okr-ai-header p{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.okr-ai-skip{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;transition:all .2s;flex-shrink:0}.okr-ai-skip:hover{color:var(--text-primary);background:var(--bg-hover)}.okr-ai-body{padding:20px 24px;display:flex;flex-direction:column;gap:8px}.okr-ai-result{padding:20px 24px;border-top:1px solid var(--border-color)}.okr-ai-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.okr-ai-preview-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.okr-ai-preview-body{display:flex;flex-direction:column;gap:16px}.okr-ai-field strong{display:block;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.okr-ai-field p{margin:0;font-size:14px;color:var(--text-primary);line-height:1.6}.okr-ai-kr-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.okr-ai-kr-list li{padding:10px 12px;background:var(--bg-primary);border-left:3px solid var(--primary-solid);border-radius:6px;display:flex;flex-direction:column;gap:4px}.okr-ai-kr-desc{font-size:14px;color:var(--text-primary);font-weight:500}.okr-ai-kr-rationale{font-size:12px;color:var(--text-secondary);font-style:italic}.okr-ai-tips,.okr-ai-warnings{padding:12px;border-radius:8px;font-size:13px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.okr-ai-tips{background:var(--primary-bg);color:var(--text-primary)}.okr-ai-warnings{background:var(--warning-bg, #fffbeb);color:var(--text-primary)}.okr-ai-tips ul,.okr-ai-warnings ul{width:100%;list-style:disc;padding-left:20px;margin:4px 0 0}.okr-ai-tips li,.okr-ai-warnings li{font-size:13px;margin-bottom:2px}.okr-ai-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);flex-wrap:wrap}.okr-skill-results{margin-top:12px}.okr-skill-count{font-size:13px;font-weight:500;color:var(--text-primary);padding:10px 14px;background:var(--primary-bg);border-radius:8px;margin:0 0 12px}.okr-skill-cards{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.okr-skill-card{padding:12px 14px;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-surface);cursor:pointer;transition:all .2s}.okr-skill-card:hover{border-color:var(--primary-solid);box-shadow:0 2px 8px #0000000f}.okr-skill-card.selected{border-color:var(--primary-solid);background:var(--primary-bg)}.okr-skill-card-top{display:flex;align-items:center;gap:8px}.okr-skill-card-top input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-solid)}.okr-skill-card-top h4{flex:1;margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.okr-skill-card-bottom{margin-top:8px;padding-left:24px}.okr-skill-level{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;margin-bottom:4px}.okr-skill-rationale{font-size:13px;color:var(--text-secondary);line-height:1.4;margin:0}.okr-skill-summary{padding:8px 14px;background:var(--success-bg, #f0fdf4);border-radius:8px;text-align:center;font-size:13px;color:var(--success-solid, #22c55e)}.okr-skill-empty{padding:24px;text-align:center;color:var(--text-secondary);font-size:14px}.okr-skill-empty span{font-size:12px;color:var(--text-tertiary)}.okr-spin{animation:okr-spin 1s linear infinite}@keyframes okr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){.okr-card-body,.okr-card-header{padding:20px}.okr-form-row-2col,.okr-form-row-3col{grid-template-columns:1fr}.okr-section-header{flex-direction:column;gap:10px}.okr-button-row,.okr-ai-actions{flex-direction:column-reverse}.okr-btn{width:100%;text-align:center;justify-content:center}.okr-ai-body,.okr-ai-result{padding:16px}.okr-skill-cards{grid-template-columns:1fr}}.okr-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-button, 12px);font-size:.875rem;line-height:1.5;margin-bottom:var(--space-lg, 16px)}.okr-notice-locked{background:var(--bg-error-subtle, #fef2f2);color:var(--text-error, #dc2626);border:1px solid var(--border-error, #fecaca)}.okr-notice-info{background:var(--bg-warning-subtle, #fffbeb);color:var(--text-warning, #d97706);border:1px solid var(--border-warning, #fde68a)}.okr-notice svg{flex-shrink:0}.okr-wizard-page{width:100%;margin:0 auto}.wizard-steps{display:flex;align-items:center;justify-content:center;margin:var(--space-xl) auto;padding:var(--space-xl);background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-elevated) 100%);border-radius:var(--radius-lg);gap:var(--space-md);box-shadow:var(--shadow-md);border:var(--border-width-thin) solid var(--border-color)}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);min-width:100px;position:relative}.step-number{width:56px;height:56px;border-radius:var(--radius-full);background:var(--bg-surface);border:3px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a;z-index:2}.wizard-step.active .step-number{background:linear-gradient(135deg,var(--primary-solid) 0%,var(--primary-solid-hover) 100%);border-color:var(--primary-solid);color:#fff;transform:scale(1.15);box-shadow:0 4px 16px #3b82f666}.wizard-step.completed .step-number{background:linear-gradient(135deg,var(--success-solid) 0%,var(--success-solid-hover) 100%);border-color:var(--success-solid);color:#fff;box-shadow:0 2px 12px #22c55e4d}.step-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-align:center;transition:all .3s ease}.wizard-step.active .step-label{color:var(--text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.wizard-step.completed .step-label{color:var(--text-secondary)}.step-connector{flex:1;height:3px;background:var(--border-color);min-width:60px;position:relative;z-index:1;border-radius:var(--radius-full);transition:all .3s ease}.wizard-step.completed+.step-connector{background:linear-gradient(90deg,var(--success-solid) 0%,var(--success-bg) 100%)}.wizard-body{margin:var(--spacing-xl) 0}.wizard-content{animation:fade-in var(--transition-normal)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:var(--space-xl);padding:var(--space-lg);background:linear-gradient(135deg,var(--primary-bg) 0%,transparent 100%);border-left:4px solid var(--primary-solid);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:flex-start}.step-header h2{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.step-header p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.form-group{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.form-group:hover{border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.field-hint{display:block;font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.key-result-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.kr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.kr-header h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.remove-kr-btn{background:transparent;border:none;color:var(--error);font-size:var(--text-xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.remove-kr-btn:hover{background:var(--error-light)}.loading-state{text-align:center;padding:var(--spacing-2xl)}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.loading-state p{color:var(--text-secondary);font-size:var(--text-base)}.skill-suggestions{margin:var(--spacing-lg) 0}.suggestions-header{margin-bottom:var(--spacing-lg)}.suggestions-header p{font-size:var(--text-base);color:var(--text-primary)}.skill-cards{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.skill-card{padding:var(--spacing-md);border:var(--border-width-medium) solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--transition-fast)}.skill-card:hover{border-color:var(--primary);background:var(--surface-elevated)}.skill-card.selected{border-color:var(--primary);background:var(--primary-light)}.skill-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.skill-card-header input[type=checkbox]{width:20px;height:20px;cursor:pointer}.skill-card-header h4{flex:1;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.skill-card-body{margin-left:28px}.skill-proficiency{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.skill-proficiency .label{font-size:var(--text-sm);color:var(--text-secondary)}.skill-rationale{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.skills-summary{text-align:center;padding:var(--spacing-md);background:var(--surface-elevated);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary)}.empty-skills{text-align:center;padding:var(--spacing-2xl);background:var(--surface);border:var(--border-width-medium) dashed var(--border);border-radius:var(--radius-md)}.empty-skills p{color:var(--text-secondary);margin:var(--spacing-sm) 0}.empty-skills .hint{font-size:var(--text-sm);color:var(--text-tertiary)}.empty-skills button{margin-top:var(--spacing-md)}.review-objective{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.review-description{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.review-meta{display:flex;gap:var(--spacing-sm)}.review-kr-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.review-kr-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--surface-elevated);border-radius:var(--radius-md)}.kr-number{font-weight:var(--font-weight-bold);color:var(--primary)}.kr-content p{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--text-base)}.kr-target{font-size:var(--text-sm);color:var(--text-secondary)}.review-skills{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tip-box{padding:var(--space-lg);background:linear-gradient(135deg,var(--warning-bg) 0%,var(--warning-bg-hover) 100%);border:var(--border-width-medium) solid var(--warning-border);border-left:4px solid var(--warning-solid);border-radius:var(--radius-lg);margin-top:var(--space-lg);box-shadow:var(--shadow-sm)}.tip-box strong{color:var(--warning-solid);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.success-box{padding:var(--spacing-md);background:var(--success-light);border-left:4px solid var(--success);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.success-box strong{color:var(--success);font-weight:var(--font-weight-semibold)}.wizard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--surface-elevated);border-radius:var(--radius-md)}.step-indicator-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.error-banner{padding:var(--spacing-md);background:var(--error-light);border-left:4px solid var(--error);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);color:var(--error)}@media(max-width:768px){.wizard-steps{gap:var(--spacing-xs)}.wizard-step{min-width:80px}.step-number{width:var(--touch-target-min);height:var(--touch-target-min);font-size:var(--text-lg)}.step-connector{min-width:20px}.form-row{grid-template-columns:1fr}.step-header{flex-direction:column;gap:var(--spacing-md)}}.review-wizard-page{width:100%;margin:0 auto}.review-type-options{display:grid;gap:var(--spacing-md);margin-top:var(--spacing-md)}.review-type-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:var(--border-width-medium) solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--transition-fast)}.review-type-card:hover{border-color:var(--primary);background:var(--surface-elevated)}.review-type-card.selected{border-color:var(--primary);background:var(--primary-light)}.review-type-card input[type=radio]{margin-top:2px;cursor:pointer}.review-type-card h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.review-type-card p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.review-types-card{padding:var(--spacing-lg)}.review-types-card h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.checkbox-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:var(--border-width-medium) solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--transition-fast)}.checkbox-item:hover{border-color:var(--primary);background:var(--surface-elevated)}.checkbox-item input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer}.checkbox-item h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.checkbox-item p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.peer-config{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.template-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.template-section h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.question-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.question-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.question-item:hover{background:var(--surface-elevated)}.question-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.question-item span{font-size:var(--text-base);color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3{margin:0}.custom-questions-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.custom-question-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-elevated);border-radius:var(--radius-sm)}.custom-question-item span{flex:1;font-size:var(--text-base);color:var(--text-primary)}.remove-btn{background:transparent;border:none;color:var(--error);font-size:var(--text-lg);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.remove-btn:hover{background:var(--error-light)}.questions-summary{text-align:center;padding:var(--spacing-md);background:var(--surface-elevated);border-radius:var(--radius-md);margin-top:var(--spacing-lg);font-size:var(--text-base);color:var(--text-primary)}.review-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.review-section h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.review-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border)}.review-row:last-child{border-bottom:none}.review-row .label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.review-row .value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}.review-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}@media(max-width:768px){.review-type-options{grid-template-columns:1fr}.review-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.feedback360-wizard-page{width:100%;margin:0 auto}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.employee-card{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:var(--border-width-medium) solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--transition-fast)}.employee-card:hover{border-color:var(--primary);background:var(--surface-elevated);transform:translateY(-2px);box-shadow:var(--shadow-md)}.employee-card.selected{border-color:var(--primary);background:var(--primary-light)}.employee-card.selectable input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin-left:auto}.employee-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-weight-bold);flex-shrink:0}.employee-avatar.large{width:64px;height:64px;font-size:var(--text-2xl)}.employee-info h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.employee-info p{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-sm);color:var(--text-secondary)}.selected-indicator{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:28px;height:28px;border-radius:var(--radius-full);background:var(--success);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-weight-bold)}.reviewer-categories{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--info-light);border-radius:var(--radius-md)}.category-hint{display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-hint span{font-size:var(--text-sm);color:var(--info);font-weight:var(--font-weight-medium)}.selection-summary{text-align:center;padding:var(--spacing-md);background:var(--surface-elevated);border-radius:var(--radius-md);margin-top:var(--spacing-lg);font-size:var(--text-base);color:var(--text-primary)}.question-category-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.question-category-card h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;text-transform:capitalize}.custom-questions-card,.settings-card{padding:var(--spacing-lg)}.settings-card h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.checkbox-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:var(--border-width-medium) solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.checkbox-option:hover{border-color:var(--primary);background:var(--surface-elevated)}.checkbox-option input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer}.checkbox-option h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.checkbox-option p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.reviewee-summary{display:flex;align-items:center;gap:var(--spacing-md)}.reviewee-summary h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.purpose-text{margin:0;font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.reviewer-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.draft-restored-banner{background:var(--status-info-bg);border:1px solid var(--status-info);border-radius:var(--radius-card);padding:var(--space-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.draft-restored-banner__icon{font-size:var(--font-size-2xl)}.draft-restored-banner__content{flex:1}.draft-restored-banner__content strong{display:block}.draft-restored-banner__content p{margin:0;font-size:var(--font-size-small);color:var(--text-secondary)}@media(max-width:768px){.employee-grid{grid-template-columns:1fr}.employee-card{flex-direction:row}}.okr-detail-loading,.okr-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;color:var(--text-secondary);gap:var(--space-lg)}.okr-detail-error h2{margin:0;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.okr-detail-error svg{color:var(--status-error)}.okrb-page-actions{display:flex;justify-content:space-between;align-items:center}.okrb-page-actions-right{display:flex;gap:12px}.okrb-action-btn{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px;font-family:inherit}.okrb-action-btn:hover{border-color:var(--primary-solid);color:var(--primary-solid);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.okrb-action-btn-primary{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff;border-color:var(--primary-solid)}.okrb-action-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-color-alpha),inset 0 1px #fff3;color:#fff}.okrb-header-inner{padding:var(--space-2xl)}.okrb-meta{display:flex;gap:var(--space-lg);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-lg)}.okrb-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--text-secondary)}.okrb-title{margin:0 0 var(--space-sm);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.3}.okrb-description{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.okrb-progress-section{background:var(--bg-primary);padding:var(--space-lg);border-radius:var(--radius-md)}.okrb-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.okrb-progress-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.okrb-progress-pct{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--primary-solid)}.okrb-progress-bar{height:12px;background:var(--bg-primary);border-radius:var(--radius-badge, 99px);overflow:hidden}.okrb-progress-fill{height:100%;border-radius:var(--radius-badge, 99px);transition:width .3s ease}.okrb-status-on_track,.okrb-status-completed{background:var(--status-success)}.okrb-status-at_risk{background:var(--status-warning)}.okrb-status-behind{background:var(--status-error)}.okrb-status-not_started{background:var(--text-tertiary)}.okrb-section-inner{padding:var(--space-2xl)}.okrb-section-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-lg)}.okrb-count{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.okrb-kr-table-wrap{overflow-x:auto}.okrb-kr-table{width:100%;border-collapse:separate;border-spacing:0}.okrb-kr-table th{text-align:left;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--border-color)}.okrb-kr-table td{padding:var(--space-md);border-bottom:1px solid var(--border-color);font-size:var(--text-sm);vertical-align:middle}.okrb-kr-table tr:last-child td{border-bottom:none}.okrb-kr-row{transition:background .15s}.okrb-kr-row:hover td{background:var(--bg-primary)}.okrb-kr-status-on_track td:first-child,.okrb-kr-status-completed td:first-child{box-shadow:inset 3px 0 0 var(--status-success)}.okrb-kr-status-at_risk td:first-child{box-shadow:inset 3px 0 0 var(--status-warning)}.okrb-kr-status-behind td:first-child{box-shadow:inset 3px 0 0 var(--status-error)}.okrb-kr-status-not_started td:first-child{box-shadow:inset 3px 0 0 var(--text-tertiary)}.okrb-kr-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--font-weight-bold);flex-shrink:0}.okrb-kr-num-success{background:#dcfce7;color:#15803d}.okrb-kr-num-warning{background:#fef3c7;color:#a16207}.okrb-kr-num-error{background:#fee2e2;color:#dc2626}.okrb-kr-num-gray{background:var(--bg-surface);color:var(--text-secondary)}.okrb-kr-title,.okrb-kr-value{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.okrb-kr-target{color:var(--text-secondary)}.okrb-kr-progress-cell{display:flex;align-items:center;gap:var(--space-sm)}.okrb-kr-progress-bar{flex:1;height:8px;background:var(--bg-surface);border-radius:var(--radius-badge, 99px);overflow:hidden}.okrb-kr-progress-fill{height:100%;border-radius:var(--radius-badge, 99px);transition:width .3s ease}.okrb-kr-progress-text{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-bold);color:var(--text-secondary);min-width:35px;text-align:right}.okrb-checkins-list{display:flex;flex-direction:column}.okrb-checkin-item{display:flex;gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--border-color)}.okrb-checkin-item:last-child{border-bottom:none}.okrb-checkin-date{min-width:80px;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-bold);color:var(--primary-accessible);flex-shrink:0;padding-top:2px}.okrb-checkin-content{display:flex;flex-direction:column;gap:2px}.okrb-checkin-metric{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-bold);color:var(--primary-solid)}.okrb-checkin-note{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.okrb-details-footer{margin-top:var(--space-lg)}.okrb-details-inner{padding:var(--space-lg) var(--space-xl);display:flex;gap:var(--space-2xl);flex-wrap:wrap;font-size:var(--text-sm)}.okrb-detail-item{display:flex;gap:4px;align-items:baseline}.okrb-detail-label{color:var(--text-secondary)}.okrb-detail-item strong{color:var(--text-primary)}.okrb-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;color:var(--text-secondary);gap:var(--space-md)}.okrb-empty-state-sm{padding:var(--space-xl)}.okrb-empty-state svg{color:var(--text-tertiary)}.okrb-empty-state p{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.okrb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;z-index:9998}.okrb-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-surface);border:var(--border-width-medium, 1px) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;z-index:9999;box-shadow:var(--shadow-lg)}.okrb-modal h2{margin:0 0 var(--space-xs);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.okrb-modal-subtitle{margin:0 0 var(--space-xl);color:var(--text-secondary);font-size:var(--text-sm)}.okrb-form-group{margin-bottom:var(--space-lg)}.okrb-form-group label{display:block;margin-bottom:var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.okrb-form-group input,.okrb-form-group textarea{width:100%;padding:var(--space-md);background:var(--bg-primary);border:var(--border-width-medium, 1px) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);font-family:inherit;transition:border-color .2s}.okrb-form-group input:focus,.okrb-form-group textarea:focus{outline:none;border-color:var(--primary-solid)}.okrb-form-help{display:block;margin-top:var(--space-xs);font-size:var(--font-size-sm, 14px);color:var(--text-secondary)}.okrb-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-xl)}.okrb-update-link{padding:0!important;min-height:auto!important;font-size:var(--text-sm)!important;color:var(--text-secondary)!important;background:none!important;border:none!important;box-shadow:none!important}.okrb-update-link:hover{color:var(--primary-solid)!important;background:none!important}@media(max-width:768px){.okrb-details-inner{flex-direction:column;gap:var(--space-sm)}.okrb-kr-table th:nth-child(3),.okrb-kr-table td:nth-child(3),.okrb-kr-table th:nth-child(4),.okrb-kr-table td:nth-child(4){display:none}}.okrb-checkin-kr-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.okrb-checkin-kr-name{font-weight:600;font-size:.85rem;color:var(--text-primary)}.okrb-modal select,.okrb-modal input[type=number]{width:100%;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-input, 8px);background:var(--bg-surface);color:var(--text-primary);font-size:.9rem;transition:border-color .2s}.okrb-modal select:focus,.okrb-modal input[type=number]:focus{outline:none;border-color:var(--accent-primary)}.feedback-give-header{margin-bottom:var(--space-md)}.feedback-page{display:flex;flex-direction:column;align-items:center;width:100%}.feedback-card{background:var(--bg-surface);border-radius:16px;box-shadow:0 1px 3px #0000000f,0 8px 24px #0000000f;width:100%;max-width:560px;overflow:hidden}.feedback-card-header{background:linear-gradient(135deg,var(--primary-solid) 0%,var(--primary-hover) 50%,var(--primary-light, var(--primary-hover)) 100%);padding:28px 32px 24px;position:relative;overflow:hidden}.feedback-card-header:after{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:#ffffff14;border-radius:50%}.feedback-card-header:before{content:"";position:absolute;bottom:-30px;left:40%;width:80px;height:80px;background:#ffffff0d;border-radius:50%}.feedback-card-header h1{color:#fff;font-size:22px;font-weight:700;margin:0 0 4px;position:relative;z-index:1}.feedback-card-header p{color:#fffc;font-size:14px;font-weight:400;margin:0;position:relative;z-index:1}.feedback-card-body{padding:28px 32px 32px;display:flex;flex-direction:column;gap:0}.fb-form-section{margin-bottom:24px}.fb-form-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:10px;letter-spacing:.01em}.fb-anonymous-note{font-size:12px;font-weight:500;color:var(--text-secondary);margin-left:var(--space-xs)}.fb-type-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.fb-type-card{border:2px solid var(--border-color);border-radius:12px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-surface);position:relative}.fb-type-card:hover{border-color:var(--text-tertiary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.fb-type-card.selected{transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.fb-type-card[data-type=praise].selected{border-color:var(--success-solid, #22c55e);background:linear-gradient(180deg,var(--success-bg, #f0fdf4) 0%,var(--bg-surface) 100%)}.fb-type-card[data-type=praise] .fb-type-icon{color:var(--success-solid, #22c55e)}.fb-type-card[data-type=constructive].selected{border-color:var(--primary-solid);background:linear-gradient(180deg,var(--primary-bg) 0%,var(--bg-surface) 100%)}.fb-type-card[data-type=constructive] .fb-type-icon{color:var(--primary-solid)}.fb-type-card[data-type=anonymous].selected{border-color:var(--text-tertiary);background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-surface) 100%)}.fb-type-card[data-type=anonymous] .fb-type-icon{color:var(--text-tertiary)}.fb-type-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.fb-type-card[data-type=praise] .fb-type-check{background:var(--success-solid, #22c55e)}.fb-type-card[data-type=constructive] .fb-type-check{background:var(--primary-solid)}.fb-type-card[data-type=anonymous] .fb-type-check{background:var(--text-tertiary)}.fb-type-icon{width:36px;height:36px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.fb-type-name{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.fb-type-desc{display:block;font-size:11px;color:var(--text-secondary);line-height:1.3}.fb-select-wrapper{position:relative}.fb-select-wrapper:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-tertiary);pointer-events:none}.fb-form-select{width:100%;padding:12px 40px 12px 14px;border:2px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-surface);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;outline:none}.fb-form-select:focus{border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-bg)}.fb-form-textarea{width:100%;padding:14px;border:2px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-surface);resize:vertical;min-height:140px;outline:none;transition:border-color .2s,box-shadow .2s;line-height:1.6}.fb-form-textarea:focus{border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-bg)}.fb-form-textarea::-moz-placeholder{color:var(--text-tertiary)}.fb-form-textarea::placeholder{color:var(--text-tertiary)}.fb-char-counter{text-align:right;font-size:12px;color:var(--text-tertiary);margin-top:6px;font-variant-numeric:tabular-nums}.fb-char-counter.warning{color:var(--warning-solid, #f59e0b)}.fb-char-counter.danger{color:var(--error-solid, #ef4444)}.fb-ai-note{display:flex;align-items:flex-start;gap:10px;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;margin-bottom:28px}.fb-ai-note-icon{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,var(--primary-solid),var(--primary-hover));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.fb-ai-note-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.fb-ai-note-text strong{color:var(--text-primary)}.fb-button-row{display:flex;gap:12px;justify-content:flex-end}.fb-btn{padding:12px 28px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;display:inline-flex;align-items:center;gap:8px}.fb-btn-cancel{background:var(--bg-hover);color:var(--text-secondary)}.fb-btn-cancel:hover{background:var(--border-color);color:var(--text-primary)}.fb-btn-submit{background:linear-gradient(135deg,var(--primary-solid) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 2px 8px #00000026}.fb-btn-submit:hover{box-shadow:0 4px 16px #0003;transform:translateY(-1px)}.fb-btn-submit:active{transform:translateY(0)}.fb-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.feedback-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;gap:var(--space-lg)}.feedback-success-icon{color:var(--success-solid, #22c55e)}.feedback-success h2{margin:0;font-size:22px;font-weight:700;color:var(--text-primary)}.feedback-success p{margin:0;color:var(--text-secondary)}@media(max-width:600px){.fb-type-cards{grid-template-columns:1fr}.feedback-card-body,.feedback-card-header{padding:20px}.fb-button-row{flex-direction:column-reverse}.fb-btn{width:100%;text-align:center;justify-content:center}}.sparko-tabs{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-2xl);display:flex;gap:var(--space-xs);overflow-x:auto}.sparko-tab{padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap}.sparko-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.sparko-tab.active{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff;border-color:transparent}.analytics-filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.analytics-filter{min-width:180px;padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.analytics-filter:hover{border-color:var(--primary-solid)}.analytics-filter:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.analytics-loading{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);font-size:var(--font-size-base)}.analytics-empty{text-align:center;padding:var(--space-3xl)}.analytics-empty h3{color:var(--text-primary);margin-bottom:var(--space-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.analytics-empty p{color:var(--text-secondary);font-size:var(--font-size-sm)}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.analytics-stat-card{text-align:center;padding:var(--space-xl)!important;transition:all .2s ease}.analytics-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.analytics-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.analytics-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1}.analytics-stat-subtitle{font-size:var(--font-size-xs);color:var(--text-tertiary)}.analytics-stat-card-alert .analytics-stat-value{color:var(--status-error)}.analytics-chart-card{margin-bottom:var(--space-xl);padding:var(--space-xl)!important}.analytics-chart-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-lg) 0}.analytics-chart-simple{display:flex;flex-direction:column;gap:var(--space-md)}.analytics-bar-item{display:flex;align-items:center;gap:var(--space-md)}.analytics-bar-label{min-width:80px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.analytics-bar-container{flex:1;height:32px;background:var(--bg-hover);border-radius:var(--radius-sm);overflow:hidden;position:relative}.analytics-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#fff;transition:width .3s ease}.analytics-bar-completed{background:var(--status-success)}.analytics-bar-stats{min-width:200px;display:flex;gap:var(--space-md);font-size:var(--font-size-xs)}.analytics-bar-stat-completed{color:var(--status-success);font-weight:var(--font-weight-semibold)}.analytics-bar-stat-risk{color:var(--status-error);font-weight:var(--font-weight-semibold)}.analytics-table-card{margin-bottom:var(--space-xl);padding:var(--space-xl)!important}.analytics-table-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-lg) 0}.analytics-table thead{background:var(--bg-hover)}.analytics-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.analytics-table td{padding:var(--space-md);border-bottom:1px solid var(--border-light);font-size:var(--font-size-sm);color:var(--text-primary)}.analytics-progress-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);background:#10b9811a;color:var(--status-success);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.analytics-at-risk{margin-bottom:var(--space-xl)}.analytics-at-risk>.sparko-card{padding:var(--space-xl)!important}.analytics-at-risk h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.analytics-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.analytics-at-risk-list{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-lg)}.analytics-at-risk-card{border-left:4px solid var(--status-error);padding:var(--space-lg)!important}.analytics-at-risk-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.analytics-at-risk-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.analytics-at-risk-meta{font-size:var(--font-size-sm);color:var(--text-secondary)}.analytics-pip-badge{padding:var(--space-xs) var(--space-sm);background:#ef44441a;color:var(--status-error);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.analytics-at-risk-metrics{display:flex;gap:var(--space-xl);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.analytics-at-risk-metric{display:flex;flex-direction:column;gap:var(--space-xs)}.analytics-at-risk-metric-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.analytics-at-risk-metric-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.analytics-at-risk-metric-alert{color:var(--status-error)}.analytics-risk-factors{font-size:var(--font-size-sm)}.analytics-risk-factors strong{display:block;color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.analytics-risk-factors ul{margin:0;padding-left:var(--space-lg);color:var(--text-secondary)}.analytics-risk-factors li{margin-bottom:var(--space-xs)}@media(max-width:768px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-bar-item{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.analytics-bar-label{min-width:auto}.analytics-bar-stats{min-width:auto;justify-content:space-between}.analytics-at-risk-metrics{flex-direction:column;gap:var(--space-md)}}@media(max-width:480px){.analytics-stats-grid{grid-template-columns:1fr}.analytics-filters{flex-direction:column}.analytics-filter{width:100%}}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.session-card{transition:transform .2s ease,box-shadow .2s ease}.session-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.session-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.session-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.4}.session-meta{display:flex;flex-direction:column;gap:var(--space-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;background:var(--background-secondary);border-radius:var(--radius-lg);margin-top:var(--space-lg)}.empty-state-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);opacity:.5}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm)}.empty-state-description{font-size:var(--font-size-md);color:var(--text-secondary);max-width:500px;margin:0 0 var(--space-lg)}.page-controls{display:flex;gap:var(--space-md);align-items:center;margin-top:var(--space-lg)}.search-bar{flex:1}.search-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);color:var(--text-primary);background:var(--background-secondary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.search-input::-moz-placeholder{color:var(--text-tertiary)}.search-input::placeholder{color:var(--text-tertiary)}.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-top:var(--space-md)}.clear-filters-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline;transition:color .2s ease}.clear-filters-btn:hover{color:var(--text-primary)}@media(max-width:768px){.sessions-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:var(--space-md)}.header-actions,.header-actions button{width:100%}.page-controls{flex-direction:column}.filter-button{width:100%}}.skeleton-header{margin-bottom:var(--space-xl);height:80px;background:var(--background-secondary);border-radius:var(--radius-md);animation:pulse 1.5s ease-in-out infinite}.budget-summary{margin-top:var(--space-lg)}.budget-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.stat-item{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.stat-value.danger{color:var(--danger-color)}.view-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--background-secondary);border-radius:var(--radius-lg)}.view-toggle{display:flex;gap:var(--space-xs)}.legend{display:flex;gap:var(--space-lg);align-items:center}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%;border:var(--border-width-medium) solid white;background:var(--dot-color, var(--text-secondary))}.legend-dot-success{background:var(--status-success)}.legend-dot-info{background:var(--status-info)}.legend-dot-warning{background:var(--status-warning)}.legend-dot-error{background:var(--status-error)}.calibration-chart-container{margin-top:var(--space-lg)}.chart-card{overflow:visible}.calibration-tooltip{background:var(--background-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);max-width:300px}.tooltip-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:var(--border-width-thin) solid var(--border-color);margin-bottom:var(--space-sm)}.tooltip-header strong{color:var(--text-primary);font-size:var(--font-size-md)}.tooltip-body{display:flex;flex-direction:column;gap:var(--space-xs)}.tooltip-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.tooltip-row span:first-child{color:var(--text-secondary)}.tooltip-row strong{color:var(--text-primary)}.tooltip-category{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:right}.tooltip-footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border-width-thin) solid var(--border-color);font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;font-style:italic}.adjustment-modal-content{display:flex;flex-direction:column;gap:var(--space-lg)}.current-ratings{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--background-secondary);border-radius:var(--radius-md)}.rating-item{display:flex;justify-content:space-between;align-items:center}.rating-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.adjustment-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-input,.form-textarea{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);color:var(--text-primary);background:var(--background-secondary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha)}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md)}@media(max-width:768px){.budget-stats{grid-template-columns:repeat(2,1fr)}.view-controls{flex-direction:column;gap:var(--space-md);align-items:stretch}.view-toggle{flex-direction:column}.legend{flex-wrap:wrap;gap:var(--space-sm)}.stat-value{font-size:var(--font-size-xl)}}@media(max-width:480px){.budget-stats{grid-template-columns:1fr}}.recharts-scatter-symbol{cursor:grab}.recharts-scatter-symbol circle{transition:all .2s ease}.recharts-scatter-symbol:active{cursor:grabbing}circle[data-dragging=true]{opacity:.5}circle[data-dragging=false][data-adjusted=true]{opacity:.9}circle[data-dragging=false][data-adjusted=false]{opacity:.85}circle[data-selected=true]{filter:drop-shadow(0 0 8px var(--primary-color))}circle[data-selected=false]{filter:none}.calibration-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md)}.loading-spinner{width:var(--touch-target-min);height:var(--touch-target-min);border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-3xl)}.error-message{color:var(--danger-color);font-size:var(--font-size-md)}.changes-card{margin-top:var(--space-xl)}.changes-header{display:flex;justify-content:space-between;align-items:center;width:100%}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-xs) 0 0}.empty-changes{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.changes-timeline{display:flex;flex-direction:column;gap:0}.change-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:var(--border-width-thin) solid var(--border-color)}.change-item:last-child{border-bottom:none}.change-item:last-child .change-line{display:none}.change-indicator{display:flex;flex-direction:column;align-items:center;padding-top:var(--space-xs)}.change-dot{width:12px;height:12px;border-radius:50%;border:var(--border-width-medium) solid var(--background-primary);flex-shrink:0;background:var(--dot-color, var(--text-secondary))}.change-line{width:2px;flex:1;background:var(--border-color);margin-top:var(--space-xs)}.change-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.change-header-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.employee-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.change-time{font-size:var(--font-size-sm);color:var(--text-tertiary);white-space:nowrap}.change-details{display:flex;flex-direction:column;gap:var(--space-xs)}.change-field{font-size:var(--font-size-sm);color:var(--text-secondary)}.field-label{font-weight:var(--font-weight-medium);margin-right:var(--space-xs)}.value-change{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.change-impacts{display:flex;gap:var(--space-xs);flex-wrap:wrap}.change-reason{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;margin:0;padding:var(--space-sm);background:var(--background-secondary);border-radius:var(--radius-md);border-left:var(--border-width-thick) solid var(--primary-color)}@media(max-width:768px){.change-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.change-time{font-size:var(--font-size-xs)}}.account-settings.sparko-page{height:100%;display:flex;flex-direction:column}.page-header{padding:var(--space-lg) var(--space-xl);border-bottom:var(--border-width-thin) solid var(--border-color);background:var(--bg-primary)}.page-content{flex:1;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl);max-width:1200px;margin:0 auto;width:100%}.settings-section{background:var(--surface-color);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl)}.section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--border-width-thin) solid var(--border-color)}.setting-label{flex:1;max-width:500px;padding-right:var(--space-lg)}.setting-control{min-width:300px;display:flex;align-items:center}.setting-control-vertical{min-width:300px;display:flex;flex-direction:column;gap:var(--space-sm)}.info-value{font-size:var(--text-sm);color:var(--text-primary);padding:var(--space-sm) 0}.input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);transition:all .2s ease}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha-10)}.password-form{display:contents}.password-strength{display:flex;align-items:center;gap:var(--space-md)}.strength-bar{flex:1;height:4px;background:var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.strength-fill{height:100%;transition:all .3s ease;border-radius:var(--radius-sm)}.strength-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);min-width:60px}.password-requirements{background:var(--info-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);margin:var(--space-md) 0}.password-requirements h4{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.requirements-list li{font-size:var(--text-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.requirements-list li.met{color:var(--status-success);font-weight:var(--font-weight-medium)}.form-actions{padding:var(--space-lg) 0 0 0;display:flex;justify-content:flex-end}.save-message{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg);font-weight:var(--font-weight-medium)}.save-message.success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border, var(--status-success))}.save-message.error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border, var(--status-error))}@media(max-width:768px){.page-content,.settings-section{padding:var(--space-lg)}.setting-row{flex-direction:column;gap:var(--space-md)}.setting-label{max-width:100%;padding-right:0}.setting-control,.setting-control-vertical{min-width:100%;width:100%}.form-actions{justify-content:stretch}.form-actions button{width:100%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-content{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:var(--border-width-thin) solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-close{background:none;border:none;font-size:var(--text-2xl);color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease}.modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-body{padding:var(--space-xl)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}.mfa-setup-steps{display:flex;flex-direction:column;gap:var(--space-xl)}.mfa-step h4{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.mfa-step p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-md) 0;line-height:1.5}.qr-code-container{display:flex;justify-content:center;padding:var(--space-lg);background:#fff;border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.qr-code-image{width:200px;height:200px;display:block}.manual-entry{margin-top:var(--space-md)}.manual-entry summary{font-size:var(--text-sm);color:var(--primary-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--space-sm);border-radius:var(--radius-sm);transition:background .2s ease}.manual-entry summary:hover{background:var(--hover-bg)}.manual-entry-content{padding:var(--space-md) var(--space-sm)}.secret-key{display:block;padding:var(--space-md);background:var(--input-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);font-family:Monaco,Menlo,Consolas,monospace;font-size:var(--text-sm);color:var(--text-primary);word-break:break-all;margin-top:var(--space-sm)}.backup-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.backup-code{padding:var(--space-sm) var(--space-md);background:var(--input-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);font-family:Monaco,Menlo,Consolas,monospace;font-size:var(--text-sm);color:var(--text-primary);text-align:center}.backup-codes-warning{font-size:var(--text-xs);color:var(--status-warning);font-weight:var(--font-weight-semibold);margin:var(--space-md) 0 0 0!important}.verification-code-input{text-align:center;font-size:var(--text-xl);font-family:Monaco,Menlo,Consolas,monospace;letter-spacing:.5em;padding-left:calc(var(--space-md) + .25em)}.warning-text{font-size:var(--text-sm);color:var(--status-warning);font-weight:var(--font-weight-semibold);padding:var(--space-md);background:var(--status-warning-bg);border:1px solid var(--status-warning-border, var(--status-warning));border-radius:var(--radius-md);margin:0 0 var(--space-md) 0!important}@media(max-width:768px){.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;border-radius:0}.backup-codes{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.notification-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--surface-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:all .2s ease}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-color-alpha-10)}.stat-value{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.notification-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface-primary);min-width:200px;cursor:pointer;transition:all .2s ease}.filter-select:hover{border-color:var(--primary-color)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha-10)}.notifications-groups{display:flex;flex-direction:column;gap:var(--spacing-xl)}.group-header{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.notification-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.notification-item{background:var(--surface-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;gap:var(--spacing-md);align-items:start;cursor:pointer;transition:all .2s ease}.notification-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-color-alpha-10)}.notification-item.unread{background:var(--primary-color-alpha-5);border-color:var(--primary-color)}.notification-icon{flex-shrink:0;margin-top:2px}.notification-content{flex:1;min-width:0}.notification-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.unread-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%;flex-shrink:0}.notification-message{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);line-height:1.5}.notification-meta{display:flex;gap:var(--spacing-md);align-items:center;font-size:var(--font-size-xs);color:var(--text-tertiary)}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);gap:var(--spacing-md);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-lg);text-align:center}.empty-state-icon{color:var(--text-tertiary);margin-bottom:var(--spacing-lg)}.empty-state h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary);font-size:var(--font-size-sm)}@media(max-width:768px){.notification-stats{grid-template-columns:repeat(2,1fr)}.notification-filters{flex-direction:column}.filter-select{width:100%}.notification-item{flex-direction:column}}.career-nav{margin-bottom:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--border-color)}.career-nav-items{display:flex;gap:var(--spacing-xs);overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:thin}.career-nav-item{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);position:relative}.career-nav-item:hover{color:var(--text-primary);background:var(--background-hover)}.career-nav-item.active{color:var(--primary-color);background:var(--background-secondary)}.career-nav-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0}@media(max-width:768px){.career-nav-items{padding-bottom:var(--spacing-sm)}.career-nav-item{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.my-development{padding:var(--space-lg);width:100%;margin:0 auto}.my-development-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}@media(max-width:1400px){.my-development-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.my-development-stats{grid-template-columns:repeat(2,1fr)}}.development-tabs{display:flex;gap:var(--space-xs);border-bottom:2px solid var(--border-color);margin-bottom:var(--space-xl);overflow-x:auto;padding-bottom:2px}.dev-tab{padding:var(--space-sm) var(--space-lg);background:transparent;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;white-space:nowrap}.dev-tab:hover{color:var(--text-primary);background:var(--surface-secondary)}.dev-tab.active{color:var(--primary-solid);border-bottom-color:var(--primary-solid);font-weight:var(--font-weight-semibold)}.career-summary-content{display:flex;flex-direction:column;gap:var(--space-md)}.current-role{display:flex;align-items:center;gap:var(--space-sm)}.current-role .level-badge{background:var(--primary-solid);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-badge);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.role-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.next-role{padding:var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-md)}.next-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.next-name{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-top:var(--space-xs)}.readiness-mini{margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.readiness-bar-mini{flex:1;height:6px;background:var(--surface-tertiary);border-radius:var(--radius-badge);overflow:hidden}.readiness-fill-mini{height:100%;transition:width .3s ease}.readiness-mini span{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.gaps-mini-list{display:flex;flex-direction:column;gap:var(--space-sm)}.gap-mini-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-sm)}.gap-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.gap-progress-mini{display:flex;align-items:center;gap:var(--space-xs)}.gap-arrow{color:var(--text-tertiary);font-size:var(--font-size-xs)}.learning-mini-list{display:flex;flex-direction:column;gap:var(--space-md)}.learning-mini-item{display:flex;flex-direction:column;gap:var(--space-xs)}.learning-mini-item .course-info{display:flex;justify-content:space-between;align-items:center}.learning-mini-item .course-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.learning-mini-item .course-progress{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.progress-bar-mini{height:6px;background:var(--surface-tertiary);border-radius:var(--radius-badge);overflow:hidden}.progress-fill-mini{height:100%;transition:width .3s ease}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md)!important;height:auto!important}.action-icon{font-size:var(--font-size-2xl)}.empty-state p{margin:0 0 var(--space-md)}.empty-card .empty-actions{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.career-tab-content .level-card{position:relative;padding:var(--space-lg);margin-bottom:var(--space-md)}.career-tab-content .level-card.current{border:var(--border-width-medium) solid var(--primary-solid);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--surface-secondary) 100%)}.career-tab-content .level-card.progression{border:var(--border-width-medium) dashed var(--border-color)}.level-badge-tag{position:absolute;top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;background:var(--primary-solid);color:#fff}.level-badge-tag.ic{background:var(--status-info)}.level-badge-tag.manager{background:var(--status-error)}.level-content{padding-right:80px}.level-content .level-code{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--primary-solid);color:#fff;border-radius:var(--radius-badge);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.level-content .level-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm)}.level-content .level-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-md)}.level-meta{display:flex;gap:var(--space-lg);flex-wrap:wrap}.meta-item{font-size:var(--font-size-sm);color:var(--text-secondary)}.meta-item strong{color:var(--text-primary)}.path-note{margin-top:var(--space-md);padding:var(--space-sm);background:var(--surface-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg)}.readiness-indicator{margin-top:var(--space-md)}.readiness-bar{height:10px;background:var(--surface-tertiary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-xs)}.readiness-fill{height:100%;transition:width .5s ease}.readiness-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.skill-card{padding:var(--space-md)}.skill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs)}.skill-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.skill-meta{display:flex;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-tertiary)}.gaps-list{display:grid;gap:var(--space-md)}.gap-card{padding:var(--space-md)}.gap-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.gap-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.gap-indicator{display:flex;align-items:center;gap:var(--space-xs)}.gap-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;text-transform:capitalize}.gap-actions{margin-top:var(--space-md)}.competencies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.competency-card{padding:var(--space-md)}.competency-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.proficiency-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;text-transform:capitalize}.competency-category{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.competency-meta{display:flex;gap:var(--space-xs);margin-top:var(--space-sm)}.meta-badge{padding:var(--space-2xs) var(--space-xs);background:var(--surface-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-secondary)}.courses-list,.paths-list{display:grid;gap:var(--space-md)}.course-card,.path-card{padding:var(--space-lg)}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.course-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.course-progress-display{text-align:right}.progress-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.course-progress-bar{height:8px;background:var(--surface-tertiary);border-radius:var(--radius-badge);overflow:hidden;margin-bottom:var(--space-md)}.course-progress-fill{height:100%;transition:width .3s ease}.course-actions{display:flex;gap:var(--space-sm)}.path-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.path-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.path-progress{display:flex;flex-direction:column;gap:var(--space-xs)}.path-progress-bar{height:8px;background:var(--surface-tertiary);border-radius:var(--radius-badge);overflow:hidden}.path-progress-fill{height:100%;transition:width .3s ease}.path-progress-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.recommendations-list{display:grid;gap:var(--space-lg)}.recommendation-card{padding:var(--space-lg);border:var(--border-width-medium) solid var(--primary-soft);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--primary-soft) 100%)}.rec-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--primary-solid);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.rec-icon{font-size:var(--font-size-sm)}.relevance-score{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--status-success)}.rec-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm)}.rec-reason{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-md)}.skills-label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-xs);display:block}.rec-actions{display:flex;gap:var(--space-sm)}.progress-width-0{width:0%}.progress-width-5{width:5%}.progress-width-10{width:10%}.progress-width-15{width:15%}.progress-width-20{width:20%}.progress-width-25{width:25%}.progress-width-30{width:30%}.progress-width-35{width:35%}.progress-width-40{width:40%}.progress-width-45{width:45%}.progress-width-50{width:50%}.progress-width-55{width:55%}.progress-width-60{width:60%}.progress-width-65{width:65%}.progress-width-70{width:70%}.progress-width-75{width:75%}.progress-width-80{width:80%}.progress-width-85{width:85%}.progress-width-90{width:90%}.progress-width-95{width:95%}.progress-width-100{width:100%}.progress-bg-success{background:var(--status-success)}.progress-bg-info{background:var(--status-info)}.progress-bg-warning{background:var(--status-warning)}.progress-bg-error{background:var(--status-error)}.progress-bg-primary{background:var(--primary-solid)}.progress-bg-secondary{background:var(--text-secondary)}@media(max-width:768px){.my-development{padding:var(--space-md)}.header-actions{flex-direction:column;width:100%}.development-tabs{flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.dev-tab{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.levels-grid,.skills-grid,.competencies-grid{grid-template-columns:1fr}.level-content{padding-right:0;margin-top:var(--space-lg)}.level-badge-tag{position:static;display:inline-block;margin-bottom:var(--space-sm)}.actions-grid{grid-template-columns:1fr}}.succession-pipeline{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-6)}.succession-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4)}.succession-header h3{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.succession-header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.succession-stats{display:flex;gap:var(--space-3)}.stat-pill{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);min-width:100px}.stat-pill.ready-now{background:var(--success-bg, #ecfdf5);border:1px solid var(--success-border, #a7f3d0)}.stat-pill.ready-soon{background:var(--warning-bg, #fef3c7);border:1px solid var(--warning-border, #fcd34d)}.stat-pill.ready-later{background:var(--neutral-bg, #f3f4f6);border:1px solid var(--neutral-border, #d1d5db)}.stat-count{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500;text-align:center}.succession-table{overflow-x:auto;margin-bottom:var(--space-4)}.succession-table table{width:100%;border-collapse:collapse}.succession-table thead{background:var(--surface-secondary);border-bottom:2px solid var(--border-default)}.succession-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.succession-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background-color .2s}.succession-table tbody tr:hover{background:var(--surface-hover)}.succession-table tbody tr.ready-now{border-left:var(--border-width-thick) solid var(--success-default, #10b981)}.succession-table tbody tr.ready-soon{border-left:var(--border-width-thick) solid var(--warning-default, #f59e0b)}.succession-table tbody tr.ready-later{border-left:var(--border-width-thick) solid var(--neutral-default, #9ca3af)}.succession-table td{padding:var(--space-4);font-size:var(--font-size-sm);color:var(--text-primary)}.employee-cell{min-width:220px}.employee-info{display:flex;align-items:center;gap:var(--space-3)}.employee-avatar{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.employee-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.employee-role{font-size:var(--font-size-xs);color:var(--text-secondary)}.readiness-score{display:flex;align-items:center;gap:var(--space-2)}.score-gauge{width:80px;height:8px;background:var(--surface-secondary);border-radius:var(--radius-full);overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--warning-default, #f59e0b),var(--success-default, #10b981));transition:width .3s ease;border-radius:var(--radius-full)}.score-value{font-weight:700;color:var(--text-primary);min-width:30px}.metric-value{font-weight:600;color:var(--text-primary)}.eligible-roles{min-width:200px}.roles-list{list-style:none;padding:0;margin:0}.roles-list li{font-size:var(--font-size-xs);color:var(--text-secondary);padding:2px 0}.roles-list li:first-child{color:var(--text-primary);font-weight:500}.more-roles{color:var(--primary-default);font-weight:500}.no-roles{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.succession-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.help-text{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.succession-empty{text-align:center;padding:var(--space-12) var(--space-4)}.empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.succession-empty h3{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--font-size-lg)}.succession-empty p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.succession-loading{padding:var(--space-8)}.skeleton-text{height:16px;background:var(--surface-secondary);border-radius:var(--radius-sm);margin-bottom:var(--space-3);animation:pulse 1.5s ease-in-out infinite}@media(max-width:1024px){.succession-header{flex-direction:column}.succession-stats{width:100%}.stat-pill{flex:1;min-width:auto}.succession-table{overflow-x:scroll}}.team-development{padding:var(--space-lg);width:100%;margin:0 auto}.header-actions{display:flex;gap:var(--space-sm)}.stats-5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.sparko-stat-card.on-track .sparko-stat-value{color:var(--status-success)}.sparko-stat-card.needs-attention .sparko-stat-value{color:var(--status-warning)}@media(max-width:1400px){.stats-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stats-5{grid-template-columns:repeat(2,1fr)}}.team-tabs{display:flex;gap:var(--space-xs);border-bottom:2px solid var(--border-color);margin-bottom:var(--space-xl);overflow-x:auto;padding-bottom:2px}.team-tab{padding:var(--space-sm) var(--space-lg);background:transparent;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;white-space:nowrap}.team-tab:hover{color:var(--text-primary);background:var(--surface-secondary)}.team-tab.active{color:var(--primary-solid);border-bottom-color:var(--primary-solid);font-weight:var(--font-weight-semibold)}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media(max-width:1024px){.overview-grid{grid-template-columns:1fr}}.overview-card{padding:var(--space-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.card-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.status-summary,.status-bar-container{margin-bottom:var(--space-md)}.status-bar{height:12px;background:var(--surface-tertiary);border-radius:var(--radius-badge);overflow:hidden;display:flex}.status-fill{height:100%;transition:width .3s ease}.status-fill.on-track{background:var(--status-success)}.status-fill.needs-attention{background:var(--status-warning)}.status-legend{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-item.on-track .legend-dot{background:var(--status-success)}.legend-item.needs-attention .legend-dot{background:var(--status-warning)}.member-mini{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.member-mini .member-info{display:flex;flex-direction:column}.member-mini .member-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.member-mini .member-title{font-size:var(--font-size-xs);color:var(--text-tertiary)}.skill-bars{display:flex;flex-direction:column;gap:var(--space-md)}.skill-bar-item{display:flex;flex-direction:column;gap:var(--space-xs)}.skill-bar-header{display:flex;justify-content:space-between;align-items:center}.skill-bar-header .skill-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.skill-bar-header .skill-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.skill-bar{height:8px;background:var(--surface-tertiary);border-radius:var(--radius-badge);overflow:hidden}.skill-bar-fill{height:100%;transition:width .3s ease}.risk-list{display:flex;flex-direction:column;gap:var(--space-sm)}.risk-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-sm);border-left:var(--border-width-thick) solid var(--status-error)}.risk-info{display:flex;flex-direction:column}.risk-skill{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.risk-holder{font-size:var(--font-size-xs);color:var(--text-tertiary)}.more-link{font-size:var(--font-size-sm);color:var(--primary-solid);text-align:center;padding-top:var(--space-sm)}.cert-list{display:flex;flex-direction:column;gap:var(--space-sm)}.cert-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-sm)}.cert-info{display:flex;flex-direction:column}.cert-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.cert-holder{font-size:var(--font-size-xs);color:var(--text-tertiary)}.empty-state{text-align:center;padding:var(--space-lg);color:var(--text-secondary)}.empty-state.success{color:var(--status-success)}.empty-state .success-icon{font-size:var(--font-size-3xl);display:block;margin-bottom:var(--space-sm)}.empty-team-card,.error-card,.success-card{padding:var(--space-3xl)}.empty-team-content,.error-content,.success-content{text-align:center}.empty-icon,.error-icon,.success-icon{font-size:var(--font-size-4xl);display:block;margin-bottom:var(--space-md)}.error-content{color:var(--status-error)}.success-content{color:var(--status-success)}.empty-team-content h3,.error-content h3,.success-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm)}.empty-hint,.success-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-sm)}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.member-card{padding:var(--space-lg)}.member-header{display:flex;gap:var(--space-md);align-items:flex-start;margin-bottom:var(--space-md)}.member-avatar{width:48px;height:48px;background:var(--primary-soft);color:var(--primary-solid);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);flex-shrink:0}.member-details{flex:1;min-width:0}.member-details .member-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs)}.member-details .member-title{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.member-level{display:inline-block;font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--surface-secondary);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-md);margin-top:var(--space-xs)}.member-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);padding:var(--space-md) 0;border-top:var(--border-width-thin) solid var(--border-color);border-bottom:var(--border-width-thin) solid var(--border-color)}.member-stat{text-align:center}.member-stat .stat-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.member-stat .stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase}.member-readiness{margin:var(--space-md) 0}.readiness-header{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.readiness-bar{height:8px;background:var(--surface-tertiary);border-radius:var(--radius-badge);overflow:hidden}.readiness-fill{height:100%;transition:width .3s ease}.member-actions{display:flex;gap:var(--space-sm)}.section{margin-bottom:var(--space-xl)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.section-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-md) 0}.skill-distribution-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.skill-dist-card{padding:var(--space-md)}.skill-dist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.skill-dist-header .skill-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.skill-dist-header .skill-coverage{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.skill-dist-bar{height:8px;background:var(--surface-tertiary);border-radius:var(--radius-badge);overflow:hidden;margin-bottom:var(--space-xs)}.skill-dist-fill{height:100%;transition:width .3s ease}.skill-dist-meta{font-size:var(--font-size-xs);color:var(--text-tertiary)}.gaps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.gap-card{padding:var(--space-md);border-left:var(--border-width-thick) solid var(--status-warning)}.gap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.gap-skill{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.gap-coverage{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.risks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.risk-card{padding:var(--space-lg);border:var(--border-width-medium) solid var(--status-error);background:linear-gradient(135deg,var(--surface-primary) 0%,rgb(239 68 68 / 5%) 100%)}.risk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.risk-header .risk-icon{font-size:var(--font-size-2xl);color:var(--status-error)}.risk-skill-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm)}.risk-holder-info{display:flex;gap:var(--space-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.holder-label{color:var(--text-tertiary)}.holder-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.risk-actions{display:flex;gap:var(--space-sm)}.loading-state{text-align:center;padding:var(--space-3xl);color:var(--text-secondary)}.loading-spinner{width:var(--touch-target-min);height:var(--touch-target-min);border:3px solid var(--border-color);border-top-color:var(--primary-solid);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-md)}.recommendations-grid{display:grid;gap:var(--space-lg)}.recommendation-card{padding:var(--space-lg);border:var(--border-width-medium) solid var(--primary-soft)}.recommendation-card.priority-high{border-color:var(--status-error);background:linear-gradient(135deg,var(--surface-primary) 0%,rgb(239 68 68 / 5%) 100%)}.recommendation-card.priority-medium{border-color:var(--primary-soft);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--primary-soft) 100%)}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.rec-type-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--surface-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.rec-icon{font-size:var(--font-size-base)}.rec-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-md)}.rec-skills{margin-bottom:var(--space-md)}.skills-label,.actions-label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-xs);display:block}.skills-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.skill-tag{padding:var(--space-xs) var(--space-sm);background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:var(--text-secondary)}.rec-actions-list ul{margin:var(--space-sm) 0 0;padding-left:var(--space-lg)}.rec-actions-list li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.coverage-summary-section{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--surface-secondary);border-radius:var(--radius-md)}.coverage-summary-section h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md)}.coverage-stats{display:flex;gap:var(--space-xl)}.coverage-stat{text-align:center}.coverage-stat .coverage-value{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.coverage-stat.warning .coverage-value{color:var(--status-warning)}.coverage-stat .coverage-label{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase}.section-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.empty-card{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.empty-card .empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.empty-card .empty-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-sm)}@media(max-width:768px){.team-development{padding:var(--space-md)}.header-actions{flex-direction:column;width:100%}.team-tabs{flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.team-tab{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.members-grid{grid-template-columns:1fr}.member-stats{grid-template-columns:repeat(2,1fr)}.risks-grid,.gaps-grid,.skill-distribution-grid{grid-template-columns:1fr}.coverage-stats{flex-direction:column;gap:var(--space-md)}}.competency-assessment-dashboard{padding:var(--spacing-6)}.view-mode-toggle{display:flex;gap:var(--spacing-2)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.stat-card{padding:var(--spacing-5)}.stat-content{display:flex;align-items:center;gap:var(--spacing-4)}.stat-info{flex:1}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.filters-card{margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.filters-header{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-3)}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.assessments-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.assessment-card{cursor:pointer;transition:all .2s ease;padding:var(--spacing-5)}.assessment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.assessment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.assessment-title-section{flex:1}.assessment-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.assessment-meta{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.employee-name{font-weight:var(--font-weight-medium)}.meta-separator{color:var(--text-tertiary)}.target-level{color:var(--text-secondary)}.assessment-body{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-4)}.readiness-section{display:flex;gap:var(--spacing-3);flex:1}.readiness-icon{display:flex;align-items:center;justify-content:center}.readiness-details{flex:1}.readiness-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-1)}.readiness-score{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.readiness-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-1)}.competency-summary{display:flex;gap:var(--spacing-4);padding-left:var(--spacing-4);border-left:1px solid var(--border-color)}.competency-stat{text-align:center}.stat-value-sm{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.stat-label-sm{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1)}.assessment-footer{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.empty-text{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-4)}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.assessment-body{flex-direction:column}.competency-summary{padding-left:0;border-left:none;padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.view-mode-toggle{flex-direction:column;width:100%}}.assessment-detail{padding:var(--spacing-6)}.summary-card{padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.summary-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.summary-status-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.summary-dates{display:flex;gap:var(--spacing-4)}.date-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.date-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.date-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.readiness-summary{display:flex;align-items:center;gap:var(--spacing-6)}.readiness-icon-lg{flex-shrink:0}.readiness-content{flex:1}.readiness-score-lg{font-size:4rem;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-2)}.readiness-label-lg{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.competency-counts{display:flex;gap:var(--spacing-6)}.count-item{display:flex;align-items:center;gap:var(--spacing-2)}.count-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.count-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.ai-metrics{display:flex;flex-direction:column;gap:var(--spacing-3);padding-left:var(--spacing-4);border-left:1px solid var(--border-color)}.metric-item{display:flex;align-items:center;gap:var(--spacing-2)}.metric-content{display:flex;flex-direction:column}.metric-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.competency-items-section{margin-top:var(--spacing-6)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.competency-items-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.competency-item-card{padding:0;overflow:hidden}.item-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);cursor:pointer;transition:background-color .2s ease}.item-header:hover{background-color:var(--bg-secondary)}.item-title-section{flex:1}.item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.item-badges{display:flex;gap:var(--spacing-2)}.item-confidence{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-1)}.confidence-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.confidence-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.item-details{padding:var(--spacing-5);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.analysis-section,.manager-section{margin-bottom:var(--spacing-4)}.analysis-section:last-child,.manager-section:last-child{margin-bottom:0}.analysis-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-3) 0}.ai-reasoning,.manager-notes{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6;margin:0 0 var(--spacing-3) 0}.evidence-section{margin:var(--spacing-3) 0}.ai-assessment{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3)}.assessment-row{display:flex;align-items:center;gap:var(--spacing-2)}.assessment-label{font-size:var(--font-size-sm);color:var(--text-secondary);min-width:140px}@media(max-width:768px){.readiness-summary{flex-direction:column;align-items:flex-start}.ai-metrics{padding-left:0;border-left:none;padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.competency-counts{flex-wrap:wrap}.summary-header{flex-direction:column;gap:var(--spacing-4)}.summary-dates{flex-direction:column;gap:var(--spacing-2)}.item-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.item-confidence{align-items:flex-start}}.create-assessment{padding:var(--spacing-6)}.create-assessment-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-6)}.form-card{padding:var(--spacing-6)}.form-section{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none;margin-bottom:var(--spacing-4)}.form-section-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0}.required{color:var(--status-error)}.form-input,.form-select{width:100%;padding:var(--spacing-3);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-light)}.form-input.error,.form-select.error{border-color:var(--status-error)}.form-select:disabled{background-color:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed}.error-message{font-size:var(--font-size-sm);color:var(--status-error);margin-top:var(--spacing-2)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.preview-card{padding:var(--spacing-5);position:sticky;top:var(--spacing-6);max-height:calc(100vh - var(--spacing-12));overflow-y:auto}.preview-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color)}.preview-section{display:flex;flex-direction:column;gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.preview-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.preview-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}.preview-info{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--bg-secondary);border-radius:var(--border-radius-md);margin:var(--spacing-4) 0}.info-content{flex:1}.info-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.info-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0}.preview-cost{text-align:center;padding:var(--spacing-4);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-soft) 100%);border-radius:var(--border-radius-md);margin-top:var(--spacing-4)}.cost-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-1)}.cost-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--primary-solid);margin-bottom:var(--spacing-1)}.cost-note{font-size:var(--font-size-xs);color:var(--text-secondary)}@media(max-width:1024px){.create-assessment-layout{grid-template-columns:1fr}.preview-card{position:static;max-height:none}}@media(max-width:768px){.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.manager-review{padding:var(--spacing-6)}.instructions-card{padding:var(--spacing-5);margin-bottom:var(--spacing-6);background:linear-gradient(135deg,var(--primary-soft) 0%,var(--primary-light) 100%)}.instructions-header{display:flex;gap:var(--spacing-4)}.instructions-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.instructions-text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0}.review-items-list{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.review-item-card{padding:var(--spacing-5);transition:all .2s ease}.review-item-card.adjusted{border-left:4px solid var(--primary-solid);background-color:var(--bg-secondary)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color)}.item-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.ai-analysis-section{margin-bottom:var(--spacing-5)}.section-subtitle{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-3) 0}.analysis-content{padding-left:var(--spacing-6)}.analysis-badges{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-3);flex-wrap:wrap}.badge-item{display:flex;align-items:center;gap:var(--spacing-2)}.badge-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.confidence-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ai-reasoning{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6;margin:var(--spacing-3) 0;padding:var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius-md)}.evidence-section{margin-top:var(--spacing-3)}.evidence-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.evidence-list{list-style:none;padding:0;margin:0}.evidence-item{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-2) 0;padding-left:var(--spacing-4);border-left:2px solid var(--primary-solid);margin-bottom:var(--spacing-2)}.manager-adjustment-section{padding:var(--spacing-4);background-color:var(--bg-secondary);border-radius:var(--border-radius-md)}.adjustment-form{padding-left:var(--spacing-6)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}.form-select,.form-textarea{width:100%;padding:var(--spacing-3);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all .2s ease}.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-light)}.form-textarea{resize:vertical;font-family:inherit;line-height:1.5}.adjustment-preview{margin-top:var(--spacing-4);padding:var(--spacing-3);background-color:var(--bg-primary);border-radius:var(--border-radius-md);border-left:3px solid var(--primary-solid)}.preview-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.preview-badges{display:flex;gap:var(--spacing-2)}.overall-notes-card{padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.card-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-4) 0}.submit-footer{position:sticky;bottom:0;background-color:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--spacing-4);margin:0 calc(var(--spacing-6) * -1);display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 12px #0000001a}.footer-summary{display:flex;gap:var(--spacing-6)}.summary-item{display:flex;gap:var(--spacing-2)}.summary-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.summary-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.footer-actions{display:flex;gap:var(--spacing-3)}.empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-4) 0 var(--spacing-4) 0}@media(max-width:768px){.form-row{grid-template-columns:1fr}.submit-footer{flex-direction:column;gap:var(--spacing-4)}.footer-summary{flex-direction:column;gap:var(--spacing-2)}.footer-actions{width:100%;flex-direction:column-reverse}.footer-actions button{width:100%}.analysis-badges{flex-direction:column;gap:var(--spacing-2)}}.stretch-assignments{padding:var(--spacing-6)}.summary-card{padding:var(--spacing-5);margin-bottom:var(--spacing-6);background:linear-gradient(135deg,var(--primary-soft) 0%,var(--primary-light) 100%)}.summary-header{display:flex;justify-content:space-between;align-items:center}.summary-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-3) 0}.summary-details{display:flex;gap:var(--spacing-6)}.detail-item{display:flex;gap:var(--spacing-2)}.detail-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.assignments-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.list-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.list-count{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius-md)}.assignment-card{padding:var(--spacing-5);transition:all .2s ease}.assignment-card:hover{box-shadow:var(--shadow-lg)}.assignment-header{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.assignment-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--primary-soft);border-radius:var(--border-radius-md);color:var(--primary-solid)}.assignment-title-section{flex:1}.assignment-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.assignment-meta{display:flex;gap:var(--spacing-2)}.assignment-body{margin-bottom:var(--spacing-4)}.assignment-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-4) 0}.assignment-details{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-4)}.detail-section{padding:var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius-md)}.detail-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.competency-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.growth-indicator{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2)}.growth-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--primary-solid);text-align:center}.assignment-footer{display:flex;gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.footer-item{display:flex;gap:var(--spacing-2);font-size:var(--font-size-sm)}.footer-label{color:var(--text-secondary)}.footer-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.info-card{padding:var(--spacing-5);margin-top:var(--spacing-6);background-color:var(--bg-secondary);border-left:4px solid var(--primary-solid)}.info-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.info-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.info-text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-3) 0}.info-text:last-child{margin-bottom:0}.empty-state{text-align:center;padding:var(--spacing-8) var(--spacing-4)}.empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-4) 0 var(--spacing-2) 0}.empty-text{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-4);max-width:500px;margin-left:auto;margin-right:auto}.loading-text{text-align:center;padding:var(--spacing-8);color:var(--text-secondary)}@media(max-width:768px){.summary-details{flex-direction:column;gap:var(--spacing-2)}.assignment-details{grid-template-columns:1fr}.list-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.assignment-header{flex-direction:column}.assignment-footer{flex-direction:column;gap:var(--spacing-2)}}.career-framework-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-xl);margin-top:var(--space-xl)}.career-paths-list{display:flex;flex-direction:column}.paths-grid{display:flex;flex-direction:column;gap:var(--space-md)}.career-path-card{cursor:pointer;transition:all .2s ease;border:var(--border-width-medium) solid transparent}.career-path-card:hover{border-color:var(--primary-color);transform:translate(var(--space-xs))}.career-path-card.selected{border-color:var(--primary-color);background:var(--primary-bg-subtle)}.path-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xs)}.path-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.path-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:var(--space-xs) 0 0}.path-meta{font-size:var(--font-size-sm);color:var(--text-tertiary)}.role-levels-panel{display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.role-levels-list{display:flex;flex-direction:column;gap:var(--space-lg)}.role-level-card{border-left:4px solid var(--primary-color)}.level-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.level-number{background:var(--primary-color);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.level-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.level-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-md)}.level-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--surface-light);border-radius:var(--radius-md)}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.detail-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.detail-value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.level-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border-color)}.section-subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm)}.responsibilities-list{margin:0;padding-left:var(--space-lg);list-style-type:disc}.responsibilities-list li{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xs)}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-badge{padding:var(--space-xs) var(--space-sm);background:var(--primary-bg-subtle);border:1px solid var(--primary-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--primary-color);font-weight:var(--font-weight-medium)}.competencies-list{display:flex;flex-direction:column;gap:var(--space-sm)}.competency-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--surface-light);border-radius:var(--radius-sm)}.competency-item .competency-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.competencies-content{margin-top:var(--space-xl)}.competencies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.competency-card{border-left:4px solid var(--primary-color)}.competency-card .competency-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.competency-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:var(--space-xs) 0 var(--space-md)}.proficiency-levels{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border-color)}.levels-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.proficiency-level-item{display:inline-block}.error-message-spacing{margin-bottom:var(--space-2xl)}.section-title-spacing{margin-bottom:var(--space-lg)}.path-meta{margin-top:12px;font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:1024px){.career-framework-layout{grid-template-columns:1fr}.role-levels-panel{margin-top:var(--space-xl)}}@media(max-width:768px){.competencies-grid{grid-template-columns:1fr}}.salary-bands-page{max-width:1400px;margin:0 auto;padding:var(--spacing-6, 24px);font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.salary-bands-loading{text-align:center;padding:var(--spacing-10, 40px);color:var(--text-secondary, #64748b);font-size:var(--text-base, 14px)}.salary-bands-breadcrumbs{display:flex;align-items:center;gap:var(--spacing-2, 8px);margin-bottom:var(--spacing-6, 24px);font-size:var(--text-sm, 13px)}.salary-bands-breadcrumbs a{color:var(--text-link, #3b82f6);text-decoration:none;transition:color .2s ease}.salary-bands-breadcrumbs a:hover{color:var(--text-link-hover, #2563eb);text-decoration:underline}.salary-bands-breadcrumb-separator{color:var(--text-tertiary, #94a3b8)}.salary-bands-breadcrumb-current{color:var(--text-primary, #1e293b);font-weight:500}.salary-bands-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-8, 32px);gap:var(--spacing-6, 24px)}.salary-bands-header-content{flex:1}.salary-bands-title{font-size:var(--text-3xl, 28px);font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 var(--spacing-2, 8px) 0}.salary-bands-subtitle{font-size:var(--text-sm, 13px);color:var(--text-secondary, #64748b);margin:0}.salary-bands-actions{display:flex;gap:var(--spacing-3, 12px);align-items:center}.salary-bands-btn{display:inline-flex;align-items:center;gap:var(--spacing-2, 8px);padding:var(--spacing-2, 8px) var(--spacing-4, 16px);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 6px);background:var(--bg-surface, #ffffff);color:var(--text-primary, #1e293b);font-size:var(--text-sm, 13px);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.salary-bands-btn:hover{background:var(--bg-hover, #f8fafc);border-color:var(--border-hover, #cbd5e1)}.salary-bands-btn:disabled{opacity:.5;cursor:not-allowed}.salary-bands-btn-primary{background:var(--sparko-blue, #3b82f6);color:#fff;border-color:var(--sparko-blue, #3b82f6)}.salary-bands-btn-primary:hover{background:var(--sparko-blue-dark, #2563eb);border-color:var(--sparko-blue-dark, #2563eb)}.salary-bands-btn-secondary{background:var(--bg-surface, #ffffff);color:var(--text-primary, #1e293b);border-color:var(--border-color, #e2e8f0)}.salary-bands-btn-secondary:hover{background:var(--bg-hover, #f8fafc);border-color:var(--border-hover, #cbd5e1)}.salary-bands-btn-danger{background:var(--sparko-red, #ef4444);color:#fff;border-color:var(--sparko-red, #ef4444)}.salary-bands-btn-danger:hover{background:var(--sparko-red-dark, #dc2626);border-color:var(--sparko-red-dark, #dc2626)}.salary-bands-error{padding:var(--spacing-4, 16px);margin-bottom:var(--spacing-6, 24px);background:var(--bg-error, #fef2f2);border:1px solid var(--border-error, #fecaca);border-radius:var(--radius-md, 6px);color:var(--text-error, #991b1b);font-size:var(--text-sm, 13px)}.salary-bands-container{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}.salary-bands-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16, 64px) var(--spacing-8, 32px);background:var(--bg-surface, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);text-align:center}.salary-bands-empty-icon{color:var(--text-tertiary, #94a3b8);margin-bottom:var(--spacing-4, 16px)}.salary-bands-empty p{color:var(--text-secondary, #64748b);font-size:var(--text-base, 14px);margin:0}.salary-bands-card{background:var(--bg-surface, #ffffff);border:1.5px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:var(--spacing-6, 24px);transition:all .2s ease;box-shadow:0 2px 4px #0000000a}.salary-bands-card:hover{border-color:var(--sparko-blue, #3b82f6);box-shadow:0 8px 16px #3b82f61f;transform:translateY(-2px)}.salary-bands-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-5, 20px);padding-bottom:var(--spacing-4, 16px);border-bottom:2px solid var(--border-color, #e2e8f0)}.salary-bands-band-info{flex:1}.salary-bands-band-name{font-size:var(--text-lg, 18px);font-weight:700;color:var(--text-primary, #1e293b);margin-bottom:var(--spacing-1, 4px)}.salary-bands-job-title{font-size:var(--text-sm, 14px);color:var(--text-secondary, #64748b)}.salary-bands-level-badge{padding:var(--spacing-1, 6px) var(--spacing-3, 14px);border-radius:var(--radius-md, 6px);font-size:var(--text-xs, 12px);font-weight:600;background:var(--bg-blue-light, #dbeafe);color:var(--text-blue-dark, #1e40af);white-space:nowrap}.salary-bands-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6, 24px);margin-bottom:var(--spacing-5, 20px)}.salary-bands-section{background:var(--bg-subtle, #f8fafc);border-radius:var(--radius-md, 8px);padding:var(--spacing-4, 16px)}.salary-bands-section-title{font-size:var(--text-xs, 12px);font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-3, 12px)}.salary-bands-salary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2, 8px)}.salary-bands-salary-row:last-child{margin-bottom:0}.salary-bands-salary-label{font-size:var(--text-sm, 13px);color:var(--text-secondary, #64748b);font-weight:500}.salary-bands-salary-value{font-size:var(--text-base, 15px);font-weight:700;color:var(--text-primary, #1e293b)}.salary-bands-salary-value.salary-bands-company{color:var(--sparko-blue, #3b82f6)}.salary-bands-salary-value.salary-bands-market{color:var(--sparko-green, #10b981)}.salary-bands-salary-value.salary-bands-no-data{color:var(--text-tertiary, #94a3b8);font-weight:500}.salary-bands-visual-range{margin-top:var(--spacing-5, 20px);padding:var(--spacing-4, 16px);background:var(--bg-surface, #ffffff);border-radius:var(--radius-md, 8px);border:1px solid var(--border-color, #e2e8f0)}.salary-bands-range-group{margin-bottom:var(--spacing-3, 12px)}.salary-bands-range-group:last-of-type{margin-bottom:0}.salary-bands-range-label{font-size:var(--text-xs, 11px);color:var(--text-secondary, #64748b);margin-bottom:var(--spacing-2, 8px);font-weight:600}.salary-bands-no-data-label{color:var(--text-tertiary, #94a3b8);text-align:center;padding:var(--spacing-2, 8px) 0}.salary-bands-range-bar{height:8px;background:var(--bg-subtle, #e2e8f0);border-radius:var(--radius-sm, 4px);position:relative;margin-bottom:var(--spacing-1, 6px)}.salary-bands-company-bar{height:100%;background:linear-gradient(90deg,var(--sparko-blue-light, #60a5fa),var(--sparko-blue, #3b82f6));border-radius:var(--radius-sm, 4px);position:absolute;left:0}.salary-bands-market-bar{height:100%;background:linear-gradient(90deg,var(--sparko-green-light, #34d399),var(--sparko-green, #10b981));border-radius:var(--radius-sm, 4px);position:absolute;left:0}.salary-bands-legend{display:flex;gap:var(--spacing-4, 16px);margin-top:var(--spacing-3, 12px);font-size:var(--text-xs, 11px);justify-content:center}.salary-bands-legend-item{display:flex;align-items:center;gap:var(--spacing-1, 6px);color:var(--text-secondary, #64748b)}.salary-bands-legend-dot{width:8px;height:8px;border-radius:50%}.salary-bands-legend-dot.salary-bands-company-dot{background:var(--sparko-blue, #3b82f6)}.salary-bands-legend-dot.salary-bands-market-dot{background:var(--sparko-green, #10b981)}.salary-bands-card-actions{display:flex;gap:var(--spacing-2, 8px);margin-top:var(--spacing-4, 16px);padding-top:var(--spacing-4, 16px);border-top:1px solid var(--border-color, #e2e8f0)}.salary-bands-action-btn{flex:1;padding:var(--spacing-2, 8px) var(--spacing-3, 12px);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 6px);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #64748b);font-size:var(--text-xs, 12px);font-weight:600;cursor:pointer;transition:all .2s ease}.salary-bands-action-btn:hover{border-color:var(--sparko-blue, #3b82f6);color:var(--sparko-blue, #3b82f6);background:var(--bg-blue-subtle, #eff6ff)}.salary-bands-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4, 16px)}.salary-bands-modal{background:var(--bg-surface, #ffffff);border-radius:var(--radius-lg, 12px);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.salary-bands-confirm-modal{max-width:500px}.salary-bands-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6, 24px);border-bottom:1px solid var(--border-color, #e2e8f0)}.salary-bands-modal-title{font-size:var(--text-xl, 20px);font-weight:700;color:var(--text-primary, #1e293b);margin:0}.salary-bands-modal-close{background:none;border:none;font-size:28px;color:var(--text-tertiary, #94a3b8);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md, 6px);transition:all .2s ease}.salary-bands-modal-close:hover{background:var(--bg-hover, #f8fafc);color:var(--text-primary, #1e293b)}.salary-bands-modal-description{padding:var(--spacing-4, 16px) var(--spacing-6, 24px);margin:0;color:var(--text-secondary, #64748b);font-size:var(--text-sm, 14px);line-height:1.6}.salary-bands-modal-form{padding:var(--spacing-6, 24px)}.salary-bands-modal-actions{display:flex;gap:var(--spacing-3, 12px);padding:var(--spacing-6, 24px);border-top:1px solid var(--border-color, #e2e8f0);justify-content:flex-end}.salary-bands-form-group{margin-bottom:var(--spacing-4, 16px)}.salary-bands-form-group:last-child{margin-bottom:0}.salary-bands-form-label{display:flex;align-items:center;gap:var(--spacing-1, 4px);font-size:var(--text-sm, 13px);font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:var(--spacing-2, 8px)}.salary-bands-form-input,.salary-bands-form-select{width:100%;padding:var(--spacing-2, 8px) var(--spacing-3, 12px);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, 14px);color:var(--text-primary, #1e293b);background:var(--bg-surface, #ffffff);transition:all .2s ease}.salary-bands-form-input:focus,.salary-bands-form-select:focus{outline:none;border-color:var(--sparko-blue, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.salary-bands-form-input::-moz-placeholder{color:var(--text-tertiary, #94a3b8)}.salary-bands-form-input::placeholder{color:var(--text-tertiary, #94a3b8)}.salary-bands-tooltip{position:relative;display:inline-flex;align-items:center;cursor:help;color:var(--text-tertiary, #94a3b8);margin-left:var(--spacing-1, 4px)}.salary-bands-tooltip:hover .salary-bands-tooltip-text{visibility:visible;opacity:1}.salary-bands-tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-2, 8px);padding:var(--spacing-2, 8px) var(--spacing-3, 12px);background:var(--bg-tooltip, #1e293b);color:#fff;font-size:var(--text-xs, 11px);font-weight:400;border-radius:var(--radius-md, 6px);white-space:normal;width:250px;text-align:left;z-index:10;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.salary-bands-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--bg-tooltip, #1e293b)}@media(max-width:768px){.salary-bands-header{flex-direction:column;align-items:stretch}.salary-bands-actions{flex-direction:column;width:100%}.salary-bands-btn{width:100%;justify-content:center}.salary-bands-comparison{grid-template-columns:1fr}.salary-bands-card-actions{flex-direction:column}.salary-bands-action-btn{width:100%}}.comp-empcomp-page{max-width:1600px;margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;background:transparent}.comp-empcomp-toolbar{background:#fff;padding:20px 24px;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.comp-empcomp-title-section{flex:1;min-width:200px}.comp-empcomp-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 4px}.comp-empcomp-subtitle{font-size:14px;color:#64748b;margin:0}.comp-empcomp-toolbar-actions{display:flex;gap:12px;align-items:center}.comp-empcomp-search-container{position:relative;flex:1;max-width:500px;min-width:300px}.comp-empcomp-search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s}.comp-empcomp-search-input:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df21a}.comp-empcomp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.comp-empcomp-view-toggle{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px}.comp-empcomp-view-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:#6b7280}.comp-empcomp-view-btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.comp-empcomp-view-btn:hover:not(.active){color:#374151}.comp-empcomp-btn{padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.comp-empcomp-btn-outline{background:#fff;color:#64748b;border:1px solid #e2e8f0}.comp-empcomp-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.comp-empcomp-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.comp-empcomp-table-container.hidden{display:none}.comp-empcomp-table{width:100%;border-collapse:collapse}.comp-empcomp-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.comp-empcomp-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.comp-empcomp-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .15s}.comp-empcomp-table tbody tr:hover{background:#f8fafc}.comp-empcomp-table td{padding:16px;font-size:14px;color:#1e293b}.comp-empcomp-employee-cell{display:flex;align-items:center;gap:12px}.comp-empcomp-employee-avatar{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1e40af 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.comp-empcomp-employee-name{font-weight:600;color:#1e293b}.comp-empcomp-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.comp-empcomp-badge-info{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.comp-empcomp-badge-success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.comp-empcomp-action-btn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.comp-empcomp-action-btn:hover{background:var(--sparko-blue, #276DF2);color:#fff;border-color:var(--sparko-blue, #276DF2)}.comp-empcomp-band-view{display:none}.comp-empcomp-band-view.active.layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px}.comp-empcomp-band-view.active.layout-list{display:flex;flex-direction:column;gap:12px}.comp-empcomp-band-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;transition:all .2s ease}.comp-empcomp-band-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffffe6}.layout-list .comp-empcomp-band-card{padding:20px 24px;display:grid;grid-template-columns:240px 1fr auto;gap:24px;align-items:center}.layout-list .comp-empcomp-band-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.layout-list .comp-empcomp-band-salary-section{margin-bottom:0;flex:1}.layout-list .comp-empcomp-band-salary-row{margin-bottom:8px}.layout-list .comp-empcomp-band-current-salary{font-size:24px}.layout-list .comp-empcomp-band-viz{padding:12px}.layout-list .comp-empcomp-band-details{display:flex;gap:24px;margin-top:0;border-left:1px solid #e2e8f0;padding-left:24px}.layout-list .comp-empcomp-band-detail-item{min-width:100px}.layout-list .comp-empcomp-band-footer{margin-top:0;padding-top:0;border-top:none;flex-direction:column;gap:8px;align-items:flex-end}.comp-empcomp-band-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.comp-empcomp-band-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1e40af 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0}.comp-empcomp-band-info{flex:1}.comp-empcomp-band-name{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:4px}.comp-empcomp-band-title{font-size:14px;color:#64748b;margin-bottom:2px}.comp-empcomp-band-dept{font-size:13px;color:#94a3b8}.comp-empcomp-band-salary-section{margin-bottom:20px}.comp-empcomp-band-salary-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.comp-empcomp-band-current-salary{font-size:28px;font-weight:700;color:#1e293b}.comp-empcomp-band-frequency{font-size:13px;color:#64748b;font-weight:500}.comp-empcomp-band-viz{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.comp-empcomp-band-viz-label{font-size:12px;color:#64748b;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.comp-empcomp-band-range{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-bottom:6px}.comp-empcomp-band-bar{height:12px;background:#e2e8f0;border-radius:6px;position:relative;overflow:hidden;margin-bottom:4px}.comp-empcomp-band-progress{height:100%;background:linear-gradient(90deg,var(--sparko-green, #10b981) 0%,var(--sparko-blue, #276DF2) 100%);border-radius:6px;transition:width .3s ease}.comp-empcomp-band-marker{position:absolute;top:50%;width:20px;height:20px;background:var(--sparko-blue, #276DF2);border:3px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000004d}.comp-empcomp-band-position-label{font-size:11px;color:#475569;text-align:center;margin-top:4px}.comp-empcomp-band-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.comp-empcomp-band-detail-item{display:flex;flex-direction:column;gap:4px}.comp-empcomp-band-detail-label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.comp-empcomp-band-detail-value{font-size:14px;color:#1e293b;font-weight:600}.comp-empcomp-band-footer{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.comp-empcomp-band-effective{font-size:12px;color:#64748b}.comp-empcomp-empty{background:#fff;border-radius:12px;padding:64px 32px;text-align:center;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.comp-empcomp-empty-icon{width:64px;height:64px;margin:0 auto 16px;color:#cbd5e1}.comp-empcomp-empty-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.comp-empcomp-empty-description{font-size:15px;color:#64748b;margin:0 0 24px}.security-notice{padding:12px 16px;margin-bottom:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;display:flex;align-items:center;gap:12px}.security-notice-icon{flex-shrink:0}.security-notice-text{font-size:14px;color:#64748b}@media(max-width:1200px){.comp-empcomp-band-view.active.layout-grid{grid-template-columns:1fr}}@media(max-width:768px){.comp-empcomp-toolbar{flex-direction:column;align-items:stretch}.comp-empcomp-search-container{max-width:none}.comp-empcomp-table-container{overflow-x:auto}.comp-empcomp-table{min-width:900px}.layout-list .comp-empcomp-band-card{grid-template-columns:1fr;gap:16px}.layout-list .comp-empcomp-band-details{border-left:none;border-top:1px solid #e2e8f0;padding-left:0;padding-top:16px;flex-wrap:wrap}}.merit-dashboard-page *{box-sizing:border-box}.merit-dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.merit-dashboard-header{background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1d5fd9 100%);border-radius:24px;padding:40px;margin:32px;position:relative;overflow:hidden;box-shadow:0 8px 24px #276df24d;color:#fff}.merit-dashboard-header:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.merit-dashboard-header-content{position:relative;z-index:1}.merit-dashboard-cycle-name{font-size:32px;font-weight:700;margin:0 0 8px;color:#fff}.merit-dashboard-cycle-subtitle{font-size:16px;opacity:.9;margin:0 0 24px}.merit-dashboard-cycle-meta{display:flex;gap:32px;font-size:14px;flex-wrap:wrap}.merit-dashboard-cycle-meta-item{display:flex;flex-direction:column;gap:4px}.merit-dashboard-cycle-meta-label{opacity:.8;font-size:13px}.merit-dashboard-cycle-meta-value{font-size:18px;font-weight:600}.merit-dashboard-content{max-width:1400px;margin:0 auto;padding:0 32px 32px}.merit-dashboard-loading{text-align:center;padding:80px 40px;color:#64748b;font-size:16px}.merit-dashboard-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;padding:16px 24px;margin:0 32px 24px;color:#991b1b;font-size:14px;font-weight:500}.merit-dashboard-empty{text-align:center;padding:100px 40px;display:flex;flex-direction:column;align-items:center;gap:16px}.merit-dashboard-empty-icon{width:64px;height:64px;color:#cbd5e1;margin-bottom:8px}.merit-dashboard-empty-icon svg{width:64px;height:64px;stroke:#cbd5e1;stroke-width:1.5}.merit-dashboard-empty-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}.merit-dashboard-empty-text{font-size:16px;color:#64748b;max-width:400px;margin:0}.merit-dashboard-empty-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;justify-content:center}.merit-dashboard-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0;fill:none;stroke-width:2}.merit-dashboard-icon-sm{width:14px;height:14px;stroke:currentColor;flex-shrink:0;fill:none;stroke-width:2}.merit-dashboard-icon-blue{color:var(--sparko-blue)}.merit-dashboard-icon-green{color:var(--sparko-green)}.merit-dashboard-icon-amber{color:var(--sparko-amber)}.merit-dashboard-icon-red{color:var(--sparko-red)}.merit-dashboard-icon-purple{color:var(--sparko-purple)}.merit-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.merit-dashboard-stat{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.merit-dashboard-stat:hover{box-shadow:0 4px 12px #00000014,inset 0 1px #ffffffe6;transform:translateY(-2px)}.merit-dashboard-stat-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.merit-dashboard-stat-icon-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8)}.merit-dashboard-stat-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669)}.merit-dashboard-stat-icon-amber{background:linear-gradient(135deg,var(--sparko-amber),#d97706)}.merit-dashboard-stat-icon-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed)}.merit-dashboard-stat-icon svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2}.merit-dashboard-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.merit-dashboard-stat-label{font-size:14px;color:#64748b;font-weight:500;margin:0}.merit-dashboard-stat-value{font-size:28px;font-weight:700;color:#1e293b;margin:0;line-height:1}.merit-dashboard-stat-change{font-size:13px;color:#64748b;font-weight:500;margin:0}.merit-dashboard-stat-change.positive{color:var(--sparko-green)}.merit-dashboard-stat-change.negative{color:var(--sparko-red)}.merit-dashboard-actions{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.merit-dashboard-action{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.merit-dashboard-action:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.merit-dashboard-action-primary{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;border-color:var(--sparko-blue)}.merit-dashboard-action-primary:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);color:#fff;box-shadow:0 4px 12px #276df24d,inset 0 1px #fff3}.merit-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.merit-dashboard-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:24px;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.merit-dashboard-section-full{grid-column:1 / -1}.merit-dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.merit-dashboard-section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.merit-dashboard-view-all{background:none;border:none;color:var(--sparko-blue);font-weight:600;cursor:pointer;font-size:13px;transition:all .2s ease;padding:4px 8px;border-radius:6px}.merit-dashboard-view-all:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);text-decoration:none}.merit-dashboard-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;flex:1}.merit-dashboard-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:16px;display:flex;align-items:center;gap:12px;border-left:4px solid transparent;transition:all .2s ease;cursor:pointer}.merit-dashboard-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue);transform:translate(2px)}.merit-dashboard-item-initials{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.merit-dashboard-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.merit-dashboard-item-name{font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merit-dashboard-item-detail{font-size:13px;color:#64748b;line-height:1.4}.merit-dashboard-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;text-transform:capitalize}.merit-dashboard-badge-success{background:#d1fae5;color:#065f46}.merit-dashboard-badge-pending{background:#fed7aa;color:#92400e}.merit-dashboard-badge-info{background:#dbeafe;color:#1e40af}.merit-dashboard-badge-draft{background:#e2e8f0;color:#475569}.merit-dashboard-budget-container{padding:20px 0;flex:1}.merit-dashboard-budget-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.merit-dashboard-budget-stat{text-align:center}.merit-dashboard-budget-stat-value{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:4px}.merit-dashboard-budget-stat-label{font-size:13px;color:#64748b;font-weight:500}.merit-dashboard-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#64748b;font-weight:500}.merit-dashboard-progress-percentage{font-weight:700;color:var(--sparko-blue)}.merit-dashboard-progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden}.merit-dashboard-progress-fill{height:100%;background:linear-gradient(90deg,var(--sparko-blue),#1e5fd8);border-radius:6px;transition:width .3s ease}.merit-dashboard-progress-fill.over-budget{background:linear-gradient(90deg,var(--sparko-red),#dc2626)}.merit-dashboard-timeline-alert{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:16px;border-radius:12px;border:1px solid #bfdbfe;margin-top:16px;text-align:center}.merit-dashboard-timeline-alert-label{font-size:13px;color:#1e40af;font-weight:600;margin-bottom:4px}.merit-dashboard-timeline-alert-value{font-size:24px;color:#1e40af;font-weight:700;margin:4px 0}.merit-dashboard-timeline-alert-text{font-size:12px;color:#3b82f6;margin-top:4px}.merit-dashboard-section-actions{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.merit-dashboard-section-footer{padding:12px 16px;text-align:center;font-size:13px;color:#64748b;border-top:1px solid #e2e8f0;margin-top:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 0 12px 12px}.merit-dashboard-cycles-table{margin:-24px;padding:24px 0 0}.merit-clean-table{width:100%;border-collapse:collapse}.merit-clean-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.merit-clean-table th{padding:12px 16px;text-align:left;font-weight:600;color:#475569;font-size:13px}.merit-clean-table td{padding:16px;border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:14px}.merit-clean-table tbody tr{transition:background .2s ease}.merit-clean-table tbody tr:hover{background:#f8fafc;cursor:pointer}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.budget-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.budget-stat-card{padding:20px;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;text-align:center;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.budget-label{font-size:13px;color:#64748b;font-weight:500;margin-bottom:8px}.budget-number{font-size:28px;font-weight:700;color:#1e293b}.progress-section{margin-bottom:24px;padding:20px;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.progress-label{font-size:14px;color:#64748b;font-weight:600;margin-bottom:12px}.progress-bar-container{width:100%;height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.progress-bar-fill.within-budget{background:linear-gradient(90deg,var(--sparko-blue),#1e5fd8)}.progress-bar-fill.over-budget{background:linear-gradient(90deg,var(--sparko-red),#dc2626)}.progress-text{font-size:13px;color:#64748b;text-align:center}.eligible-title{font-size:16px;font-weight:700;color:#1e293b;margin:24px 0 16px}.no-employees{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.showing-count{text-align:center;padding:12px;font-size:13px;color:#64748b;margin:16px 0 0}.modal-form{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column}.form-label{font-weight:600;color:#1e293b;margin-bottom:8px;font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}@media(max-width:1024px){.merit-dashboard-grid{grid-template-columns:1fr}.merit-dashboard-stats{grid-template-columns:repeat(2,1fr)}.merit-dashboard-budget-stats{grid-template-columns:1fr}.budget-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.merit-dashboard-header{padding:24px;margin:16px;border-radius:16px}.merit-dashboard-cycle-name{font-size:24px}.merit-dashboard-cycle-subtitle{font-size:14px}.merit-dashboard-cycle-meta{gap:16px}.merit-dashboard-content{padding:0 16px 16px}.merit-dashboard-stats{grid-template-columns:1fr}.merit-dashboard-actions{flex-direction:column}.merit-dashboard-action{width:100%;justify-content:center}.merit-dashboard-section{padding:16px}.merit-dashboard-item{flex-wrap:wrap}.budget-stats-grid,.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.merit-recommendations-loading{text-align:center;padding:3rem;color:var(--sparko-gray);font-size:1.125rem}.merit-recommendations-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--sparko-gray)}.merit-recommendations-breadcrumb a{color:var(--sparko-blue);text-decoration:none;transition:color .2s ease}.merit-recommendations-breadcrumb a:hover{color:var(--sparko-teal)}.merit-recommendations-breadcrumb-separator{color:var(--sparko-gray-light)}.merit-recommendations-breadcrumb-current{color:var(--sparko-gray-dark)}.merit-recommendations-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.merit-recommendations-header-content{flex:1}.merit-recommendations-title{font-size:var(--text-3xl, 28px);font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 var(--spacing-2, 8px) 0}.merit-recommendations-subtitle{font-size:1rem;color:var(--sparko-gray);margin:0}.merit-recommendations-error{padding:1rem;margin-bottom:1.5rem;background:var(--sparko-red-bg);border:1.5px solid var(--sparko-red);border-radius:8px;color:var(--sparko-red-dark);font-size:.875rem;font-weight:600}.merit-recommendations-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--sparko-surface);border:1.5px solid var(--sparko-border);border-radius:8px;box-shadow:0 2px 4px #0000000d}.merit-recommendations-filter-group{display:flex;align-items:center;gap:.75rem}.merit-recommendations-filter-label{font-weight:600;color:var(--sparko-gray-dark);font-size:.875rem;margin:0}.merit-recommendations-filter-select{min-width:200px;padding:.5rem .75rem;border:1.5px solid var(--sparko-border);border-radius:6px;font-size:.875rem;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--sparko-white);color:var(--sparko-gray-dark);cursor:pointer;transition:all .2s ease}.merit-recommendations-filter-select:hover{border-color:var(--sparko-blue-light);background:var(--sparko-blue-bg)}.merit-recommendations-filter-select:focus{outline:none;border-color:var(--sparko-blue);box-shadow:0 0 0 3px var(--sparko-blue-shadow)}.merit-recommendations-filter-count{color:var(--sparko-gray);font-size:.875rem;font-weight:500}.merit-recommendations-card{background:var(--sparko-white);border:1.5px solid var(--sparko-border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 8px #00000014,inset 0 1px #ffffff1a}.merit-recommendations-card-title{font-size:1.25rem;font-weight:600;color:var(--sparko-gray-dark);margin:0 0 1.5rem}.merit-recommendations-empty{text-align:center;padding:3rem 1.5rem}.merit-recommendations-empty-icon{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sparko-blue-light),var(--sparko-teal-light));border-radius:50%;color:var(--sparko-blue);box-shadow:0 4px 8px #007bff33}.merit-recommendations-empty-icon svg{width:32px;height:32px;stroke:var(--sparko-blue)}.merit-recommendations-empty-text{color:var(--sparko-gray);font-size:1rem;margin:0}.merit-recommendations-table-container{overflow-x:auto}.merit-recommendations-table{width:100%;border-collapse:collapse;font-size:.875rem}.merit-recommendations-table thead{background:var(--sparko-surface);border-bottom:2px solid var(--sparko-border)}.merit-recommendations-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--sparko-gray-dark);font-size:.875rem;white-space:nowrap}.merit-recommendations-table tbody tr{border-bottom:1px solid var(--sparko-border-light);transition:background-color .15s ease}.merit-recommendations-table tbody tr:hover{background:var(--sparko-surface)}.merit-recommendations-table tbody tr:last-child{border-bottom:none}.merit-recommendations-table td{padding:1rem;color:var(--sparko-gray-dark);vertical-align:middle}.merit-recommendations-table td strong{color:var(--sparko-blue);font-weight:600}.merit-recommendations-increase-percent{font-size:.75rem;color:var(--sparko-gray);margin-top:2px}.merit-recommendations-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.merit-recommendations-badge svg{width:12px;height:12px}.merit-recommendations-badge-pending{background:var(--sparko-yellow-bg);color:var(--sparko-yellow-dark);border:1px solid var(--sparko-yellow)}.merit-recommendations-badge-success{background:var(--sparko-green-bg);color:var(--sparko-green-dark);border:1px solid var(--sparko-green)}.merit-recommendations-badge-error{background:var(--sparko-red-bg);color:var(--sparko-red-dark);border:1px solid var(--sparko-red)}.merit-recommendations-badge-draft{background:var(--sparko-surface);color:var(--sparko-gray);border:1px solid var(--sparko-border)}.merit-recommendations-badge-warning{background:var(--sparko-orange-bg);color:var(--sparko-orange-dark);border:1px solid var(--sparko-orange)}.merit-recommendations-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;font-family:Inter,system-ui,-apple-system,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap}.merit-recommendations-btn:disabled{opacity:.5;cursor:not-allowed}.merit-recommendations-btn-primary{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;box-shadow:0 2px 4px #007bff4d,inset 0 1px #fff3}.merit-recommendations-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056d2,#1a4fb8);box-shadow:0 4px 8px #007bff66,inset 0 1px #fff3;transform:translateY(-1px)}.merit-recommendations-btn-secondary{background:var(--sparko-surface);color:var(--sparko-gray-dark);border:1.5px solid var(--sparko-border);box-shadow:0 2px 4px #0000000d}.merit-recommendations-btn-secondary:hover:not(:disabled){background:var(--sparko-blue-bg);border-color:var(--sparko-blue-light);color:var(--sparko-blue)}.merit-recommendations-btn-success{background:linear-gradient(135deg,var(--sparko-green),#1fa362);color:#fff;box-shadow:0 2px 4px #22c55e4d,inset 0 1px #fff3}.merit-recommendations-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#1a8a53,#168a4e);box-shadow:0 4px 8px #22c55e66,inset 0 1px #fff3;transform:translateY(-1px)}.merit-recommendations-btn-danger{background:linear-gradient(135deg,var(--sparko-red),#c92a2a);color:#fff;box-shadow:0 2px 4px #ef44444d,inset 0 1px #fff3}.merit-recommendations-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#a71d1d);box-shadow:0 4px 8px #ef444466,inset 0 1px #fff3;transform:translateY(-1px)}.merit-recommendations-btn-sm{padding:.375rem .75rem;font-size:.8125rem}.merit-recommendations-actions{display:flex;gap:.5rem;align-items:center}.merit-recommendations-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.merit-recommendations-modal{background:var(--sparko-white);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.merit-recommendations-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1.5px solid var(--sparko-border)}.merit-recommendations-modal-title{font-size:1.25rem;font-weight:700;color:var(--sparko-gray-dark);margin:0}.merit-recommendations-modal-close{background:none;border:none;color:var(--sparko-gray);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.merit-recommendations-modal-close:hover{background:var(--sparko-surface);color:var(--sparko-gray-dark)}.merit-recommendations-modal-form{padding:1.5rem}.merit-recommendations-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.merit-recommendations-form-group{display:flex;flex-direction:column;margin-bottom:1.25rem}.merit-recommendations-form-label{font-weight:600;color:var(--sparko-gray-dark);margin-bottom:.5rem;font-size:.875rem}.merit-recommendations-form-input,.merit-recommendations-form-select{width:100%;padding:.625rem .875rem;border:1.5px solid var(--sparko-border);border-radius:6px;font-size:.875rem;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--sparko-white);color:var(--sparko-gray-dark);transition:all .2s ease}.merit-recommendations-form-input:hover,.merit-recommendations-form-select:hover{border-color:var(--sparko-blue-light)}.merit-recommendations-form-input:focus,.merit-recommendations-form-select:focus{outline:none;border-color:var(--sparko-blue);box-shadow:0 0 0 3px var(--sparko-blue-shadow)}.merit-recommendations-form-textarea{width:100%;padding:.625rem .875rem;border:1.5px solid var(--sparko-border);border-radius:6px;font-size:.875rem;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--sparko-white);color:var(--sparko-gray-dark);resize:vertical;min-height:100px;transition:all .2s ease}.merit-recommendations-form-textarea:hover{border-color:var(--sparko-blue-light)}.merit-recommendations-form-textarea:focus{outline:none;border-color:var(--sparko-blue);box-shadow:0 0 0 3px var(--sparko-blue-shadow)}.merit-recommendations-form-textarea::-moz-placeholder{color:var(--sparko-gray-light)}.merit-recommendations-form-textarea::placeholder{color:var(--sparko-gray-light)}.merit-recommendations-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.merit-recommendations-ai-container{margin-bottom:1.25rem;padding:1rem;background:var(--sparko-surface);border-radius:8px}.merit-recommendations-ai-btn{width:100%}.merit-recommendations-ai-result{margin-top:1rem;padding:1rem;background:var(--sparko-white);border-radius:6px;border:1.5px solid var(--sparko-blue-light)}.merit-recommendations-ai-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.merit-recommendations-ai-title{color:var(--sparko-blue);font-size:.875rem}.merit-recommendations-ai-detail{font-size:.875rem;color:var(--sparko-gray-dark);margin-bottom:.5rem}.merit-recommendations-ai-highlight{color:var(--sparko-green);font-weight:700}.merit-recommendations-ai-rationale{font-size:.8125rem;color:var(--sparko-gray);margin-top:.75rem;font-style:italic;line-height:1.5}.merit-recommendations-ai-risks{margin-top:.75rem;padding:.75rem;background:var(--sparko-yellow-bg);border-radius:6px;border:1px solid var(--sparko-yellow)}.merit-recommendations-ai-risks-title{font-size:.8125rem;color:var(--sparko-yellow-dark);font-weight:600;margin-bottom:.5rem}.merit-recommendations-ai-risks-list{margin:.5rem 0 0 1.25rem;font-size:.8125rem;color:var(--sparko-yellow-dark);line-height:1.6}.merit-recommendations-ai-risks-list li{margin-bottom:.25rem}.merit-recommendations-increase-preview{display:flex;justify-content:space-between;padding:1rem;background:var(--sparko-surface);border-radius:6px;border:1px solid var(--sparko-border);font-size:.875rem;color:var(--sparko-gray-dark);margin-bottom:1.25rem}.merit-recommendations-increase-preview strong{color:var(--sparko-blue)}.merit-recommendations-reject-message{margin-bottom:1.25rem;color:var(--sparko-gray);font-size:1rem;line-height:1.5}.merit-recommendations-reject-message strong{color:var(--sparko-gray-dark);font-weight:600}.merit-recommendations-confirm-dialog{background:var(--sparko-white);border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 40px #0000004d;animation:slideUp .3s ease}.merit-recommendations-confirm-header{padding:1.5rem;border-bottom:1.5px solid var(--sparko-border)}.merit-recommendations-confirm-title{font-size:1.25rem;font-weight:700;color:var(--sparko-gray-dark);margin:0}.merit-recommendations-confirm-content{padding:1.5rem}.merit-recommendations-confirm-message{color:var(--sparko-gray);font-size:1rem;line-height:1.5;margin:0}.merit-recommendations-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem;border-top:1.5px solid var(--sparko-border)}@media(max-width:768px){.merit-recommendations-header{flex-direction:column;gap:1rem}.merit-recommendations-title{font-size:1.5rem}.merit-recommendations-toolbar{flex-direction:column;align-items:stretch}.merit-recommendations-filter-group{flex-direction:column;align-items:stretch;gap:.5rem}.merit-recommendations-filter-select{width:100%}.merit-recommendations-filter-count{text-align:left}.merit-recommendations-form-row{grid-template-columns:1fr}.merit-recommendations-increase-preview{flex-direction:column;gap:.5rem}.merit-recommendations-actions{flex-direction:column;width:100%}.merit-recommendations-actions .merit-recommendations-btn{width:100%}.merit-recommendations-modal-actions{flex-direction:column-reverse}.merit-recommendations-modal-actions .merit-recommendations-btn{width:100%}.merit-recommendations-confirm-actions{flex-direction:column-reverse}.merit-recommendations-confirm-actions .merit-recommendations-btn{width:100%}.merit-recommendations-table-container{overflow-x:scroll;-webkit-overflow-scrolling:touch}.merit-recommendations-table{min-width:800px}}.equity-dashboard-page *{box-sizing:border-box}.equity-dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.equity-dashboard-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(0,0,0,.08);padding:24px 32px;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.equity-dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.equity-dashboard-header-left{display:flex;align-items:center;gap:16px}.equity-dashboard-header-icon{width:32px;height:32px;color:var(--sparko-purple);flex-shrink:0}.equity-dashboard-header-icon svg{width:32px;height:32px;stroke:var(--sparko-purple)}.equity-dashboard-title{font-size:28px;font-weight:700;color:#1e293b;margin:0}.equity-dashboard-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.equity-dashboard-content{max-width:1400px;margin:0 auto;padding:32px}.equity-dashboard-loading{text-align:center;padding:80px 40px;color:#64748b;font-size:16px}.equity-dashboard-error{margin-bottom:24px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;font-weight:600}.equity-dashboard-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.equity-dashboard-icon-sm{width:14px;height:14px;stroke:currentColor;flex-shrink:0}.equity-dashboard-icon-blue{color:var(--sparko-blue)}.equity-dashboard-icon-green{color:var(--sparko-green)}.equity-dashboard-icon-amber{color:var(--sparko-amber)}.equity-dashboard-icon-red{color:var(--sparko-red)}.equity-dashboard-icon-purple{color:var(--sparko-purple)}.equity-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.equity-dashboard-stat{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.equity-dashboard-stat:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc}.equity-dashboard-stat-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.equity-dashboard-stat-icon-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed)}.equity-dashboard-stat-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669)}.equity-dashboard-stat-icon-amber{background:linear-gradient(135deg,var(--sparko-amber),#d97706)}.equity-dashboard-stat-icon-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8)}.equity-dashboard-stat-icon svg{width:24px;height:24px;stroke:#fff}.equity-dashboard-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.equity-dashboard-stat-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.equity-dashboard-stat-label{font-size:13px;color:#64748b;font-weight:500}.equity-dashboard-stat-trend{font-size:12px;color:var(--sparko-green);font-weight:500}.equity-dashboard-stat-trend.negative{color:var(--sparko-amber)}.equity-dashboard-actions{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.equity-dashboard-action{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.equity-dashboard-action:hover{border-color:var(--sparko-purple);color:var(--sparko-purple);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.equity-dashboard-action-primary{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed);color:#fff;border-color:var(--sparko-purple)}.equity-dashboard-action-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 12px #8b5cf64d,inset 0 1px #fff3}.equity-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.equity-dashboard-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.equity-dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.equity-dashboard-section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.equity-dashboard-view-all{background:none;border:none;color:var(--sparko-purple);font-weight:600;cursor:pointer;font-size:13px;transition:all .2s ease;padding:4px 8px;border-radius:6px}.equity-dashboard-view-all:hover{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);text-decoration:none}.equity-dashboard-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;margin-bottom:16px;flex:1}.equity-dashboard-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:16px;display:flex;align-items:center;gap:12px;border-left:4px solid transparent;transition:all .2s ease;cursor:pointer}.equity-dashboard-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-purple);transform:translate(2px)}.equity-dashboard-item-initials{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-purple),#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 2px 4px #8b5cf633,inset 0 1px #fff3}.equity-dashboard-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.equity-dashboard-item-name{font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equity-dashboard-item-detail{font-size:13px;color:#64748b;line-height:1.4}.equity-dashboard-item-amount{font-size:16px;font-weight:700;color:#1e293b;margin-right:12px}.equity-dashboard-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;text-transform:capitalize}.equity-dashboard-badge-success{background:#d1fae5;color:#065f46}.equity-dashboard-badge-info{background:#dbeafe;color:#1e3a8a}.equity-dashboard-badge-warning{background:#fef3c7;color:#92400e}.equity-dashboard-badge-error{background:#fecaca;color:#991b1b}.equity-dashboard-badge-draft{background:#e2e8f0;color:#475569}.equity-dashboard-section-action{width:100%;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.equity-dashboard-section-action:hover{border-color:var(--sparko-purple);color:var(--sparko-purple);box-shadow:0 2px 4px #00000014,inset 0 1px #fffc}.equity-dashboard-empty{text-align:center;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.equity-dashboard-empty-icon{width:64px;height:64px;color:#cbd5e1;stroke-width:1.5;margin-bottom:8px}.equity-dashboard-empty-title{font-size:16px;font-weight:600;color:#475569}.equity-dashboard-empty-text{font-size:14px;color:#94a3b8;max-width:300px}.equity-dashboard-vesting-chart{padding:20px 0}.equity-dashboard-vesting-stat{text-align:center;margin-bottom:24px}.equity-dashboard-vesting-stat-value{font-size:40px;font-weight:700;color:#1e293b;margin-bottom:8px}.equity-dashboard-vesting-stat-label{font-size:14px;color:#64748b}.equity-dashboard-progress{margin-bottom:20px}.equity-dashboard-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#64748b;font-weight:500}.equity-dashboard-progress-percentage{font-weight:700;color:var(--sparko-green)}.equity-dashboard-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.equity-dashboard-progress-fill{height:100%;background:var(--sparko-green);border-radius:4px;transition:width .3s ease}.equity-dashboard-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.equity-dashboard-type-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;text-align:center}.equity-dashboard-type-stat-value{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:4px}.equity-dashboard-type-stat-label{font-size:12px;color:#64748b;font-weight:500}.equity-dashboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.equity-dashboard-modal{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.equity-dashboard-modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.equity-dashboard-modal-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}.equity-dashboard-modal-close{background:none;border:none;font-size:28px;color:#64748b;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.equity-dashboard-modal-close:hover{background:#f1f5f9;color:#1e293b}.equity-dashboard-modal-form{padding:24px}.equity-dashboard-form-group{display:flex;flex-direction:column;margin-bottom:20px}.equity-dashboard-form-label{font-weight:600;color:#1e293b;margin-bottom:8px;font-size:14px}.equity-dashboard-form-input,.equity-dashboard-form-select{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;background:#fff;color:#1e293b;transition:all .2s ease}.equity-dashboard-form-input:focus,.equity-dashboard-form-select:focus{outline:none;border-color:var(--sparko-purple);box-shadow:0 0 0 3px #8b5cf61a}.equity-dashboard-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.equity-dashboard-form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.equity-dashboard-section-subtitle{margin:24px 0 16px;font-size:18px;font-weight:700;color:#1e293b}.equity-dashboard-vesting-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px}.equity-dashboard-summary-title{margin:0 0 8px;font-size:14px;font-weight:600;color:#1e293b}.equity-dashboard-summary-text{margin:0;font-size:14px;color:#64748b;line-height:1.6}.equity-dashboard-modal-actions{display:flex;gap:12px;justify-content:flex-end}.equity-dashboard-modal-button{padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0}.equity-dashboard-modal-button-secondary{background:#fff;color:#64748b}.equity-dashboard-modal-button-secondary:hover{background:#f8fafc;color:#1e293b}.equity-dashboard-modal-button-primary{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed);color:#fff;border-color:var(--sparko-purple)}.equity-dashboard-modal-button-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d}.equity-dashboard-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}.equity-dashboard-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center}.equity-dashboard-summary-label{font-size:12px;color:#64748b;font-weight:500;margin-bottom:8px}.equity-dashboard-summary-number{font-size:28px;font-weight:700;color:#1e293b}.equity-dashboard-summary-success{color:var(--sparko-green)}.equity-dashboard-summary-warning{color:var(--sparko-amber)}.equity-dashboard-breakdown{padding:0 24px 24px}.equity-dashboard-breakdown-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#1e293b}.equity-dashboard-breakdown-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;margin-bottom:8px}.equity-dashboard-breakdown-row{display:flex;justify-content:space-between;align-items:center}.equity-dashboard-breakdown-details{font-size:14px;color:#64748b}@media(max-width:1024px){.equity-dashboard-grid{grid-template-columns:1fr}.equity-dashboard-stats{grid-template-columns:repeat(2,1fr)}.equity-dashboard-form-grid-3{grid-template-columns:1fr 1fr}.equity-dashboard-type-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.equity-dashboard-header,.equity-dashboard-content{padding:16px}.equity-dashboard-stats{grid-template-columns:1fr}.equity-dashboard-actions{flex-direction:column}.equity-dashboard-action{width:100%;justify-content:center}.equity-dashboard-section{padding:16px}.equity-dashboard-item{flex-wrap:wrap}.equity-dashboard-item-amount{margin-right:0}.equity-dashboard-form-grid,.equity-dashboard-form-grid-3,.equity-dashboard-summary-stats{grid-template-columns:1fr}.equity-dashboard-breakdown-row{flex-direction:column;align-items:flex-start;gap:8px}.equity-dashboard-modal-actions{flex-direction:column-reverse}.equity-dashboard-modal-button{width:100%}.equity-dashboard-type-grid{grid-template-columns:1fr}}.pay-equity-page{min-height:100vh;background:var(--sparko-background);padding:0}.pay-equity-content{max-width:1400px;margin:0 auto;padding:32px 24px}.pay-equity-header{margin-bottom:32px}.pay-equity-title-row{display:flex;align-items:center;gap:16px;margin-bottom:8px}.pay-equity-icon-header{width:32px;height:32px;color:var(--sparko-blue);flex-shrink:0}.pay-equity-title{font-size:28px;font-weight:700;color:var(--sparko-text);margin:0}.pay-equity-subtitle{font-size:15px;color:var(--sparko-text-secondary);margin:0;padding-left:48px}.pay-equity-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px}.pay-equity-option-card{background:var(--sparko-surface);border:1px solid var(--sparko-border);border-radius:12px;padding:24px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.pay-equity-option-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--sparko-blue)}.pay-equity-option-card.active{border-color:var(--sparko-blue);background:linear-gradient(135deg,#3b82f60d,#9333ea0d);box-shadow:0 4px 12px #3b82f626,inset 0 1px #ffffff1a}.pay-equity-option-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pay-equity-option-title{font-size:18px;font-weight:600;color:var(--sparko-text);margin:0}.pay-equity-option-description{font-size:14px;color:var(--sparko-text-secondary);margin:0;line-height:1.5}.pay-equity-icon{width:20px;height:20px;flex-shrink:0}.pay-equity-icon-blue{color:var(--sparko-blue)}.pay-equity-icon-green{color:var(--sparko-green)}.pay-equity-icon-purple{color:var(--sparko-purple)}.pay-equity-results{background:var(--sparko-surface);border:1px solid var(--sparko-border);border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.pay-equity-results-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--sparko-border)}.pay-equity-results-title{font-size:20px;font-weight:600;color:var(--sparko-text);margin:0 0 4px}.pay-equity-results-subtitle{font-size:14px;color:var(--sparko-text-secondary);margin:0}.pay-equity-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.pay-equity-stat-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid var(--sparko-border);border-radius:8px;padding:20px;text-align:center;box-shadow:inset 0 1px #ffffff1a}.pay-equity-stat-value{font-size:32px;font-weight:700;margin-bottom:4px}.pay-equity-stat-value.positive{color:var(--sparko-green)}.pay-equity-stat-value.negative{color:var(--sparko-red)}.pay-equity-stat-value.neutral{color:var(--sparko-text)}.pay-equity-stat-label{font-size:13px;color:var(--sparko-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.pay-equity-table-container{overflow-x:auto;margin-bottom:24px;border-radius:8px;border:1px solid var(--sparko-border)}.pay-equity-table{width:100%;border-collapse:collapse;background:var(--sparko-surface)}.pay-equity-table thead{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-bottom:2px solid var(--sparko-border)}.pay-equity-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--sparko-text);text-transform:uppercase;letter-spacing:.5px}.pay-equity-table td{padding:14px 16px;font-size:14px;color:var(--sparko-text);border-bottom:1px solid var(--sparko-border)}.pay-equity-table tbody tr:last-child td{border-bottom:none}.pay-equity-table tbody tr:hover{background:#3b82f60d}.pay-equity-recommendations{background:linear-gradient(135deg,#9333ea0d,#3b82f60d);border:1px solid var(--sparko-purple);border-radius:12px;padding:24px;box-shadow:0 2px 8px #9333ea1a,inset 0 1px #ffffff1a}.pay-equity-recommendations-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pay-equity-recommendations-title{font-size:18px;font-weight:600;color:var(--sparko-text);margin:0}.pay-equity-recommendations-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.pay-equity-recommendation-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--sparko-surface);border-radius:8px;border:1px solid var(--sparko-border)}.pay-equity-recommendation-icon{width:20px;height:20px;color:var(--sparko-purple);flex-shrink:0;margin-top:2px}.pay-equity-recommendation-text{flex:1;font-size:14px;color:var(--sparko-text);line-height:1.6;margin:0}.pay-equity-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.pay-equity-spinner{width:40px;height:40px;border:3px solid var(--sparko-border);border-top-color:var(--sparko-blue);border-radius:50%;animation:pay-equity-spin .8s linear infinite}@keyframes pay-equity-spin{to{transform:rotate(360deg)}}.pay-equity-loading-text{font-size:15px;color:var(--sparko-text-secondary);margin:0}.pay-equity-error{background:#ef44441a;border:1px solid var(--sparko-red);border-radius:8px;padding:20px;margin:20px 0}.pay-equity-error-title{font-size:16px;font-weight:600;color:var(--sparko-red);margin:0 0 8px}.pay-equity-error-message{font-size:14px;color:var(--sparko-text);margin:0}.pay-equity-empty{text-align:center;padding:60px 20px}.pay-equity-empty-icon{width:64px;height:64px;color:var(--sparko-text-secondary);opacity:.5;margin:0 auto 16px}.pay-equity-empty-title{font-size:18px;font-weight:600;color:var(--sparko-text);margin:0 0 8px}.pay-equity-empty-message{font-size:14px;color:var(--sparko-text-secondary);margin:0}@media(max-width:768px){.pay-equity-content{padding:24px 16px}.pay-equity-title{font-size:24px}.pay-equity-subtitle{padding-left:0;margin-top:8px}.pay-equity-options-grid,.pay-equity-stats-grid{grid-template-columns:1fr}.pay-equity-results{padding:20px}.pay-equity-table th,.pay-equity-table td{padding:10px 12px;font-size:13px}}.search-section{margin-bottom:var(--space-2xl)}.search-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs)}.search-bar input{flex:1}.search-hint{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;margin:0}.filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-3xl);flex-wrap:wrap}.filter-button{padding:var(--space-sm) var(--space-lg);background:var(--bg-surface);color:var(--text-secondary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s}.filter-button.active{background:var(--primary-solid);color:var(--primary-text);border-color:var(--primary-solid)}.filter-button:hover{border-color:var(--primary-solid)}.filter-button:not(.active):hover{background:var(--status-info-bg)}.recommendations-section,.external-courses-section,.all-courses-section{margin-bottom:var(--space-4xl)}.section-header{margin-bottom:var(--space-xl)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.section-subtitle{font-size:var(--text-base);color:var(--text-secondary);font-style:italic;margin:0}@media(max-width:768px){.search-bar{flex-direction:column}.filters{gap:var(--space-xs)}.filter-button{font-size:var(--text-xs);padding:var(--space-xs) var(--space-md)}.recommendations-grid,.courses-grid{grid-template-columns:1fr}.section-title{font-size:var(--text-xl)}}.course-rating-display{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0;padding:var(--space-sm) 0;border-top:var(--border-width-thin) solid var(--border-color);border-bottom:var(--border-width-thin) solid var(--border-color)}.view-reviews-link{background:none;border:none;color:var(--primary-solid);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline;padding:0;margin-left:var(--space-xs);transition:color .2s}.view-reviews-link:hover{color:var(--primary-hover)}.course-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.course-actions .enroll-button,.course-actions .review-button{flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.review-modal,.reviews-list-modal{background:var(--bg-surface);border-radius:var(--radius-lg);max-width:600px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.reviews-list-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:var(--border-width-thin) solid var(--border-color);background:var(--bg-hover)}.close-button{background:none;border:none;font-size:var(--font-size-3xl);line-height:1;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s}.close-button:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--space-xl);overflow-y:auto;flex:1}.review-course-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--space-xl) 0;font-weight:var(--font-weight-semibold)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.form-textarea{width:100%;padding:var(--space-md);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:inherit;color:var(--text-primary);background:var(--bg-surface);transition:all .2s;resize:vertical}.form-textarea:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.form-checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--text-secondary)}.form-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-checkbox-label span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-xl);border-top:var(--border-width-thin) solid var(--border-color);background:var(--bg-hover)}.empty-reviews{text-align:center;padding:var(--space-3xl);color:var(--text-secondary)}.reviews-summary{background:var(--bg-hover);padding:var(--space-xl);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.avg-rating{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.avg-rating-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.total-reviews{font-size:var(--font-size-sm);color:var(--text-secondary)}.reviews-list{display:flex;flex-direction:column;gap:var(--space-lg)}.review-item{padding:var(--space-lg);background:var(--bg-hover);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.review-date{font-size:var(--font-size-sm);color:var(--text-secondary)}.review-text{margin:0 0 var(--space-md) 0;color:var(--text-primary);line-height:1.6;font-size:var(--font-size-base)}.review-recommendation{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--status-success-bg);color:var(--status-success);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.review-author{font-size:var(--font-size-sm);color:var(--text-tertiary);font-style:italic;margin-top:var(--space-sm)}.course-card-description-text{margin-top:var(--space-sm);color:var(--text-secondary)}.course-card-instructor{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.course-recommendation-box{margin-top:var(--space-md);padding:var(--space-sm);background:var(--bg-subtle);border-radius:var(--radius-sm)}.course-recommendation-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);margin-bottom:var(--space-xs)}.course-recommendation-list{margin:0;padding-left:var(--space-lg);font-size:var(--font-size-xs)}.course-recommendation-list li{margin-bottom:var(--space-xs)}.course-rating-container{margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.course-reviews-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:var(--font-size-sm);text-decoration:underline}.course-reviews-button:hover{color:var(--primary-hover)}.course-category-icon{margin-right:var(--space-xs)}.course-skills-section{margin-top:var(--space-md)}.course-skills-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.course-skills-wrapper{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.course-skill-tag{padding:var(--space-xs) var(--space-sm);background:var(--surface-light);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-color);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.course-skill-tag:hover{border-color:var(--primary-color);background:var(--primary-bg-subtle);transform:translateY(-1px)}.course-skills-more{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);color:var(--text-tertiary)}.course-skills-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}@media(max-width:768px){.course-actions{flex-direction:column}.review-modal,.reviews-list-modal{width:95%;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--space-md)}}.learning-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.course-expandable-card{border-bottom:1px solid var(--border-subtle)}.course-expandable-card:last-child{border-bottom:none}.course-expanded-content{background:var(--bg-elevated);padding:var(--space-lg);margin:0 var(--space-lg) var(--space-md);border-radius:var(--radius-md);border-left:var(--border-width-thick) solid var(--accent-primary);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.course-due-alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.course-due-alert--error{background:var(--status-error-bg);border-left:var(--border-width-thick) solid var(--status-error);color:var(--status-error)}.course-due-alert--warning{background:var(--status-warning-bg);border-left:var(--border-width-thick) solid var(--status-warning);color:var(--status-warning)}.course-due-alert--info{background:var(--status-info-bg);border-left:var(--border-width-thick) solid var(--accent-primary);color:var(--text-secondary)}.due-alert-icon{font-size:var(--font-size-base)}.due-alert-message{flex:1}.due-alert-date{color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.course-progress-section{margin-bottom:var(--space-md)}.progress-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.progress-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.progress-bar-container{width:100%;height:8px;background:var(--border-color);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.progress-bar-fill--completed{background:var(--status-success)}.progress-bar-fill--in_progress{background:var(--accent-primary)}.progress-bar-fill--not_started{background:var(--text-tertiary)}.course-description{margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--bg-surface);border-radius:var(--radius-sm)}.course-description p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.course-sections{margin-bottom:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-sm);padding:var(--space-md)}.sections-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.sections-list{display:flex;flex-direction:column;gap:var(--space-xs)}.section-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--bg-elevated);transition:background .15s ease}.section-item:hover{background:var(--bg-hover)}.section-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.section-item input[type=checkbox]:disabled{cursor:default}.section-item label{font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;flex:1}.section-item--completed{opacity:.7}.section-item--completed label{text-decoration:line-through;color:var(--text-tertiary)}.section-updating{font-size:var(--font-size-xs);color:var(--text-tertiary)}.course-instructor{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-sm);background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.course-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.course-completed-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--status-success-bg);border:var(--border-width-medium) solid var(--status-success);border-radius:var(--radius-sm);color:var(--status-success);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.error-message{background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error-border);color:var(--status-error);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-xl)}@media(max-width:768px){.learning-stats{grid-template-columns:repeat(2,1fr)}.course-expanded-content{margin:0 var(--space-sm) var(--space-sm);padding:var(--space-md)}.course-actions{flex-direction:column}.course-actions button{width:100%}}@media(max-width:480px){.learning-stats{grid-template-columns:1fr}}.my-assignments-section{margin-bottom:var(--space-4xl)}.all-paths-section{margin-bottom:var(--space-2xl)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xl) 0;color:var(--text-primary)}.assignments-stats{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.stat-badge{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-2xl);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.stat-badge.in-progress{background:var(--status-warning-bg);color:var(--status-warning)}.stat-badge.completed{background:var(--status-success-bg);color:var(--status-success)}.paths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-xl)}.assignment-card{background:var(--status-warning-bg);border:3px solid var(--status-warning);border-radius:var(--radius-md);padding:var(--space-xl);transition:all .2s}.assignment-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.path-card{padding:var(--space-xl);transition:all .2s}.path-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.path-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0;line-height:1.3}.assignment-card .path-title{color:var(--text-primary);font-weight:var(--font-weight-bold)}.category-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--status-info-bg);color:var(--status-info);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);text-transform:capitalize}.path-description{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-lg)}.assignment-card .path-description{color:var(--text-primary)}.progress-section{background:var(--bg-hover);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.progress-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.progress-percent{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.progress-bar-track{width:100%;height:12px;background:var(--bg-hover);border-radius:var(--radius-badge);overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary-solid);border-radius:var(--radius-badge);transition:width .3s ease}.metadata{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.metadata-item{display:flex;gap:var(--space-xs);font-size:var(--text-sm);align-items:center}.metadata-label{color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.assignment-card .metadata-label{color:var(--text-primary);font-weight:var(--font-weight-bold)}.metadata-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.assignment-card .metadata-value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.outcomes-section{background:var(--bg-hover);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md)}.outcomes-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-xs)}.outcomes-list{list-style:none;padding:0;margin:0}.outcome-item{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-xs) 0}.outcome-item:before{content:"✓ ";color:var(--status-success);font-weight:var(--font-weight-bold);margin-right:6px}.completion-badge{padding:var(--space-md);background:var(--status-success-bg);border-radius:var(--radius-sm);text-align:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--status-success)}.path-button{width:100%}@media(max-width:768px){.assignments-stats{flex-wrap:wrap}.paths-grid{grid-template-columns:1fr}.section-title{font-size:var(--text-xl)}}.recommendations-section{margin-bottom:var(--space-4xl)}.recommendations-analysis{background:var(--status-info-bg);border:var(--border-width-medium) solid var(--status-info-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.analysis-intro{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-md) 0}.analysis-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.priority-tag{padding:var(--space-xs) var(--space-md);background:var(--primary-solid);color:var(--primary-text);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.recommendation-card{position:relative;border:var(--border-width-medium) solid var(--status-info-border);transition:all .3s ease}.recommendation-card:hover{border-color:var(--primary-solid);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.recommendation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.recommendation-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-solid);color:var(--primary-text);border-radius:50%;font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.relevance-score{padding:var(--space-xs) var(--space-sm);background:var(--status-success-bg);color:var(--status-success);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.personalization-box{margin:var(--space-md) 0;padding:var(--space-md);background:var(--bg-hover);border-left:4px solid var(--primary-solid);border-radius:var(--radius-sm)}.personalization-box strong{display:block;color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-xs)}.personalization-box p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.skill-alignment{margin:var(--space-md) 0;display:flex;flex-direction:column;gap:var(--space-sm)}.skill-group{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.skill-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-semibold);min-width:70px}.skill-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.skill-badge.gap{background:var(--status-warning-bg);color:var(--status-warning)}.skill-badge.new{background:var(--status-info-bg);color:var(--status-info)}.recommendation-footer{display:flex;justify-content:space-between;margin:var(--space-md) 0;padding:var(--space-md) 0;border-top:var(--border-width-thin) solid var(--border-color);border-bottom:var(--border-width-thin) solid var(--border-color)}.career-impact{margin:var(--space-md) 0}.career-impact strong{display:block;color:var(--text-primary);font-size:var(--text-sm);margin-bottom:var(--space-xs)}.career-impact p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.recommendation-button{width:100%;margin-top:var(--space-md)}.why-this-path-container{margin-top:var(--space-md);padding:var(--space-sm);background:var(--bg-subtle);border-radius:var(--radius-sm)}.why-this-path-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.why-this-path-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.skill-alignment-container{margin-top:var(--space-md)}.skill-alignment-section{margin-bottom:var(--space-sm)}.skill-alignment-section:last-child{margin-bottom:0}.skill-alignment-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-right:var(--space-xs)}.career-impact-container{margin-top:var(--space-md);padding:var(--space-sm);background:var(--primary-bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--primary-border-subtle)}.career-impact-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.career-impact-text{font-size:var(--font-size-sm);margin:0}.assignment-progress-container{margin-top:var(--space-md)}.assignment-progress-header{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);font-size:var(--font-size-sm)}.assignment-progress-label{font-weight:var(--font-weight-semibold)}.assignment-progress-percent{color:var(--text-secondary)}.assignment-progress-bar-track{height:8px;background:var(--bg-subtle);border-radius:var(--radius-sm);overflow:hidden}.assignment-progress-bar-fill{height:100%;transition:width .3s ease}.assignment-progress-bar-fill.completed{background:var(--status-success)}.assignment-progress-bar-fill.in-progress{background:var(--status-warning)}.learning-outcomes-container{margin-top:var(--space-md)}.learning-outcomes-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.learning-outcomes-list{margin:0;padding-left:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.learning-outcomes-list li{margin-bottom:var(--space-xs)}.badge-spacing{margin-right:var(--space-xs);margin-bottom:var(--space-xs)}.skills-matrix-container{width:100%;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.matrix-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2xl);gap:var(--space-lg);flex-wrap:wrap}.header-left{flex:1}.header-right{display:flex;align-items:flex-start}.matrix-header h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0;color:var(--text-primary)}.ai-button{padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg,var(--primary-gradient-start) 0%,var(--primary-gradient-end) 100%);color:var(--primary-text);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-button)}.ai-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ai-button:disabled{background:var(--text-secondary);cursor:not-allowed;box-shadow:none;opacity:.6}.stat-card{padding:var(--space-xl);text-align:center;border-radius:var(--radius-md)}.stat-card.well-covered{background:var(--status-success-bg);border:var(--border-width-medium) solid var(--status-success)}.stat-card.well-covered .stat-number{color:var(--status-success)}.stat-card.under-covered{background:var(--status-warning-bg);border:var(--border-width-medium) solid var(--status-warning)}.stat-card.under-covered .stat-number{color:var(--status-warning)}.stat-card.missing{background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error)}.stat-card.missing .stat-number{color:var(--status-error)}.stat-card.team-members{background:var(--status-info-bg);border:var(--border-width-medium) solid var(--status-info)}.stat-card.team-members .stat-number{color:var(--status-info)}.stat-number{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-bottom:5px}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.skill-card{padding:var(--space-lg);transition:all .2s}.skill-card.good{border-color:var(--status-success)}.skill-card.warning{border-color:var(--status-warning)}.skill-card.critical{border-color:var(--status-error)}.skill-name{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.skill-count{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.skill-recommendation{font-size:var(--text-sm);color:var(--status-error);font-style:italic;margin-top:var(--space-xs)}.proficiency-bar{display:flex;width:100%;height:24px;border-radius:var(--radius-sm);overflow:hidden;margin-top:var(--space-md)}.bar-segment{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary-text)}.bar-segment.expert{background:var(--status-success)}.bar-segment.advanced{background:var(--status-success-border)}.bar-segment.intermediate{background:var(--status-success-bg)}.skill-status-well-covered{color:var(--status-success);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.skill-status-under-covered{color:var(--status-warning);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.skill-status-missing{color:var(--status-error);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.skill-chart-wrapper{margin-top:var(--space-sm)}.skill-chart-container{display:flex;height:24px;border-radius:var(--radius-sm);overflow:hidden;border:var(--border-width-thin) solid var(--border-color)}.skill-chart-segment{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:#fff;font-weight:var(--font-weight-semibold)}.skill-chart-segment-expert{width:30%;background:var(--status-success)}.skill-chart-segment-advanced{width:40%;background:var(--status-info)}.skill-chart-segment-intermediate{width:30%;background:var(--status-warning)}.skill-recommendation-text{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:768px){.skills-matrix-container{padding:var(--space-xl) var(--space-md)}.matrix-header{flex-direction:column}.matrix-header h1{font-size:var(--text-2xl)}.ai-button{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.skills-grid{grid-template-columns:1fr}}.skeleton-header{margin-bottom:var(--space-xl);height:80px}.skeleton-cards-grid{margin-top:var(--space-2xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.skeleton-card-content{height:300px}.proficiency-section{margin-bottom:var(--space-2xl)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.section-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin:0;color:var(--text-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.skill-card{padding:var(--space-md);transition:all .2s;position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.skill-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.skill-card.expert:before{background:var(--status-success)}.skill-card.advanced:before{background:var(--status-info)}.skill-card.intermediate:before{background:var(--status-warning)}.skill-card.beginner:before{background:var(--text-secondary)}.skill-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.skill-card-content{flex:1;min-width:0}.skill-card-actions{display:flex;gap:var(--space-xs);flex-shrink:0;opacity:0;transition:opacity .2s ease}.skill-card:hover .skill-card-actions{opacity:1}.skill-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 4px}.skill-meta{font-size:var(--text-sm);color:var(--text-secondary)}.skill-form .form-group{margin-bottom:var(--space-lg)}.skill-form .label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.skill-form .select{width:100%;padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);font-family:Inter,sans-serif}.skill-form .help-text{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.skill-form .required{color:var(--status-error)}.skill-form .modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color)}.empty-text{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-xl) 0}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.alert-section{background:var(--status-warning-bg);border:var(--border-width-medium) solid var(--status-warning-border);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.alert-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--status-warning);margin:0 0 var(--space-lg) 0}.certs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.cert-card{padding:var(--space-lg);transition:all .2s}.cert-card.expiring{border-color:var(--status-warning)}.cert-card.expired{border-color:var(--status-error);opacity:.8}.cert-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cert-name{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.cert-issuer{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.cert-meta{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.expiry-warning{font-size:var(--text-sm);color:var(--status-error);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.expired-badge{font-size:var(--text-sm);color:var(--status-error);font-weight:var(--font-weight-semibold)}.renew-button{width:100%}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-lg)}.empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg)}.empty-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.empty-text{font-size:var(--text-base);color:var(--text-secondary);margin:0}.cert-expiry-warning{margin-top:var(--space-sm);color:var(--status-warning);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.cert-expiry-error{margin-top:var(--space-sm);color:var(--status-error);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}@media(max-width:768px){.certs-grid{grid-template-columns:1fr}}.compliance-container{width:100%;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.compliance-header{margin-bottom:var(--space-2xl)}.compliance-header h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0;color:var(--text-primary)}.overall-status{margin-bottom:var(--space-2xl)}.status-card{padding:var(--space-2xl);text-align:center}.status-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xl) 0;color:var(--text-primary)}.compliance-circle{width:200px;height:200px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center}.compliance-circle.high{border:12px solid var(--status-success)}.compliance-circle.medium{border:12px solid var(--status-warning)}.compliance-circle.low{border:12px solid var(--status-error)}.compliance-percent{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.compliance-circle.high .compliance-percent{color:var(--status-success)}.compliance-circle.medium .compliance-percent{color:var(--status-warning)}.compliance-circle.low .compliance-percent{color:var(--status-error)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stat-card{padding:var(--space-xl);text-align:center}.stat-number{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:var(--space-xs)}.stat-number.compliant{background:var(--status-success);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-number.overdue{background:var(--status-error);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.alert-section{background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.alert-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--status-error);margin:0 0 var(--space-lg) 0}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.employee-card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--status-error);border-radius:var(--radius-md);padding:var(--space-lg)}.employee-name{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 4px}.employee-dept{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.overdue-courses{margin-bottom:var(--space-md)}.overdue-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:6px}.courses-list{list-style:none;padding:0;margin:0}.course-item{font-size:var(--text-sm);color:var(--status-error);padding:var(--space-xs) 0}.overdue-badge{color:var(--status-error);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.overdue-courses-container{margin-top:var(--space-md)}.overdue-courses-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.overdue-courses-list{margin:0;padding-left:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-secondary)}.overdue-course-item{margin-bottom:var(--space-xs)}.dept-compliance-badge{color:var(--badge-color, var(--text-primary));font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.action-button{width:100%}.section{margin-bottom:var(--space-2xl)}.section-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-lg) 0;color:var(--text-primary)}.departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg)}.dept-card{padding:var(--space-lg);text-align:center}.dept-name{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.dept-rate{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.dept-rate.high{color:var(--status-success)}.dept-rate.medium{color:var(--status-warning)}.dept-rate.low{color:var(--status-error)}.dept-stats{font-size:var(--text-sm);color:var(--text-secondary)}@media(max-width:768px){.compliance-container{padding:var(--space-xl) var(--space-md)}.compliance-header h1{font-size:var(--text-2xl)}.compliance-circle{width:160px;height:160px;border-width:10px}.compliance-percent{font-size:var(--text-3xl)}.stats-grid{grid-template-columns:1fr 1fr}.employees-grid{grid-template-columns:1fr}.departments-grid{grid-template-columns:1fr 1fr}}.analytics-container{width:100%;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.loading-text{text-align:center;padding:var(--space-3xl);font-size:var(--text-lg);color:var(--text-secondary)}.analytics-header{margin-bottom:var(--space-2xl)}.analytics-header h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0;color:var(--text-primary)}.subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.error-message{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error-border);border-radius:var(--radius-sm);color:var(--status-error);font-size:var(--text-sm)}.dept-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.dept-stat-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.dept-stat-label{color:var(--text-secondary)}.dept-stat-value{font-weight:var(--font-weight-semibold)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.metric-card{padding:var(--space-2xl);text-align:center;transition:all .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:var(--space-xs)}.metric-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.metric-trend{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.metric-trend.positive{color:var(--status-success)}.metric-trend.negative{color:var(--status-error)}.section{margin-bottom:var(--space-4xl)}.section-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xl) 0;color:var(--text-primary)}.table-wrapper{background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.analytics-table{width:100%;border-collapse:collapse}.analytics-table th{padding:var(--space-md);text-align:left;background:var(--bg-hover);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.analytics-table td{padding:var(--space-md);border-bottom:var(--border-width-thin) solid var(--border-color);color:var(--text-primary)}.analytics-table tbody tr:hover{background:var(--bg-hover)}.completion-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-2xl);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);display:inline-block}.completion-badge.high{background:var(--status-success-bg);color:var(--status-success)}.completion-badge.medium{background:var(--status-warning-bg);color:var(--status-warning)}.completion-badge.low{background:var(--status-error-bg);color:var(--status-error)}.departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.dept-card{padding:var(--space-xl)}.dept-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.dept-metric{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.dept-label{font-size:var(--text-sm);color:var(--text-secondary)}.dept-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.roi-section{background:linear-gradient(135deg,var(--primary-gradient-start) 0%,var(--primary-gradient-end) 100%);border:3px solid var(--primary-solid);border-radius:var(--radius-md);padding:var(--space-2xl)}.roi-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--primary-solid);margin:0 0 var(--space-xl) 0;text-align:center}.roi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.roi-card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center}.roi-card.highlight{background:var(--primary-solid);border-color:var(--primary-solid)}.roi-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--primary-solid);margin-bottom:var(--space-md)}.roi-card.highlight .roi-label{color:var(--primary-text)}.roi-value{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--primary-solid);margin-bottom:var(--space-xs)}.roi-card.highlight .roi-value{color:var(--primary-text)}.roi-subtext{font-size:var(--text-xs);color:var(--primary-solid)}.roi-card.highlight .roi-subtext{color:var(--primary-text);opacity:.8}@media(max-width:768px){.analytics-container{padding:var(--space-xl) var(--space-md)}.analytics-header h1{font-size:var(--text-2xl)}.metrics-grid{grid-template-columns:1fr 1fr}.table-wrapper{overflow-x:auto}.analytics-table{font-size:var(--text-sm)}.analytics-table th,.analytics-table td{padding:var(--space-sm)}.departments-grid,.roi-grid{grid-template-columns:1fr}}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.analytics-card{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .2s ease}.analytics-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.analytics-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.analytics-card h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card-highlight{border-color:var(--warning-color);background:linear-gradient(135deg,var(--card-bg) 0%,rgb(255 193 7 / 5%) 100%)}.metrics-grid{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:var(--border-width-thin) solid var(--border-color)}.metric-item:last-child{border-bottom:none}.metric-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.card-link{display:inline-block;color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);transition:opacity .2s}.card-link:hover{opacity:.8}.period-select{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.quick-links-section{margin-top:var(--spacing-2xl)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.quick-link-card{background:var(--card-bg);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-decoration:none;color:var(--text-primary);transition:all .2s ease;display:flex;flex-direction:column;gap:var(--spacing-sm)}.quick-link-card:hover:not(.disabled){border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.quick-link-card.disabled{opacity:.5;cursor:not-allowed}.quick-link-card .icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.quick-link-card h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.quick-link-card p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.coming-soon{color:var(--warning-color);font-weight:var(--font-weight-medium)}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.badge-primary{background:var(--primary-color);color:#fff}.badge-success{background:var(--success-color);color:#fff}.badge-info{background:var(--info-color);color:#fff}.badge-warning{background:var(--warning-color);color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}.view-all-link{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.view-all-link:hover{text-decoration:underline}.table-container{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--secondary-bg);padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:var(--spacing-md);border-top:var(--border-width-thin) solid var(--border-color)}.employee-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.risk-factors{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.risk-factor-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--secondary-bg);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary)}.badge-danger{background:var(--error-color);color:#fff}.insights-list{display:grid;gap:var(--spacing-md)}.insight-card{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.insight-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.insight-type{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:capitalize}.insight-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-sm) 0}.insight-description{color:var(--text-secondary);margin:var(--spacing-sm) 0;line-height:1.6}.insight-meta{display:flex;gap:var(--spacing-lg);margin:var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.insight-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.action-card{background:var(--card-bg);border:var(--border-width-medium) dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .2s ease}.action-card:hover{border-color:var(--primary-color);border-style:solid;transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.action-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.action-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.empty-state{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-2xl);text-align:center}.empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.empty-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.filters-bar{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm)}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);font-size:var(--font-size-sm);min-width:150px}.insights-grid{display:grid;gap:var(--spacing-lg)}.insight-card{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-left:4px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .2s ease}.insight-card:hover{box-shadow:var(--shadow-md)}.insight-card.severity-critical{border-left-color:var(--error-color)}.insight-card.severity-high{border-left-color:var(--warning-color)}.insight-card.severity-medium{border-left-color:var(--info-color)}.insight-card.severity-low{border-left-color:var(--success-color)}.insight-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.insight-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.severity-badge,.type-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.severity-badge{background:var(--error-color);color:#fff}.type-badge{background:var(--secondary-bg);color:var(--text-secondary)}.insight-date{font-size:var(--font-size-xs);color:var(--text-secondary)}.insight-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-sm) 0}.insight-description{color:var(--text-secondary);line-height:1.6;margin:var(--spacing-sm) 0 var(--spacing-md) 0}.insight-metrics{display:flex;gap:var(--spacing-xl);margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--secondary-bg);border-radius:var(--radius-sm)}.metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase}.metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.recommendations-section{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--secondary-bg);border-radius:var(--radius-sm)}.recommendations-section h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.recommendations-list{margin:0;padding-left:var(--spacing-lg);list-style-type:disc}.recommendations-list li{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-xs)}.insight-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width-thin) solid var(--border-color)}.insight-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width-thin) solid var(--border-color)}.acknowledged-label{font-size:var(--font-size-sm);color:var(--success-color);font-weight:var(--font-weight-medium)}.template-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-btn{padding:var(--spacing-xs) var(--spacing-md);border:var(--border-width-thin) solid var(--border-color);background:var(--card-background);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease}.filter-btn:hover{background:var(--hover-overlay);border-color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.template-card{background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color-light)}.template-header{margin-bottom:var(--spacing-md)}.template-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.template-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.template-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:var(--spacing-sm) 0}.template-meta{display:flex;gap:var(--spacing-lg);margin:var(--spacing-md) 0;padding:var(--spacing-sm) 0;border-top:var(--border-width-thin) solid var(--border-color)}.meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meta-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.template-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-xl)}.modal-content{background:var(--card-background);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--border-color)}.modal-header h2{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.modal-close{background:none;border:none;font-size:var(--font-size-3xl);color:var(--text-tertiary);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.modal-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.template-description-full{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.questions-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.questions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.question-preview{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-secondary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md)}.question-number{flex-shrink:0;width:var(--button-height-sm);height:var(--button-height-sm);display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.question-content{flex:1}.question-text{font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.question-meta{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.question-scale,.question-options{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:var(--border-width-thin) solid var(--border-color)}@media(max-width:768px){.templates-grid{grid-template-columns:1fr}.modal-content{max-height:100vh;border-radius:0}.template-actions{flex-direction:column}}.status-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.surveys-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.survey-card{background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.survey-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color-light)}.survey-header{margin-bottom:var(--spacing-md)}.survey-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.survey-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;flex:1}.survey-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:center}.survey-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md) 0;margin:var(--spacing-md) 0;border-top:var(--border-width-thin) solid var(--border-color);border-bottom:var(--border-width-thin) solid var(--border-color)}.response-rate-container{display:flex;align-items:center;gap:var(--spacing-sm)}.response-rate-bar{flex:1;height:8px;background:var(--background-tertiary);border-radius:var(--radius-full);overflow:hidden}.response-rate-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.response-rate-value{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);min-width:45px;text-align:right}.enps-score{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.survey-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md)}@media(max-width:768px){.survey-title-row{flex-direction:column;align-items:flex-start}.survey-badges{width:100%}.survey-meta-grid{grid-template-columns:1fr}.survey-actions{flex-direction:column}.survey-actions button{width:100%}}.subtitle-meta{display:block;font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-xs);font-weight:var(--font-weight-normal)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.metric-card{background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.metric-label{font-size:var(--font-size-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.metric-value-large{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1;margin:var(--spacing-sm) 0;color:var(--metric-color, var(--text-primary))}.metric-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary)}.analytics-section{margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.distribution-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.distribution-card{background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.distribution-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.distribution-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.chart-row{display:flex;align-items:center;gap:var(--spacing-sm)}.chart-label{min-width:80px;font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.chart-bar-container{flex:1;height:24px;background:var(--background-tertiary);border-radius:var(--radius-md);overflow:hidden}.chart-bar{height:100%;background:var(--primary-gradient);border-radius:var(--radius-md);transition:width .3s ease;width:var(--chart-width, 0%)}.chart-bar.ethnicity{background:var(--accent-gradient)}.chart-value{min-width:50px;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.level-section{margin-bottom:var(--spacing-md)}.level-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.mini-chart{display:flex;height:16px;border-radius:var(--radius-sm);overflow:hidden}.mini-chart-segment{height:100%;transition:all .3s ease;width:var(--segment-width, 0%)}.mini-chart-segment:nth-child(1){background:var(--status-info)}.mini-chart-segment:nth-child(2){background:var(--primary-solid)}.mini-chart-segment:nth-child(3){background:var(--status-success)}.mini-chart-segment:hover{opacity:.8;cursor:help}.promotion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.promotion-card{background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.promotion-gender{font-size:var(--font-size-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.promotion-rate{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1;margin:var(--spacing-sm) 0}.promotion-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.insights-section{margin-top:var(--spacing-2xl)}.insights-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.insight-card{display:flex;gap:var(--spacing-md);background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);border-left:4px solid var(--border-color)}.insight-card.warning{border-left-color:var(--warning-color);background:linear-gradient(to right,var(--warning-color-light, rgb(255 193 7 / 10%)),var(--card-background))}.insight-card.success{border-left-color:var(--success-color);background:linear-gradient(to right,var(--success-color-light, rgb(76 175 80 / 10%)),var(--card-background))}.insight-icon{font-size:var(--font-size-3xl);flex-shrink:0}.insight-content{flex:1}.insight-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.insight-content p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0}@media(max-width:768px){.metrics-grid,.distribution-cards{grid-template-columns:1fr}.promotion-grid{grid-template-columns:repeat(2,1fr)}.metric-value-large{font-size:var(--font-size-4xl)}.promotion-rate{font-size:var(--font-size-3xl)}}.termination-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.termination-card{background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);transition:all .3s ease}.termination-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.termination-card.voluntary{border-left:4px solid var(--primary-color)}.termination-card.involuntary{border-left:4px solid var(--danger-color)}.termination-icon{font-size:var(--font-size-4xl);flex-shrink:0}.termination-content{flex:1}.termination-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-xs)}.termination-label{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.termination-percentage{font-size:var(--font-size-sm);color:var(--text-tertiary)}.tenure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.tenure-card{background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.tenure-bucket{font-size:var(--font-size-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.tenure-count{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1;margin:var(--spacing-sm) 0}.tenure-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.exit-reasons-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.exit-reason-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.exit-reason-card:hover{box-shadow:var(--shadow-sm);border-color:var(--primary-color-light)}.exit-reason-rank{flex-shrink:0;width:var(--button-height-sm);height:var(--button-height-sm);display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.exit-reason-content{flex:1}.exit-reason-text{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.exit-reason-meta{font-size:var(--font-size-xs);color:var(--text-tertiary)}.exit-reason-count{flex-shrink:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color)}.flight-risk-table{background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 2fr;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--background-tertiary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 2fr;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:var(--border-width-thin) solid var(--border-color);transition:background .2s ease}.table-row:hover{background:var(--hover-overlay)}.table-cell{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.employee-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.risk-score-container{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.risk-score-bar{flex:1;height:8px;background:var(--background-tertiary);border-radius:var(--radius-full);overflow:hidden}.risk-score-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.risk-score-value{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);min-width:45px;text-align:right}.risk-factors{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.table-footer{padding:var(--spacing-md) var(--spacing-lg);background:var(--background-secondary);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);border-top:var(--border-width-thin) solid var(--border-color)}.chart-bar.turnover{background:var(--danger-gradient, linear-gradient(90deg, #ff6b6b, #ee5a6f))}@media(max-width:1024px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr 1.5fr}}@media(max-width:768px){.termination-grid{grid-template-columns:1fr}.tenure-grid{grid-template-columns:repeat(3,1fr)}.table-header{display:none}.table-row{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-lg)}.table-cell{flex-direction:column;align-items:flex-start}.risk-score-container,.risk-factors{width:100%}}.survey-header{margin-bottom:var(--spacing-xl)}.survey-title-section{margin-bottom:var(--spacing-lg)}.survey-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.survey-meta{display:flex;gap:var(--spacing-xs);align-items:center}.survey-progress{background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.progress-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.progress-percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--primary-color)}.progress-bar{height:8px;background:var(--background-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width .3s ease}.survey-questions{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.question-card{background:var(--card-background);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all .3s ease}.question-card:focus-within{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.question-number{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.question-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.5;margin:0 0 var(--spacing-md) 0}.question-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-lg) 0}.rating-scale{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.rating-button{flex:1;min-width:60px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);background:var(--background-secondary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.rating-button:hover{border-color:var(--primary-color);background:var(--hover-overlay)}.rating-button.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.rating-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.rating-label{font-size:var(--font-size-xs);text-align:center;line-height:1.2}.rating-button.selected .rating-label{color:#fff}.multiple-choice{display:flex;flex-direction:column;gap:var(--spacing-sm)}.choice-button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--background-secondary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .2s ease}.choice-button:hover{border-color:var(--primary-color);background:var(--hover-overlay)}.choice-button.selected{background:var(--primary-color-light, rgb(74 144 226 / 10%));border-color:var(--primary-color)}.choice-radio{flex-shrink:0;width:20px;height:20px;border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-full);position:relative;transition:all .2s ease}.choice-button.selected .choice-radio{border-color:var(--primary-color);background:var(--primary-color)}.choice-button.selected .choice-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:var(--radius-full)}.choice-text{flex:1;font-size:var(--font-size-md);color:var(--text-primary);font-weight:var(--font-weight-medium)}.yes-no-buttons{display:flex;gap:var(--spacing-md)}.yn-button{flex:1;padding:var(--spacing-lg);background:var(--background-secondary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.yn-button:hover{border-color:var(--primary-color);background:var(--hover-overlay)}.yn-button.selected.yes{background:var(--success-color);border-color:var(--success-color);color:#fff}.yn-button.selected.no{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.text-input,.textarea-input{width:100%;padding:var(--spacing-md);background:var(--background-secondary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--text-primary);font-family:inherit;transition:all .2s ease}.text-input:focus,.textarea-input:focus{outline:none;border-color:var(--primary-color);background:var(--card-background)}.textarea-input{resize:vertical;min-height:100px;line-height:1.5}.survey-footer{position:sticky;bottom:0;background:var(--card-background);border-top:var(--border-width-thin) solid var(--border-color);padding:var(--spacing-lg);margin:var(--spacing-xl) calc(-1 * var(--spacing-xl)) calc(-1 * var(--spacing-xl));box-shadow:var(--shadow-lg)}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);max-width:var(--max-width-wide);margin:0 auto}.footer-info{flex:1}.warning-text{color:var(--warning-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.info-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.footer-actions{display:flex;gap:var(--spacing-sm)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.empty-state p{color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.loading-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-lg)}@media(max-width:768px){.survey-title{font-size:var(--font-size-xl)}.rating-scale{flex-direction:column}.rating-button{flex-direction:row;justify-content:space-between}.rating-number{font-size:var(--font-size-lg)}.footer-content{flex-direction:column;align-items:stretch}.footer-actions{flex-direction:column}.footer-actions button{width:100%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:12px;width:600px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;border:1px solid #e2e8f0}.modal-container.modal-confirmation{width:500px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:20px;font-weight:600;color:#1e293b;margin:0}.modal-close{background:transparent;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s;border-radius:4px}.modal-close:hover{color:#1e293b;background:#f8fafc}.modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 140px)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:8px}.form-select,.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s;font-family:inherit}.form-select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:#276df2;box-shadow:0 0 0 3px #276df21a}.form-textarea{resize:vertical;min-height:80px}.help-text{font-size:12px;color:#64748b;margin-top:6px}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.balance-display{background:linear-gradient(135deg,#eff6ff,#276df21a);border:2px solid #93c5fd;border-radius:10px;padding:16px;margin-bottom:20px}.balance-header{font-size:13px;font-weight:600;color:#1e40af;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.balance-comparison{display:flex;align-items:center;justify-content:space-between}.balance-item{text-align:center;flex:1}.balance-item-label{font-size:11px;color:#3b82f6;margin-bottom:4px;text-transform:uppercase;font-weight:600}.balance-item-value{font-size:28px;font-weight:700;color:#1e40af}.balance-item-unit{font-size:14px;color:#3b82f6;margin-left:4px;font-weight:400}.balance-arrow{font-size:24px;color:#60a5fa;flex-shrink:0;margin:0 12px}.routing-notice{background:#f59e0b1a;border:2px solid #fbbf24;border-radius:10px;padding:14px 16px;margin-bottom:20px;display:flex;gap:12px;align-items:start}.routing-notice-icon{font-size:20px;flex-shrink:0;color:#f59e0b}.routing-notice-content{flex:1}.routing-notice-title{font-size:13px;font-weight:700;color:#92400e;margin-bottom:4px}.routing-notice-text{font-size:13px;color:#78350f;line-height:1.5}.routing-notice-delegate{font-weight:600;color:#92400e}.conflict-checking{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#64748b;text-align:center}.conflict-warning{background:#fb923c1a;border:2px solid #fb923c;border-radius:10px;padding:14px 16px;margin-bottom:20px}.conflict-warning-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#c2410c;margin-bottom:8px}.conflict-warning-text{font-size:13px;color:#9a3412;line-height:1.5}.conflict-members-list{margin-top:8px}.conflict-members-title{font-size:12px;font-weight:600;color:#9a3412;margin-bottom:4px}.conflict-member-item{font-size:12px;color:#7c2d12;line-height:1.6;padding-left:12px}.conflict-ok{background:#10b9811a;border:2px solid #86efac;border-radius:10px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#166534}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.btn-cancel:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.btn-submit{background:#10b981;color:#fff}.btn-submit:hover:not(:disabled){background:#059669}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.confirmation-icon{width:64px;height:64px;margin:0 auto 20px;background:#10b9811a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981}.confirmation-title{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:12px;text-align:center}.confirmation-subtitle{font-size:15px;color:#64748b;margin-bottom:24px;line-height:1.6;text-align:center}.confirmation-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:24px}.confirmation-detail-row{display:flex;justify-content:space-between;padding:8px 0}.confirmation-detail-row:not(:last-child){border-bottom:1px solid #f1f5f9}.confirmation-label{font-size:13px;color:#64748b}.confirmation-value{font-size:13px;font-weight:600;color:#1e293b}.confirmation-status-pending{color:#f59e0b}.confirmation-notice{font-size:13px;color:#64748b;margin-bottom:24px;text-align:center}.confirmation-actions{display:flex;gap:12px}.confirmation-actions .btn-cancel{flex:1;background:#10b981;color:#fff;border:none}.confirmation-actions .btn-cancel:hover{background:#059669}@media(max-width:768px){.modal-container{width:95vw}.date-row{grid-template-columns:1fr}.balance-comparison{flex-direction:column;gap:8px}.balance-arrow{transform:rotate(90deg);margin:8px 0}}.pto-dashboard-page *{box-sizing:border-box}.pto-dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.pto-dashboard-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(0,0,0,.08);padding:24px 32px;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.pto-dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.pto-dashboard-header-left{display:flex;align-items:center;gap:16px}.pto-dashboard-header-icon{width:32px;height:32px;color:var(--sparko-blue);flex-shrink:0}.pto-dashboard-header-icon svg{width:32px;height:32px;stroke:var(--sparko-blue)}.pto-dashboard-title{font-size:28px;font-weight:700;color:#1e293b;margin:0}.pto-dashboard-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.pto-dashboard-actions{display:flex;gap:12px}.pto-dashboard-btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.pto-dashboard-btn:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.pto-dashboard-btn-primary{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;border-color:var(--sparko-blue)}.pto-dashboard-btn-primary:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);color:#fff;box-shadow:0 4px 12px #276df24d,inset 0 1px #fff3}.pto-dashboard-content{max-width:1400px;margin:0 auto;padding:32px}.pto-dashboard-loading,.pto-dashboard-error{text-align:center;padding:80px 40px;color:#64748b;font-size:16px}.pto-dashboard-error{color:var(--sparko-red);background:#fef2f2;border-radius:12px;border:1px solid #fecaca}.pto-dashboard-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.pto-dashboard-icon-blue{color:var(--sparko-blue)}.pto-dashboard-icon-green{color:var(--sparko-green)}.pto-dashboard-icon-amber{color:var(--sparko-amber)}.pto-dashboard-icon-red{color:var(--sparko-red)}.pto-dashboard-icon-purple{color:var(--sparko-purple)}.pto-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.pto-dashboard-stat{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.pto-dashboard-stat:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc}.pto-dashboard-stat-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.pto-dashboard-stat-icon-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8)}.pto-dashboard-stat-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669)}.pto-dashboard-stat-icon-amber{background:linear-gradient(135deg,var(--sparko-amber),#d97706)}.pto-dashboard-stat-icon-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed)}.pto-dashboard-stat-icon svg{width:24px;height:24px;stroke:#fff}.pto-dashboard-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.pto-dashboard-stat-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.pto-dashboard-stat-label{font-size:13px;color:#64748b;font-weight:500}.pto-dashboard-stat-trend{font-size:12px;color:#64748b;font-weight:500}.pto-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.pto-dashboard-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.pto-dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pto-dashboard-section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.pto-dashboard-view-all{background:none;border:none;color:var(--sparko-blue);font-weight:600;cursor:pointer;font-size:13px;transition:all .2s ease;padding:4px 8px;border-radius:6px}.pto-dashboard-view-all:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);text-decoration:none}.pto-dashboard-balance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;flex:1}.pto-dashboard-balance-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.pto-dashboard-balance-card:hover{background:linear-gradient(135deg,#fff,#f8fafc);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.pto-dashboard-balance-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pto-dashboard-balance-name{font-size:14px;font-weight:600;color:#1e293b;flex:1}.pto-dashboard-balance-value{font-size:24px;font-weight:700;color:var(--sparko-blue);margin-bottom:4px;display:flex;align-items:baseline;gap:6px}.pto-dashboard-balance-label{font-size:12px;font-weight:500;color:var(--text-secondary, #64748b)}.pto-dashboard-balance-detail{font-size:12px;color:#64748b}.pto-dashboard-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;flex:1}.pto-dashboard-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:16px;display:flex;align-items:center;gap:12px;border-left:4px solid transparent;transition:all .2s ease;cursor:pointer}.pto-dashboard-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue);transform:translate(2px)}.pto-dashboard-item-initials{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.pto-dashboard-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.pto-dashboard-item-name{font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pto-dashboard-item-detail{font-size:13px;color:#64748b;line-height:1.4}.pto-dashboard-item-days{font-size:16px;font-weight:700;color:#1e293b;margin-right:12px}.pto-dashboard-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;text-transform:capitalize}.pto-dashboard-badge-approved{background:#d1fae5;color:#065f46}.pto-dashboard-badge-pending{background:#fed7aa;color:#92400e}.pto-dashboard-badge-error{background:#fecaca;color:#991b1b}.pto-dashboard-badge-draft{background:#e2e8f0;color:#475569}.pto-dashboard-empty{text-align:center;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.pto-dashboard-empty svg{width:64px;height:64px;color:#cbd5e1;stroke-width:1.5;margin-bottom:8px}.pto-dashboard-empty-icon{width:64px;height:64px;color:#cbd5e1;stroke-width:1.5;margin-bottom:8px}.pto-dashboard-empty-title{font-size:16px;font-weight:600;color:#475569}.pto-dashboard-empty-text{font-size:14px;color:#94a3b8;max-width:300px}@media(max-width:1024px){.pto-dashboard-grid{grid-template-columns:1fr}.pto-dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pto-dashboard-header{padding:16px}.pto-dashboard-header-content{flex-direction:column;align-items:flex-start;gap:16px}.pto-dashboard-actions{width:100%}.pto-dashboard-btn{flex:1}.pto-dashboard-content{padding:16px}.pto-dashboard-stats,.pto-dashboard-balance-grid{grid-template-columns:1fr}.pto-dashboard-section{padding:16px}.pto-dashboard-item{flex-wrap:wrap}.pto-dashboard-item-days{margin-right:0}}.pto-approval-modal-content{display:flex;flex-direction:column;gap:var(--space-xl)}.pto-approval-employee-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-lg);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:var(--radius-md);margin-bottom:var(--space-md)}.pto-approval-employee-info{flex:1}.pto-approval-employee-name{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-inverse);margin:0 0 var(--space-xs) 0}.pto-approval-employee-title{font-size:var(--font-size-md);color:var(--text-inverse);opacity:.9;margin:0}.pto-approval-badges{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:flex-start}.pto-approval-section{padding:var(--space-md) 0}.pto-approval-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0;display:flex;align-items:center;gap:var(--space-sm)}.pto-approval-warning-icon{font-size:var(--font-size-xl)}.pto-approval-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.pto-approval-detail-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s ease}.pto-approval-detail-item:hover{border-color:var(--primary-solid);background:var(--bg-hover)}.pto-approval-detail-icon{font-size:var(--font-size-2xl);flex-shrink:0}.pto-approval-detail-content{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.pto-approval-detail-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.pto-approval-detail-value{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.pto-approval-reason-box{padding:var(--space-lg);background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-left:4px solid var(--primary-solid);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--text-primary);line-height:1.6}.pto-approval-conflicts-list{display:flex;flex-direction:column;gap:var(--space-md)}.pto-approval-conflict-item{padding:var(--space-md);background:var(--bg-primary);border:var(--border-width-medium) solid var(--warning-solid);border-left:4px solid var(--warning-solid);border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);transition:all .2s ease}.pto-approval-conflict-item:hover{background:var(--bg-hover);box-shadow:0 2px 8px #00000014}.pto-approval-conflict-employee{display:flex;flex-direction:column;gap:var(--space-xs)}.pto-approval-conflict-employee strong{font-size:var(--font-size-md);color:var(--text-primary)}.pto-approval-conflict-title{font-size:var(--font-size-sm);color:var(--text-secondary)}.pto-approval-conflict-dates{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.pto-approval-conflict-days{font-weight:600;color:var(--text-primary)}.pto-approval-other-requests-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:var(--list-height-compact);overflow-y:auto;padding:var(--space-sm);background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.pto-approval-other-request-item{padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);transition:all .2s ease}.pto-approval-other-request-item:hover{border-color:var(--primary-solid);background:var(--bg-hover)}.pto-approval-other-request-employee{display:flex;flex-direction:column;gap:var(--space-xs)}.pto-approval-other-request-employee strong{font-size:var(--font-size-md);color:var(--text-primary)}.pto-approval-other-request-title{font-size:var(--font-size-sm);color:var(--text-secondary)}.pto-approval-other-request-details{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.pto-approval-reject-section{background:var(--bg-primary);border:var(--border-width-medium) solid var(--error-solid);border-radius:var(--radius-md);padding:var(--space-lg)}.pto-approval-reject-textarea{width:100%;padding:var(--space-md);font-family:inherit;font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);resize:vertical;min-height:100px;transition:all .2s ease}.pto-approval-reject-textarea:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-alpha-10)}.pto-approval-reject-textarea::-moz-placeholder{color:var(--text-tertiary)}.pto-approval-reject-textarea::placeholder{color:var(--text-tertiary)}.pto-approval-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-lg);border-top:2px solid var(--border-light);margin-top:var(--space-md)}.pto-approval-actions-right{display:flex;gap:var(--space-md)}.pto-approval-reject-btn{color:var(--error-solid);border-color:var(--error-solid)}.pto-approval-reject-btn:hover{background:var(--error-alpha-10);border-color:var(--error-solid)}@media(max-width:768px){.pto-approval-employee-header{flex-direction:column;gap:var(--space-md)}.pto-approval-badges{width:100%}.pto-approval-details-grid{grid-template-columns:1fr}.pto-approval-conflict-item,.pto-approval-other-request-item{flex-direction:column;align-items:flex-start}.pto-approval-conflict-dates,.pto-approval-other-request-details{flex-wrap:wrap}.pto-approval-actions{flex-direction:column;gap:var(--space-sm)}.pto-approval-actions-right{width:100%;flex-direction:column}.pto-approval-actions button{width:100%}}@media(prefers-color-scheme:dark){.pto-approval-detail-item:hover,.pto-approval-conflict-item:hover,.pto-approval-other-request-item:hover{box-shadow:0 2px 12px #0000004d}}.pto-approval-other-requests-list::-webkit-scrollbar{width:8px}.pto-approval-other-requests-list::-webkit-scrollbar-track{background:transparent}.pto-approval-other-requests-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-badge)}.pto-approval-other-requests-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.loading-text{text-align:center;padding:var(--space-3xl);font-size:var(--font-size-lg);color:var(--text-secondary)}.error-message{background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error-border);color:var(--status-error);padding:var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold)}.empty-state{background:var(--bg-surface);border:var(--border-width-medium) dashed var(--border-color);border-radius:var(--radius-md);padding:var(--space-3xl);text-align:center}.empty-icon{font-size:var(--font-size-3xl);color:var(--status-success);margin-bottom:var(--space-md)}.empty-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.empty-text{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.reject-button{color:var(--status-error);border-color:var(--status-error)}.reject-button:hover{background:var(--status-error-bg)}.error-card-container{padding:var(--space-2xl);text-align:center}.error-icon-large{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg)}.error-title{color:var(--error-color);margin-bottom:var(--space-sm)}.error-message-text{color:var(--text-secondary);margin-bottom:var(--space-xl)}.button-spaced{margin-left:var(--space-sm)}.employee-subtitle{margin:var(--space-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.reason-box{padding:var(--space-md);background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--space-lg)}.reason-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.reason-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}:root{--sparko-blue: #276DF2;--sparko-green: #10b981;--sparko-red: #ef4444;--sparko-yellow: #f59e0b;--sparko-purple: #8b5cf6;--sparko-amber: #f59e0b}.pto-policy-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}.pto-policy-header{max-width:1400px;margin:32px auto;background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1d5fd9 100%);border-radius:20px;padding:40px;color:#fff;box-shadow:0 8px 24px #276df24d}.pto-policy-header h1{font-size:36px;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:16px}.pto-policy-header p{font-size:16px;opacity:.9;margin:0}.pto-policy-header-icon{width:32px;height:32px;stroke-width:2}.pto-policy-container{max-width:1400px;margin:0 auto;padding:0 32px 32px}.pto-policy-intro{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:28px;margin-bottom:32px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.pto-policy-intro h2{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 12px;display:flex;align-items:center;gap:10px}.pto-policy-intro p{font-size:15px;color:#64748b;line-height:1.6;margin:0}.pto-policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;margin-bottom:32px}@media(max-width:1024px){.pto-policy-grid{grid-template-columns:1fr}}.pto-policy-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:28px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;transition:all .2s ease;position:relative;overflow:hidden}.pto-policy-card:hover{box-shadow:0 6px 16px #0000001a,inset 0 1px #ffffffe6;transform:translateY(-2px)}.pto-policy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-light))}.pto-policy-card.vacation:before{--accent-color: var(--sparko-blue);--accent-color-light: #60a5fa}.pto-policy-card.sick:before{--accent-color: var(--sparko-green);--accent-color-light: #34d399}.pto-policy-card.personal:before{--accent-color: var(--sparko-purple);--accent-color-light: #a78bfa}.pto-policy-card.bereavement:before{--accent-color: #64748b;--accent-color-light: #94a3b8}.pto-policy-card.parental:before{--accent-color: var(--sparko-amber);--accent-color-light: #fbbf24}.pto-policy-card.unpaid:before{--accent-color: #475569;--accent-color-light: #64748b}.pto-policy-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.pto-policy-card-icon{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;background:linear-gradient(135deg,var(--icon-color),var(--icon-color-dark));box-shadow:0 2px 6px #00000026}.pto-policy-card.vacation .pto-policy-card-icon{--icon-color: var(--sparko-blue);--icon-color-dark: #1d5fd9}.pto-policy-card.sick .pto-policy-card-icon{--icon-color: var(--sparko-green);--icon-color-dark: #059669}.pto-policy-card.personal .pto-policy-card-icon{--icon-color: var(--sparko-purple);--icon-color-dark: #7c3aed}.pto-policy-card.bereavement .pto-policy-card-icon{--icon-color: #64748b;--icon-color-dark: #475569}.pto-policy-card.parental .pto-policy-card-icon{--icon-color: var(--sparko-amber);--icon-color-dark: #d97706}.pto-policy-card.unpaid .pto-policy-card-icon{--icon-color: #475569;--icon-color-dark: #334155}.pto-policy-card-icon svg{width:24px;height:24px;stroke-width:2}.pto-policy-card-title{flex:1}.pto-policy-card-title h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px}.pto-policy-card-type{font-size:13px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pto-policy-highlight{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#f1f5f9;border-radius:8px;font-size:24px;font-weight:700;color:var(--accent-color);margin-bottom:20px}.pto-policy-card.vacation .pto-policy-highlight{--accent-color: var(--sparko-blue)}.pto-policy-card.sick .pto-policy-highlight{--accent-color: var(--sparko-green)}.pto-policy-card.personal .pto-policy-highlight{--accent-color: var(--sparko-purple)}.pto-policy-card.bereavement .pto-policy-highlight{--accent-color: #64748b}.pto-policy-card.parental .pto-policy-highlight{--accent-color: var(--sparko-amber)}.pto-policy-card.unpaid .pto-policy-highlight{--accent-color: #475569}.pto-policy-highlight span{font-size:14px;font-weight:500;color:#64748b}.pto-policy-details{display:flex;flex-direction:column;gap:12px}.pto-policy-detail-row{display:flex;align-items:center;gap:12px;padding:10px;background:#f8fafc;border-radius:8px}.pto-policy-detail-icon{width:18px;height:18px;color:#64748b;flex-shrink:0;stroke-width:2}.pto-policy-detail-label{font-size:13px;color:#64748b;font-weight:500;min-width:120px}.pto-policy-detail-value{font-size:14px;color:#1e293b;font-weight:600;flex:1}.pto-policy-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#dcfce7;color:#166534;border-radius:6px;font-size:12px;font-weight:600}.pto-policy-badge.warning{background:#fef3c7;color:#92400e}.pto-policy-icon{width:24px;height:24px;stroke-width:2}.pto-policy-icon-sm{width:20px;height:20px;stroke-width:2;color:var(--sparko-blue)}.pto-policy-actions{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap}@media(max-width:768px){.pto-policy-header{margin:24px 16px;padding:32px 24px;border-radius:16px}.pto-policy-header h1{font-size:28px}.pto-policy-container{padding:0 16px 24px}.pto-policy-grid{grid-template-columns:1fr;gap:20px}.pto-policy-card{padding:24px}.pto-policy-detail-label{min-width:100px;font-size:12px}.pto-policy-detail-value{font-size:13px}.pto-policy-actions{flex-direction:column;gap:12px}.pto-policy-actions button{width:100%}}@media(max-width:480px){.pto-policy-header h1{font-size:24px;gap:12px}.pto-policy-header-icon{width:24px;height:24px}.pto-policy-card-icon{width:40px;height:40px;min-width:40px}.pto-policy-card-icon svg{width:20px;height:20px}.pto-policy-card-title h3{font-size:18px}.pto-policy-highlight{font-size:20px}}.time-leave-calendar-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px}.time-leave-calendar-container{max-width:1400px;margin:0 auto;padding:40px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1d5fd9 100%);border-radius:24px;box-shadow:0 8px 32px #276df24d;position:relative;overflow:hidden}.time-leave-calendar-container:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.time-leave-calendar-header{position:relative;z-index:1;margin-bottom:32px}.time-leave-calendar-header-content{position:relative}.time-leave-calendar-title{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.time-leave-calendar-subtitle{color:#ffffffe6;font-size:16px;margin:0}.time-leave-calendar-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;z-index:1;gap:16px}.time-leave-calendar-month-nav{display:flex;align-items:center;gap:24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.time-leave-calendar-nav-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.time-leave-calendar-nav-btn:hover{background:#ffffff4d;transform:scale(1.1)}.time-leave-calendar-current-month{font-size:18px;font-weight:600;color:#fff;min-width:180px;text-align:center}.time-leave-calendar-filters{display:flex;gap:20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.time-leave-calendar-filter-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;color:#fff;transition:all .2s}.time-leave-calendar-filter-label:hover{opacity:.9}.time-leave-calendar-filter-checkbox{width:18px;height:18px;cursor:pointer;accent-color:white;border:2px solid rgba(255,255,255,.5);border-radius:4px}.time-leave-calendar-legend{display:flex;gap:24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.time-leave-calendar-legend-item{display:flex;align-items:center;gap:8px}.time-leave-calendar-legend-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px #ffffff80}.time-leave-calendar-legend-dot.holiday{background:var(--sparko-red, #ef4444)}.time-leave-calendar-legend-dot.absence{background:#fff}.time-leave-calendar-legend-dot.multiple{background:var(--sparko-purple, #8b5cf6)}.time-leave-calendar-legend-label{font-size:13px;font-weight:500;color:#fff}.time-leave-calendar-wrapper{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.5);position:relative;z-index:1;margin-bottom:24px}.time-leave-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.time-leave-calendar-day-header{padding:12px;text-align:center;font-weight:600;color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.time-leave-calendar-day-cell{background:#fff;min-height:110px;padding:12px;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s;cursor:pointer;position:relative}.time-leave-calendar-day-cell:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--sparko-blue, #276DF2)}.time-leave-calendar-day-cell.other-month{background:#f8fafc;opacity:.6}.time-leave-calendar-day-cell.today{background:linear-gradient(135deg,var(--sparko-blue, #276DF2),#1d5fd9);color:#fff;box-shadow:0 4px 12px #276df24d}.time-leave-calendar-day-cell.today .time-leave-calendar-day-number{color:#fff}.time-leave-calendar-day-cell.has-holiday{border:2px solid var(--sparko-red, #ef4444);background:#fef2f2}.time-leave-calendar-day-cell.has-absence{border:2px solid var(--sparko-blue, #276DF2);background:#eff6ff}.time-leave-calendar-day-cell.multiple-absences{border:2px solid var(--sparko-purple, #8b5cf6);background:#faf5ff}.time-leave-calendar-day-number{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:8px}.time-leave-calendar-holiday-badge{display:inline-block;padding:3px 8px;background:var(--sparko-red, #ef4444);color:#fff;border-radius:6px;font-size:10px;font-weight:600;margin-bottom:4px}.time-leave-calendar-absences{display:flex;flex-direction:column;gap:3px}.time-leave-calendar-absence{padding:4px 6px;background:#276df21a;border-radius:4px;font-size:11px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-leave-calendar-more-badge{display:inline-block;padding:3px 8px;background:var(--sparko-purple, #8b5cf6);color:#fff;border-radius:6px;font-size:10px;font-weight:600;margin-top:4px}.time-leave-calendar-upcoming{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.5);position:relative;z-index:1}.time-leave-calendar-upcoming-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 20px}.time-leave-calendar-upcoming-list{display:flex;flex-direction:column;gap:6px}.time-leave-calendar-upcoming-item{display:grid;grid-template-columns:100px 1fr 150px 100px;gap:16px;padding:14px;border-radius:10px;transition:all .2s;background:#fff;border:1px solid #e2e8f0}.time-leave-calendar-upcoming-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014;border-color:var(--sparko-blue, #276DF2)}.time-leave-calendar-upcoming-date{font-weight:600;color:var(--sparko-blue, #276DF2);font-size:14px}.time-leave-calendar-upcoming-name{font-weight:600;color:#1e293b;font-size:14px}.time-leave-calendar-upcoming-type{color:#64748b;text-transform:capitalize;font-size:14px}.time-leave-calendar-upcoming-duration{color:#64748b;text-align:right;font-size:14px}.time-leave-calendar-loading{text-align:center;padding:60px 20px;font-size:16px;color:#64748b}.time-leave-calendar-error{background:#fef2f2;border:2px solid var(--sparko-red, #ef4444);color:#991b1b;padding:16px 20px;border-radius:12px;font-weight:600;max-width:600px;margin:40px auto}.time-leave-calendar-empty{text-align:center;padding:40px 20px;color:#64748b;font-size:14px;font-style:italic}@media(max-width:1024px){.time-leave-calendar-upcoming-item{grid-template-columns:1fr;gap:8px}.time-leave-calendar-upcoming-duration{text-align:left}.time-leave-calendar-controls{flex-direction:column;align-items:stretch}.time-leave-calendar-filters,.time-leave-calendar-legend{justify-content:center;flex-wrap:wrap}}@media(max-width:768px){.time-leave-calendar-container{padding:20px}.time-leave-calendar-title{font-size:24px}.time-leave-calendar-subtitle{font-size:14px}.time-leave-calendar-day-cell{min-height:80px;padding:8px;font-size:12px}.time-leave-calendar-day-number{font-size:14px}.time-leave-calendar-holiday-badge,.time-leave-calendar-absence,.time-leave-calendar-more-badge{font-size:9px;padding:2px 6px}.time-leave-calendar-grid{gap:4px}.time-leave-calendar-current-month{font-size:16px;min-width:140px}.time-leave-calendar-container:before{width:300px;height:300px}}@media(max-width:480px){.time-leave-calendar-page{padding:12px}.time-leave-calendar-container{padding:16px}.time-leave-calendar-day-cell{min-height:70px;padding:6px}.time-leave-calendar-month-nav{padding:8px 16px;gap:16px}.time-leave-calendar-legend{padding:8px 12px;gap:12px}}.holiday-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0}.holiday-loading,.holiday-error{text-align:center;padding:48px;font-size:16px;color:#64748b}.holiday-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;margin:32px;border-radius:12px;font-weight:600}.holiday-header{background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1d5fd9 100%);padding:32px;margin-bottom:32px;color:#fff;box-shadow:0 4px 16px #276df233}.holiday-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.holiday-header-left h1{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff}.holiday-header-left p{font-size:15px;margin:0;opacity:.9}.holiday-header-actions{display:flex;gap:12px}.holiday-btn{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.holiday-btn-primary{background:#fff;color:var(--sparko-blue, #276DF2);border:1px solid white}.holiday-btn-primary:hover{background:#f8fafc;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.holiday-btn-outline{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.holiday-btn-outline:hover{background:#fff3;transform:translateY(-1px)}.holiday-content{max-width:1400px;margin:0 auto;padding:0 32px 32px}.holiday-year-selector{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:32px;background:linear-gradient(135deg,#fff,#f8fafc);padding:20px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.holiday-year-btn{width:40px;height:40px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.holiday-year-btn:hover{border-color:var(--sparko-blue, #276DF2);color:var(--sparko-blue, #276DF2);background:#f8fafc}.holiday-year-display{font-size:24px;font-weight:700;color:#1e293b;min-width:100px;text-align:center}.holiday-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.holiday-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;display:flex;align-items:center;gap:16px;transition:all .2s ease}.holiday-stat-card:hover{box-shadow:0 4px 12px #00000014,inset 0 1px #ffffffe6;transform:translateY(-1px)}.holiday-stat-icon{width:20px;height:20px;flex-shrink:0}.holiday-stat-icon.blue{color:var(--sparko-blue, #276DF2)}.holiday-stat-icon.green{color:var(--sparko-green, #10b981)}.holiday-stat-icon.purple{color:var(--sparko-purple, #8b5cf6)}.holiday-stat-content{flex:1}.holiday-stat-value{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.holiday-stat-label{font-size:14px;color:#64748b;margin:0}.holiday-list{display:grid;gap:16px}.holiday-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:20px 24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;display:flex;align-items:center;gap:20px;transition:all .2s ease}.holiday-card:hover{box-shadow:0 4px 12px #00000014,inset 0 1px #ffffffe6;transform:translate(2px)}.holiday-date{min-width:80px;text-align:center;flex-shrink:0}.holiday-date-month{font-size:12px;text-transform:uppercase;color:#64748b;font-weight:600;margin-bottom:4px}.holiday-date-day{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.holiday-date-weekday{font-size:12px;color:#94a3b8;margin-top:4px}.holiday-divider{width:1px;height:60px;background:linear-gradient(to bottom,transparent,#e2e8f0,transparent);flex-shrink:0}.holiday-card-content{flex:1;min-width:0}.holiday-name{font-size:17px;font-weight:600;color:#1e293b;margin-bottom:8px}.holiday-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.holiday-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.holiday-meta-item svg{width:16px;height:16px;color:#94a3b8;flex-shrink:0}.holiday-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.holiday-badge.upcoming{background:#e0f2fe;color:#0284c7}.holiday-badge.past{background:#f1f5f9;color:#64748b}.holiday-badge.observed{background:#dcfce7;color:#16a34a}.holiday-badge.not-observed{background:#fee2e2;color:#dc2626}.holiday-badge.recurring{background:#f3e8ff;color:#9333ea}.holiday-actions{display:flex;gap:8px;flex-shrink:0}.holiday-action-btn{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#64748b;white-space:nowrap}.holiday-action-btn:hover{border-color:var(--sparko-blue, #276DF2);color:var(--sparko-blue, #276DF2);background:#f8fafc}.holiday-action-btn.danger:hover{border-color:var(--sparko-red, #ef4444);color:var(--sparko-red, #ef4444);background:#fef2f2}.holiday-empty{background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #e2e8f0;border-radius:16px;padding:64px 32px;text-align:center;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.holiday-empty-icon{margin-bottom:20px}.holiday-empty-icon-svg{width:64px;height:64px;color:#cbd5e1;margin:0 auto}.holiday-empty-title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:8px}.holiday-empty-description{font-size:15px;color:#64748b;max-width:500px;margin:0 auto;line-height:1.6}.holiday-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.holiday-modal-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:80vh;overflow:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.holiday-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #e2e8f0}.holiday-modal-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.holiday-modal-close{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.holiday-modal-close:hover{color:#1e293b;background:#f1f5f9}.holiday-modal-body{padding:24px}.holiday-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.holiday-country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.holiday-country-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000a}.holiday-country-card:hover{border-color:var(--sparko-blue, #276DF2);transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.holiday-country-flag{font-size:48px;margin-bottom:12px}.holiday-country-name{font-weight:600;color:#1e293b;margin-bottom:4px;font-size:14px}.holiday-country-code{font-size:12px;color:#64748b}.holiday-form{display:flex;flex-direction:column;gap:20px}.holiday-form-group{display:flex;flex-direction:column}.holiday-form-label{font-size:14px;font-weight:600;color:#334155;margin-bottom:8px}.holiday-form-input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;background:#fff;transition:all .2s ease;color:#1e293b}.holiday-form-input:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df21a}.holiday-checkbox-group{display:flex;align-items:center;gap:10px}.holiday-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--sparko-blue, #276DF2)}.holiday-checkbox-label{font-size:14px;color:#334155;cursor:pointer}@media(max-width:768px){.holiday-header-content{flex-direction:column;align-items:flex-start}.holiday-header-actions{width:100%;flex-direction:column}.holiday-btn{width:100%;justify-content:center}.holiday-content{padding:0 20px 20px}.holiday-stats{grid-template-columns:1fr}.holiday-card{flex-wrap:wrap;padding:16px}.holiday-divider{display:none}.holiday-date{min-width:60px}.holiday-date-day{font-size:28px}.holiday-card-content{width:100%}.holiday-actions{width:100%;flex-direction:column}.holiday-action-btn{width:100%;text-align:center}.holiday-country-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.holiday-year-selector{gap:20px;padding:16px}.holiday-year-display{font-size:20px;min-width:80px}}@media(max-width:480px){.holiday-header{padding:24px 20px}.holiday-header-left h1{font-size:24px}.holiday-modal-overlay{padding:0}.holiday-modal-content{max-height:100vh;border-radius:0}}.timesheet-page *{box-sizing:border-box}.timesheet-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.timesheet-hero{background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,#1d5fd9 100%);padding:40px 32px;color:#fff;box-shadow:0 8px 24px #276df24d}.timesheet-hero-content{max-width:1400px;margin:0 auto}.timesheet-hero-title{font-size:32px;font-weight:700;margin:0 0 8px}.timesheet-hero-subtitle{font-size:16px;margin:0;opacity:.9}.timesheet-content{max-width:1400px;margin:0 auto;padding:32px}.timesheet-loading,.timesheet-error{text-align:center;padding:80px 40px;color:#64748b;font-size:16px}.timesheet-error{color:var(--sparko-red);background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:32px}.timesheet-icon{width:24px;height:24px;stroke:currentColor;flex-shrink:0}.timesheet-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.timesheet-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;display:flex;align-items:center;gap:20px;transition:all .2s ease}.timesheet-stat-card:hover{box-shadow:0 4px 12px #00000014,inset 0 1px #ffffffe6;transform:translateY(-2px)}.timesheet-stat-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;transition:all .2s ease}.timesheet-stat-icon-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.timesheet-stat-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669);box-shadow:0 2px 4px #10b98133,inset 0 1px #fff3}.timesheet-stat-icon-amber{background:linear-gradient(135deg,var(--sparko-amber),#d97706);box-shadow:0 2px 4px #f59e0b33,inset 0 1px #fff3}.timesheet-stat-content{flex:1}.timesheet-stat-label{font-size:14px;color:#64748b;font-weight:500;margin:0 0 4px}.timesheet-stat-value{font-size:28px;font-weight:700;color:#1e293b;margin:0}.timesheet-clock-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;margin-bottom:32px}.timesheet-clock-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.timesheet-clock-info{display:flex;align-items:center;gap:20px;flex:1}.timesheet-clock-status-indicator{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-green),#059669);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 8px #10b9814d;flex-shrink:0}.timesheet-clock-status-indicator-inactive{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 4px 8px #64748b4d}.timesheet-clock-status-indicator svg{width:32px;height:32px}.timesheet-clock-details{display:flex;flex-direction:column;gap:4px}.timesheet-clock-status-text{font-size:18px;font-weight:700;color:#1e293b}.timesheet-clock-time{font-size:14px;color:#64748b}.timesheet-clock-action{display:flex;gap:12px;align-items:center}.timesheet-break-input{display:flex;align-items:center;gap:8px}.timesheet-break-input label{font-size:14px;color:#64748b;font-weight:500}.timesheet-break-input-field{width:80px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;background:#fff;transition:all .2s ease}.timesheet-break-input-field:focus{outline:none;border-color:var(--sparko-blue);box-shadow:0 0 0 3px #276df21a}.timesheet-clock-button{padding:12px 32px;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;color:#fff}.timesheet-clock-button-success{background:linear-gradient(135deg,var(--sparko-green),#059669);box-shadow:0 2px 4px #10b98133}.timesheet-clock-button-success:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.timesheet-clock-button-danger{background:linear-gradient(135deg,var(--sparko-red),#dc2626);box-shadow:0 2px 4px #ef444433}.timesheet-clock-button-danger:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.timesheet-section{margin-top:32px}.timesheet-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.timesheet-section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.timesheet-submit-button{padding:10px 24px;background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #276df233}.timesheet-submit-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #276df24d}.timesheet-empty-state{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:60px 40px;text-align:center}.timesheet-empty-icon{width:64px;height:64px;color:#cbd5e1;margin:0 auto 16px}.timesheet-empty-title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.timesheet-empty-description{font-size:14px;color:#64748b}.timesheet-entries-list{display:flex;flex-direction:column;gap:12px}.timesheet-entry-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;display:flex;align-items:center;gap:20px;transition:all .2s ease}.timesheet-entry-card:hover{box-shadow:0 4px 12px #00000014,inset 0 1px #ffffffe6;transform:translate(2px)}.timesheet-entry-date{display:flex;align-items:center;gap:12px;min-width:120px}.timesheet-entry-day-badge{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--sparko-blue),#1d5fd9);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.timesheet-entry-date-text{font-size:14px;font-weight:600;color:#1e293b}.timesheet-entry-details{flex:1;display:flex;align-items:center;gap:32px}.timesheet-entry-detail{display:flex;flex-direction:column;gap:4px}.timesheet-entry-detail-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.timesheet-entry-detail-value{font-size:14px;font-weight:600;color:#1e293b}.timesheet-entry-hours{font-size:18px;font-weight:700;color:var(--sparko-blue)}.timesheet-entry-hours-overtime{color:var(--sparko-amber)}.timesheet-overtime-badge{font-size:12px;color:var(--sparko-amber)}.timesheet-entry-status{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.timesheet-entry-status-draft{background:#f1f5f9;color:#64748b}.timesheet-entry-status-submitted{background:#fef3c7;color:#d97706}.timesheet-entry-status-approved{background:#dcfce7;color:#16a34a}.timesheet-entry-status-rejected{background:#fee2e2;color:#dc2626}@media(max-width:768px){.timesheet-hero{padding:24px 16px}.timesheet-hero-title{font-size:24px}.timesheet-hero-subtitle{font-size:14px}.timesheet-content{padding:16px}.timesheet-stats-grid{grid-template-columns:1fr;gap:16px}.timesheet-clock-content{flex-direction:column;align-items:stretch}.timesheet-clock-action{flex-direction:column;width:100%}.timesheet-clock-button{width:100%}.timesheet-break-input{justify-content:space-between}.timesheet-entry-card{flex-direction:column;align-items:flex-start}.timesheet-entry-details{flex-direction:column;gap:12px;width:100%}.timesheet-entry-detail{width:100%}}.payroll-dashboard-page *{box-sizing:border-box}.payroll-dashboard-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.payroll-dashboard-header{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-bottom:1px solid rgba(0,0,0,.08);padding:var(--space-xl) var(--space-2xl);box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.payroll-dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.payroll-dashboard-header-left{display:flex;align-items:center;gap:var(--space-lg)}.payroll-dashboard-header-icon{width:32px;height:32px;color:var(--status-success);flex-shrink:0}.payroll-dashboard-header-icon svg{width:32px;height:32px;stroke:var(--status-success)}.payroll-dashboard-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.payroll-dashboard-subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.payroll-dashboard-content{max-width:1400px;margin:0 auto;padding:var(--space-2xl)}.payroll-dashboard-loading{text-align:center;padding:80px 40px;color:var(--text-secondary);font-size:16px}.payroll-dashboard-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.payroll-dashboard-icon-sm{width:14px;height:14px;stroke:currentColor;flex-shrink:0}.payroll-dashboard-icon-green{color:var(--status-success)}.payroll-dashboard-icon-blue{color:var(--primary-solid)}.payroll-dashboard-icon-amber{color:var(--status-warning)}.payroll-dashboard-icon-red{color:var(--status-error)}.payroll-dashboard-icon-purple{color:#8b5cf6}.payroll-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.payroll-dashboard-stat{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex!important;flex-direction:row!important;align-items:center!important;gap:var(--space-lg);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.payroll-dashboard-stat:hover{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc}.payroll-dashboard-stat-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.payroll-dashboard-stat-icon-green{background:linear-gradient(135deg,var(--status-success),var(--status-success-hover))}.payroll-dashboard-stat-icon-blue{background:linear-gradient(135deg,var(--primary-solid),var(--primary-hover))}.payroll-dashboard-stat-icon-amber{background:linear-gradient(135deg,var(--status-warning),var(--status-warning-hover))}.payroll-dashboard-stat-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.payroll-dashboard-stat-icon svg{width:24px;height:24px;stroke:#fff}.payroll-dashboard-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.payroll-dashboard-stat-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1}.payroll-dashboard-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.payroll-dashboard-stat-trend{font-size:12px;color:var(--text-secondary);font-weight:500}.payroll-dashboard-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap}.payroll-dashboard-action{padding:10px 20px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-sm);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.payroll-dashboard-action:hover{border-color:var(--primary-solid);color:var(--primary-solid);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.payroll-dashboard-action-primary{background:linear-gradient(135deg,var(--status-success),var(--status-success-hover));color:#fff;border-color:var(--status-success)}.payroll-dashboard-action-primary:hover{background:linear-gradient(135deg,var(--status-success-hover),var(--status-success-dark));color:#fff;box-shadow:0 4px 12px #10b9814d,inset 0 1px #fff3}.payroll-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.payroll-dashboard-section{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl);display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.payroll-dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.payroll-dashboard-section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.payroll-dashboard-view-all{background:none;border:none;color:var(--primary-solid);font-weight:600;cursor:pointer;font-size:13px;transition:all .2s ease;padding:var(--space-xs) 8px;border-radius:var(--radius-badge)}.payroll-dashboard-view-all:hover{background:var(--primary-surface);text-decoration:none}.payroll-dashboard-list{display:flex;flex-direction:column;gap:1px;background:var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;margin-bottom:var(--space-lg)}.payroll-dashboard-item{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);border-left:4px solid transparent;transition:all .2s ease;cursor:pointer}.payroll-dashboard-item:hover{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);border-left-color:var(--status-success);transform:translate(2px)}.payroll-dashboard-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.payroll-dashboard-item-name{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payroll-dashboard-item-detail{font-size:13px;color:var(--text-secondary);line-height:1.4}.payroll-dashboard-item-amount{font-size:16px;font-weight:700;color:var(--text-primary);min-width:100px;text-align:right;flex-shrink:0}.payroll-dashboard-badge{padding:var(--space-xs) 10px;border-radius:var(--radius-badge);font-size:12px;font-weight:600;white-space:nowrap;text-transform:capitalize;min-width:110px;text-align:center;flex-shrink:0}.payroll-dashboard-badge-success{background:var(--status-success-bg);color:var(--status-success-dark)}.payroll-dashboard-badge-warning{background:var(--status-warning-bg);color:var(--status-warning-dark)}.payroll-dashboard-badge-error{background:var(--status-error-bg);color:var(--status-error-dark)}.payroll-dashboard-badge-draft{background:var(--border-color);color:var(--text-secondary)}.payroll-dashboard-empty{text-align:center;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.payroll-dashboard-empty-icon{width:48px!important;height:48px!important;color:var(--text-tertiary);stroke-width:1.5;margin-bottom:var(--space-sm)}.payroll-dashboard-empty-title{font-size:16px;font-weight:600;color:var(--text-secondary)}.payroll-dashboard-empty-text{font-size:14px;color:var(--text-tertiary);max-width:300px}.payroll-dashboard-schedule{padding:20px 0}.payroll-dashboard-schedule-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.payroll-dashboard-schedule-name{font-size:16px;font-weight:600;color:var(--text-primary)}.payroll-dashboard-schedule-badge{padding:var(--space-xs) 8px;background:var(--status-info-bg);color:var(--status-info-dark);border-radius:var(--radius-badge);font-size:11px;font-weight:600}.payroll-dashboard-periods{display:flex;flex-direction:column;gap:var(--space-md)}.payroll-dashboard-period{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-md);display:flex;gap:var(--space-md);align-items:center}.payroll-dashboard-period-number{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-solid),var(--primary-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.payroll-dashboard-period-dates{flex:1;display:flex;flex-direction:column;gap:2px}.payroll-dashboard-period-label{font-size:11px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.payroll-dashboard-period-value{font-size:13px;color:var(--text-primary);font-weight:600}.payroll-dashboard-period-payment{color:var(--status-success)}@media(max-width:1200px){.payroll-dashboard-grid{grid-template-columns:1fr}.payroll-dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.payroll-dashboard-header,.payroll-dashboard-content{padding:var(--space-lg)}.payroll-dashboard-stats{grid-template-columns:1fr}.payroll-dashboard-actions{flex-direction:column}.payroll-dashboard-action{width:100%;justify-content:center}.payroll-dashboard-section{padding:var(--space-lg)}.payroll-dashboard-item{flex-wrap:wrap}.payroll-dashboard-item-amount{min-width:auto;text-align:left}.payroll-dashboard-badge{min-width:auto}}.payroll-create-page *{box-sizing:border-box}.payroll-create-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);padding:var(--space-2xl);font-family:Inter,system-ui,-apple-system,sans-serif}.payroll-create-header{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.payroll-create-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.payroll-create-header p{font-size:14px;color:var(--text-secondary);margin:0}.payroll-create-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:var(--space-md) 16px;margin-bottom:var(--space-xl);color:var(--status-error);font-size:14px;display:flex;align-items:center;gap:var(--space-sm)}.payroll-create-section{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;margin-bottom:var(--space-xl)}.payroll-create-section-header{display:flex;align-items:center;gap:var(--space-md);padding:20px 24px;border-bottom:2px solid #e2e8f0;background:var(--bg-primary)}.payroll-create-section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.payroll-create-section-icon-blue{background:linear-gradient(135deg,var(--primary-solid),#1e5fd8)}.payroll-create-section-icon-green{background:linear-gradient(135deg,var(--status-success),#059669)}.payroll-create-section-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.payroll-create-section-icon svg{width:20px;height:20px}.payroll-create-section-title{font-size:18px;font-weight:600;color:var(--text-primary)}.payroll-create-section-body{padding:28px}.payroll-create-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.payroll-create-fields-grid-three{grid-template-columns:repeat(3,1fr)}.payroll-create-fields-grid-spaced{margin-top:20px}.payroll-create-field-full{grid-column:1 / -1}.payroll-create-field{display:flex;flex-direction:column;gap:var(--space-sm)}.payroll-create-field label{font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.payroll-create-required{color:var(--status-error)}.payroll-create-field input,.payroll-create-field select{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;font-size:14px;color:var(--text-primary);font-family:inherit;transition:all .2s}.payroll-create-field input:focus,.payroll-create-field select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px #276df21a}.payroll-create-help-text{font-size:12px;color:var(--text-secondary)}.payroll-create-select-all-row{display:flex;align-items:center;gap:10px;padding:14px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);border:1px solid var(--border-color)}.payroll-create-select-all-row input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-solid)}.payroll-create-select-all-label{font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer}.payroll-create-employee-list{max-height:400px;overflow-y:auto;padding:var(--space-sm);background:var(--bg-primary);border-radius:10px;border:1px solid var(--border-color)}.payroll-create-employee-item{display:flex;align-items:center;gap:var(--space-md);padding:14px;margin-bottom:var(--space-sm);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.payroll-create-employee-item:hover{border-color:var(--primary-solid);transform:translate(2px);box-shadow:0 2px 6px #00000014}.payroll-create-employee-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-solid);flex-shrink:0}.payroll-create-employee-info{flex:1;cursor:pointer}.payroll-create-employee-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.payroll-create-employee-details{font-size:13px;color:var(--text-secondary)}.payroll-create-selection-count{margin-top:12px;font-size:13px;font-weight:600;color:var(--text-secondary)}.payroll-create-empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-secondary);font-size:14px}.payroll-create-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:32px}.payroll-create-btn{padding:var(--space-md) 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--border-color);display:flex;align-items:center;gap:var(--space-sm);font-family:inherit}.payroll-create-btn:disabled{opacity:.5;cursor:not-allowed}.payroll-create-btn-outline{background:#fff;color:var(--text-secondary)}.payroll-create-btn-outline:hover:not(:disabled){background:var(--bg-primary);border-color:var(--border-color)}.payroll-create-btn-primary{background:linear-gradient(135deg,var(--primary-solid),#1e5fd8);color:#fff;border-color:var(--primary-solid)}.payroll-create-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e5fd8,#1854c4);box-shadow:0 4px 12px #276df24d}.payroll-create-preview-section{background:linear-gradient(135deg,var(--primary-solid) 0%,#1d5fd9 100%);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-top:32px;box-shadow:0 8px 24px #276df24d;position:relative;overflow:hidden}.payroll-create-preview-section:before{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.payroll-create-preview-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;position:relative;display:flex;align-items:center;gap:10px}.payroll-create-preview-title svg{width:20px;height:20px}.payroll-create-preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);position:relative}.payroll-create-preview-stat{background:#fffffff2;border-radius:var(--radius-md);padding:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.payroll-create-preview-stat-label{font-size:13px;color:var(--text-secondary);font-weight:500;margin-bottom:var(--space-sm)}.payroll-create-preview-stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}@media(max-width:768px){.payroll-create-page{padding:var(--space-lg)}.payroll-create-header{padding:var(--space-xl)}.payroll-create-header h1{font-size:24px}.payroll-create-section-body{padding:20px}.payroll-create-fields-grid,.payroll-create-fields-grid-three{grid-template-columns:1fr}.payroll-create-preview-stats{grid-template-columns:repeat(2,1fr)}.payroll-create-actions{flex-direction:column}.payroll-create-btn{width:100%;justify-content:center}.payroll-create-employee-list{max-height:300px}}.payroll-analytics-page *{box-sizing:border-box}.payroll-analytics-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.payroll-analytics-header{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-bottom:1px solid rgba(0,0,0,.08);padding:var(--space-xl) var(--space-2xl);box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.payroll-analytics-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.payroll-analytics-header-left{display:flex;align-items:center;gap:var(--space-lg)}.payroll-analytics-header-icon{width:32px;height:32px;color:#8b5cf6;flex-shrink:0}.payroll-analytics-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.payroll-analytics-subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.payroll-analytics-content{max-width:1400px;margin:0 auto;padding:var(--space-2xl)}.payroll-analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.payroll-analytics-stat{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:var(--space-lg);transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.payroll-analytics-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc}.payroll-analytics-stat-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.payroll-analytics-stat-icon-red{background:linear-gradient(135deg,var(--status-error),#dc2626)}.payroll-analytics-stat-icon-amber{background:linear-gradient(135deg,var(--status-warning),#d97706)}.payroll-analytics-stat-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.payroll-analytics-stat-icon-green{background:linear-gradient(135deg,var(--status-success),#059669)}.payroll-analytics-stat-content{flex:1}.payroll-analytics-stat-label{font-size:14px;color:var(--text-secondary);font-weight:500;margin:0 0 4px}.payroll-analytics-stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 2px}.payroll-analytics-stat-trend{font-size:12px;color:var(--text-tertiary)}.payroll-analytics-tabs{display:flex;gap:var(--space-sm);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px;margin-bottom:var(--space-xl);box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.payroll-analytics-tab{padding:10px 20px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-sm)}.payroll-analytics-tab:hover{background:#276df214;color:var(--primary-solid)}.payroll-analytics-tab.active{background:linear-gradient(135deg,var(--primary-solid),#1e5fd8);color:#fff;box-shadow:0 2px 4px #276df24d}.payroll-analytics-card{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;overflow:hidden}.payroll-analytics-card-header{padding:var(--space-xl) 24px 16px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.payroll-analytics-card-title{font-size:18px;font-weight:700;color:var(--text-primary)}.payroll-analytics-card-actions{display:flex;gap:var(--space-md)}.payroll-analytics-button{padding:10px 20px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);color:var(--text-primary);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-sm);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.payroll-analytics-button:hover:not(:disabled){border-color:var(--primary-solid);color:var(--primary-solid);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.payroll-analytics-button:disabled{opacity:.5;cursor:not-allowed}.payroll-analytics-button-primary{background:linear-gradient(135deg,var(--primary-solid),#1e5fd8);color:#fff;border-color:var(--primary-solid)}.payroll-analytics-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e5fd8,#1854c4);box-shadow:0 4px 12px #276df24d,inset 0 1px #fff3}.payroll-analytics-card-body{padding:var(--space-xl)}.payroll-analytics-loading{text-align:center;padding:60px 40px;font-size:16px;color:var(--text-secondary)}.payroll-analytics-empty{text-align:center;padding:60px 40px;color:var(--text-secondary)}.payroll-analytics-empty-icon{width:64px;height:64px;margin:0 auto 16px;color:#cbd5e1}.payroll-analytics-empty-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.payroll-analytics-empty-desc{font-size:14px;color:var(--text-secondary);margin:0}.payroll-analytics-anomaly{border-radius:var(--radius-md);padding:20px;margin-bottom:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-lg);border:1px solid;transition:all .2s ease}.payroll-analytics-anomaly:hover{transform:translate(4px)}.payroll-analytics-anomaly:last-child{margin-bottom:0}.payroll-analytics-anomaly-high{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.payroll-analytics-anomaly-medium{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.payroll-analytics-anomaly-low{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.payroll-analytics-anomaly-icon{width:24px;height:24px;flex-shrink:0}.payroll-analytics-anomaly-icon-high{color:var(--status-error)}.payroll-analytics-anomaly-icon-medium{color:var(--status-warning)}.payroll-analytics-anomaly-icon-low{color:var(--primary-solid)}.payroll-analytics-anomaly-content{flex:1}.payroll-analytics-anomaly-title{font-size:16px;font-weight:700;margin-bottom:4px}.payroll-analytics-anomaly-title-high{color:var(--status-error)}.payroll-analytics-anomaly-title-medium{color:var(--status-warning)}.payroll-analytics-anomaly-title-low{color:var(--primary-solid)}.payroll-analytics-anomaly-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.payroll-analytics-anomaly-desc{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-sm)}.payroll-analytics-anomaly-meta{font-size:13px;color:var(--text-secondary);margin-top:8px}.payroll-analytics-anomaly-rec{font-size:13px;color:var(--text-secondary);font-style:italic;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.payroll-analytics-forecast-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:20px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);border-radius:var(--radius-md);border:1px solid var(--border-color)}.payroll-analytics-forecast-stat{text-align:center}.payroll-analytics-forecast-stat-label{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.payroll-analytics-forecast-stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.payroll-analytics-forecast-chart{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-md);padding:var(--space-xl);border:1px solid var(--border-color);margin-bottom:var(--space-xl)}.payroll-analytics-chart-bar{display:flex;align-items:center;margin-bottom:var(--space-lg)}.payroll-analytics-chart-bar:last-child{margin-bottom:0}.payroll-analytics-chart-label{width:120px;font-size:13px;font-weight:600;color:var(--text-secondary)}.payroll-analytics-chart-bar-wrapper{flex:1;background:var(--surface-tertiary);border-radius:var(--radius-badge);height:32px;position:relative;overflow:hidden}.payroll-analytics-chart-bar-fill{background:linear-gradient(135deg,#8b5cf6,#7c3aed);height:100%;border-radius:var(--radius-badge);display:flex;align-items:center;justify-content:flex-end;padding-right:12px;color:#fff;font-size:13px;font-weight:600;transition:width .5s ease}.payroll-analytics-forecast-assumptions{padding:20px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);border-radius:var(--radius-md);border:1px solid var(--border-color)}.payroll-analytics-forecast-assumptions h3{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.payroll-analytics-forecast-assumptions ul{list-style:none;padding:0;margin:0}.payroll-analytics-forecast-assumptions li{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-sm);padding-left:20px;position:relative}.payroll-analytics-forecast-assumptions li:last-child{margin-bottom:0}.payroll-analytics-forecast-assumptions li:before{content:"•";position:absolute;left:8px;color:#8b5cf6;font-weight:700}.payroll-analytics-compliance-result{border-radius:var(--radius-lg);padding:40px;margin-bottom:var(--space-2xl);text-align:center;border:2px solid}.payroll-analytics-compliance-result-low{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.payroll-analytics-compliance-result-medium{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.payroll-analytics-compliance-icon{width:64px;height:64px;margin:0 auto 16px;color:var(--status-success)}.payroll-analytics-compliance-result-medium .payroll-analytics-compliance-icon{color:var(--status-warning)}.payroll-analytics-compliance-risk{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.payroll-analytics-compliance-score{font-size:16px;color:var(--text-secondary)}.payroll-analytics-violations-section h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px}@media(max-width:1024px){.payroll-analytics-stats{grid-template-columns:repeat(2,1fr)}.payroll-analytics-forecast-summary{grid-template-columns:1fr}}@media(max-width:640px){.payroll-analytics-stats{grid-template-columns:1fr}.payroll-analytics-tabs{flex-direction:column}.payroll-analytics-chart-label{width:80px;font-size:11px}.payroll-analytics-header{padding:var(--space-lg) 20px}.payroll-analytics-content{padding:20px}.payroll-analytics-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.submit-expense-page *{box-sizing:border-box}.submit-expense-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:32px;font-family:Inter,system-ui,-apple-system,sans-serif}.submit-expense-header{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:32px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.submit-expense-header-left{max-width:100%}.submit-expense-header-left h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.submit-expense-header-left p{font-size:14px;color:#64748b;margin:0}.submit-expense-button{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d;font-size:14px}.submit-expense-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.submit-expense-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-expense-button-primary{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;border-color:var(--sparko-blue)}.submit-expense-button-primary:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);box-shadow:0 4px 12px #276df24d}.submit-expense-button-primary:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);border-color:#94a3b8}.submit-expense-form{display:flex;flex-direction:column;gap:24px}.submit-expense-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.submit-expense-section-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:2px solid #e2e8f0;background:#f8fafc}.submit-expense-section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.submit-expense-section-icon-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8)}.submit-expense-section-icon-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed)}.submit-expense-section-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669)}.submit-expense-section-title{font-size:18px;font-weight:600;color:#1e293b}.submit-expense-section-body{padding:24px}.submit-expense-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:28px}.submit-expense-field-full{grid-column:1 / -1}.submit-expense-field{display:flex;flex-direction:column;gap:8px}.submit-expense-field label{font-size:13px;font-weight:600;color:#475569;display:flex;align-items:center;gap:4px}.submit-expense-field-required{color:var(--sparko-red)}.submit-expense-field input,.submit-expense-field select,.submit-expense-field textarea{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:14px;color:#1e293b;font-family:inherit;transition:all .2s ease;outline:none}.submit-expense-field input:focus,.submit-expense-field select:focus,.submit-expense-field textarea:focus{border-color:var(--sparko-blue);box-shadow:0 0 0 3px #276df21a}.submit-expense-field input::-moz-placeholder,.submit-expense-field textarea::-moz-placeholder{color:#94a3b8}.submit-expense-field input::placeholder,.submit-expense-field textarea::placeholder{color:#94a3b8}.submit-expense-field textarea{min-height:100px;resize:vertical}.submit-expense-field input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.submit-expense-field input[type=number]::-webkit-inner-spin-button,.submit-expense-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.submit-expense-field-hint{font-size:12px;color:#64748b;margin-top:4px}.submit-expense-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px;border-radius:8px;transition:all .2s ease}.submit-expense-checkbox:hover{background:#f8fafc}.submit-expense-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--sparko-blue)}.submit-expense-checkbox label{font-size:14px;font-weight:500;color:#475569;cursor:pointer;margin:0}.submit-expense-upload{border:2px dashed #cbd5e1;border-radius:12px;padding:32px;text-align:center;background:linear-gradient(135deg,#f8fafc,#fff);transition:all .2s ease;cursor:pointer}.submit-expense-upload:hover{border-color:var(--sparko-green);background:linear-gradient(135deg,#10b98105,#10b9810d)}.submit-expense-upload-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--sparko-green),#059669);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px}.submit-expense-upload h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.submit-expense-upload p{font-size:13px;color:#64748b;margin:0 0 16px}.submit-expense-upload-input{display:none}.submit-expense-upload-button{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease}.submit-expense-upload-button:hover{background:#f8fafc;border-color:var(--sparko-green);color:var(--sparko-green)}.submit-expense-file-preview{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px}.submit-expense-file-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--sparko-green),#059669);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.submit-expense-file-info{flex:1;min-width:0}.submit-expense-file-name{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submit-expense-file-size{font-size:12px;color:#64748b;margin-top:2px}.submit-expense-file-remove{width:32px;height:32px;border-radius:6px;background:#fef2f2;border:1px solid #fecaca;display:flex;align-items:center;justify-content:center;color:var(--sparko-red);cursor:pointer;transition:all .2s ease;flex-shrink:0}.submit-expense-file-remove:hover{background:#fee2e2;border-color:var(--sparko-red)}.submit-expense-scanning{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#276df20d,#276df205);border:1px solid rgba(39,109,242,.2);border-radius:8px;margin-top:16px}.submit-expense-scanning-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);display:flex;align-items:center;justify-content:center;color:#fff;animation:submit-expense-pulse 1.5s ease-in-out infinite}@keyframes submit-expense-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.submit-expense-scanning-text{flex:1;font-size:14px;color:#1e293b;font-weight:500}.submit-expense-alert{padding:14px 16px;border-radius:8px;font-size:13px;line-height:1.5;display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.submit-expense-alert-icon{flex-shrink:0;margin-top:1px}.submit-expense-alert-content{flex:1}.submit-expense-alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#065f46}.submit-expense-alert-success .submit-expense-alert-icon{color:var(--sparko-green)}.submit-expense-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#991b1b}.submit-expense-alert-error .submit-expense-alert-icon{color:var(--sparko-red)}.submit-expense-alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#92400e}.submit-expense-alert-warning .submit-expense-alert-icon{color:var(--sparko-yellow)}.submit-expense-alert-info{background:#276df21a;border:1px solid rgba(39,109,242,.3);color:#1e3a8a}.submit-expense-alert-info .submit-expense-alert-icon{color:var(--sparko-blue)}.submit-expense-violations{margin-top:8px;padding-left:8px;border-left:2px solid var(--sparko-red)}.submit-expense-violation{font-size:13px;color:#991b1b;margin-bottom:4px;display:flex;align-items:flex-start;gap:6px}.submit-expense-violation:last-child{margin-bottom:0}.submit-expense-violation:before{content:"•";flex-shrink:0}.submit-expense-help-text{font-size:12px;color:#64748b;margin-top:4px}.submit-expense-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px}.submit-expense-loading{text-align:center;padding:60px 20px;font-size:16px;color:#64748b}@media(max-width:768px){.submit-expense-page{padding:16px}.submit-expense-header{flex-direction:column;align-items:flex-start;gap:16px}.submit-expense-header-actions{width:100%;flex-direction:column}.submit-expense-button{width:100%;justify-content:center}.submit-expense-fields{grid-template-columns:1fr}.submit-expense-section-header{padding:16px 20px}.submit-expense-section-body{padding:20px}.submit-expense-upload{padding:24px 16px}.submit-expense-actions{flex-direction:column-reverse}}.expenses-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.filter-bar{background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-xl);display:flex;gap:var(--space-lg);align-items:flex-end;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-sm)}.filter-group select,.filter-group input{width:100%;padding:var(--space-sm);font-size:var(--font-size-sm);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.expenses-table{width:100%;border-collapse:collapse}.expenses-table thead th{text-align:left;padding:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px}.expenses-table tbody td{padding:var(--space-lg) var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:var(--border-width-thin) solid var(--border-color)}.expenses-table tbody tr{cursor:pointer;transition:background .2s ease}.expenses-table tbody tr:hover{background:var(--bg-primary)}.expenses-table tbody tr.selected{background:#6366f11a}.checkbox{width:18px;height:18px;cursor:pointer}.status-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff}.status-badge.approved{background:var(--status-success)}.status-badge.rejected{background:var(--status-error)}.status-badge.pending_manager_approval{background:var(--status-warning)}.status-badge.pending_finance_approval{background:var(--status-info)}.expense-details{padding:var(--space-xl);background:var(--bg-primary);border-radius:var(--radius-sm);margin-top:var(--space-lg);display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg)}.detail-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:var(--font-weight-medium)}.detail-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.detail-value.capitalize{text-transform:capitalize}.receipt-preview{grid-column:1 / -1;margin-top:var(--space-lg)}.receipt-image{max-width:100%;max-height:var(--list-height-dropdown-large);border-radius:var(--radius-sm);border:var(--border-width-medium) solid var(--border-color)}.approval-notes{grid-column:1 / -1}.approval-textarea{width:100%;padding:var(--space-md);font-size:var(--font-size-sm);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);resize:vertical;min-height:80px;font-family:inherit;margin-top:var(--space-md);transition:all .2s ease}.approval-textarea:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.action-buttons{display:flex;gap:var(--space-md);margin-top:var(--space-lg);grid-column:1 / -1}.loading,.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);font-size:var(--font-size-base);color:var(--text-secondary)}.empty-state p{margin:0 0 var(--space-sm) 0}.empty-state p.small{font-size:var(--font-size-sm);margin-top:var(--space-sm)}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);margin-bottom:var(--space-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.alert.error{background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error-border);color:var(--status-error)}.alert.success{background:var(--status-success-bg);border:var(--border-width-medium) solid var(--status-success-border);color:var(--status-success)}.skeleton-cards-wrapper{margin-top:var(--space-xl)}.expense-details{margin-bottom:var(--space-lg);padding:var(--space-xl);background:var(--surface-secondary);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color)}.expense-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);margin-bottom:20px}.detail-label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-xs)}.detail-value{font-size:var(--font-size-sm);color:var(--text-primary)}.receipt-preview{margin-bottom:20px}.receipt-preview .detail-label{margin-bottom:var(--space-sm)}.receipt-image{max-width:300px;max-height:var(--list-height-dropdown-large);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color)}.receipt-error{color:var(--text-tertiary)}.approval-notes{margin-bottom:20px}.approval-notes .detail-label{margin-bottom:var(--space-sm)}.approval-textarea{width:100%;min-height:80px;padding:var(--space-md);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color);background:var(--surface-primary);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:vertical}.action-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap}@media(max-width:768px){.filter-bar{flex-direction:column;align-items:stretch}.filter-group{width:100%}.bulk-actions-header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.bulk-actions-buttons{flex-direction:column}.expenses-table{display:block;overflow-x:auto}.expense-details-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}:root{--sparko-blue: #276DF2;--sparko-green: #10b981;--sparko-red: #ef4444;--sparko-yellow: #f59e0b;--sparko-purple: #8b5cf6}.expenses-list-page *{box-sizing:border-box}.expenses-list-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:32px;font-family:Inter,system-ui,-apple-system,sans-serif}.expenses-list-header{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:32px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;display:flex;justify-content:space-between;align-items:center}.expenses-list-header-left h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.expenses-list-header-left p{font-size:14px;color:#64748b;margin:0}.expenses-list-header-actions{display:flex;gap:12px}.expenses-list-button{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d;font-size:14px}.expenses-list-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.expenses-list-button-primary{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;border-color:var(--sparko-blue)}.expenses-list-button-primary:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);box-shadow:0 4px 12px #276df24d}.expenses-list-search{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000000d}.expenses-list-search svg{color:#64748b;flex-shrink:0}.expenses-list-search input{flex:1;border:none;background:transparent;font-size:15px;color:#1e293b;outline:none;font-family:inherit}.expenses-list-search input::-moz-placeholder{color:#94a3b8}.expenses-list-search input::placeholder{color:#94a3b8}.expenses-list-empty{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 2px 8px #0000000f}.expenses-list-empty svg{color:#cbd5e1;margin-bottom:16px}.expenses-list-empty h3{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 8px}.expenses-list-empty p{font-size:14px;color:#64748b;margin:0 0 24px}.expenses-list-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.expenses-list-headers{display:grid;grid-template-columns:40px 1fr 120px 100px 120px 140px 100px;gap:16px;padding:16px 20px;background:#f8fafc;border-bottom:2px solid #e2e8f0;align-items:center}.expenses-list-header-cell{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.expenses-list-cards{display:flex;flex-direction:column}.expenses-list-card-wrapper{border-bottom:1px solid #f1f5f9}.expenses-list-card-wrapper:last-child{border-bottom:none}.expenses-list-card{display:grid;grid-template-columns:40px 1fr 120px 100px 120px 140px 100px;gap:16px;padding:16px 20px;align-items:center;cursor:pointer;transition:all .2s ease}.expenses-list-card:hover{background:#f8fafc;transform:translate(2px)}.expenses-list-card-expand{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0;transition:all .2s ease}.expenses-list-card-expand.expanded{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff}.expenses-list-card-info{display:flex;align-items:center;gap:12px;min-width:0}.expenses-list-card-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.expenses-list-card-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669)}.expenses-list-card-icon-yellow{background:linear-gradient(135deg,var(--sparko-yellow),#d97706)}.expenses-list-card-icon-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed)}.expenses-list-card-icon-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8)}.expenses-list-card-text{min-width:0}.expenses-list-card-merchant{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expenses-list-card-employee{font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expenses-list-card-category,.expenses-list-card-date{font-size:13px;color:#64748b}.expenses-list-card-amount{font-size:15px;font-weight:700;color:#1e293b}.expenses-list-card-payment{font-size:13px;color:#64748b}.expenses-list-card-status{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-align:center;white-space:nowrap}.expenses-list-card-status-pending{background:#f59e0b1a;color:#f59e0b}.expenses-list-card-status-approved{background:#10b9811a;color:#10b981}.expenses-list-card-status-paid{background:#276df21a;color:#276df2}.expenses-list-card-status-rejected{background:#ef44441a;color:#ef4444}.expenses-list-expanded{background:#f8fafc;padding:24px;border-top:1px solid #e2e8f0;border-left:3px solid var(--sparko-blue)}.expenses-list-expanded-section{margin-bottom:20px}.expenses-list-expanded-section:last-child{margin-bottom:0}.expenses-list-expanded-section h4{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.expenses-list-expanded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.expenses-list-expanded-item{display:flex;flex-direction:column;gap:4px}.expenses-list-expanded-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.expenses-list-expanded-value{font-size:14px;color:#1e293b;font-weight:600}.expenses-list-receipt-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:var(--sparko-blue);font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease}.expenses-list-receipt-link:hover{background:#f8fafc;border-color:var(--sparko-blue);transform:translate(2px)}.expenses-list-timeline{display:flex;flex-direction:column;gap:8px}.expenses-list-timeline-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.expenses-list-timeline-item-rejected{background:#ef444405;border-color:#ef444433}.expenses-list-timeline-item-pending{background:#f59e0b05;border-color:#f59e0b33}.expenses-list-timeline-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expenses-list-timeline-icon-success{background:#10b9811a;color:var(--sparko-green)}.expenses-list-timeline-icon-pending{background:#f59e0b1a;color:var(--sparko-yellow)}.expenses-list-timeline-icon-error{background:#ef44441a;color:var(--sparko-red)}.expenses-list-timeline-text{flex:1;font-size:13px;color:#64748b;line-height:1.5}.expenses-list-timeline-text strong{color:#1e293b}.expenses-list-loading{text-align:center;padding:60px 20px;font-size:16px;color:#64748b}@media(max-width:768px){.expenses-list-page{padding:16px}.expenses-list-header{flex-direction:column;align-items:flex-start;gap:16px}.expenses-list-header-actions{width:100%;flex-direction:column}.expenses-list-button{width:100%;justify-content:center}.expenses-list-headers{display:none}.expenses-list-card{grid-template-columns:1fr;gap:12px}.expenses-list-card-info,.expenses-list-card-category,.expenses-list-card-date,.expenses-list-card-amount,.expenses-list-card-payment,.expenses-list-card-status{grid-column:1}.expenses-list-expanded{padding:16px}.expenses-list-expanded-grid{grid-template-columns:1fr}}:root{--sparko-blue: #276DF2;--sparko-green: #10b981;--sparko-red: #ef4444;--sparko-orange: #f97316;--sparko-purple: #8b5cf6;--sparko-amber: #f59e0b}.approvals-page *{box-sizing:border-box}.approvals-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:32px;font-family:Inter,system-ui,-apple-system,sans-serif}.approvals-header{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:32px;margin-bottom:24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.approvals-header-left h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.approvals-header-left p{font-size:14px;color:#64748b;margin:0}.approvals-filter-chips{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.approvals-chip{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#64748b;transition:all .2s ease;font-family:inherit}.approvals-chip:hover{border-color:var(--sparko-blue);color:var(--sparko-blue)}.approvals-chip.active{background:var(--sparko-blue);border-color:var(--sparko-blue);color:#fff}.approvals-chip-recent{border-color:#bbf7d0;color:#166534;background:#f0fdf4}.approvals-chip-recent:hover{border-color:#166534}.approvals-chip-recent.active{background:#166534;border-color:#166534;color:#fff}.approvals-chip-approval{border-color:#fecdd3;color:#be123c;background:#fff1f2}.approvals-chip-approval:hover{border-color:#be123c}.approvals-chip-approval.active{background:#be123c;border-color:#be123c;color:#fff}.approvals-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;font-size:11px;font-weight:700;background:#e2e8f0;color:#475569;margin-left:4px}.approvals-chip.active .approvals-chip-count{background:#ffffff40;color:#fff}.approvals-chip-count-red{background:#ef444426;color:#dc2626}.approvals-chip-approval.active .approvals-chip-count-red{background:#ffffff40;color:#fff}.approvals-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.approvals-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.approvals-stat-card:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc}.approvals-stat-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.approvals-stat-icon svg{width:24px;height:24px;stroke:#fff}.approvals-stat-icon-orange{background:linear-gradient(135deg,var(--sparko-orange),#ea580c)}.approvals-stat-icon-red{background:linear-gradient(135deg,var(--sparko-red),#dc2626)}.approvals-stat-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669)}.approvals-stat-icon-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed)}.approvals-stat-icon-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8)}.approvals-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.approvals-stat-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.approvals-stat-label{font-size:13px;color:#64748b;font-weight:500}.approvals-stat-trend{font-size:12px;color:#94a3b8;font-weight:500}.approvals-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:20px;background:#fff;padding:16px 20px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.approvals-search-container{flex:1;max-width:400px;position:relative}.approvals-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#94a3b8}.approvals-search-input{width:100%;padding:10px 14px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease}.approvals-search-input:focus{outline:none;border-color:var(--sparko-blue);box-shadow:0 0 0 3px #276df21a}.approvals-toolbar-right{display:flex;gap:12px;align-items:center}.approvals-sort-dropdown{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;color:#475569;font-weight:500}.approvals-table-container{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #0000000f}.approvals-table-header{display:grid;grid-template-columns:40px 2fr 1fr 1.5fr 1fr 1fr 1fr 1.5fr;gap:16px;padding:16px 20px;background:#f8fafc;border-bottom:2px solid #e2e8f0;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.approvals-table-row-wrapper{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.approvals-table-row-wrapper:last-child{border-bottom:none}.approvals-table-row-wrapper:hover{background:#f8fafc}.approvals-table-row{display:grid;grid-template-columns:40px 2fr 1fr 1.5fr 1fr 1fr 1fr 1.5fr;gap:16px;padding:20px;align-items:center;cursor:pointer}.approvals-table-header.approvals-table-my-requests,.approvals-table-row.approvals-table-my-requests{grid-template-columns:40px 1.5fr 2fr 1fr 1fr 1fr}.approvals-cell-type{display:flex;align-items:center;gap:8px}.approvals-type-icon{font-size:18px;line-height:1}.approvals-cell-bold{font-weight:600;color:#1e293b}.approvals-expand-icon{width:20px;height:20px;color:#94a3b8;transition:transform .2s ease;flex-shrink:0}.approvals-expand-icon.expanded{transform:rotate(90deg)}.approvals-employee-cell{display:flex;align-items:center;gap:12px}.approvals-employee-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:18px}.approvals-employee-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669)}.approvals-employee-icon-orange{background:linear-gradient(135deg,var(--sparko-orange),#ea580c)}.approvals-employee-icon-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed)}.approvals-employee-icon-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8)}.approvals-employee-info{display:flex;flex-direction:column;gap:4px;min-width:0}.approvals-employee-name{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approvals-employee-title{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approvals-cell-text{font-size:14px;color:#475569}.approvals-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.approvals-badge-urgent{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.2)}.approvals-badge-soon{background:#f59e0b1a;color:#92400e;border:1px solid rgba(245,158,11,.2)}.approvals-badge-pending{background:#3b82f61a;color:#1e40af;border:1px solid rgba(59,130,246,.2)}.approvals-badge-approved,.approvals-badge-paid{background:#10b9811a;color:#065f46;border:1px solid rgba(16,185,129,.2)}.approvals-badge-rejected{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.2)}.approvals-badge-cancelled{background:#94a3b826;color:#475569;border:1px solid rgba(148,163,184,.25)}.approvals-action-buttons{display:flex;gap:8px}.approvals-action-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:4px}.approvals-action-btn-approve{background:linear-gradient(135deg,var(--sparko-green),#059669);color:#fff}.approvals-action-btn-reject{background:#fff;color:#64748b;border:1px solid #e2e8f0}.approvals-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.approvals-expanded-details{padding:20px 20px 20px 72px;background:#f8fafc;border-top:1px solid #e2e8f0;animation:expandDown .2s ease}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.approvals-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:16px}.approvals-detail-item{display:flex;flex-direction:column;gap:6px}.approvals-detail-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.approvals-detail-value{font-size:14px;font-weight:600;color:#1e293b}.approvals-detail-full{grid-column:1 / -1}.approvals-reason-text{font-size:14px;color:#475569;line-height:1.6;padding:12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.approvals-detail-actions{display:flex;gap:12px;margin-top:8px}.approvals-detail-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.approvals-detail-btn:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);transform:translateY(-1px);box-shadow:0 4px 12px #276df24d}.approvals-receipt-link{padding:8px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:var(--sparko-blue);font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.approvals-receipt-link:hover{background:#f8fafc;border-color:var(--sparko-blue)}.approvals-empty{text-align:center;padding:80px 40px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.approvals-empty-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-green),#059669);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.approvals-empty h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px}.approvals-empty p{font-size:14px;color:#64748b;margin:0}.approvals-loading{text-align:center;padding:60px 20px;font-size:16px;color:#64748b}.approvals-error{padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:20px}@media(max-width:1200px){.approvals-stats{grid-template-columns:repeat(2,1fr)}.approvals-table-header,.approvals-table-row{grid-template-columns:40px 1fr;gap:12px}.approvals-table-header>div:not(:first-child):not(:nth-child(2)),.approvals-table-row>div:not(:first-child):not(:nth-child(2)){display:none}.approvals-details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.approvals-page{padding:16px}.approvals-stats{grid-template-columns:1fr}.approvals-toolbar{flex-direction:column;align-items:stretch}.approvals-search-container{max-width:none}.approvals-details-grid{grid-template-columns:1fr}.approvals-action-buttons{flex-direction:column}.approvals-action-btn{width:100%;justify-content:center}}.tab-container{display:flex;flex-direction:column;height:100%}.tab-header{background:var(--bg-primary);border-bottom:2px solid var(--border-color)}.tab-list{display:flex;width:100%}.tab{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:16px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-bottom:var(--border-width-thick) solid transparent;transition:all .2s ease;position:relative;top:2px;flex:1}.tab.active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--primary-solid);background:transparent}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active:hover{color:var(--text-primary);background:transparent}.tab:not(.active):hover{background:var(--bg-hover)}.tab-content{flex:1;overflow-y:auto;padding:var(--space-2xl);width:100%;box-sizing:border-box}@media(max-width:768px){.tab-content{padding:var(--space-xl)}}.logo-control,.color-control{display:flex;align-items:center;gap:var(--space-md)}.input{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);width:280px;transition:all .2s ease}.color-input::-webkit-color-swatch{border:none;border-radius:var(--radius-xs)}.logo-placeholder{font-size:var(--text-xs);color:var(--text-secondary)}.hidden-input{display:none}.info-notice-box{background:var(--status-info-bg);border:1px solid var(--status-info-border);border-radius:var(--radius-sm);padding:var(--space-lg);margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}.info-notice-header{margin-bottom:var(--space-sm)}.info-notice-text{margin:0 0 var(--space-sm)}.info-notice-footer{margin:0;color:var(--text-secondary)}.careers-page-builder{padding:0}.careers-page-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--surface-color)}.header-left h2{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);color:var(--text-primary)}.header-description{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.header-right{display:flex;gap:var(--spacing-md)}.careers-page-message{margin:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm)}.careers-page-message.success{background:var(--success-bg, #D1FAE5);color:var(--success-text, #065F46);border:1px solid var(--success-border, #10B981)}.careers-page-message.error{background:var(--error-bg, #FEE2E2);color:var(--error-text, #991B1B);border:1px solid var(--error-border, #EF4444)}.publishing-status{margin:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--border-radius-md);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500}.publishing-status.published{background:var(--success-bg, #D1FAE5);color:var(--success-text, #065F46);border:1px solid var(--success-border, #10B981)}.publishing-status.draft{background:var(--warning-bg, #FEF3C7);color:var(--warning-text, #92400E);border:1px solid var(--warning-border, #F59E0B)}.status-indicator{width:12px;height:12px;border-radius:50%;background:currentColor}.section-nav{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);overflow-x:auto;background:var(--surface-color)}.section-nav-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.section-nav-item:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-bg, rgba(59, 130, 246, .1))}.section-nav-item.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.section-content{padding:var(--spacing-lg)}.settings-section h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);color:var(--text-primary)}.section-description{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=url],.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=url]:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:80px}.form-group small{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.color-picker-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.color-input-wrapper{display:flex;gap:var(--spacing-sm);align-items:center}.color-input-wrapper input[type=color]{width:50px;height:40px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer}.color-input-wrapper input[type=text]{flex:1}.subsection{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.subsection-header h4{margin:0;font-size:var(--font-size-md);color:var(--text-primary)}.list-item-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color);position:relative}.list-item{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:center}.list-item input{flex:1}.remove-button,.remove-button-inline{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--error-border, #EF4444);border-radius:var(--border-radius-sm);background:transparent;color:var(--error-text, #DC2626);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s ease}.remove-button:hover,.remove-button-inline:hover{background:var(--error-bg, #FEE2E2)}.remove-button{margin-top:var(--spacing-md)}.office-card,.testimonial-card{padding:var(--spacing-lg);margin-top:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-header h4{margin:0;font-size:var(--font-size-md);color:var(--text-primary)}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color)}.careers-page-loading{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}@media(max-width:768px){.careers-page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-right{width:100%;flex-direction:column}.header-right button{width:100%}.color-picker-group{grid-template-columns:1fr}.section-nav{flex-wrap:wrap}}.input-narrow{width:80px}.input-select{width:300px}.input:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--focus-ring)}.textarea{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);width:100%;resize:vertical;font-family:inherit;transition:all .2s ease}.textarea:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--focus-ring)}.approvers-wrapper{margin-left:20px;margin-bottom:20px}.selected-approvers{margin-bottom:var(--space-md)}.approver-tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-badge);margin-right:var(--space-sm);margin-bottom:var(--space-sm)}.approver-name{font-size:var(--font-size-sm);margin-right:var(--space-sm)}.approver-remove-btn{background:transparent;border:none;color:var(--text-danger);cursor:pointer;font-size:var(--font-size-base);padding:0 4px}.section-title-spaced{margin-top:var(--space-2xl)}.action-button-spaced{margin-top:var(--space-xl)}.section-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.perk-template-card{background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.perk-template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-width-thin) solid var(--border-color)}.perk-template-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.perks-list{display:flex;flex-direction:column;gap:var(--space-sm)}.perk-item{display:flex;align-items:center;gap:var(--space-sm)}.perk-bullet{color:var(--text-secondary);font-size:var(--font-size-lg);flex-shrink:0}.perk-input{flex:1;padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--input-bg);font-family:var(--font-family);transition:all .2s ease}.perk-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.remove-perk-btn{flex-shrink:0;width:24px;height:24px;border:none;background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-lg);line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-perk-btn:hover{background:var(--status-error-bg);color:var(--status-error)}.input{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);width:100px;transition:all .2s ease}.coming-soon-badge{margin-top:var(--space-lg);padding:var(--space-md) var(--space-md);background:var(--status-warning-bg);border:1px solid var(--status-warning);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--status-warning);font-weight:var(--font-weight-medium)}.setting-unit-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.toggle{width:48px;height:28px;border-radius:var(--radius-button);border:none;cursor:pointer;position:relative;transition:background .2s ease}.toggle.enabled{background:var(--primary-solid)}.toggle.disabled{background:var(--border-color)}.toggle:hover{opacity:.9}.toggle-circle{width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:3px;transition:left .2s ease;box-shadow:var(--shadow-sm)}.toggle-circle.enabled{left:23px}.toggle-circle.disabled{left:3px}.section-subtitle{margin-top:var(--space-xl);margin-bottom:var(--space-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.admin-select{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);min-width:150px}.peer-count-input{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);width:80px;text-align:center;color:var(--text-primary);background:var(--bg-primary)}.unit-label{font-size:var(--text-sm);color:var(--text-secondary)}.unit-label.with-spacing{margin-left:var(--space-sm)}.coming-soon-badge{margin-top:var(--space-lg);padding:var(--space-md) var(--space-md);background:var(--status-warning-bg);border:1px solid var(--status-warning-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--status-warning);font-weight:var(--font-weight-medium)}.page-header{padding:var(--space-lg) var(--space-2xl);border-bottom:var(--border-width-thin) solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-main)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.save-message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-lg) 0}.label-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.label-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.setting-select{padding:var(--space-sm) var(--space-md);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:Inter,sans-serif;background:var(--bg-surface);color:var(--text-primary);transition:all .2s ease;min-width:180px}.setting-select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.input{padding:var(--space-sm) var(--space-md);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-main);width:280px}.select{padding:var(--space-sm) var(--space-md);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-main);cursor:pointer;min-width:180px}.color-hex{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:monospace}.checkbox{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.coming-soon-badge{margin-top:var(--space-lg);padding:var(--space-md) var(--space-md);background:var(--status-warning-bg);border:1px solid var(--status-warning-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--status-warning);font-weight:var(--font-weight-medium)}.input-with-unit{display:flex;align-items:center;gap:var(--space-md)}.select{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);cursor:pointer;min-width:180px;transition:all .2s ease}.form-unit-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.custom-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary);min-width:150px;background:var(--bg-surface)}.pto-admin-policies-list{display:flex;flex-direction:column;gap:var(--space-lg)}.pto-policy-approval-card .sparko-card-header{padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-lg)}.pto-policy-type-badge{display:inline-block;font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 10px;border-radius:var(--radius-sm);text-transform:capitalize;margin-top:var(--space-xs)}.sparko-card-footer{padding-top:var(--space-lg);border-top:1px solid var(--border-color);margin-top:var(--space-lg);display:flex;justify-content:flex-end}.label-with-badge{display:flex;align-items:center;gap:var(--space-sm)}.badge-new{display:inline-flex;align-items:center;font-size:10px;font-weight:700;color:var(--success-color);background:var(--success-bg);padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.pto-smart-approval-group{background:var(--bg-hover);border:1px solid var(--brand-primary);border-left:3px solid var(--brand-primary);padding:var(--space-md);border-radius:var(--radius-md)}.smart-approval-info-box{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:12px;color:var(--brand-primary);background:var(--bg-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border-left:2px solid var(--brand-primary);margin:var(--space-sm) 0;line-height:1.4}.smart-approval-info-box svg{flex-shrink:0;margin-top:2px}@media(max-width:768px){.setting-row{flex-direction:column;align-items:stretch}.input{width:100%}}.page-container{height:100%;display:flex;flex-direction:column}.page-header{padding:var(--space-lg) var(--space-xl);border-bottom:var(--border-width-thin) solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;transition:all .2s ease}.button.primary{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff}.button.secondary{background:var(--bg-primary);color:var(--text-primary);border:var(--border-width-thin) solid var(--border-color)}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-section{width:100%;box-sizing:border-box}.section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-lg)}.setting-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-lg) 0;border-bottom:var(--border-width-thin) solid var(--border-color)}.setting-row:last-child{border-bottom:none}.setting-label{flex:1;max-width:600px;min-width:300px}.label-text{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.label-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.setting-control{display:flex;align-items:center;gap:var(--space-md)}.input{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);width:280px}.input:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.select{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);cursor:pointer;min-width:180px}.select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.color-input{width:60px;height:var(--touch-target-min);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-xs)}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:var(--radius-badge)}.color-hex{font-size:var(--text-sm);color:var(--text-secondary);font-family:monospace}.checkbox-group{display:flex;flex-direction:column;gap:var(--space-md)}.checkbox{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.checkbox input{width:18px;height:18px;cursor:pointer}.logo-preview{width:120px;height:60px;border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-preview img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.logo-placeholder{font-size:var(--font-size-xs);color:var(--text-secondary)}.coming-soon-badge{margin-top:var(--space-lg);padding:var(--space-md) var(--space-md);background:var(--status-warning-bg);border:1px solid var(--status-warning);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--status-warning-text);font-weight:var(--font-weight-medium)}.loading-text{font-size:var(--font-size-base);color:var(--text-secondary)}.input-prefix{font-size:var(--font-size-sm);color:var(--text-secondary);margin-right:8px}.input-suffix{font-size:var(--font-size-sm);color:var(--text-secondary)}.career-framework-admin{padding:var(--space-lg);width:100%;margin:0 auto}.page-header{margin-bottom:var(--space-lg)}.header-content{max-width:800px}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.page-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.message-banner{padding:var(--space-md);border-radius:var(--border-radius);margin-bottom:var(--space-md);font-weight:var(--font-weight-medium)}.message-banner.success{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid var(--status-success-border)}.message-banner.error{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.settings-section{background:var(--surface-primary);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.families-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.family-card{background:var(--surface-secondary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md);display:flex;gap:var(--space-md);transition:all .2s ease}.family-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.family-icon{font-size:var(--font-size-4xl);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--surface-tertiary);border-radius:var(--border-radius);flex-shrink:0}.family-info{flex:1}.family-info h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.family-info p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-sm) 0;line-height:1.5}.family-meta{display:flex;gap:var(--space-xs);flex-wrap:wrap}.family-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-bar{margin-bottom:var(--space-lg);display:flex;gap:var(--space-md);align-items:center}.filter-select{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-primary);color:var(--text-primary);font-size:var(--text-sm);min-width:200px;cursor:pointer}.family-levels-section{margin-bottom:var(--space-xl)}.family-levels-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-color)}.levels-table{overflow-x:auto}.levels-table table{width:100%;border-collapse:collapse}.levels-table thead{background:var(--surface-tertiary)}.levels-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.levels-table td{padding:var(--space-md);border-top:var(--border-width-thin) solid var(--border-color);font-size:var(--text-sm);color:var(--text-primary)}.level-code{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--accent-primary);color:#fff;border-radius:var(--radius-badge);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.competency-category-section{margin-bottom:var(--space-xl)}.category-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-color)}.competencies-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-md)}.competency-card{background:var(--surface-secondary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md);transition:all .2s ease}.competency-card:hover{box-shadow:var(--shadow-md)}.competency-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.competency-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.competency-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-md) 0;line-height:1.5}.competency-indicators{margin-bottom:var(--space-md)}.competency-indicators strong{font-size:var(--text-sm);color:var(--text-secondary);display:block;margin-bottom:var(--space-xs)}.indicators-grid{display:flex;gap:var(--space-xs);flex-wrap:wrap}.indicator-item{background:var(--surface-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.indicator-level{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-primary);text-transform:capitalize}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.team-card{background:var(--surface-secondary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md);transition:all .2s ease}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.team-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-sm) 0;line-height:1.5}.team-meta{display:flex;gap:var(--space-xs);flex-wrap:wrap}.badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.badge.active{background:var(--status-success-bg);color:var(--status-success-text)}.badge.inactive{background:var(--bg-tertiary);color:var(--text-tertiary)}.badge.ic-track{background:var(--status-info-bg);color:var(--status-info-text)}.badge.manager-track{background:var(--status-error-bg);color:var(--status-error-text)}.btn-primary{padding:var(--space-sm) var(--space-md);background:var(--accent-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{padding:var(--space-sm) var(--space-md);background:var(--surface-tertiary);color:var(--text-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--surface-secondary);border-color:var(--accent-primary)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.btn-link{background:none;border:none;color:var(--accent-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:0;text-decoration:underline}.btn-link:hover{color:var(--accent-hover)}.empty-state{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.empty-state p{margin:var(--space-xs) 0;font-size:var(--text-sm)}.empty-state p:first-child{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}:root{--sparko-blue: #276DF2;--sparko-green: #10B981;--sparko-amber: #F59E0B;--sparko-red: #EF4444;--sparko-purple: #8B5CF6}.comp-dashboard-page *{box-sizing:border-box}.comp-dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.comp-dashboard-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(0,0,0,.08);padding:24px 32px;box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.comp-dashboard-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.comp-dashboard-header-left{display:flex;align-items:center;gap:16px}.comp-dashboard-header-icon{width:32px;height:32px;color:var(--sparko-blue);flex-shrink:0}.comp-dashboard-header-icon svg{width:32px;height:32px;stroke:var(--sparko-blue)}.comp-dashboard-title{font-size:28px;font-weight:700;color:#1e293b;margin:0}.comp-dashboard-subtitle{font-size:14px;color:#64748b;margin:4px 0 0}.comp-dashboard-content{max-width:1400px;margin:0 auto;padding:32px}.comp-dashboard-loading{text-align:center;padding:80px 40px;color:#64748b;font-size:16px}.comp-dashboard-icon{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.comp-dashboard-icon-sm{width:14px;height:14px;stroke:currentColor;flex-shrink:0}.comp-dashboard-icon-blue{color:var(--sparko-blue)}.comp-dashboard-icon-green{color:var(--sparko-green)}.comp-dashboard-icon-amber{color:var(--sparko-amber)}.comp-dashboard-icon-red{color:var(--sparko-red)}.comp-dashboard-icon-purple{color:var(--sparko-purple)}.comp-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.comp-dashboard-stat{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.comp-dashboard-stat:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a,inset 0 1px #fffc}.comp-dashboard-stat-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #0003,inset 0 1px #fff3}.comp-dashboard-stat-icon-blue{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8)}.comp-dashboard-stat-icon-green{background:linear-gradient(135deg,var(--sparko-green),#059669)}.comp-dashboard-stat-icon-amber{background:linear-gradient(135deg,var(--sparko-amber),#d97706)}.comp-dashboard-stat-icon-purple{background:linear-gradient(135deg,var(--sparko-purple),#7c3aed)}.comp-dashboard-stat-icon svg{width:24px;height:24px;stroke:#fff}.comp-dashboard-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.comp-dashboard-stat-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.comp-dashboard-stat-label{font-size:13px;color:#64748b;font-weight:500}.comp-dashboard-stat-trend{font-size:12px;color:var(--sparko-green);font-weight:500}.comp-dashboard-actions{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.comp-dashboard-action{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.comp-dashboard-action:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);transform:translateY(-1px);box-shadow:0 2px 6px #00000014,inset 0 1px #fffc}.comp-dashboard-action-primary{background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;border-color:var(--sparko-blue)}.comp-dashboard-action-primary:hover{background:linear-gradient(135deg,#1e5fd8,#1854c4);color:#fff;box-shadow:0 4px 12px #276df24d,inset 0 1px #fff3}.comp-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.comp-dashboard-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.comp-dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.comp-dashboard-section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:8px}.comp-dashboard-view-all{background:none;border:none;color:var(--sparko-blue);font-weight:600;cursor:pointer;font-size:13px;transition:all .2s ease;padding:4px 8px;border-radius:6px}.comp-dashboard-view-all:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);text-decoration:none}.comp-dashboard-list{display:flex;flex-direction:column;gap:1px;background:#e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;margin-bottom:16px;flex:1}.comp-dashboard-item{background:linear-gradient(135deg,#fff,#f8fafc);padding:16px;display:flex;align-items:center;gap:12px;border-left:4px solid transparent;transition:all .2s ease;cursor:pointer}.comp-dashboard-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left-color:var(--sparko-blue);transform:translate(2px)}.comp-dashboard-item-initials{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--sparko-blue),#1e5fd8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.comp-dashboard-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.comp-dashboard-item-name{font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-dashboard-item-detail{font-size:13px;color:#64748b;line-height:1.4}.comp-dashboard-item-amount{font-size:16px;font-weight:700;color:#1e293b;margin-right:12px}.comp-dashboard-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;text-transform:capitalize}.comp-dashboard-badge-success{background:#d1fae5;color:#065f46}.comp-dashboard-badge-warning{background:#fed7aa;color:#92400e}.comp-dashboard-badge-error{background:#fecaca;color:#991b1b}.comp-dashboard-badge-draft{background:#e2e8f0;color:#475569}.comp-dashboard-section-action{width:100%;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc}.comp-dashboard-section-action:hover{border-color:var(--sparko-blue);color:var(--sparko-blue);box-shadow:0 2px 4px #00000014,inset 0 1px #fffc}.comp-dashboard-empty{text-align:center;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.comp-dashboard-empty-icon{width:64px;height:64px;color:#cbd5e1;stroke-width:1.5;margin-bottom:8px}.comp-dashboard-empty-title{font-size:16px;font-weight:600;color:#475569}.comp-dashboard-empty-text{font-size:14px;color:#94a3b8;max-width:300px}.comp-dashboard-equity-summary{padding:20px 0}.comp-dashboard-equity-stat{text-align:center;margin-bottom:24px}.comp-dashboard-equity-stat-value{font-size:40px;font-weight:700;color:#1e293b;margin-bottom:8px}.comp-dashboard-equity-stat-label{font-size:14px;color:#64748b}.comp-dashboard-equity-progress{margin-bottom:20px}.comp-dashboard-equity-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#64748b;font-weight:500}.comp-dashboard-equity-progress-percentage{font-weight:700;color:var(--sparko-green)}.comp-dashboard-equity-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.comp-dashboard-equity-progress-fill{height:100%;background:var(--sparko-green);border-radius:4px;transition:width .3s ease}.comp-dashboard-merit-info{padding:20px 0}.comp-dashboard-merit-name{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px}.comp-dashboard-merit-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.comp-dashboard-merit-stat{display:flex;flex-direction:column;gap:4px}.comp-dashboard-merit-stat-label{font-size:12px;color:#64748b;font-weight:500}.comp-dashboard-merit-stat-value{font-size:24px;font-weight:700;color:#1e293b}.comp-dashboard-merit-stat-percentage{font-size:14px;color:#64748b;font-weight:500}.comp-dashboard-merit-progress{margin-top:16px}.comp-dashboard-merit-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.comp-dashboard-merit-progress-fill{height:100%;background:var(--sparko-blue);border-radius:4px;transition:width .3s ease}.comp-dashboard-pay-equity-score{text-align:center;margin-bottom:16px}.comp-dashboard-pay-equity-value{font-size:40px;font-weight:700;color:var(--sparko-green);margin-bottom:8px}.comp-dashboard-pay-equity-label{font-size:14px;color:#64748b;margin-bottom:24px}.comp-dashboard-pay-equity-message{font-size:14px;color:#64748b;line-height:1.5;text-align:center;margin-bottom:20px}@media(max-width:1024px){.comp-dashboard-grid{grid-template-columns:1fr}.comp-dashboard-stats{grid-template-columns:repeat(2,1fr)}.comp-dashboard-merit-stat-grid{grid-template-columns:1fr}}@media(max-width:768px){.comp-dashboard-header,.comp-dashboard-content{padding:16px}.comp-dashboard-stats{grid-template-columns:1fr}.comp-dashboard-actions{flex-direction:column}.comp-dashboard-action{width:100%;justify-content:center}.comp-dashboard-section{padding:16px}.comp-dashboard-item{flex-wrap:wrap}.comp-dashboard-item-amount{margin-right:0}}.role-name{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.role-name-cell{display:flex;flex-direction:column;gap:var(--space-xs)}.role-description{font-size:var(--text-xs);color:var(--text-secondary)}.system-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--badge-info-bg);color:var(--primary-solid);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.type-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--bg-surface);color:var(--text-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.status-badge{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.status-badge.active{background:var(--status-success);color:#fff}.status-badge.inactive{background:var(--text-secondary);color:#fff}.modal-content-large{max-width:1200px;width:95%}.modal-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-xs) 0 0 0;font-weight:var(--font-weight-medium)}.required{color:var(--status-error);margin-left:var(--space-xs)}.textarea{resize:vertical;min-height:100px}.permissions-section{margin-top:var(--space-lg)}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-top:var(--space-md)}.permission-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-md);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.permission-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer}.role-details-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px solid var(--border-color)}.role-details-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-md)}.permission-item{padding:var(--space-sm) var(--space-md);background:var(--badge-info-bg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-secondary)}.empty-state-text{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.modal-body{padding:var(--space-lg) var(--space-xl)}.section-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:var(--space-lg) 0 var(--space-md)}.permission-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--primary-solid);background:var(--badge-info-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.permission-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.module-group{margin-bottom:var(--space-lg)}.module-header{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-color)}:root{--primary-gradient-start: #276DF2;--primary-gradient-end: #1e40af;--primary-solid: #276DF2;--primary-hover: #1e40af;--primary-dark: #1e3a8a;--primary-accessible: #276DF2;--primary-text: #ffffff;--primary-bg: rgb(39 109 242 / 10%);--primary-color: #276DF2;--primary-soft: rgb(39 109 242 / 8%);--primary-border: #276DF2;--primary-surface: #eff6ff;--accent-primary: #00D4FF;--accent-primary-light: rgb(0 212 255 / 15%);--accent-highlight: #00D4FF;--cta-gradient-start: #10b981;--cta-gradient-end: #059669;--cta-solid: #10b981;--cta-hover: #059669;--bg-main: linear-gradient(to bottom right, #f8fafc, rgb(239 246 255 / 30%), #f8fafc);--bg-primary: #f8fafc;--bg-surface: #ffffff;--bg-hover: #f1f5f9;--background-secondary: #f8fafc;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--surface-elevated: #ffffff;--surface-light: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-lg: 18px;--text-md: 16px;--text-xl: 20px;--border-color: #e2e8f0;--border-light: #f1f5f9;--border-accent: #276DF2;--focus-ring: rgb(39 109 242 / 15%);--focus-ring-offset: 3px;--overlay-bg: rgb(0 0 0 / 60%);--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(12px);--blur-xl: blur(16px);--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--status-success: #10b981;--status-success-bg: rgb(16 185 129 / 10%);--status-success-border: rgb(16 185 129 / 20%);--status-success-hover: #059669;--status-success-dark: #047857;--status-warning: #f59e0b;--status-warning-bg: rgb(245 158 11 / 10%);--status-warning-border: rgb(245 158 11 / 20%);--status-warning-hover: #d97706;--status-warning-dark: #f97316;--status-error: #ef4444;--status-error-bg: rgb(239 68 68 / 10%);--status-error-border: rgb(239 68 68 / 20%);--status-error-hover: #dc2626;--status-error-dark: #b91c1c;--status-info: #3b82f6;--status-info-bg: rgb(59 130 246 / 10%);--status-info-border: rgb(59 130 246 / 20%);--status-info-hover: #2563eb;--status-info-dark: #1d4ed8;--status-draft: #64748b;--status-draft-bg: rgb(100 116 139 / 10%);--status-draft-border: rgb(100 116 139 / 20%);--status-pending: #f59e0b;--status-pending-bg: rgb(245 158 11 / 10%);--status-pending-text: #f59e0b;--status-pending-border: rgb(245 158 11 / 20%);--danger-color: #ef4444;--primary-color-alpha: rgb(39 109 242 / 20%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 5%);--shadow-md: 0 4px 12px rgb(0 0 0 / 8%);--shadow-lg: 0 10px 30px rgb(0 0 0 / 10%);--shadow-xl: 0 20px 40px rgb(0 0 0 / 15%);--shadow-2xl: 0 25px 50px rgb(0 0 0 / 20%);--shadow-card: 0 2px 8px rgb(0 0 0 / 6%);--shadow-button: 0 1px 3px rgb(0 0 0 / 5%);--shadow-none: none;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--radius-card: 16px;--radius-button: 12px;--radius-badge: 6px;--radius-base: 12px;--card-border-width: 3px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-card-padding: var(--space-lg);--space-section-gap: var(--space-xl);--space-widget-gap: var(--space-lg);--space-form-field: 16px;--space-cell-padding: var(--space-md);--spacing-xs: var(--space-xs);--spacing-sm: var(--space-sm);--spacing-md: var(--space-md);--spacing-lg: var(--space-lg);--spacing-xl: var(--space-xl);--spacing-2xl: var(--space-2xl);--list-height-compact: 200px;--list-height-dropdown: 300px;--list-height-dropdown-large: 400px;--list-height-standard: 500px;--list-height-tall: 600px;--list-height-xl: 700px;--list-height-full: calc(100vh - 200px) ;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-title: 24px;--font-size-subtitle: 16px;--font-size-body: 14px;--font-size-label: 12px;--font-weight-title: 700;--font-weight-body: 400;--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-semibold: 600;--page-max-width: 1200px;--page-min-width: 1200px;--page-content-min-width: 1152px;--card-grid-2col-min: 1124px;--sidebar-width-expanded: 280px;--sidebar-width-collapsed: 64px;--sidebar-transition-duration: .3s;--sidebar-bg: #ffffff;--sidebar-border: #e2e8f0;--nav-text: #64748b;--nav-hover: #f1f5f9;--nav-active-bg: rgb(39 109 242 / 10%);--nav-active-text: #276DF2;--touch-target-min: 40px;--button-height-sm: 36px;--button-height-md: 44px;--button-height-lg: 52px;--dropdown-min-width: 240px;--dropdown-max-width: 320px;--content-width-reading: 65ch;--content-width-form: 480px;--content-width-modal: 600px;--content-width-wide: 900px;--sidebar-width: 320px;--divider-thickness: 1px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--timeline-line: 2px;--timeline-dot: 12px;--progress-bar-height: var(--space-xl);--skeleton-height-text: 20px;--skeleton-height-title: 36px;--skeleton-height-button: var(--button-height-md);--skeleton-height-card: 120px;--skeleton-width-title: 300px;--skeleton-width-subtitle: 200px;--skeleton-width-label: 150px;--offset-border: 2px;--offset-focus: 4px;--avatar-gradient: linear-gradient(135deg, #00D4FF, #276DF2);--hero-card-bg-start: var(--primary-gradient-start);--hero-card-bg-end: var(--primary-gradient-end);--hero-card-text: #ffffff;--hero-card-text-shadow: 0 1px 3px rgb(0 0 0 / 20%);--hero-card-overlay: rgb(0 0 0 / 30%);--stat-card-bg: var(--bg-surface);--stat-card-border: var(--border-color);--stat-card-text: var(--text-primary);--stat-card-label: var(--text-secondary);--bg-base: var(--bg-primary);--bg-tertiary: var(--bg-hover);--border-primary: var(--border-color);--color-primary: var(--primary-solid);--color-primary-rgb: 39, 109, 242;--color-success: var(--status-success);--color-success-rgb: 16, 185, 129;--color-warning: var(--status-warning);--color-error: var(--status-error);--color-info: var(--status-info);--card-hover-transform: scale(1.01);--card-hover-shadow: var(--shadow-lg)}[data-theme=dark-vision]{--primary-gradient-start: #6366f1;--primary-gradient-end: #8b5cf6;--primary-solid: #6366f1;--primary-hover: #4f46e5;--primary-dark: #4338ca;--primary-accessible: #818cf8;--primary-text: #ffffff;--primary-bg: rgb(99 102 241 / 15%);--primary-color: #6366f1;--primary-soft: rgb(99 102 241 / 10%);--primary-border: rgb(255 255 255 / 20%);--primary-surface: rgb(255 255 255 / 10%);--accent-primary: #a5b4fc;--accent-primary-light: rgb(165 180 252 / 20%);--accent-highlight: #a5b4fc;--cta-gradient-start: #10b981;--cta-gradient-end: #059669;--cta-solid: #10b981;--cta-hover: #059669;--bg-main: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);--bg-primary: #0f172a;--bg-surface: rgb(30 41 59 / 80%);--bg-hover: rgb(255 255 255 / 5%);--background-secondary: rgb(255 255 255 / 5%);--surface-primary: rgb(255 255 255 / 10%);--surface-secondary: rgb(255 255 255 / 5%);--surface-tertiary: rgb(255 255 255 / 3%);--surface-elevated: rgb(255 255 255 / 12%);--surface-light: rgb(255 255 255 / 8%);--text-primary: #ffffff;--text-secondary: rgb(255 255 255 / 70%);--text-tertiary: rgb(255 255 255 / 50%);--border-color: rgb(255 255 255 / 20%);--border-light: rgb(255 255 255 / 10%);--border-accent: rgb(99 102 241 / 50%);--focus-ring: rgb(99 102 241 / 25%);--overlay-bg: rgb(0 0 0 / 80%);--blur-sm: blur(8px);--blur-md: blur(16px);--blur-lg: blur(24px);--blur-xl: blur(32px);--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--status-success: #10b981;--status-success-bg: rgb(16 185 129 / 20%);--status-success-border: rgb(16 185 129 / 30%);--status-success-hover: #059669;--status-success-dark: #047857;--status-warning: #f59e0b;--status-warning-bg: rgb(245 158 11 / 20%);--status-warning-border: rgb(245 158 11 / 30%);--status-warning-hover: #d97706;--status-warning-dark: #f97316;--status-error: #ef4444;--status-error-bg: rgb(239 68 68 / 20%);--status-error-border: rgb(239 68 68 / 30%);--status-error-hover: #dc2626;--status-error-dark: #b91c1c;--status-info: #3b82f6;--status-info-bg: rgb(59 130 246 / 20%);--status-info-border: rgb(59 130 246 / 30%);--status-info-hover: #2563eb;--status-info-dark: #1d4ed8;--status-draft: #94a3b8;--status-draft-bg: rgb(148 163 184 / 20%);--status-draft-border: rgb(148 163 184 / 30%);--status-pending: #f59e0b;--status-pending-bg: rgb(245 158 11 / 20%);--status-pending-text: #f59e0b;--status-pending-border: rgb(245 158 11 / 30%);--danger-color: #ef4444;--primary-color-alpha: rgb(99 102 241 / 25%);--shadow-sm: 0 2px 4px rgb(0 0 0 / 30%);--shadow-md: 0 8px 24px rgb(0 0 0 / 40%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 50%);--shadow-xl: 0 24px 64px rgb(0 0 0 / 60%);--shadow-2xl: 0 32px 80px rgb(0 0 0 / 70%);--shadow-card: 0 4px 16px rgb(0 0 0 / 25%);--radius-card: 16px;--radius-button: 12px;--radius-badge: 10px;--card-border-width: 1px;--sidebar-bg: rgb(15 23 42 / 95%);--sidebar-border: rgb(255 255 255 / 10%);--nav-text: rgb(255 255 255 / 70%);--nav-hover: rgb(255 255 255 / 5%);--nav-active-bg: rgb(99 102 241 / 20%);--nav-active-text: #a5b4fc;--avatar-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--card-hover-transform: translateY(-2px);--card-hover-shadow: 0 8px 32px rgb(0 0 0 / 40%)}[data-theme=dark-vision] .card,[data-theme=dark-vision] .sparko-card,[data-theme=dark-vision] .sparko-stat-card,[data-theme=dark-vision] .stat-card,[data-theme=dark-vision] .activity-card,[data-theme=dark-vision] .widget-container,[data-theme=dark-vision] [class*=Card]{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--bg-surface)!important;border:var(--border-width-thin) solid var(--border-color)!important}[data-theme=dark-vision]:before,[data-theme=dark-vision]:after{content:"";position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(100px);opacity:.3;pointer-events:none;z-index:-1;animation:orb-float 20s ease-in-out infinite}[data-theme=dark-vision]:before{background:radial-gradient(circle,#6366f1,transparent 70%);top:-200px;left:-200px;animation-delay:0s}[data-theme=dark-vision]:after{background:radial-gradient(circle,#8b5cf6,transparent 70%);bottom:-200px;right:-200px;animation-delay:-10s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,30px) scale(1.1)}50%{transform:translate(20px,60px) scale(.9)}75%{transform:translate(-30px,20px) scale(1.05)}}[data-theme=depth-form]{--primary-gradient-start: #3b82f6;--primary-gradient-end: #6366f1;--primary-solid: #3b82f6;--primary-hover: #2563eb;--primary-dark: #1d4ed8;--primary-accessible: #2563eb;--primary-text: #ffffff;--primary-bg: rgb(59 130 246 / 10%);--primary-color: #3b82f6;--primary-soft: rgb(59 130 246 / 8%);--primary-border: #e5e7eb;--primary-surface: #ffffff;--accent-primary: #60a5fa;--accent-primary-light: rgb(96 165 250 / 15%);--accent-highlight: #60a5fa;--cta-gradient-start: #3b82f6;--cta-gradient-end: #2563eb;--cta-solid: #3b82f6;--cta-hover: #2563eb;--bg-main: linear-gradient(135deg, #f8fafc 0%, #eff6ff 50%, #eef2ff 100%);--bg-primary: #f8fafc;--bg-surface: #ffffff;--bg-hover: #f1f5f9;--background-secondary: #f1f5f9;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-tertiary: #f1f5f9;--surface-elevated: #ffffff;--surface-light: #f8fafc;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-light: #f3f4f6;--border-accent: #3b82f6;--focus-ring: rgb(59 130 246 / 15%);--overlay-bg: rgb(0 0 0 / 60%);--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(12px);--blur-xl: blur(16px);--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--status-success: #10b981;--status-success-bg: rgb(16 185 129 / 10%);--status-success-border: rgb(16 185 129 / 20%);--status-success-hover: #059669;--status-success-dark: #047857;--status-warning: #f59e0b;--status-warning-bg: rgb(245 158 11 / 10%);--status-warning-border: rgb(245 158 11 / 20%);--status-warning-hover: #d97706;--status-warning-dark: #f97316;--status-error: #ef4444;--status-error-bg: rgb(239 68 68 / 10%);--status-error-border: rgb(239 68 68 / 20%);--status-error-hover: #dc2626;--status-error-dark: #b91c1c;--status-info: #3b82f6;--status-info-bg: rgb(59 130 246 / 10%);--status-info-border: rgb(59 130 246 / 20%);--status-info-hover: #2563eb;--status-info-dark: #1d4ed8;--status-draft: #6b7280;--status-draft-bg: rgb(107 114 128 / 10%);--status-draft-border: rgb(107 114 128 / 20%);--status-pending: #f59e0b;--status-pending-bg: rgb(245 158 11 / 10%);--status-pending-text: #f59e0b;--status-pending-border: rgb(245 158 11 / 20%);--danger-color: #ef4444;--primary-color-alpha: rgb(59 130 246 / 20%);--shadow-sm: 0 2px 4px rgb(0 0 0 / 5%);--shadow-md: 0 8px 24px rgb(0 0 0 / 10%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 12%);--shadow-xl: 0 20px 50px rgb(59 130 246 / 20%);--shadow-2xl: 0 25px 60px rgb(59 130 246 / 25%);--shadow-card: 0 4px 20px rgb(0 0 0 / 8%);--radius-card: 16px;--radius-button: 12px;--radius-badge: 8px;--card-border-width: 1px;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--nav-text: #6b7280;--nav-hover: #f3f4f6;--nav-active-bg: rgb(59 130 246 / 10%);--nav-active-text: #3b82f6;--avatar-gradient: linear-gradient(135deg, #3b82f6, #6366f1);--card-hover-transform: translateY(-8px) rotateX(2deg);--card-hover-shadow: 0 20px 50px rgb(59 130 246 / 25%)}[data-theme=depth-form] .card,[data-theme=depth-form] .sparko-card,[data-theme=depth-form] .stat-card,[data-theme=depth-form] .activity-card{perspective:1000px;transition:transform .3s ease,box-shadow .3s ease}[data-theme=depth-form] .card:hover,[data-theme=depth-form] .sparko-card:hover,[data-theme=depth-form] .stat-card:hover,[data-theme=depth-form] .activity-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:var(--card-hover-shadow)}[data-theme=material-you]{--primary-gradient-start: #a855f7;--primary-gradient-end: #ec4899;--primary-solid: #a855f7;--primary-hover: #9333ea;--primary-dark: #7c3aed;--primary-accessible: #9333ea;--primary-text: #ffffff;--primary-bg: rgb(168 85 247 / 10%);--primary-color: #a855f7;--primary-soft: rgb(168 85 247 / 8%);--primary-border: #e9d5ff;--primary-surface: #faf5ff;--accent-primary: #c084fc;--accent-primary-light: rgb(192 132 252 / 15%);--accent-highlight: #c084fc;--cta-gradient-start: #a855f7;--cta-gradient-end: #9333ea;--cta-solid: #a855f7;--cta-hover: #9333ea;--bg-main: linear-gradient(to bottom right, #fdf4ff, #fce7f3, #fff1f2);--bg-primary: #fdf4ff;--bg-surface: #ffffff;--bg-hover: #faf5ff;--background-secondary: #faf5ff;--surface-primary: #ffffff;--surface-secondary: #fdf4ff;--surface-tertiary: #faf5ff;--surface-elevated: #ffffff;--surface-light: #fdf4ff;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e9d5ff;--border-light: #f3e8ff;--border-accent: #a855f7;--focus-ring: rgb(168 85 247 / 15%);--overlay-bg: rgb(0 0 0 / 60%);--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(12px);--blur-xl: blur(16px);--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--status-success: #10b981;--status-success-bg: rgb(16 185 129 / 10%);--status-success-border: rgb(16 185 129 / 20%);--status-success-hover: #059669;--status-success-dark: #047857;--status-warning: #f59e0b;--status-warning-bg: rgb(245 158 11 / 10%);--status-warning-border: rgb(245 158 11 / 20%);--status-warning-hover: #d97706;--status-warning-dark: #f97316;--status-error: #ef4444;--status-error-bg: rgb(239 68 68 / 10%);--status-error-border: rgb(239 68 68 / 20%);--status-error-hover: #dc2626;--status-error-dark: #b91c1c;--status-info: #3b82f6;--status-info-bg: rgb(59 130 246 / 10%);--status-info-border: rgb(59 130 246 / 20%);--status-info-hover: #2563eb;--status-info-dark: #1d4ed8;--status-draft: #6b7280;--status-draft-bg: rgb(107 114 128 / 10%);--status-draft-border: rgb(107 114 128 / 20%);--status-pending: #f59e0b;--status-pending-bg: rgb(245 158 11 / 10%);--status-pending-text: #f59e0b;--status-pending-border: rgb(245 158 11 / 20%);--danger-color: #ef4444;--primary-color-alpha: rgb(168 85 247 / 20%);--shadow-sm: 0 1px 3px rgb(0 0 0 / 5%);--shadow-md: 0 4px 16px rgb(168 85 247 / 10%);--shadow-lg: 0 12px 32px rgb(168 85 247 / 15%);--shadow-xl: 0 20px 48px rgb(168 85 247 / 20%);--shadow-2xl: 0 28px 64px rgb(168 85 247 / 25%);--shadow-card: 0 2px 12px rgb(168 85 247 / 8%);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--radius-3xl: 32px;--radius-card: 24px;--radius-button: 20px;--radius-badge: 16px;--card-border-width: 1px;--sidebar-bg: #ffffff;--sidebar-border: #e9d5ff;--nav-text: #6b7280;--nav-hover: #faf5ff;--nav-active-bg: rgb(168 85 247 / 10%);--nav-active-text: #a855f7;--avatar-gradient: linear-gradient(135deg, #a855f7, #ec4899);--card-hover-transform: scale(1.02);--card-hover-shadow: var(--shadow-2xl)}[data-theme=material-you] .card,[data-theme=material-you] .sparko-card,[data-theme=material-you] .stat-card,[data-theme=material-you] .activity-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}[data-theme=material-you] .card:hover,[data-theme=material-you] .sparko-card:hover,[data-theme=material-you] .stat-card:hover,[data-theme=material-you] .activity-card:hover{transform:scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--primary-solid)}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-main);color:var(--text-primary);transition:background .3s ease,color .3s ease;min-height:100vh}body,.card,.sparko-card,.stat-card,.activity-card,button,a,input,select,textarea{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}button,a{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.card,.sparko-card{background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-thin) solid var(--border-color);padding:var(--space-card-padding);box-shadow:var(--shadow-card)}.stat-card{background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-thin) solid var(--border-color);border-left:var(--card-border-width) solid var(--primary-solid);padding:var(--space-card-padding);box-shadow:var(--shadow-card)}.activity-card{background:var(--surface-secondary);border-radius:var(--radius-card);border-left:var(--card-border-width) solid var(--primary-solid);padding:var(--space-md)}.avatar{width:var(--button-height-sm);height:var(--button-height-sm);border-radius:var(--radius-full);background:var(--avatar-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-sm);font-weight:500}.btn-cta{background:linear-gradient(135deg,var(--cta-gradient-start),var(--cta-gradient-end));color:#fff;border:none;border-radius:var(--radius-button);padding:12px 24px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary{background:var(--primary-solid);color:var(--primary-text);border:none;border-radius:var(--radius-button);padding:12px 24px;font-weight:700;cursor:pointer}.btn-secondary{background:transparent;color:var(--primary-solid);border:var(--border-width-medium) solid var(--primary-solid);border-radius:var(--radius-button);padding:10px 22px;font-weight:700;cursor:pointer}.trend-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700}.custom-role-builder{display:flex;flex-direction:column;height:100%;background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.custom-role-builder-loading{padding:var(--space-3xl);text-align:center;color:var(--text-secondary)}.role-builder-header{padding:var(--space-xl) var(--space-2xl);border-bottom:var(--border-width-thin) solid var(--border-color)}.role-builder-header h2{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-title);font-weight:var(--font-weight-title);color:var(--text-primary)}.role-builder-header p{margin:0;font-size:var(--font-size-body);color:var(--text-secondary)}.role-builder-error{margin:var(--space-lg) var(--space-2xl);padding:var(--space-md) var(--space-lg);background:var(--status-error-bg);border:1px solid var(--status-error-border);border-radius:var(--radius-button);color:var(--status-error);font-size:var(--font-size-body)}.role-builder-content{display:grid;grid-template-columns:1fr 320px;gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl);flex:1;overflow:hidden}.role-builder-main{overflow-y:auto;padding-right:var(--space-md)}.role-basic-info{margin-bottom:var(--space-2xl)}.form-group{margin-bottom:var(--space-xl)}.form-group label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:var(--space-md) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-button);font-size:var(--font-size-body);font-family:inherit;background:var(--bg-surface);color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.form-group input:disabled,.form-group textarea:disabled{background:var(--bg-hover);cursor:not-allowed}.navigation-selection h3{margin:0 0 var(--space-xl) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-title);color:var(--text-primary)}.nav-category{margin-bottom:28px}.nav-category h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.nav-item-group{margin-bottom:var(--space-md);padding:var(--space-md);background:var(--bg-main);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-button);transition:all .2s}.nav-item-group:hover{background:var(--bg-hover);border-color:var(--border-color)}.nav-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.nav-item-toggle{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-primary);flex:1}.nav-item-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.nav-item-icon{font-size:var(--font-size-lg)}.nav-item-description{font-size:var(--font-size-label);color:var(--text-secondary);max-width:250px}.nav-item-actions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--space-md)}.action-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-label);color:var(--text-primary);cursor:pointer;transition:all .2s}.action-checkbox:hover{background:var(--bg-hover);border-color:var(--primary-solid)}.action-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.role-builder-preview{border-left:var(--border-width-thin) solid var(--border-color);padding-left:var(--space-xl);display:flex;flex-direction:column;overflow-y:auto}.role-builder-preview h3{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-title);color:var(--text-primary)}.preview-subtitle{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-label);color:var(--text-secondary)}.preview-sidebar{flex:1;padding:var(--space-lg);background:var(--bg-main);border:var(--border-width-medium) dashed var(--border-color);border-radius:var(--radius-button);min-height:300px}.preview-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:var(--font-size-label);text-align:center}.preview-nav-items{display:flex;flex-direction:column;gap:var(--space-sm)}.preview-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-body);color:var(--text-primary)}.preview-icon{font-size:var(--font-size-lg)}.preview-stats{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-hover);border-radius:var(--radius-button);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.stat{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{font-size:var(--font-size-label);color:var(--text-secondary);font-weight:var(--font-weight-bold)}.stat-value{font-size:var(--font-size-title);font-weight:var(--font-weight-title);color:var(--primary-solid)}.role-builder-footer{padding:var(--space-xl) var(--space-2xl);border-top:var(--border-width-thin) solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--space-md);background:var(--bg-main)}@media(max-width:1024px){.role-builder-content{grid-template-columns:1fr}.role-builder-preview{border-left:none;border-top:var(--border-width-thin) solid var(--border-color);padding-left:0;padding-top:var(--space-xl);max-height:var(--list-height-dropdown-large)}}.sparko-breadcrumbs{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md) 0;font-size:var(--text-sm)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--primary-solid);text-decoration:underline}.breadcrumb-separator{color:var(--text-tertiary)}.breadcrumb-current{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.role-edit-container{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.back-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--primary-solid);color:#fff;border-color:var(--primary-solid)}.role-view-section{margin-top:var(--space-xl)}.section-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-lg)}.permissions-modules{display:grid;gap:var(--space-lg)}.module-card{background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .2s ease}.module-card:hover{border-color:var(--primary-solid);box-shadow:var(--shadow-md)}.module-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:2px solid var(--border-color)}.module-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.permission-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.permission-item:hover{background:var(--badge-info-bg);border-color:var(--primary-solid)}.permission-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--primary-solid)}.permission-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.empty-state{text-align:center;padding:var(--space-3xl);background:var(--bg-surface);border:var(--border-width-medium) dashed var(--border-color);border-radius:var(--radius-lg)}.empty-state-icon{font-size:var(--text-3xl);display:block;margin-bottom:var(--space-md)}.empty-state-text{font-size:var(--text-lg);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.error-message{background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error);color:var(--status-error);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-weight:var(--font-weight-semibold)}@media(max-width:768px){.permission-grid{grid-template-columns:1fr}}.grid{display:grid;grid-template-columns:400px 1fr;gap:var(--space-lg)}.employee-panel,.roles-panel{background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);padding:0;height:calc(100vh - 150px);overflow:hidden;display:flex;flex-direction:column}.panel-header{padding:var(--space-lg) var(--space-lg);border-bottom:2px solid var(--border-color);background:var(--bg-surface);display:flex;justify-content:space-between;align-items:center}.panel-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-xs)}.panel-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.search-box{padding:0 var(--space-lg) var(--space-lg)}.search-input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) 40px;border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--bg-primary) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat var(--space-md) center;color:var(--text-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.employee-list{overflow-y:auto;padding:var(--space-md);flex:1}.employee-card{padding:var(--space-md);margin-bottom:var(--space-sm);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;background:var(--bg-primary);display:flex;align-items:center;gap:var(--space-md)}.employee-card:hover{border-color:var(--primary-solid);transform:translate(4px);box-shadow:var(--shadow-sm)}.employee-card[selected=true]{border-color:var(--primary-solid);background:var(--badge-info-bg)}.employee-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--text-base);flex-shrink:0}.employee-info{flex:1}.employee-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.employee-details{font-size:var(--text-xs);color:var(--text-secondary)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-lg)}.stat{padding:var(--space-lg);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);text-align:center;transition:all .2s ease}.stat:hover{border-color:var(--primary-solid);box-shadow:var(--shadow-sm)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--primary-solid);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-semibold)}.section{margin-bottom:var(--space-xl);padding:0 var(--space-lg) var(--space-xl);border-bottom:2px solid var(--border-color)}.section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-md)}.roles-list{display:flex;flex-direction:column;gap:var(--space-md)}.role-card{padding:var(--space-md);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s ease}.role-card:hover{border-color:var(--primary-solid);box-shadow:var(--shadow-sm)}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.role-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--text-base)}.role-metadata{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-md)}.permission-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.permission-item{padding:var(--space-sm) var(--space-md);background:var(--badge-info-bg);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-xs)}.role-details{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border-color)}.modal-content{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.input,.select{width:100%;padding:var(--space-md);font-size:var(--text-base);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.input:focus,.select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--text-secondary)}.empty-state[large]{padding:var(--space-3xl) var(--space-xl)}.empty-state-icon{font-size:var(--text-3xl);margin-bottom:var(--space-md);color:var(--text-tertiary)}.empty-state-text{font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.empty-state-hint{font-size:var(--text-sm)}.error-message{color:var(--status-error);background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);text-align:center;font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.panel-content{overflow-y:auto;flex:1;padding:var(--space-lg)}.metadata-item{display:flex;gap:var(--space-sm);font-size:var(--text-sm);margin-bottom:var(--space-xs)}.metadata-label{font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.metadata-value{color:var(--text-primary)}.admin-content-header{margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.admin-content-title{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px}.admin-content-subtitle{font-size:15px;color:#64748b}.admin-content-body{flex:1;display:flex;flex-direction:column;gap:24px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.nav-item-name{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.nav-icon{font-size:var(--text-lg)}.sub-item-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);padding-left:var(--space-md)}.path-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--text-xs);background:var(--bg-surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--text-secondary);border:var(--border-width-thin) solid var(--border-color)}.category-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--bg-surface);color:var(--text-primary);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-transform:capitalize}.status-badge{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.status-badge.status-default{background:var(--bg-surface);color:var(--text-secondary);border:var(--border-width-thin) solid var(--border-color)}.status-badge.status-hidden{background:var(--text-tertiary);color:#fff}.status-badge.status-admin-only{background:var(--status-warning);color:#fff}.status-badge.status-role-required{background:var(--primary-solid);color:#fff}.status-badge.status-permission-required{background:var(--badge-info-bg);color:var(--primary-solid);border:1px solid var(--primary-solid)}.status-badge.status-custom{background:var(--status-success);color:#fff}.sparko-data-table td button{margin-right:var(--space-sm)}.error-message{background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error);color:var(--status-error);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-weight:var(--font-weight-semibold)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:2px solid var(--border-color)}.modal-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-md)}.close-button{width:var(--button-height-sm);height:var(--button-height-sm);border-radius:50%;border:none;background:var(--bg-surface);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);transition:all .2s ease}.close-button:hover{background:var(--status-error);color:#fff;transform:rotate(90deg)}.form{padding:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.checkbox-group{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.checkbox-group:hover{border-color:var(--primary-solid);background:var(--badge-info-bg)}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group span{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer}.input,.textarea,.select{width:100%;padding:var(--space-md);font-size:var(--text-base);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.help-text{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs);font-style:italic}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-top:var(--space-md);max-height:var(--list-height-dropdown);overflow-y:auto;padding:var(--space-md);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm)}.permission-checkbox{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.permission-checkbox:hover{border-color:var(--primary-solid);background:var(--badge-info-bg)}.permission-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.permission-checkbox span{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs)}.sensitive-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--status-warning);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;margin-left:var(--space-sm)}.button-group{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:2px solid var(--border-color)}.loading-text{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);font-size:var(--text-lg)}@media(max-width:768px){.permissions-grid{grid-template-columns:1fr}.modal-content{max-width:95%}.nav-item-name{flex-direction:column;align-items:flex-start}}.settings-section{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.form-group:last-child{margin-bottom:0}.form-label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.form-label-description{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-normal);line-height:1.5}.usage-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);padding:var(--space-md) 0}.usage-summary-item{display:flex;flex-direction:column;gap:var(--space-xs)}.usage-summary-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.usage-summary-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.provider-info-card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-lg)}.provider-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.provider-header h3{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.provider-features{display:flex;flex-direction:column;gap:var(--space-md)}.provider-feature{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-primary)}.info-notice{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--status-info-bg);border:var(--border-width-thin) solid var(--status-info-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.usage-table{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.usage-table-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-bottom:var(--border-width-thin) solid var(--border-color)}.usage-table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-thin) solid var(--border-color);font-size:var(--text-sm);color:var(--text-primary)}.usage-table-row:last-child{border-bottom:none}.usage-col-module{font-weight:var(--font-weight-medium)}.usage-col-requests,.usage-col-tokens{text-align:right;font-variant-numeric:tabular-nums}.usage-table-empty{padding:var(--space-xl);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.save-message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.save-message.success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border)}.save-message.error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.save-message-spaced{margin-bottom:var(--space-md)}.loading-container{display:flex;align-items:center;justify-content:center;height:100%}.loading-text{font-size:var(--text-base);color:var(--text-secondary)}.delegation-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-4);border:var(--border-width-thin) solid var(--border-color)}.delegation-card h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.delegation-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.form-group small{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-1)}.form-group select,.form-group input[type=datetime-local],.form-group textarea{padding:var(--spacing-2) var(--spacing-3);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-main);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color .2s ease}.form-group select:focus,.form-group input[type=datetime-local]:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-alpha-10)}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-2);max-height:var(--list-height-dropdown);overflow-y:auto;padding:var(--spacing-3);background:var(--bg-main);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease}.checkbox-label:hover{background:var(--bg-hover)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox-label span{font-size:var(--font-size-sm);color:var(--text-primary)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:var(--border-width-thin) solid var(--border-color)}.delegation-filters{margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-surface);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-color)}.filter-group{display:flex;align-items:center;gap:var(--spacing-3)}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.filter-buttons{display:flex;gap:var(--spacing-2)}.filter-btn{padding:var(--spacing-2) var(--spacing-4);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-main);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--bg-hover);border-color:var(--primary-solid)}.filter-btn.active{background:var(--primary-solid);border-color:var(--primary-solid);color:var(--primary-text)}.delegation-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.delegation-table thead{background:var(--bg-main);border-bottom:var(--border-width-thin) solid var(--border-color)}.delegation-table th{padding:var(--spacing-3);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.delegation-table tbody tr{border-bottom:var(--border-width-thin) solid var(--border-color);transition:background-color .2s ease}.delegation-table tbody tr:hover{background:var(--bg-hover)}.delegation-table tbody tr:last-child{border-bottom:none}.delegation-table td{padding:var(--spacing-3);color:var(--text-primary)}.details-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.badge-role{background:var(--primary-alpha-10);color:var(--primary-solid)}.badge-permissions{background:var(--status-success-bg);color:var(--status-success)}.badge-approvals{background:var(--status-warning-bg);color:var(--status-warning)}.scope-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--bg-main);color:var(--text-secondary);border:var(--border-width-thin) solid var(--border-color)}.status-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.status-active{background:var(--status-success-bg);color:var(--status-success)}.status-expired{background:var(--bg-hover);color:var(--text-secondary)}.status-revoked{background:var(--status-error-bg);color:var(--status-error)}.button-primary{background:var(--primary-solid);color:var(--primary-text)}.button-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button-secondary:hover{background:var(--bg-hover);border-color:var(--primary-solid)}.button-danger{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.button-danger:hover{background:var(--status-error-bg);border-color:var(--status-error)}.button-small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}@media(max-width:768px){.form-row,.checkbox-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}.delegation-table{min-width:800px}.filter-buttons{flex-wrap:wrap}}.audit-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--spacing-6);border:var(--border-width-thin) solid var(--border-color)}.audit-filters{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-4);border:var(--border-width-thin) solid var(--border-color)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-group select{padding:var(--spacing-2) var(--spacing-3);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-main);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color .2s ease}.form-group select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px var(--primary-alpha-10)}.results-info{font-size:var(--font-size-sm);color:var(--text-tertiary);padding-top:var(--spacing-3);border-top:var(--border-width-thin) solid var(--border-color)}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color)}.audit-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.audit-table thead{background:var(--bg-main);border-bottom:var(--border-width-thin) solid var(--border-color)}.audit-table th{padding:var(--spacing-3);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.audit-table tbody tr{border-bottom:var(--border-width-thin) solid var(--border-color);transition:background-color .2s ease}.audit-table tbody tr:hover{background:var(--bg-hover)}.audit-table tbody tr:last-child{border-bottom:none}.audit-table td{padding:var(--spacing-3);color:var(--text-primary);vertical-align:top}.timestamp-cell{white-space:nowrap;font-size:var(--font-size-xs);color:var(--text-tertiary)}.entity-id-cell code{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-xs);background:var(--bg-main);padding:2px var(--space-xs);border-radius:var(--radius-sm);color:var(--text-secondary)}.changed-by-cell{font-weight:var(--font-weight-medium);color:var(--text-primary)}.changes-cell{min-width:150px}.reason-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);color:var(--text-tertiary)}.action-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize;white-space:nowrap}.action-icon{font-size:var(--font-size-sm)}.action-create{background:var(--status-success-bg);color:var(--status-success)}.action-update{background:var(--status-info-bg);color:var(--status-info)}.action-delete{background:var(--status-error-bg);color:var(--status-error)}.action-assign,.action-grant{background:var(--primary-bg);color:var(--primary-solid)}.action-revoke,.action-remove{background:var(--status-warning-bg);color:var(--status-warning)}.action-default{background:var(--bg-main);color:var(--text-secondary)}.entity-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--bg-main);color:var(--text-secondary);text-transform:capitalize;white-space:nowrap}.entity-icon{font-size:var(--font-size-sm)}.change-details{cursor:pointer}.change-details summary{color:var(--primary-solid);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background-color .2s ease}.change-details summary::-webkit-details-marker{display:none}.change-details summary:before{content:"▶";display:inline-block;margin-right:6px;transition:transform .2s ease}.change-details[open] summary:before{transform:rotate(90deg)}.change-details summary:hover{background:var(--bg-hover)}.change-content{margin-top:var(--spacing-2);padding:var(--spacing-3);background:var(--bg-main);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-color)}.change-section{margin-bottom:var(--spacing-2)}.change-section:last-child{margin-bottom:0}.change-section strong{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.05em}.change-section pre{font-family:Monaco,Courier New,monospace;font-size:var(--font-size-xs);background:var(--bg-surface);padding:var(--spacing-2);border-radius:var(--radius-sm);overflow-x:auto;margin:0;color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.no-changes{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);margin-top:var(--spacing-4);border-top:var(--border-width-thin) solid var(--border-color)}.pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.button{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{background:var(--bg-main);color:var(--text-secondary);border:var(--border-width-thin) solid var(--border-color)}.button-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-solid)}.empty-state{text-align:center;padding:var(--spacing-8);color:var(--text-tertiary)}.empty-state p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.empty-state small{font-size:var(--font-size-sm);color:var(--text-tertiary)}.alert{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.alert-error{background:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error)}.alert-icon{font-size:var(--font-size-lg)}.loading{text-align:center;padding:var(--spacing-8);color:var(--text-tertiary);font-size:var(--font-size-base)}.page-description{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-2)}@media(max-width:768px){.filter-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}.audit-table{min-width:1000px}.pagination{flex-direction:column;gap:var(--spacing-3)}}.admin-sidebar-layout{display:flex;flex-direction:row;min-height:100vh;height:100vh;background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}.admin-sidebar{width:280px;background:#f8fafc;border-right:2px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;position:relative;transition:width .3s ease}.admin-sidebar.collapsed{width:80px}.admin-collapse-button{position:absolute;top:24px;right:-12px;background:#3b82f6;border:2px solid #ffffff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;color:#fff;box-shadow:0 2px 8px #3b82f64d}.admin-collapse-button:hover{background:#1e5fd8;transform:scale(1.1)}.admin-collapse-button svg{transition:transform .2s ease}.admin-sidebar-header{padding:24px 20px;border-bottom:2px solid #e2e8f0;background:#fff}.admin-back-link{display:flex;align-items:center;gap:8px;color:#3b82f6;font-size:14px;font-weight:600;text-decoration:none;padding:10px 12px;border-radius:8px;transition:all .2s;background:none;border:none;cursor:pointer;margin-bottom:16px}.admin-back-link:hover{background:#eff6ff}.admin-sidebar-title-main{font-size:20px;font-weight:700;color:#1e293b}.admin-sidebar-nav{flex:1;padding:16px 0}.admin-sidebar-section{margin-bottom:24px}.admin-sidebar-section-title{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:0 20px 12px}.admin-sidebar-item{padding:12px 20px;cursor:pointer;transition:all .2s ease;color:#64748b;font-size:15px;font-weight:500;display:flex;align-items:center;gap:12px;border-left:3px solid transparent}.admin-sidebar-item.collapsed{padding:12px;justify-content:center}.admin-sidebar-item:hover{background:#fff;color:#1e293b}.admin-sidebar-item.active{background:#eff6ff;color:#3b82f6;border-left-color:#3b82f6}.admin-sidebar-item svg{width:20px;height:20px;flex-shrink:0}.admin-content{flex:1;padding:32px;overflow-y:auto;background:#fff;display:flex;flex-direction:column}.sparko-login-page *{box-sizing:border-box;margin:0;padding:0}.sparko-login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Inter,system-ui,-apple-system,sans-serif}.sparko-login-card{width:100%;max-width:440px;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;border:1px solid #e2e8f0;overflow:hidden}.sparko-login-header{background:#276df2;padding:32px;text-align:center;border-bottom:1px solid #e2e8f0}.sparko-login-logo{font-size:24px;font-weight:700;color:#fff;letter-spacing:2px;margin-bottom:4px}.sparko-login-tagline{font-size:14px;color:#ffffffe6;font-weight:500;margin:0}.sparko-login-body{padding:32px 32px 24px}.sparko-login-welcome{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:32px;text-align:center}.sparko-login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:12px;border-radius:12px;margin-bottom:16px;font-size:14px;display:flex;align-items:center;gap:8px}.sparko-login-form{display:flex;flex-direction:column;gap:16px}.sparko-form-group{display:flex;flex-direction:column;gap:8px}.sparko-form-label{font-size:14px;font-weight:600;color:#1e293b}.sparko-form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sparko-forgot-link{font-size:14px;color:#276df2;text-decoration:none;font-weight:500;transition:color .2s ease}.sparko-forgot-link:hover{color:#1e40af;text-decoration:underline}.sparko-form-input{width:100%;height:48px;padding:12px 16px;font-size:16px;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease;font-family:Inter,system-ui,-apple-system,sans-serif}.sparko-form-input:hover{border-color:#cbd5e1}.sparko-form-input:focus{outline:none;border-color:#276df2;box-shadow:0 0 0 3px #276df21a}.sparko-form-input::-moz-placeholder{color:#94a3b8}.sparko-form-input::placeholder{color:#94a3b8}.sparko-submit-btn{width:100%;height:48px;margin-top:8px;background:#276df2;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,system-ui,-apple-system,sans-serif}.sparko-submit-btn:hover:not(:disabled){background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px #276df24d}.sparko-submit-btn:disabled{opacity:.6;cursor:not-allowed}.sparko-divider{display:flex;align-items:center;margin:24px 0;color:#64748b;font-size:14px;font-weight:500}.sparko-divider:before,.sparko-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.sparko-divider span{padding:0 12px;text-transform:uppercase;letter-spacing:.5px}.sparko-sso-btn{width:100%;height:48px;background:#fff;color:#1e293b;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,system-ui,-apple-system,sans-serif}.sparko-sso-btn:hover:not(:disabled){border-color:#276df2;background:#276df20d}.sparko-sso-btn:disabled{opacity:.6;cursor:not-allowed}.sparko-login-footer{padding:16px 32px;text-align:center;border-top:1px solid #e2e8f0}.sparko-security-text{font-size:12px;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.sparko-help-text{text-align:center;margin-top:24px;font-size:14px;color:#64748b}@media(max-width:480px){.sparko-login-page{padding:12px}.sparko-login-card{max-width:100%}.sparko-login-header,.sparko-login-body{padding:24px}.sparko-login-logo{font-size:20px}.sparko-login-welcome{font-size:16px}}.mfa-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--space-lg)}.mfa-card{width:100%;max-width:420px;background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.mfa-header{text-align:center;margin-bottom:var(--space-2xl)}.mfa-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.mfa-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.mfa-error{background:var(--danger-bg, #ffeeee);border:1px solid var(--danger-border, #ffcccc);color:var(--danger-text, #cc3333);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.mfa-form{display:flex;flex-direction:column;gap:var(--space-lg)}.mfa-footer{text-align:center;margin-top:var(--space-xl)}.mfa-back-link{background:none;border:none;color:var(--primary-color);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-sm);text-decoration:none;transition:opacity .2s ease}.mfa-back-link:hover{opacity:.8;text-decoration:underline}.submit-button-full-width{width:100%;margin-top:var(--space-md)}@media(max-width:480px){.mfa-card{padding:var(--space-xl)}.mfa-title{font-size:var(--font-size-xl)}}.mfa-setup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--space-lg)}.mfa-setup-card{width:100%;max-width:500px;background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg)}.mfa-setup-header{text-align:center;margin-bottom:var(--space-2xl)}.mfa-setup-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.mfa-setup-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.5}.mfa-setup-benefits{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.mfa-setup-benefits h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.mfa-setup-benefits ul{margin:0;padding-left:var(--space-xl);color:var(--text-secondary);font-size:var(--font-size-sm)}.mfa-setup-benefits li{margin-bottom:var(--space-sm);line-height:1.5}.mfa-setup-error{background:var(--danger-bg, #ffeeee);border:1px solid var(--danger-border, #ffcccc);color:var(--danger-text, #cc3333);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.mfa-setup-actions{margin-top:var(--space-xl)}.mfa-qr-container{display:flex;justify-content:center;align-items:center;padding:var(--space-xl);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.mfa-qr-code{max-width:100%;height:auto;border-radius:var(--radius-md)}.mfa-manual-code{text-align:center;margin-bottom:var(--space-xl)}.mfa-manual-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-sm) 0}.mfa-secret-code{display:inline-block;font-family:Courier New,monospace;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);background:var(--bg-surface);padding:var(--space-md) var(--space-lg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);letter-spacing:.1em}.mfa-setup-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.form-input{width:100%;padding:var(--space-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}.mfa-code-input{text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:.5rem;font-family:Courier New,monospace}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg, rgb(99 102 241 / 10%))}.form-input::-moz-placeholder{color:var(--text-tertiary)}.form-input::placeholder{color:var(--text-tertiary)}.mfa-success-icon{width:80px;height:80px;margin:0 auto var(--space-lg) auto;background:var(--success-bg, #eeffee);color:var(--success-text, #00aa00);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.mfa-setup-success-message{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.mfa-setup-success-message p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-sm) 0;line-height:1.5}.mfa-setup-success-message p:last-child{margin-bottom:0}@media(max-width:480px){.mfa-setup-card{padding:var(--space-xl)}.mfa-setup-title{font-size:var(--font-size-xl)}.mfa-qr-container{padding:var(--space-md)}}.mfa-button-full{width:100%;margin-top:var(--space-md)}.saml-callback-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--space-lg)}.saml-callback-card{width:100%;max-width:420px;background:var(--card-bg);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg);text-align:center}.saml-callback-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.saml-callback-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.saml-callback-error{font-size:var(--font-size-sm);color:var(--danger-text, #cc3333);margin:var(--space-md) 0;padding:var(--space-md);background:var(--danger-bg, #ffeeee);border:1px solid var(--danger-border, #ffcccc);border-radius:var(--radius-md)}.saml-loading-spinner{width:60px;height:60px;margin:0 auto var(--space-lg) auto;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.saml-error-icon{width:60px;height:60px;margin:0 auto var(--space-lg) auto;background:var(--danger-bg, #ffeeee);color:var(--danger-text, #cc3333);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.saml-back-button{margin-top:var(--space-xl);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--primary-color);background:transparent;border:1px solid var(--primary-color);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,color .2s ease}.saml-back-button:hover{background:var(--primary-color);color:#fff}@media(max-width:480px){.saml-callback-card{padding:var(--space-xl)}.saml-callback-title{font-size:var(--font-size-xl)}}.password-strength-meter{margin-top:var(--spacing-sm);animation:fade-in .2s ease-out}.strength-bar-container{width:100%;height:4px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.strength-bar{height:100%;border-radius:var(--radius-full);transition:width .3s ease,background-color .3s ease}.strength-info{font-size:var(--font-size-sm)}.strength-label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;margin-bottom:var(--spacing-xs)}.strength-label.weak{color:var(--status-error)}.strength-label.medium{color:var(--status-warning)}.strength-label.strong{color:var(--status-success)}.strength-icon{display:flex;align-items:center;justify-content:center}.strength-icon svg{width:16px;height:16px}.strength-text{font-size:var(--font-size-sm)}.strength-errors{background:var(--status-error-bg);border:1px solid var(--status-error);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-top:var(--spacing-xs)}.strength-errors ul{list-style:none;padding:0;margin:0}.strength-errors li{font-size:var(--font-size-sm);color:var(--status-error);padding:2px 0;position:relative;padding-left:var(--spacing-md)}.strength-errors li:before{content:"×";position:absolute;left:0;font-weight:700}.strength-success{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--status-success);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--spacing-xs);background:var(--status-success-bg);border:1px solid var(--status-success);border-radius:var(--radius-sm);padding:var(--spacing-sm)}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.resend-activation{margin-top:var(--spacing-xl)}.resend-activation h2{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);text-align:center;margin:0 0 var(--spacing-md)}.resend-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);text-align:center;margin:0 0 var(--spacing-xl);line-height:1.6}.resend-form{margin-top:var(--spacing-lg)}.subdomain-input-wrapper{position:relative;display:flex;align-items:center}.subdomain-input{flex:1;padding-right:120px!important}.subdomain-suffix{position:absolute;right:var(--spacing-md);color:var(--text-tertiary);font-size:var(--font-size-md);pointer-events:none}.resend-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-subtle);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.resend-footer a{color:var(--primary-color);text-decoration:none;font-weight:600}.resend-footer a:hover{text-decoration:underline}.resend-success{text-align:center;padding:var(--spacing-xl);animation:fade-in-scale .4s ease-out}.success-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:var(--status-success-bg);color:var(--status-success);border-radius:50%}.success-icon svg{width:48px;height:48px}.resend-success h3{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md)}.resend-success p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg)}.success-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-subtle);border-left:var(--border-width-thick) solid var(--primary-color);border-radius:var(--radius-sm);padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:left}.success-note svg{width:20px;height:20px;flex-shrink:0;color:var(--primary-color);margin-top:2px}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.activation-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);padding:var(--spacing-lg)}.activation-card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);max-width:500px;width:100%;animation:slide-in-up .4s ease-out}.activation-card.wide{max-width:600px}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.activation-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;border-radius:50%}.activation-icon.loading{background:var(--bg-subtle)}.activation-icon.success{background:var(--status-success-bg);color:var(--status-success)}.activation-icon.error,.activation-icon.expired{background:var(--status-error-bg);color:var(--status-error)}.activation-icon svg{width:48px;height:48px}.spinner{animation:rotate 1s linear infinite;width:48px;height:48px}.spinner circle{stroke:var(--primary-color);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.spinner-small{width:16px;height:16px;margin-right:var(--spacing-xs)}.spinner-small circle{stroke:currentcolor;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.activation-card h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center;margin:0 0 var(--spacing-md)}.activation-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);text-align:center;margin:0 0 var(--spacing-xl);line-height:1.6}.activation-subtitle.error-text{color:var(--status-error)}.activation-header{text-align:center;margin-bottom:var(--spacing-xl)}.activation-logo{width:64px;height:64px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:var(--radius-md);color:#fff}.activation-logo svg{width:var(--button-height-sm);height:var(--button-height-sm)}.activation-form{margin-top:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.form-label .required{color:var(--status-error)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-default);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha-20)}.form-input:disabled{background:var(--bg-subtle);color:var(--text-disabled);cursor:not-allowed}.form-help{display:block;font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.form-error{display:block;font-size:var(--font-size-sm);color:var(--status-error);margin-top:var(--spacing-xs)}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:var(--space-3xl)}.password-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--text-tertiary);transition:color .2s ease}.password-toggle:hover{color:var(--text-primary)}.password-toggle svg{width:20px;height:20px;display:block}.password-requirements{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.password-requirements h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm)}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-xs) 0;position:relative;padding-left:var(--spacing-lg)}.password-requirements li:before{content:"○";position:absolute;left:0;color:var(--text-tertiary)}.password-requirements li.met{color:var(--status-success)}.password-requirements li.met:before{content:"✓";color:var(--status-success);font-weight:var(--font-weight-bold)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);line-height:1.5}.alert svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.alert-error{background:var(--status-error-bg);border:1px solid var(--status-error);color:var(--status-error)}.form-actions{margin-top:var(--spacing-xl)}.activation-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;border:none}.btn-large{width:100%;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-default)}.activation-footer{margin-top:var(--spacing-xl);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.activation-footer a{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-semibold)}.activation-footer a:hover{text-decoration:underline}.activation-success-details{background:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;text-align:center}.activation-success-details p{margin:var(--spacing-sm) 0;color:var(--text-secondary);line-height:1.6}.trial-info{font-weight:var(--font-weight-semibold);color:var(--primary-color)}.redirect-message{text-align:center;font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-lg)}.activation-note{background:var(--bg-subtle);border-left:var(--border-width-thick) solid var(--primary-color);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;gap:var(--spacing-sm);align-items:flex-start}.activation-note svg{width:20px;height:20px;flex-shrink:0;color:var(--primary-color)}.activation-note strong{color:var(--text-primary)}@media(max-width:640px){.activation-page{padding:var(--spacing-md)}.activation-card{padding:var(--spacing-xl)}.activation-card h1{font-size:var(--font-size-xl)}.activation-actions{flex-direction:column}.activation-actions button{width:100%}}.setup-wizard-container{min-height:100vh;background:var(--bg-base);display:flex;flex-direction:column}.wizard-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-base)}.loading-spinner{color:var(--text-secondary);font-size:var(--font-size-lg)}.wizard-header{background:var(--bg-surface);border-bottom:1px solid var(--border-primary);padding:var(--spacing-lg) var(--spacing-xl)}.wizard-main-header{text-align:center;padding:var(--space-2xl) var(--space-xl);border-bottom:2px solid var(--border-color)}.wizard-logo{margin-bottom:var(--space-md)}.wizard-logo h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.wizard-main-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.wizard-main-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.wizard-progress{max-width:1000px;margin:0 auto}.progress-steps{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1;position:relative}.step-number{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);border:var(--border-width-medium) solid var(--border-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);transition:all .3s ease;z-index:1}.progress-step.active .step-number{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.progress-step.completed .step-number{background:var(--color-success);color:#fff;border-color:var(--color-success)}.step-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.progress-step.active .step-label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.progress-bar{height:4px;background:var(--border-primary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);transition:width .4s ease}.wizard-tabs{display:flex;gap:var(--space-xs);padding:var(--space-lg);background:var(--bg-primary);border-bottom:2px solid var(--border-color);overflow-x:auto}.wizard-tab-button{flex:1;padding:var(--space-md);border:var(--border-width-medium) solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);border-radius:var(--radius-md);cursor:not-allowed;font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);transition:all .2s ease;min-width:100px}.wizard-tab-button.active{border:var(--border-width-medium) solid var(--primary-solid);background:var(--primary-solid);color:#fff;font-weight:var(--font-weight-semibold);cursor:pointer}.wizard-tab-button.completed{border:var(--border-width-medium) solid var(--border-color);background:var(--success-bg);color:var(--success-solid);cursor:pointer}.wizard-content{flex:1;padding:var(--spacing-2xl) var(--spacing-lg);max-width:900px;margin:0 auto;width:100%}.wizard-content-main{max-width:1000px;margin:0 auto;padding:var(--space-xl)}.wizard-step{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.wizard-step .step-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0!important;display:block!important}.wizard-step .step-header p{color:var(--text-secondary);margin:0!important;display:block!important}.wizard-step h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.wizard-step p{color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0}.collapsed-step-card{padding:var(--space-lg);background:var(--success-bg);border:var(--border-width-medium) solid var(--success-solid);border-radius:var(--radius-md);margin-bottom:var(--space-lg);cursor:pointer;transition:all .2s ease}.collapsed-step-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.collapsed-step-content{display:flex;align-items:center;gap:var(--space-md)}.collapsed-step-checkmark{width:32px;height:32px;border-radius:50%;background:var(--success-solid);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.collapsed-step-text-wrapper{flex:1}.collapsed-step-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.collapsed-step-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.collapsed-step-edit-hint{font-size:var(--font-size-xs);color:var(--text-secondary)}.wizard-step-wrapper{margin-bottom:var(--space-2xl)}.wizard-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-primary)}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border:none;font-size:var(--font-size-base)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-hover)}.wizard-footer{background:var(--bg-surface);border-top:2px solid var(--border-color);padding:var(--space-lg);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.wizard-footer a{color:var(--primary-solid);text-decoration:none}.wizard-footer a:hover{text-decoration:underline}.wizard-help{color:var(--text-secondary);font-size:var(--font-size-sm)}.wizard-help a{color:var(--color-primary);text-decoration:none}.wizard-help a:hover{text-decoration:underline}.step-header{margin-bottom:var(--spacing-xl)}.step-header h2{margin:0 0 var(--spacing-xs) 0}.step-header p{margin:0}.company-info-section,.departments-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-primary)}.company-info-section:last-of-type,.departments-section:last-of-type{border-bottom:none}.company-info-section h3,.departments-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.section-help{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg) 0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary);font-size:var(--font-size-base);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-bg)}.departments-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.department-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--font-size-sm)}.remove-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xl);line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.custom-department-input{display:flex;gap:var(--spacing-xs);align-items:center}.custom-department-input input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary);font-size:var(--font-size-sm);flex:1;min-width:150px}.btn-add,.btn-cancel{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;border:none;transition:all .2s ease}.btn-add{background:var(--color-primary);color:#fff}.btn-cancel{background:var(--bg-tertiary);color:var(--text-primary)}.btn-add-department{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-tertiary);border:1px dashed var(--border-primary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:all .2s ease}.btn-add-department:hover{background:var(--bg-hover);color:var(--text-primary);border-style:solid}.import-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.import-method-card{position:relative;padding:var(--spacing-xl);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:center}.import-method-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.method-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.import-method-card h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.import-method-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.badge-coming-soon{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-warning);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.upload-section{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.upload-dropzone{border:2px dashed var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);background:var(--bg-base);transition:all .3s ease}.upload-dropzone:hover{border-color:var(--color-primary);background:var(--bg-hover)}.upload-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);cursor:pointer}.upload-icon{font-size:var(--font-size-4xl)}.upload-text h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.upload-text p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.upload-info{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.upload-info h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.upload-info ul{list-style:disc;padding-left:var(--spacing-lg);margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);padding:0;text-decoration:underline}.btn-link:hover{opacity:.8}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.alert-warning{background:#ffc1071a;border:1px solid var(--color-warning);color:var(--text-primary)}.employee-table-container{overflow-x:auto;margin-bottom:var(--spacing-xl);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.employee-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.employee-table thead{background:var(--bg-tertiary);position:sticky;top:0}.employee-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-primary)}.employee-table td{padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--border-primary)}.employee-table tbody tr:hover{background:var(--bg-hover)}.row-error{background:#ff00000d}.row-valid{background:transparent}.status-valid{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-success);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-error{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-error);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:help}.table-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-size:var(--font-size-sm)}.table-input:focus{outline:none;border-color:var(--color-primary)}.btn-remove-row{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xl);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.btn-remove-row:hover{background:var(--color-error);color:#fff}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.step-header-centered{text-align:center;margin-bottom:var(--space-xl)}.step-header-centered h2{margin-bottom:var(--space-sm)}.step-header-centered p{color:var(--text-secondary)}.modules-section{margin-bottom:var(--space-2xl)}.modules-section h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0}.modules-section.locked h3{color:var(--text-secondary);margin-bottom:var(--space-xs)}.modules-section-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.module-card{padding:var(--space-lg);border-radius:var(--radius-md);border:var(--border-width-medium) solid var(--border-primary);background:var(--bg-surface);text-align:center;position:relative;transition:all .2s ease;min-height:140px}.module-card.enabled{border-color:var(--success-solid);cursor:pointer}.module-card.enabled.configurable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.module-card.disabled{opacity:.6;background:var(--bg-primary);border-style:dashed;cursor:not-allowed}.module-card-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.module-card-badge.success{background:var(--success-solid);color:#fff}.module-card-badge.locked{background:var(--bg-hover);color:var(--text-secondary);font-size:var(--font-size-xs)}.module-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-sm)}.module-icon.disabled{filter:grayscale(100%)}.module-card h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs);color:var(--text-primary)}.module-card.disabled h4{color:var(--text-secondary)}.module-description{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.module-configure-hint{margin-top:var(--space-sm);font-size:var(--font-size-xs);color:var(--primary-solid);font-weight:var(--font-weight-semibold)}.module-card h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.module-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.btn-configure{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease}.btn-configure:hover{opacity:.9;transform:translateY(-1px)}.unlock-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-warning);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.policy-loading{text-align:center;padding:var(--spacing-2xl)}.policy-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-primary)}.policy-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0}.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.policy-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.policy-item label{color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.policy-help{color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic}.policy-advanced{margin-bottom:var(--spacing-xl)}.policy-advanced summary{color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.policy-advanced summary:hover{text-decoration:underline}.advanced-options{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.advanced-options label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);cursor:pointer}.advanced-options input[type=checkbox]{width:18px;height:18px;cursor:pointer}.integrations-section{margin-bottom:var(--spacing-2xl)}.integrations-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg)}.integration-card{position:relative;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:var(--border-width-medium) solid var(--border-primary);background:var(--bg-surface);cursor:pointer;transition:all .3s ease;text-align:center}.integration-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.integration-card.selected{border-color:var(--color-success);background:rgba(var(--color-success-rgb, 34, 197, 94),.05)}.integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.integration-icon{font-size:var(--font-size-4xl)}.selected-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-success);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.integration-card h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.integration-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0;min-height:40px}.integration-notice{padding:var(--spacing-md);background:rgba(var(--color-primary-rgb, 59, 130, 246),.1);border:1px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.integration-notice p{margin:0;color:var(--text-primary);font-size:var(--font-size-sm)}.wizard-complete{text-align:center}.completion-icon{margin:0 auto var(--spacing-xl)}.completion-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin:var(--spacing-xs) 0 var(--spacing-2xl) 0}.completion-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0;text-align:left}.summary-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--text-primary)}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-success);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.pending-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-warning);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.pending-actions li{color:var(--text-secondary)}.completion-actions{margin-top:var(--spacing-2xl)}.btn-large{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg)}.help-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}@media(max-width:768px){.progress-steps{display:none}.wizard-content{padding:var(--spacing-lg) var(--spacing-md)}.wizard-step{padding:var(--spacing-lg)}.wizard-actions{flex-direction:column-reverse}.wizard-actions button{width:100%}.form-grid,.completion-summary{grid-template-columns:1fr}}.help-center{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.help-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-surface);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100}.help-logo{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.help-logo .logo-icon{font-size:var(--font-size-2xl)}.help-header-search{flex:1;max-width:400px;margin:0 2rem}.help-header-search input{width:100%}.back-to-app{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s}.back-to-app:hover{color:var(--primary)}.help-home{max-width:1200px;margin:0 auto;padding:3rem 2rem}.help-home-header{text-align:center;margin-bottom:3rem}.help-home-header h1{font-size:var(--font-size-4xl);margin:0 0 .5rem;color:var(--text-primary)}.help-home-header p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0 0 2rem}.help-search-large{max-width:600px;margin:0 auto}.help-search-large input{width:100%;padding:1rem 1.5rem;font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.help-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin-bottom:3rem}.help-category-card{padding:1.5rem;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:box-shadow .2s,border-color .2s}.help-category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.category-icon{font-size:var(--font-size-2xl);margin-bottom:1rem}.help-category-card h3{margin:0 0 1rem;font-size:var(--font-size-xl);color:var(--text-primary)}.category-articles{list-style:none;padding:0;margin:0 0 1rem}.category-articles li{margin-bottom:.5rem}.category-articles a{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s}.category-articles a:hover{color:var(--primary)}.view-all{color:var(--primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.help-quick-links{margin-top:3rem}.help-quick-links h2{margin:0 0 1.5rem;font-size:var(--font-size-2xl);color:var(--text-primary)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.quick-link{display:flex;align-items:center;gap:var(--space-md);padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all .2s}.quick-link:hover{background:var(--bg-hover);border-color:var(--primary)}.quick-link-icon{font-size:var(--font-size-2xl)}.help-search-results{margin-bottom:2rem}.help-search-results h2{margin:0 0 1rem;font-size:var(--font-size-xl);color:var(--text-primary)}.help-search-list{display:flex;flex-direction:column;gap:var(--space-md)}.help-search-result{display:block;padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);text-decoration:none;transition:all .2s}.help-search-result:hover{border-color:var(--primary);background:var(--bg-hover)}.result-title{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:.25rem}.result-meta{display:flex;gap:var(--space-lg);font-size:var(--font-size-sm)}.result-category{color:var(--primary)}.result-description{color:var(--text-secondary)}.help-no-results{text-align:center;padding:3rem;color:var(--text-secondary)}.help-article-container{display:flex;min-height:calc(100vh - 60px)}.help-sidebar{width:280px;background:var(--bg-surface);border-right:1px solid var(--border-light);padding:1.5rem 0;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto;transition:width .2s}.help-sidebar.collapsed{width:50px;padding:1rem 0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-base);margin-bottom:1rem}.sidebar-toggle:hover{color:var(--primary)}.sidebar-search{padding:0 1rem;margin-bottom:1.5rem}.sidebar-search-input{width:100%}.sidebar-nav{padding:0}.nav-category{margin-bottom:1.5rem}.nav-category-header{display:flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary)}.nav-icon{font-size:var(--font-size-base)}.nav-articles{list-style:none;padding:0;margin:0}.nav-articles li a{display:block;padding:.5rem 1rem .5rem 2.5rem;color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:all .2s;border-left:2px solid transparent}.nav-articles li a:hover{color:var(--primary);background:var(--bg-hover)}.nav-articles li a.active{color:var(--primary);background:var(--bg-hover);border-left-color:var(--primary);font-weight:var(--font-weight-medium)}.help-article-main{flex:1;padding:2rem 3rem;max-width:900px}.help-breadcrumbs{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2rem;font-size:var(--font-size-sm)}.help-breadcrumbs a{color:var(--text-secondary);text-decoration:none}.help-breadcrumbs a:hover{color:var(--primary)}.help-breadcrumbs .separator{color:var(--text-muted)}.help-breadcrumbs .current{color:var(--text-primary)}.help-article-content{line-height:1.7}.help-article-content h1{font-size:var(--font-size-2xl);margin:0 0 1.5rem;color:var(--text-primary)}.help-article-content h2{font-size:var(--font-size-2xl);margin:2rem 0 1rem;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.help-article-content h3{font-size:var(--font-size-xl);margin:1.5rem 0 .75rem;color:var(--text-primary)}.help-article-content p{margin:0 0 1rem;color:var(--text-primary)}.help-article-content ul,.help-article-content ol{margin:0 0 1rem;padding-left:1.5rem}.help-article-content li{margin-bottom:.5rem;color:var(--text-primary)}.help-article-content a{color:var(--primary);text-decoration:none}.help-article-content a:hover{text-decoration:underline}.help-article-content code{background:var(--bg-secondary);padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.875em}.help-article-content pre{background:var(--bg-secondary);padding:1rem 1.25rem;border-radius:var(--radius-md);overflow-x:auto;margin:0 0 1rem}.help-article-content pre code{background:none;padding:0}.help-article-content table{width:100%;border-collapse:collapse;margin:0 0 1rem}.help-article-content th,.help-article-content td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-light)}.help-article-content th{background:var(--bg-secondary);font-weight:var(--font-weight-semibold)}.help-article-content strong{font-weight:var(--font-weight-semibold)}.help-article-nav{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-light)}.nav-prev,.nav-next{display:flex;flex-direction:column;text-decoration:none;padding:1rem;border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all .2s;max-width:45%}.nav-prev:hover,.nav-next:hover{border-color:var(--primary);background:var(--bg-hover)}.nav-next{text-align:right;margin-left:auto}.nav-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:.25rem}.nav-article-title{color:var(--primary);font-weight:var(--font-weight-medium)}.help-article-feedback{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center}.help-article-feedback p{margin:0 0 1rem;color:var(--text-secondary)}.feedback-buttons{display:flex;gap:var(--space-md);justify-content:center}.help-article-not-found{text-align:center;padding:3rem}.help-article-not-found h2{margin:0 0 1rem;color:var(--text-primary)}.help-article-not-found p{color:var(--text-secondary);margin-bottom:1.5rem}@media(max-width:768px){.help-header{padding:1rem}.help-header-search{display:none}.help-home{padding:2rem 1rem}.help-home-header h1{font-size:var(--font-size-3xl)}.help-article-container{flex-direction:column}.help-sidebar{width:100%;height:auto;position:relative;top:0}.help-sidebar.collapsed{width:100%}.help-article-main{padding:1.5rem}.help-article-nav{flex-direction:column;gap:var(--space-lg)}.nav-prev,.nav-next{max-width:100%}.nav-next{text-align:left}}.home-page{width:100%;min-height:100vh;background:linear-gradient(135deg,var(--bg-base, #f8fafc) 0%,var(--bg-surface-secondary, #f1f5f9) 100%)}.home-header{background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,var(--sparko-blue-dark, #1d5fd9) 100%);border-radius:24px;padding:40px;margin:32px;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(var(--sparko-blue-rgb, 39, 109, 242),.3)}.home-header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.home-header-content{position:relative;z-index:1}.home-header-text h1{font-size:32px;font-weight:700;color:var(--text-on-primary, white);margin:0 0 8px}.home-header-text p{font-size:16px;color:var(--text-on-primary-secondary, rgba(255, 255, 255, .9));font-weight:500;margin:0}.home-quick-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;position:relative;z-index:1}.home-action-btn{padding:12px 24px;background:var(--glass-overlay-light, rgba(255, 255, 255, .2));color:var(--text-on-primary, white);border:1px solid var(--glass-border, rgba(255, 255, 255, .3));border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-action-btn:hover{background:var(--glass-overlay-medium, rgba(255, 255, 255, .3));transform:translateY(-2px)}.home-action-btn-primary{background:var(--surface-primary, white);color:var(--sparko-blue, #276DF2);border-color:var(--surface-primary, white)}.home-action-btn-primary:hover{background:var(--surface-primary-hover, rgba(255, 255, 255, .95))}.home-search-wrapper{position:relative;z-index:10;padding:0 32px;margin-bottom:32px}.home-search-box{background:var(--glass-surface, rgba(255, 255, 255, .7));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border-light, rgba(255, 255, 255, .5));padding:24px;box-shadow:0 4px 24px var(--shadow-light, rgba(0, 0, 0, .1))}.home-search-container{display:flex;align-items:center;gap:16px}.home-search-label{font-weight:600;color:var(--sparko-blue, #276DF2);font-size:14px;white-space:nowrap}.home-stats-section{padding:0 32px;margin-bottom:32px}.home-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.home-stat{background:linear-gradient(135deg,var(--surface-primary, #ffffff) 0%,var(--bg-base, #f8fafc) 100%);border:1px solid var(--border-light, #e2e8f0);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow-xs, rgba(0, 0, 0, .06)),inset 0 1px 0 var(--highlight, rgba(255, 255, 255, .8))}.home-stat:hover{background:linear-gradient(135deg,var(--bg-base, #f8fafc) 0%,var(--bg-surface-secondary, #f1f5f9) 100%);border-color:var(--border-medium, #cbd5e1);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-medium, rgba(0, 0, 0, .1)),inset 0 1px 0 var(--highlight, rgba(255, 255, 255, .8))}.home-stat-icon{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-on-primary, white);box-shadow:0 2px 4px var(--shadow-dark, rgba(0, 0, 0, .2)),inset 0 1px 0 var(--highlight-subtle, rgba(255, 255, 255, .2))}.home-stat-icon svg{width:24px;height:24px;stroke:var(--text-on-primary, white);stroke-width:2}.home-stat-icon-blue{background:linear-gradient(135deg,var(--sparko-blue, #276DF2),var(--sparko-blue-dark, #1e5fd8))}.home-stat-icon-green{background:linear-gradient(135deg,var(--success, #10B981),var(--success-dark, #059669))}.home-stat-icon-orange{background:linear-gradient(135deg,var(--warning, #F59E0B),var(--warning-dark, #d97706))}.home-stat-icon-purple{background:linear-gradient(135deg,var(--purple, #8B5CF6),var(--purple-dark, #7c3aed))}.home-stat-content{flex:1;display:flex;flex-direction:column;gap:4px}.home-stat-value{font-size:20px;font-weight:700;color:var(--text-primary, #1a202c);line-height:1;margin-bottom:4px}.home-stat-label{font-size:12px;color:var(--text-secondary, #64748b);font-weight:600}.home-stat-trend{font-size:12px;color:var(--text-tertiary, #94a3b8);font-weight:500}.home-tabs{display:flex;gap:8px;margin:0 32px 24px;border-bottom:2px solid var(--border-light, #e2e8f0);padding-bottom:0}.home-tab{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;font-size:14px;color:var(--text-secondary, #64748b);transition:all .2s ease;position:relative;bottom:-2px}.home-tab:hover{color:var(--sparko-blue, #276DF2)}.home-tab.active{color:var(--sparko-blue, #276DF2);border-bottom-color:var(--sparko-blue, #276DF2)}.home-tab-badge{display:inline-block;background:var(--error, #ef4444);color:var(--text-on-primary, white);font-size:11px;padding:2px 8px;border-radius:10px;margin-left:6px;font-weight:700}.home-tab-content{padding:0 32px 32px}.home-three-col-grid{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:24px}.home-updates-column{display:flex;flex-direction:column;gap:28px}.home-stats-card{background:var(--glass-surface, rgba(255, 255, 255, .8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border-light, rgba(255, 255, 255, .5));padding:28px;box-shadow:0 4px 12px var(--shadow-light, rgba(0, 0, 0, .08));height:-moz-fit-content;height:fit-content}.home-stats-title{font-size:18px;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 20px}.home-stat-item{padding:16px;background:var(--bg-base, #f8fafc);border-radius:10px;margin-bottom:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.home-stat-item:last-child{margin-bottom:0}.home-stat-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px var(--shadow-light, rgba(0, 0, 0, .1))}.home-stat-item-icon{width:36px;height:36px;min-width:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-stat-item-icon svg{width:20px;height:20px;stroke-width:2}.home-stat-item-icon.blue{background:var(--blue-light, #dbeafe);color:var(--sparko-blue, #276DF2)}.home-stat-item-icon.orange{background:var(--orange-light, #ffedd5);color:var(--warning, #f59e0b)}.home-stat-item-icon.green{background:var(--green-light, #d1fae5);color:var(--success, #10b981)}.home-form-container{background:var(--glass-surface, rgba(255, 255, 255, .8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border-light, rgba(255, 255, 255, .5));padding:32px;box-shadow:0 4px 12px var(--shadow-light, rgba(0, 0, 0, .08));max-width:600px}.home-form-title{font-size:22px;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 16px}.home-form-container p{color:var(--text-secondary, #64748b);margin-bottom:24px}.home-activity-section{padding:0 32px 32px}.home-activity-grid{display:grid;grid-template-columns:1fr 400px;gap:24px}.home-activity-feeds{display:flex;flex-direction:column;gap:28px}.home-activity-card{background:var(--glass-surface, rgba(255, 255, 255, .8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border-light, rgba(255, 255, 255, .5));padding:28px;box-shadow:0 4px 12px var(--shadow-light, rgba(0, 0, 0, .08))}.home-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.home-activity-title{font-size:18px;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.home-view-all{color:var(--sparko-blue, #276DF2);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.home-view-all:hover{opacity:.7}.home-activity-list{display:flex;flex-direction:column;gap:10px}.home-activity-item{background:var(--surface-hover, rgba(248, 250, 252, .6));padding:16px 20px;border-radius:14px;border-left:4px solid var(--sparko-blue, #276DF2);transition:all .2s ease;cursor:pointer;display:flex;align-items:flex-start;gap:14px}.home-activity-item:hover{background:var(--surface-active, rgba(241, 245, 249, .8));transform:translate(6px)}.home-activity-icon{color:var(--sparko-blue, #276DF2);flex-shrink:0;margin-top:2px}.home-activity-content{flex:1;min-width:0}.home-activity-name{font-weight:700;color:var(--text-primary, #0f172a);font-size:15px;margin-bottom:4px}.home-activity-action{color:var(--text-secondary, #64748b);font-size:14px;margin-bottom:6px}.home-activity-time{font-size:12px;color:var(--text-tertiary, #94a3b8)}.home-no-activity{text-align:center;color:var(--text-tertiary, #94a3b8);font-size:14px;padding:24px;margin:0}.home-events-sidebar{height:-moz-fit-content;height:fit-content}.home-events-card{background:var(--glass-surface, rgba(255, 255, 255, .8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border-light, rgba(255, 255, 255, .5));padding:28px;box-shadow:0 4px 12px var(--shadow-light, rgba(0, 0, 0, .08))}.home-events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.home-events-title{font-size:18px;font-weight:700;color:var(--text-primary, #0f172a);margin:0}.home-events-filter{padding:8px 14px;border:1px solid var(--border-light-alpha, rgba(226, 232, 240, .8));border-radius:10px;font-size:13px;font-weight:600;background:var(--surface-overlay, rgba(255, 255, 255, .6));cursor:pointer;color:var(--text-primary, #0f172a)}.home-events-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.home-event-item{background:linear-gradient(135deg,var(--surface-overlay, rgba(255, 255, 255, .6)) 0%,var(--surface-hover, rgba(248, 250, 252, .6)) 100%);padding:18px;border-radius:14px;transition:all .3s ease;border:1px solid var(--border-light-alpha, rgba(226, 232, 240, .5))}.home-event-item:hover{background:linear-gradient(135deg,var(--surface-primary-alpha, rgba(255, 255, 255, .9)) 0%,var(--surface-active, rgba(248, 250, 252, .9)) 100%);transform:scale(1.03);box-shadow:0 6px 16px var(--shadow-medium, rgba(0, 0, 0, .1))}.home-event-date{display:flex;align-items:center;gap:12px;margin-bottom:10px}.home-event-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,var(--sparko-blue-dark, #1d5fd9) 100%);color:var(--text-on-primary, white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;box-shadow:0 4px 8px rgba(var(--sparko-blue-rgb, 39, 109, 242),.2)}.home-event-day{font-size:13px;color:var(--sparko-blue, #276DF2);font-weight:700;text-transform:uppercase}.home-event-time{font-size:12px;color:var(--text-tertiary, #94a3b8)}.home-event-title{font-size:15px;font-weight:600;color:var(--text-primary, #0f172a);line-height:1.4}.home-no-events{text-align:center;color:var(--text-tertiary, #94a3b8);font-size:14px;padding:24px;margin:0}.home-view-calendar-btn{width:100%;padding:12px;background:transparent;border:1px solid var(--border-light-alpha, rgba(226, 232, 240, .8));border-radius:12px;color:var(--text-secondary, #64748b);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.home-view-calendar-btn:hover{background:var(--surface-hover, rgba(248, 250, 252, .8));border-color:var(--sparko-blue, #276DF2);color:var(--sparko-blue, #276DF2)}.home-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-tertiary, #94a3b8);font-size:16px}.home-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px;gap:16px}.home-error-container h2{color:var(--text-primary, #0f172a);font-size:24px;margin:0}.home-error-container p{color:var(--text-secondary, #64748b);font-size:16px;margin:0}.home-partial-error{background:var(--warning-bg, rgba(245, 158, 11, .1));border:1px solid var(--warning, #F59E0B);border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.home-partial-error-text{flex:1;font-size:14px;color:var(--text-primary, #0f172a)}@media(max-width:1024px){.home-activity-grid{grid-template-columns:1fr}.home-stats-grid{grid-template-columns:repeat(2,1fr)}.home-three-col-grid{grid-template-columns:1fr}}@media(max-width:768px){.home-header,.home-search-wrapper,.home-stats-section,.home-activity-section{padding-left:20px;padding-right:20px}.home-header{margin:20px;padding:32px 24px}.home-header-text h1{font-size:24px}.home-quick-actions{gap:8px}.home-action-btn{font-size:13px;padding:10px 18px}.home-search-box{padding:24px}}@media(max-width:640px){.home-header,.home-search-wrapper,.home-stats-section,.home-activity-section{padding-left:16px;padding-right:16px}.home-header{margin:16px;padding:24px 20px}.home-stats-grid{grid-template-columns:1fr}.home-header-text h1{font-size:20px}.home-header-text p{font-size:14px}.home-quick-actions{flex-direction:column;gap:8px}.home-action-btn{width:100%;text-align:center}}.home-form-container-wide{background:var(--surface-primary, white);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--border-light, #e2e8f0);padding:32px;max-width:800px;box-shadow:0 2px 8px var(--shadow-xs, rgba(0, 0, 0, .05))}.home-form-group{margin-bottom:20px}.home-form-label{display:block;font-weight:600;color:var(--text-primary, #1a202c);margin-bottom:8px;font-size:14px}.home-form-input,.home-form-select,.home-form-textarea{width:100%;padding:12px 16px;border:2px solid var(--border-light, #e2e8f0);border-radius:8px;font-size:14px;color:var(--text-primary, #1a202c);background:var(--surface-primary, white);transition:border-color .2s ease}.home-form-textarea{min-height:100px;resize:vertical;font-family:inherit}.home-form-input:focus,.home-form-select:focus,.home-form-textarea:focus{outline:none;border-color:var(--sparko-blue, #276DF2);box-shadow:0 0 0 3px #276df21a}.home-form-input:disabled,.home-form-select:disabled,.home-form-textarea:disabled{background:var(--bg-surface-secondary, #f1f5f9);cursor:not-allowed;opacity:.6}.home-form-actions{display:flex;gap:12px;margin-top:24px}.home-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.home-btn-primary{background:var(--sparko-blue, #276DF2);color:var(--text-on-primary, white)}.home-btn-primary:hover:not(:disabled){background:var(--sparko-blue-dark, #1e5fd8);transform:translateY(-1px);box-shadow:0 4px 12px #276df24d}.home-btn-primary:disabled{background:var(--bg-disabled, #cbd5e1);cursor:not-allowed;opacity:.6}.home-btn-secondary{background:var(--surface-primary, white);color:var(--text-secondary, #64748b);border:2px solid var(--border-light, #e2e8f0)}.home-btn-secondary:hover:not(:disabled){background:var(--bg-surface-secondary, #f8fafc);border-color:var(--border-medium, #cbd5e1)}.home-pto-warning{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--warning-bg, rgba(245, 158, 11, .1));border:1px solid var(--warning, #f59e0b);border-radius:8px;margin-bottom:16px;color:var(--text-primary, #1a202c);font-size:14px}.home-pto-warning svg{color:var(--warning, #f59e0b);flex-shrink:0;margin-top:2px}.home-pto-summary{background:var(--bg-base, #f8fafc);padding:16px;border-radius:8px;margin-bottom:20px}.home-pto-summary-label{font-size:13px;color:var(--text-secondary, #64748b);margin-bottom:8px;font-weight:600}.home-pto-summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.home-pto-summary-row:last-child{margin-bottom:0}.home-pto-summary-row span:first-child{color:var(--text-primary, #1a202c)}.home-pto-summary-value{font-weight:600;color:var(--text-primary, #1a202c)}.home-pto-balance{color:var(--success, #10b981)}.home-file-selected{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--blue-light, #dbeafe);color:var(--sparko-blue, #276DF2);border-radius:6px;margin-top:8px;font-size:13px}.home-file-selected svg{flex-shrink:0}.home-approvals-list{background:var(--surface-primary, white);border-radius:16px;border:1px solid var(--border-light, #e2e8f0);overflow:hidden;box-shadow:0 2px 8px var(--shadow-xs, rgba(0, 0, 0, .05))}.home-approval-item{border-bottom:1px solid var(--border-light, #f1f5f9);transition:background .2s ease}.home-approval-item:last-child{border-bottom:none}.home-approval-row{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;transition:background .2s ease}.home-approval-row:hover{background:var(--bg-base, #f8fafc)}.home-approval-main{display:flex;align-items:center;gap:16px;flex:1}.home-approval-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sparko-blue, #276DF2) 0%,var(--sparko-blue-dark, #1e5fd8) 100%);color:var(--text-on-primary, white);flex-shrink:0}.home-approval-info{flex:1;min-width:0}.home-approval-title{font-weight:600;color:var(--text-primary, #1a202c);font-size:15px;margin-bottom:4px}.home-approval-meta{color:var(--text-secondary, #64748b);font-size:13px;text-transform:capitalize}.home-approval-right{display:flex;align-items:center;gap:12px}.home-approval-badge{padding:4px 12px;background:var(--warning-bg, #fff7ed);color:var(--warning, #f59e0b);border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.home-approval-chevron{color:var(--text-tertiary, #94a3b8);transition:transform .2s ease;flex-shrink:0}.home-approval-chevron.expanded{transform:rotate(90deg)}.home-approval-expanded{padding:0 24px 20px;border-top:1px solid var(--border-light, #f1f5f9);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.home-approval-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0;padding:16px;background:var(--bg-base, #f8fafc);border-radius:8px}.home-approval-detail{display:flex;flex-direction:column;gap:4px}.home-approval-detail.full-width{grid-column:1 / -1}.home-approval-detail-label{font-size:12px;color:var(--text-tertiary, #94a3b8);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.home-approval-detail-value{font-size:14px;color:var(--text-primary, #1a202c);font-weight:500}.home-approval-actions{display:flex;gap:8px}.home-approval-btn{padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;border:none}.home-approval-btn.approve{background:var(--success, #10b981);color:var(--text-on-primary, white)}.home-approval-btn.approve:hover:not(:disabled){background:var(--success-dark, #059669);transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.home-approval-btn.reject{background:var(--surface-primary, white);color:var(--text-secondary, #64748b);border:2px solid var(--border-light, #e2e8f0)}.home-approval-btn.reject:hover:not(:disabled){background:var(--error-bg, #fee);color:var(--error, #ef4444);border-color:var(--error, #ef4444)}.home-approval-btn:disabled{opacity:.5;cursor:not-allowed}.recruiting-analytics{display:flex;flex-direction:column;gap:var(--space-xl)}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);min-height:400px}.analytics-loading .loading-spinner{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.analytics-loading p{font-size:var(--font-size-base);color:var(--text-secondary)}.analytics-filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.analytics-filters label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.analytics-filters select{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.analytics-filters select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg)}.metric-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl)!important;transition:all .2s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.metric-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-sm)}.metric-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.metric-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--space-lg)}.chart-card{padding:var(--space-xl)!important}.chart-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-color)}.funnel-card{padding:var(--space-xl)!important}.funnel-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-color)}.funnel{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg)}.funnel-stage{width:100%;max-width:600px}.funnel-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:var(--radius-sm);color:#fff;margin:0 auto}.funnel-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.funnel-count{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.funnel-arrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);padding:var(--space-xs) 0}@media(max-width:1024px){.charts-row{grid-template-columns:1fr}}@media(max-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.chart-card h3{font-size:var(--font-size-sm)}.funnel-bar{padding:var(--space-sm) var(--space-md)}.funnel-label{font-size:var(--font-size-sm)}.funnel-count{font-size:var(--font-size-base)}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:var(--font-size-3xl)}}.overview-dashboard{display:flex;flex-direction:column;gap:var(--space-2xl)}.overview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);min-height:400px}.loading-spinner{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overview-loading p{font-size:var(--font-size-base);color:var(--text-secondary)}.overview-section{margin-bottom:var(--space-xl)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-sm);border-bottom:2px solid var(--border-color)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.kpi-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl)!important;transition:all .2s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.kpi-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-3xl);flex-shrink:0}.kpi-content{flex:1}.kpi-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--space-xs)}.kpi-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.kpi-trend{font-size:var(--font-size-xs);color:var(--text-tertiary)}.kpi-trend.positive{color:var(--status-success);font-weight:var(--font-weight-semibold)}.kpi-trend.warning{color:var(--status-warning);font-weight:var(--font-weight-semibold)}.snapshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-lg)}.snapshot-card{padding:var(--space-xl)!important}.snapshot-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-lg) 0}.pipeline-bars{display:flex;flex-direction:column;gap:var(--space-md)}.pipeline-bar{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:var(--space-sm)}.bar-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.bar-bg{height:24px;background:var(--bg-hover);border-radius:var(--radius-sm);overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .3s ease}.bar-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:right}.top-jobs-list{display:flex;flex-direction:column;gap:var(--space-md)}.top-job-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:all .2s ease}.top-job-item:hover{border-color:var(--primary-solid);box-shadow:var(--shadow-sm)}.job-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0}.job-details{flex:1}.job-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.job-stats{font-size:var(--font-size-xs);color:var(--text-tertiary)}.metric-rows{display:flex;flex-direction:column;gap:var(--space-md)}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light)}.metric-row:last-child{border-bottom:none}.metric-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.metric-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.metric-value.positive{color:var(--status-success)}.metric-value.warning{color:var(--status-warning)}.module-notice{display:flex;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#6366f10d,#ec48990d);border:1px solid var(--primary-solid);border-radius:var(--radius-md);margin-top:var(--space-xl)}.notice-icon{font-size:var(--font-size-3xl);flex-shrink:0}.notice-content{flex:1}.notice-content strong{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.notice-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}@media(max-width:768px){.kpi-grid,.snapshot-grid{grid-template-columns:1fr}.kpi-value{font-size:var(--font-size-3xl)}.pipeline-bar{grid-template-columns:80px 1fr 30px}.bar-label{font-size:var(--font-size-xs)}}.kpi-icon-gradient-primary-error{background:linear-gradient(135deg,var(--primary-solid),var(--status-error))}.kpi-icon-gradient-success-info{background:linear-gradient(135deg,var(--status-success),var(--status-info))}.kpi-icon-gradient-warning-error{background:linear-gradient(135deg,var(--status-warning),var(--status-error))}.bar-fill-75-primary{width:75%;background:var(--primary-solid)}.bar-fill-45-dark{width:45%;background:var(--primary-dark)}.bar-fill-30-error{width:30%;background:var(--status-error)}.bar-fill-15-success{width:15%;background:var(--status-success)}.payroll-reports-page *{box-sizing:border-box}.payroll-reports-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.payroll-reports-header{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-bottom:1px solid rgba(0,0,0,.08);padding:var(--space-2xl);box-shadow:0 1px 3px #0000000d,inset 0 1px #fffc}.payroll-reports-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.payroll-reports-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.payroll-reports-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.payroll-reports-content{max-width:1400px;margin:0 auto;padding:var(--space-2xl)}.payroll-reports-button{padding:10px 20px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-sm);box-shadow:0 1px 2px #0000000d,inset 0 1px #fffc;font-size:14px}.payroll-reports-button:hover{box-shadow:0 2px 4px #00000014,inset 0 1px #ffffffe6;transform:translateY(-1px)}.payroll-reports-button-primary{background:linear-gradient(135deg,var(--primary-solid),#1d5fd9);color:#fff;border:none;box-shadow:0 2px 4px #276df24d,inset 0 1px #fff3}.payroll-reports-button-primary:hover{box-shadow:0 4px 8px #276df266,inset 0 1px #ffffff4d}.payroll-reports-button-primary:disabled{opacity:.6;cursor:not-allowed}.payroll-reports-button-disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;opacity:.6}.payroll-reports-button-sm{padding:6px 16px;font-size:13px}.payroll-reports-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:var(--space-2xl)}.payroll-reports-stat-card{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;display:flex;align-items:center;gap:var(--space-lg);transition:all .2s ease}.payroll-reports-stat-card:hover{box-shadow:0 4px 12px #00000014,inset 0 1px #ffffffe6;transform:translateY(-1px)}.payroll-reports-stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 4px #276df233,inset 0 1px #fff3}.payroll-reports-stat-icon-blue{background:linear-gradient(135deg,var(--primary-solid),#1d5fd9)}.payroll-reports-stat-icon-green{background:linear-gradient(135deg,var(--status-success),#059669)}.payroll-reports-icon-stat{width:24px;height:24px;stroke-width:2}.payroll-reports-stat-main{flex:1}.payroll-reports-stat-value{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.payroll-reports-stat-label{font-size:14px;color:var(--text-secondary);font-weight:500;margin:0}.payroll-reports-generators{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.payroll-reports-generator-card{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);padding:28px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;transition:all .2s ease}.payroll-reports-generator-card:hover{box-shadow:0 4px 12px #00000014,inset 0 1px #ffffffe6;transform:translateY(-2px)}.payroll-reports-generator-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.payroll-reports-icon{width:20px;height:20px;flex-shrink:0}.payroll-reports-icon-blue{color:var(--primary-solid)}.payroll-reports-icon-green{color:var(--status-success)}.payroll-reports-icon-amber{color:var(--status-warning)}.payroll-reports-generator-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.payroll-reports-generator-description{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.6}.payroll-reports-form-group{margin-bottom:var(--space-lg)}.payroll-reports-label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.payroll-reports-input,.payroll-reports-select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;background:#fff;transition:all .2s}.payroll-reports-input:focus,.payroll-reports-select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 3px #276df21a}.payroll-reports-summary{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);padding:28px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;margin-bottom:var(--space-xl)}.payroll-reports-summary-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.payroll-reports-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.payroll-reports-summary-item{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid var(--border-color)}.payroll-reports-summary-label{font-size:13px;color:var(--text-secondary);font-weight:500;margin-bottom:var(--space-sm)}.payroll-reports-summary-value{font-size:24px;font-weight:700;color:var(--text-primary)}.payroll-reports-details-card{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);padding:28px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;margin-bottom:var(--space-2xl)}.payroll-reports-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.payroll-reports-details-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.payroll-reports-details-actions{display:flex;gap:var(--space-md)}.payroll-reports-meta{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.payroll-reports-meta p{margin:0 0 8px}.payroll-reports-meta strong{color:var(--text-secondary);font-weight:600}.payroll-reports-table-card{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);padding:28px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;margin-top:32px}.payroll-reports-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.payroll-reports-table-title{font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px;margin:0}.payroll-reports-icon-sm{width:20px;height:20px}.payroll-reports-table-wrapper{overflow-x:auto}.payroll-reports-table{width:100%;border-collapse:collapse}.payroll-reports-table thead{background:var(--bg-primary);border-bottom:2px solid #e2e8f0}.payroll-reports-table th{padding:var(--space-md) 16px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:14px}.payroll-reports-table td{padding:var(--space-lg);border-bottom:1px solid #f1f5f9;font-size:14px}.payroll-reports-table tbody tr{transition:all .2s ease}.payroll-reports-table tbody tr:hover{background:var(--bg-primary);transform:translate(2px)}.payroll-reports-badge{display:inline-block;padding:var(--space-xs) 12px;border-radius:var(--radius-md);font-size:12px;font-weight:600;text-transform:capitalize}.payroll-reports-badge-summary{background:#276df21a;color:var(--primary-solid)}.payroll-reports-badge-tax{background:#8b5cf61a;color:#8b5cf6}.payroll-reports-empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.payroll-reports-empty-state p{margin:0 0 8px;font-size:15px}.payroll-reports-empty-state-small{font-size:13px;color:var(--text-tertiary)}@media(max-width:768px){.payroll-reports-header-content{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.payroll-reports-stats,.payroll-reports-generators,.payroll-reports-summary-grid{grid-template-columns:1fr}.payroll-reports-details-header{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.payroll-reports-table{font-size:13px}.payroll-reports-table th,.payroll-reports-table td{padding:10px 12px}}.timeleave-reports-page *{box-sizing:border-box}.timeleave-reports-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--surface-tertiary) 100%);padding:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.timeleave-reports-loading,.timeleave-reports-error{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:16px}.timeleave-reports-error{color:var(--status-error)}.timeleave-reports-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:var(--space-2xl)}.timeleave-reports-stat-card{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;display:flex;align-items:center;gap:var(--space-lg);transition:all .2s ease}.timeleave-reports-stat-card:hover{box-shadow:0 4px 12px #00000014,inset 0 1px #ffffffe6;transform:translateY(-2px)}.timeleave-reports-icon{width:20px;height:20px;flex-shrink:0}.timeleave-reports-icon-blue{color:var(--primary-solid)}.timeleave-reports-icon-green{color:var(--status-success)}.timeleave-reports-icon-amber{color:var(--status-warning)}.timeleave-reports-icon-red{color:var(--status-error)}.timeleave-reports-stat-content{flex:1}.timeleave-reports-stat-label{font-size:14px;color:var(--text-secondary);font-weight:500;margin:0 0 4px}.timeleave-reports-stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.timeleave-reports-stat-trend{font-size:13px;color:var(--text-secondary);margin-top:4px}.timeleave-reports-stat-trend.positive{color:var(--status-success)}.timeleave-reports-stat-trend.negative{color:var(--status-error)}.timeleave-reports-stat-trend.warning{color:var(--status-warning)}.timeleave-reports-tabs{display:flex;gap:8px;margin-bottom:24px;background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-md);padding:8px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;overflow-x:auto}.timeleave-reports-tab{padding:10px 20px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.timeleave-reports-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.timeleave-reports-tab.active{background:linear-gradient(135deg,var(--primary-solid),#1d5fd9);color:#fff;border-color:transparent}.timeleave-reports-section{background:linear-gradient(135deg,var(--surface-primary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.timeleave-reports-section-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.timeleave-reports-section-description{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.timeleave-reports-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.timeleave-reports-metric-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:20px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;text-align:center;transition:all .2s ease}.timeleave-reports-metric-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000014}.timeleave-reports-metric-card.highlight{border:2px solid var(--primary-solid);background:linear-gradient(135deg,rgba(39,109,242,.05) 0%,var(--bg-primary) 100%)}.timeleave-reports-metric-value{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.timeleave-reports-metric-label{font-size:13px;color:var(--text-secondary);font-weight:500}.timeleave-reports-chart{background:var(--bg-primary);border-radius:var(--radius-md);padding:24px;border:1px solid var(--border-color);margin-bottom:24px}.timeleave-reports-chart-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.timeleave-reports-bar-chart{display:flex;align-items:flex-end;gap:12px;height:200px;padding:20px 0}.timeleave-reports-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.timeleave-reports-bar{width:100%;background:linear-gradient(135deg,var(--primary-solid),#1d5fd9);border-radius:6px 6px 0 0;transition:all .3s ease;position:relative;min-height:10px}.timeleave-reports-bar:hover{opacity:.8;transform:translateY(-2px)}.timeleave-reports-bar-label{font-size:12px;color:var(--text-secondary);font-weight:600}.timeleave-reports-bar-value{font-size:11px;color:var(--text-primary);font-weight:600}.timeleave-reports-bar-subvalue{font-size:10px;color:var(--text-tertiary)}.timeleave-reports-table-wrapper{margin-bottom:24px}.timeleave-reports-table-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.timeleave-reports-table-container{background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.timeleave-reports-table{width:100%;border-collapse:collapse}.timeleave-reports-table thead{background:var(--surface-tertiary);border-bottom:2px solid var(--border-color)}.timeleave-reports-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:13px}.timeleave-reports-table th.align-right{text-align:right}.timeleave-reports-table td{padding:16px;border-bottom:1px solid var(--surface-tertiary);font-size:14px;color:var(--text-primary)}.timeleave-reports-table td.align-right{text-align:right}.timeleave-reports-table td.highlight{font-weight:700;color:var(--primary-solid)}.timeleave-reports-table tbody tr{transition:all .2s ease}.timeleave-reports-table tbody tr:hover{background:var(--bg-hover)}.timeleave-reports-progress{width:120px;height:8px;background:var(--surface-tertiary);border-radius:var(--radius-sm);overflow:hidden;display:inline-block}.timeleave-reports-progress-fill{height:100%;background:linear-gradient(135deg,var(--status-success),#059669);border-radius:var(--radius-sm);transition:width .3s ease}.timeleave-reports-insight{background:linear-gradient(135deg,rgba(39,109,242,.05) 0%,var(--bg-primary) 100%);border-radius:var(--radius-md);padding:20px;border:1px solid rgba(39,109,242,.2);margin-bottom:24px}.timeleave-reports-insight-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.timeleave-reports-icon-sm{width:20px;height:20px}.timeleave-reports-insight-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.timeleave-reports-insight-list{list-style:none;padding:0;margin:0}.timeleave-reports-insight-list li{padding:8px 0;color:var(--text-secondary);font-size:14px;line-height:1.6}.timeleave-reports-insight-list li strong{color:var(--text-primary);font-weight:600}.timeleave-reports-warning{background:linear-gradient(135deg,rgba(245,158,11,.05) 0%,var(--bg-primary) 100%);border-radius:var(--radius-md);padding:20px;border:1px solid rgba(245,158,11,.3);display:flex;gap:16px;margin-bottom:24px}.timeleave-reports-warning-icon{width:24px;height:24px;color:var(--status-warning);flex-shrink:0}.timeleave-reports-warning-content{flex:1}.timeleave-reports-warning-title{font-size:16px;font-weight:700;color:#92400e;margin:0 0 8px}.timeleave-reports-warning-text{font-size:14px;color:#78350f;line-height:1.6;margin:0}@media(max-width:768px){.timeleave-reports-stats{grid-template-columns:1fr}.timeleave-reports-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.timeleave-reports-section{padding:20px}.timeleave-reports-metrics{grid-template-columns:1fr}.timeleave-reports-bar-chart{gap:8px;height:150px}.timeleave-reports-bar-label,.timeleave-reports-bar-value{font-size:10px}.timeleave-reports-bar-subvalue{display:none}.timeleave-reports-table{font-size:13px}.timeleave-reports-table th,.timeleave-reports-table td{padding:10px 12px}.timeleave-reports-progress{width:80px}}.sparko-page-title{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.export-btn{padding:var(--space-sm) var(--space-lg);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--bg-hover);border-color:var(--primary-solid)}.reports-tabs{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-2xl);overflow-x:auto}.tabs-scroll{display:flex;gap:var(--space-xs);min-width:-moz-min-content;min-width:min-content}.tab-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.tab-btn:hover:not(.disabled){background:var(--bg-hover);color:var(--text-primary)}.tab-btn.active{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff;border-color:transparent}.tab-btn.disabled{opacity:.5;cursor:not-allowed}.tab-icon{font-size:var(--font-size-base)}.tab-label{font-size:var(--font-size-sm)}.coming-soon{position:absolute;top:-8px;right:-8px;background:var(--status-warning);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px var(--space-xs);border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:.5px}.reports-content{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2xl);min-height:600px}.coming-soon-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl);min-height:500px}.coming-soon-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg);opacity:.5}.coming-soon-state h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.coming-soon-state p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--space-sm) 0;max-width:500px}.coming-soon-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);font-style:italic}@media(max-width:768px){.reports-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}.reports-content{padding:var(--space-lg)}}.sparko-page,.sparko-page-wide{min-height:100vh;background:var(--bg-main);padding:var(--space-card-padding);display:flex;flex-direction:column;gap:var(--space-section-gap);width:100%}.sparko-page-header{padding-bottom:var(--space-section-gap);border-bottom:var(--border-width-thin) solid var(--border-color)}.sparko-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap}.sparko-title-section{flex:1;min-width:300px;text-align:left}.sparko-page-title{font-size:var(--font-size-title);font-weight:var(--font-weight-title);color:var(--text-primary);margin:0 0 var(--space-xs) 0;line-height:1.2;text-align:left}.sparko-page-subtitle{font-size:var(--font-size-subtitle);color:var(--text-secondary);margin:0;line-height:1.5;text-align:left}.sparko-page-actions{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap;justify-content:flex-end}.sparko-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.sparko-stat-card{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:all .2s ease;box-shadow:var(--shadow-card)}.sparko-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-solid)}.sparko-stat-header{display:flex;align-items:center;gap:var(--space-sm)}.sparko-stat-content{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap}.dashboard-stats,.directory-stats,.goals-stats,.reviews-stats,.feedback-stats,.calibration-stats,.recognition-stats,.meetings-stats,.payroll-stats,.recruiting-stats,.time-stats,.timeleave-stats,.compensation-stats,.learning-stats,.admin-stats,.module-stats,.roadmap-stats,.performance-stats,.expense-stats,.peer-surveys-stats,.pip-stats,.feedback360-stats,.overview-stats,.reflections-stats,.analytics-stats,.analytics-bar-stats,.team-development-stats,.my-development-stats,.member-stats,.coverage-stats,.budget-stats,.people-stats,.announcements-stats,.handbooks-stats,.onboarding-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.sparko-filters-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.sparko-search-icon{position:absolute;left:var(--space-lg);top:50%;transform:translateY(-50%);font-size:var(--font-size-subtitle);pointer-events:none;color:var(--text-tertiary)}.sparko-search-input{width:100%;padding:12px var(--space-lg) 12px 48px;border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-button);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-body);font-family:Inter,sans-serif;transition:all .2s ease}.sparko-search-input:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.filter-select{padding:var(--space-sm) var(--space-md);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px;font-family:Inter,sans-serif}.filter-select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.sparko-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:var(--font-size-label);color:var(--text-secondary)}.sparko-clear-filters{background:none;border:none;color:var(--primary-solid);font-weight:var(--font-weight-bold);cursor:pointer;text-decoration:underline;font-size:var(--font-size-label);font-family:Inter,sans-serif;transition:color .2s ease}.sparko-table-wrapper{background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow-x:auto;border:var(--border-width-thin) solid var(--border-color);min-width:800px}.sparko-data-table{width:100%;border-collapse:collapse;min-width:800px}.sparko-data-table thead th{padding:var(--space-cell-padding) var(--space-lg);text-align:left;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sparko-data-table tbody tr{border-bottom:var(--border-width-thin) solid var(--border-color);transition:background .15s ease}.sparko-data-table tbody td{padding:var(--space-cell-padding) var(--space-lg);font-size:var(--font-size-body);color:var(--text-primary);white-space:nowrap}.sparko-table-actions{display:flex;gap:var(--space-sm);align-items:center}.sparko-empty-row{text-align:center;padding:var(--space-3xl) var(--space-lg)!important;background:var(--bg-hover)}.sparko-empty-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.sparko-empty-state{text-align:center;padding:var(--space-3xl) var(--space-2xl);background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.sparko-form{display:flex;flex-direction:column;gap:var(--space-2xl)}.sparko-form-section{display:flex;flex-direction:column;gap:var(--space-lg)}.sparko-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;padding-bottom:var(--space-md);border-bottom:var(--border-width-thin) solid var(--border-color)}.sparko-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.sparko-form-field{display:flex;flex-direction:column;gap:var(--space-sm)}.sparko-form-select{padding:var(--space-md) var(--space-lg);border:1.5px solid var(--border-color);border-radius:var(--radius-button);font-size:var(--font-size-body);font-family:Inter,sans-serif;background:var(--bg-surface);color:var(--text-primary);transition:all .2s ease}.sparko-form-select:focus{outline:none;border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring)}.sparko-form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:var(--border-width-thin) solid var(--border-color)}.sparko-card-list{display:flex;flex-direction:column;gap:var(--space-lg);min-width:var(--page-content-min-width);width:100%}.sparko-card{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-card-padding);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,transform .2s ease}.sparko-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.sparko-card-title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;flex:1}.sparko-card-date{color:var(--text-secondary);font-size:var(--font-size-label);margin-left:auto;white-space:nowrap}.sparko-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.sparko-card-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-body);color:var(--text-secondary)}.sparko-card-content{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.sparko-card-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--border-light)}.sparko-progress-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-xl);min-width:var(--card-grid-2col-min);width:100%}.sparko-progress-card{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-card-padding);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.sparko-progress-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.sparko-progress-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-md)}.sparko-progress-card-title{margin:0;font-size:var(--font-size-subtitle);color:var(--text-primary);font-weight:var(--font-weight-bold);flex:1}.sparko-progress-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.sparko-progress-card-meta-item{display:flex;align-items:center;gap:var(--space-xs)}.sparko-progress-label{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);font-size:var(--font-size-body);color:var(--text-secondary);font-weight:var(--font-weight-bold)}.sparko-progress-bar-container{width:100%;height:12px;background:var(--border-color);border-radius:var(--radius-badge);overflow:hidden}.sparko-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));transition:width .5s ease}.sparko-progress-card-actions{display:flex;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-md)}.sparko-error-box{background:var(--status-error-bg);border:var(--border-width-medium) solid var(--status-error-border);border-radius:var(--radius-card);padding:var(--space-2xl);text-align:center}.density-card{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all .2s ease;cursor:pointer;overflow:hidden}.density-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-solid)}.layout-compact{display:none;padding:var(--space-md);gap:var(--space-sm);flex-direction:column}.layout-compact .card-title{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.layout-compact .card-meta-compact{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-sm)}.layout-compact .card-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-label);color:var(--text-secondary)}.layout-compact .card-actions-compact{display:flex;gap:var(--space-xs);justify-content:flex-end;padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.layout-balanced{display:none;padding:var(--space-lg);flex-direction:column;gap:var(--space-md)}.layout-balanced .card-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.layout-balanced .card-title-section{display:flex;align-items:center;gap:var(--space-md);flex:1}.layout-balanced .card-row-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.layout-balanced .card-meta-balanced{display:flex;flex-wrap:wrap;gap:var(--space-md);flex:1}.layout-balanced .card-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-body);color:var(--text-secondary)}.layout-balanced .card-actions-balanced{display:flex;gap:var(--space-sm)}.layout-detailed{display:none;padding:var(--space-xl);flex-direction:column;gap:var(--space-lg)}.layout-detailed .card-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg)}.layout-detailed .card-title-section{display:flex;align-items:center;gap:var(--space-md);flex:1}.layout-detailed .card-content-preview{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.layout-detailed .card-row-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-light)}.layout-detailed .card-meta-bottom{display:flex;flex-wrap:wrap;gap:var(--space-lg);flex:1}.layout-detailed .card-meta-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-body);color:var(--text-secondary)}.layout-detailed .card-actions-detailed{display:flex;gap:var(--space-sm)}@media not (min-width:768px){.layout-compact{display:flex}.layout-balanced,.layout-detailed{display:none}}.sparko-tabs-container{display:flex;flex-direction:column;width:100%}.sparko-tabs-list{display:flex;width:100%;gap:0}.sparko-tab{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;border-bottom:var(--border-width-thick) solid transparent;transition:all .2s ease;position:relative;top:2px;flex:1;white-space:nowrap;font-family:inherit}.sparko-tab.active:hover{color:var(--primary-solid);background:transparent}.sparko-tabs-list.compact .sparko-tab{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.sparko-tabs-list.pills .sparko-tab{border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);top:0;border-bottom:2px solid var(--border-color)}.sparko-view-toggle{display:flex;gap:var(--space-xs);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.sparko-view-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:none;font-size:var(--text-lg);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:inherit}.sparko-bulk-actions{margin-bottom:var(--space-xl);background:linear-gradient(135deg,#6366f10d,#ec48990d);border:var(--border-width-medium) solid var(--primary-solid);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.sparko-bulk-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.sparko-bulk-info{display:flex;align-items:center;gap:var(--space-md)}.sparko-bulk-checkbox,.sparko-table-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-solid)}.sparko-bulk-count{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.sparko-bulk-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.sparko-table-container{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.sparko-table{width:100%;border-collapse:collapse}.sparko-table th{padding:var(--space-md) var(--space-lg);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sparko-table tbody tr{border-bottom:1px solid var(--border-light);transition:all .2s ease}.sparko-grid-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg);width:100%}.sparko-grid-md{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-lg);width:100%}.sparko-grid-lg{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:var(--space-lg);width:100%}.sparko-grid-list{display:grid;grid-template-columns:1fr;gap:var(--space-lg);width:100%}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-row-gap-sm{display:flex;flex-direction:row;gap:var(--space-sm)}.flex-row-gap-md{display:flex;flex-direction:row;gap:var(--space-md)}.flex-col-gap-md{display:flex;flex-direction:column;gap:var(--space-md)}.surface-card{background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-card-padding);box-shadow:var(--shadow-card)}.card-action-buttons{display:flex;gap:var(--space-sm);margin-top:auto}.ai-chat-page{display:grid;grid-template-columns:320px 1fr;height:100vh;background:var(--bg-base);overflow:hidden}.chat-sidebar{background:var(--bg-surface);border-right:2px solid var(--border-color);display:flex;flex-direction:column;height:100vh}.sidebar-header{padding:var(--space-xl) var(--space-lg);border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--primary-solid) 0%,var(--primary-hover) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center}.sidebar-header-content h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--space-md);margin:0 0 var(--space-xs) 0}.sidebar-header-content p{font-size:var(--font-size-sm);opacity:.9;margin:0}.back-btn{background:var(--overlay-bg);border:none;color:#fff;padding:var(--space-sm);border-radius:var(--radius-button);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-btn:hover{background:var(--bg-hover)}.new-chat-btn{width:calc(100% - 32px);margin:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--primary-solid);color:#fff;border:none;border-radius:var(--radius-button);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all .2s ease}.new-chat-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.chat-history{flex:1;overflow-y:auto;padding:var(--space-sm)}.chat-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center;color:var(--text-secondary)}.chat-history-empty svg{color:var(--text-tertiary);margin-bottom:var(--space-lg)}.chat-history-empty p{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0;color:var(--text-primary)}.chat-history-empty span{font-size:var(--font-size-sm);color:var(--text-tertiary)}.chat-history-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:1px solid transparent;position:relative}.chat-history-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.chat-history-item.active{background:var(--primary-bg);border-color:var(--primary-solid)}.chat-history-main{flex:1;min-width:0}.chat-history-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-history-preview{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-xs)}.chat-history-time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.chat-history-delete{background:transparent;border:none;color:var(--text-tertiary);padding:var(--space-xs);border-radius:var(--radius-badge);cursor:pointer;opacity:0;transition:all .2s ease;flex-shrink:0}.chat-history-item:hover .chat-history-delete{opacity:1}.chat-history-delete:hover{background:var(--status-error-bg);color:var(--status-error)}.chat-main{display:flex;flex-direction:column;height:100vh;background:var(--bg-base)}.chat-header{padding:var(--space-lg) var(--space-xl);background:var(--bg-surface);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.chat-header-title{display:flex;align-items:center;gap:var(--space-md)}.chat-header-title h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.status-badge{padding:var(--space-xs) var(--space-sm);background:var(--status-success-bg);color:var(--status-success);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-sm)}.status-dot{width:var(--space-xs);height:var(--space-xs);background:var(--status-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-actions{display:flex;gap:var(--space-sm)}.icon-btn{padding:var(--space-sm) var(--space-sm);background:var(--bg-hover);border:var(--border-width-thin) solid var(--border-color);border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.icon-btn:hover{background:var(--bg-surface);border-color:var(--primary-solid);color:var(--primary-solid)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.welcome-screen{max-width:600px;margin:auto;text-align:center;padding:var(--space-2xl) var(--space-xl)}.welcome-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg)}.welcome-screen h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.welcome-screen p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--space-2xl) 0;line-height:1.6}.suggested-prompts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.prompt-card{padding:var(--space-lg);background:var(--bg-surface);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-card);cursor:pointer;transition:all .2s ease;text-align:left}.prompt-card:hover{border-color:var(--primary-solid);transform:translateY(-2px);box-shadow:var(--shadow-md)}.prompt-card-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.prompt-card-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.message{display:flex;gap:var(--space-md);max-width:80%;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);flex-shrink:0}.message.user .message-avatar{background:var(--primary-solid);color:#fff}.message-content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.message.user .message-content{align-items:flex-end}.message-bubble{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--bg-surface);border:var(--border-width-thin) solid var(--border-color);box-shadow:var(--shadow-sm);word-wrap:break-word}.message.user .message-bubble{background:var(--primary-solid);color:#fff;border-color:var(--primary-solid)}.message-text{font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary);margin:0;white-space:pre-wrap}.message.user .message-text{color:#fff}.message-bubble.error{background:var(--status-error-bg);border-color:var(--status-error);color:var(--status-error)}.message-bubble.success{background:var(--status-success-bg);border-color:var(--status-success);color:var(--status-success)}.message-bubble.loading{padding:var(--space-lg)}.typing-indicator{display:flex;gap:var(--space-xs)}.typing-indicator span{width:var(--space-sm);height:var(--space-sm);border-radius:50%;background:var(--text-tertiary);animation:bounce 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.message-time{font-size:var(--font-size-xs);color:var(--text-tertiary);padding-left:var(--space-lg)}.proposed-action-card{background:var(--bg-surface);border:var(--border-width-medium) solid var(--primary-solid);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-sm);box-shadow:var(--shadow-card)}.proposed-action-header{font-weight:var(--font-weight-semibold);color:var(--primary-solid);margin-bottom:var(--space-sm);font-size:var(--font-size-sm)}.proposed-action-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-sm) 0;line-height:1.5}.proposed-action-buttons{display:flex;gap:var(--space-sm)}.confirm-btn,.cancel-btn{flex:1;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-button);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.confirm-btn{background:var(--status-success);color:#fff}.confirm-btn:hover:not(:disabled){background:var(--status-success-hover);transform:translateY(-1px)}.cancel-btn{background:var(--bg-hover);color:var(--text-secondary);border:var(--border-width-thin) solid var(--border-color)}.cancel-btn:hover:not(:disabled){background:var(--bg-surface);border-color:var(--status-error);color:var(--status-error)}.confirm-btn:disabled,.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-area{padding:var(--space-lg) var(--space-xl);background:var(--bg-surface);border-top:2px solid var(--border-color)}.chat-input-wrapper{display:flex;gap:var(--space-md);align-items:center;max-width:1200px;margin:0 auto}.chat-input{flex:1;padding:var(--space-md) var(--space-lg);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:inherit;background:var(--bg-base);color:var(--text-primary);transition:all .2s ease}.chat-input:focus{outline:none;border-color:var(--primary-solid);background:var(--bg-surface);box-shadow:0 0 0 var(--space-xs) var(--primary-bg)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.send-btn{padding:var(--space-md) var(--space-xl);background:var(--primary-solid);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-sm)}.send-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.ai-chat-page{grid-template-columns:1fr}.chat-sidebar{display:none}.chat-messages{padding:var(--space-lg)}.message{max-width:90%}.suggested-prompts{grid-template-columns:1fr}}.chat-history::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:var(--space-sm)}.chat-history::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:var(--bg-base)}.chat-history::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-badge)}.chat-history::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.performance-review-card{margin-top:var(--space-lg);background:var(--card-background);border:var(--border-width-medium) solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.performance-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:2px solid var(--border-color)}.performance-review-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-sm)}.uniqueness-badge{background:var(--badge-bg, var(--status-info));color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.review-detail-row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:var(--border-width-thin) solid var(--border-color)}.review-label{font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm)}.review-value{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.review-section{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--input-background);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-color)}.review-section h4{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0;display:flex;align-items:center;gap:var(--space-sm)}.review-section-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary)}.review-section-content p{margin:0 0 var(--space-sm) 0;white-space:pre-wrap}.review-section-content p:last-child{margin-bottom:0}.review-warnings{margin-top:var(--space-lg);padding:var(--space-md);background:var(--status-warning-bg, #fef3c7);border-left:4px solid var(--status-warning, #f59e0b);border-radius:var(--border-radius-md)}.review-warnings h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--status-warning, #f59e0b);margin:0 0 var(--space-sm) 0}.review-warnings ul{margin:0;padding-left:var(--space-xl);font-size:var(--font-size-sm);color:var(--text-primary)}.review-warnings li{margin-bottom:var(--space-xs)}.template-check-section{margin-top:var(--space-lg);padding:var(--space-md);background:var(--input-background);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-primary)}.template-check-section p{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.template-check-section p:last-child{margin-bottom:0}.review-footer{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px solid var(--border-color)}.review-footer p{margin:var(--space-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0,0,.2,1);--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.list-item{display:list-item}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-80{height:calc(var(--spacing)*80)}.h-200{height:calc(var(--spacing)*200)}.h-400{height:calc(var(--spacing)*400)}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-2{flex:2}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-pre{white-space:pre}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--primary-gradient-start:#276df2;--primary-gradient-end:#1e40af;--primary-solid:#276df2;--primary-hover:#1e40af;--primary-dark:#1e3a8a;--primary-accessible:#276df2;--primary-text:#fff;--primary-bg:#276df21a;--primary-color:#276df2;--primary-soft:#276df214;--primary-border:#276df2;--primary-surface:#eff6ff;--accent-primary:#00d4ff;--accent-primary-light:#00d4ff26;--accent-highlight:#00d4ff;--cta-gradient-start:#10b981;--cta-gradient-end:#059669;--cta-solid:#10b981;--cta-hover:#059669;--bg-main:linear-gradient(to bottom right,#f8fafc,#eff6ff4d,#f8fafc);--bg-primary:#f8fafc;--bg-surface:#fff;--bg-hover:#f1f5f9;--background-secondary:#f8fafc;--surface-primary:#fff;--surface-secondary:#f8fafc;--surface-tertiary:#f1f5f9;--surface-elevated:#fff;--surface-light:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-lg:18px;--text-md:16px;--text-xl:20px;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-accent:#276df2;--focus-ring:#276df226;--focus-ring-offset:3px;--overlay-bg:#0009;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(12px);--blur-xl:blur(16px);--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--status-success:#10b981;--status-success-bg:#10b9811a;--status-success-border:#10b98133;--status-success-hover:#059669;--status-success-dark:#047857;--status-warning:#f59e0b;--status-warning-bg:#f59e0b1a;--status-warning-border:#f59e0b33;--status-warning-hover:#d97706;--status-warning-dark:#f97316;--status-error:#ef4444;--status-error-bg:#ef44441a;--status-error-border:#ef444433;--status-error-hover:#dc2626;--status-error-dark:#b91c1c;--status-info:#3b82f6;--status-info-bg:#3b82f61a;--status-info-border:#3b82f633;--status-info-hover:#2563eb;--status-info-dark:#1d4ed8;--status-draft:#64748b;--status-draft-bg:#64748b1a;--status-draft-border:#64748b33;--status-pending:#f59e0b;--status-pending-bg:#f59e0b1a;--status-pending-text:#f59e0b;--status-pending-border:#f59e0b33;--danger-color:#ef4444;--primary-color-alpha:#276df233;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--shadow-xl:0 20px 40px #00000026;--shadow-2xl:0 25px 50px #0003;--shadow-card:0 2px 8px #0000000f;--shadow-button:0 1px 3px #0000000d;--shadow-none:none;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--radius-card:16px;--radius-button:12px;--radius-badge:6px;--radius-base:12px;--card-border-width:3px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-card-padding:var(--space-lg);--space-section-gap:var(--space-xl);--space-widget-gap:var(--space-lg);--space-form-field:16px;--space-cell-padding:var(--space-md);--spacing-xs:var(--space-xs);--spacing-sm:var(--space-sm);--spacing-md:var(--space-md);--spacing-lg:var(--space-lg);--spacing-xl:var(--space-xl);--spacing-2xl:var(--space-2xl);--list-height-compact:200px;--list-height-dropdown:300px;--list-height-dropdown-large:400px;--list-height-standard:500px;--list-height-tall:600px;--list-height-xl:700px;--list-height-full: calc(100vh - 200px) ;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-title:24px;--font-size-subtitle:16px;--font-size-body:14px;--font-size-label:12px;--font-weight-title:700;--font-weight-body:400;--font-weight-bold:700;--font-weight-medium:500;--font-weight-semibold:600;--page-max-width:1200px;--page-min-width:1200px;--page-content-min-width:1152px;--card-grid-2col-min:1124px;--sidebar-width-expanded:280px;--sidebar-width-collapsed:64px;--sidebar-transition-duration:.3s;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--nav-text:#64748b;--nav-hover:#f1f5f9;--nav-active-bg:#276df21a;--nav-active-text:#276df2;--touch-target-min:40px;--button-height-sm:36px;--button-height-md:44px;--button-height-lg:52px;--dropdown-min-width:240px;--dropdown-max-width:320px;--content-width-reading:65ch;--content-width-form:480px;--content-width-modal:600px;--content-width-wide:900px;--sidebar-width:320px;--divider-thickness:1px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--timeline-line:2px;--timeline-dot:12px;--progress-bar-height:var(--space-xl);--skeleton-height-text:20px;--skeleton-height-title:36px;--skeleton-height-button:var(--button-height-md);--skeleton-height-card:120px;--skeleton-width-title:300px;--skeleton-width-subtitle:200px;--skeleton-width-label:150px;--offset-border:2px;--offset-focus:4px;--avatar-gradient:linear-gradient(135deg,#00d4ff,#276df2);--hero-card-bg-start:var(--primary-gradient-start);--hero-card-bg-end:var(--primary-gradient-end);--hero-card-text:#fff;--hero-card-text-shadow:0 1px 3px #0003;--hero-card-overlay:#0000004d;--stat-card-bg:var(--bg-surface);--stat-card-border:var(--border-color);--stat-card-text:var(--text-primary);--stat-card-label:var(--text-secondary);--bg-base:var(--bg-primary);--bg-tertiary:var(--bg-hover);--border-primary:var(--border-color);--color-primary:var(--primary-solid);--color-primary-rgb:39,109,242;--color-success:var(--status-success);--color-success-rgb:16,185,129;--color-warning:var(--status-warning);--color-error:var(--status-error);--color-info:var(--status-info);--card-hover-transform:scale(1.01);--card-hover-shadow:var(--shadow-lg)}[data-theme=dark-vision]{--primary-gradient-start:#6366f1;--primary-gradient-end:#8b5cf6;--primary-solid:#6366f1;--primary-hover:#4f46e5;--primary-dark:#4338ca;--primary-accessible:#818cf8;--primary-text:#fff;--primary-bg:#6366f126;--primary-color:#6366f1;--primary-soft:#6366f11a;--primary-border:#fff3;--primary-surface:#ffffff1a;--accent-primary:#a5b4fc;--accent-primary-light:#a5b4fc33;--accent-highlight:#a5b4fc;--cta-gradient-start:#10b981;--cta-gradient-end:#059669;--cta-solid:#10b981;--cta-hover:#059669;--bg-main:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);--bg-primary:#0f172a;--bg-surface:#1e293bcc;--bg-hover:#ffffff0d;--background-secondary:#ffffff0d;--surface-primary:#ffffff1a;--surface-secondary:#ffffff0d;--surface-tertiary:#ffffff08;--surface-elevated:#ffffff1f;--surface-light:#ffffff14;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--border-color:#fff3;--border-light:#ffffff1a;--border-accent:#6366f180;--focus-ring:#6366f140;--overlay-bg:#000c;--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(24px);--blur-xl:blur(32px);--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--status-success:#10b981;--status-success-bg:#10b98133;--status-success-border:#10b9814d;--status-success-hover:#059669;--status-success-dark:#047857;--status-warning:#f59e0b;--status-warning-bg:#f59e0b33;--status-warning-border:#f59e0b4d;--status-warning-hover:#d97706;--status-warning-dark:#f97316;--status-error:#ef4444;--status-error-bg:#ef444433;--status-error-border:#ef44444d;--status-error-hover:#dc2626;--status-error-dark:#b91c1c;--status-info:#3b82f6;--status-info-bg:#3b82f633;--status-info-border:#3b82f64d;--status-info-hover:#2563eb;--status-info-dark:#1d4ed8;--status-draft:#94a3b8;--status-draft-bg:#94a3b833;--status-draft-border:#94a3b84d;--status-pending:#f59e0b;--status-pending-bg:#f59e0b33;--status-pending-text:#f59e0b;--status-pending-border:#f59e0b4d;--danger-color:#ef4444;--primary-color-alpha:#6366f140;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-xl:0 24px 64px #0009;--shadow-2xl:0 32px 80px #000000b3;--shadow-card:0 4px 16px #00000040;--radius-card:16px;--radius-button:12px;--radius-badge:10px;--card-border-width:1px;--sidebar-bg:#0f172af2;--sidebar-border:#ffffff1a;--nav-text:#ffffffb3;--nav-hover:#ffffff0d;--nav-active-bg:#6366f133;--nav-active-text:#a5b4fc;--avatar-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--card-hover-transform:translateY(-2px);--card-hover-shadow:0 8px 32px #0006}[data-theme=dark-vision] .card,[data-theme=dark-vision] .sparko-card,[data-theme=dark-vision] .sparko-stat-card,[data-theme=dark-vision] .stat-card,[data-theme=dark-vision] .activity-card,[data-theme=dark-vision] .widget-container,[data-theme=dark-vision] [class*=Card]{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--bg-surface)!important;border:var(--border-width-thin)solid var(--border-color)!important}[data-theme=dark-vision]:before,[data-theme=dark-vision]:after{content:"";filter:blur(100px);opacity:.3;pointer-events:none;z-index:-1;border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite orb-float;position:fixed}[data-theme=dark-vision]:before{background:radial-gradient(circle,#6366f1,#0000 70%);animation-delay:0s;top:-200px;left:-200px}[data-theme=dark-vision]:after{background:radial-gradient(circle,#8b5cf6,#0000 70%);animation-delay:-10s;bottom:-200px;right:-200px}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(50px,30px)scale(1.1)}50%{transform:translate(20px,60px)scale(.9)}75%{transform:translate(-30px,20px)scale(1.05)}}[data-theme=depth-form]{--primary-gradient-start:#3b82f6;--primary-gradient-end:#6366f1;--primary-solid:#3b82f6;--primary-hover:#2563eb;--primary-dark:#1d4ed8;--primary-accessible:#2563eb;--primary-text:#fff;--primary-bg:#3b82f61a;--primary-color:#3b82f6;--primary-soft:#3b82f614;--primary-border:#e5e7eb;--primary-surface:#fff;--accent-primary:#60a5fa;--accent-primary-light:#60a5fa26;--accent-highlight:#60a5fa;--cta-gradient-start:#3b82f6;--cta-gradient-end:#2563eb;--cta-solid:#3b82f6;--cta-hover:#2563eb;--bg-main:linear-gradient(135deg,#f8fafc 0%,#eff6ff 50%,#eef2ff 100%);--bg-primary:#f8fafc;--bg-surface:#fff;--bg-hover:#f1f5f9;--background-secondary:#f1f5f9;--surface-primary:#fff;--surface-secondary:#f8fafc;--surface-tertiary:#f1f5f9;--surface-elevated:#fff;--surface-light:#f8fafc;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-color:#e5e7eb;--border-light:#f3f4f6;--border-accent:#3b82f6;--focus-ring:#3b82f626;--overlay-bg:#0009;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(12px);--blur-xl:blur(16px);--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--status-success:#10b981;--status-success-bg:#10b9811a;--status-success-border:#10b98133;--status-success-hover:#059669;--status-success-dark:#047857;--status-warning:#f59e0b;--status-warning-bg:#f59e0b1a;--status-warning-border:#f59e0b33;--status-warning-hover:#d97706;--status-warning-dark:#f97316;--status-error:#ef4444;--status-error-bg:#ef44441a;--status-error-border:#ef444433;--status-error-hover:#dc2626;--status-error-dark:#b91c1c;--status-info:#3b82f6;--status-info-bg:#3b82f61a;--status-info-border:#3b82f633;--status-info-hover:#2563eb;--status-info-dark:#1d4ed8;--status-draft:#6b7280;--status-draft-bg:#6b72801a;--status-draft-border:#6b728033;--status-pending:#f59e0b;--status-pending-bg:#f59e0b1a;--status-pending-text:#f59e0b;--status-pending-border:#f59e0b33;--danger-color:#ef4444;--primary-color-alpha:#3b82f633;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 16px 48px #0000001f;--shadow-xl:0 20px 50px #3b82f633;--shadow-2xl:0 25px 60px #3b82f640;--shadow-card:0 4px 20px #00000014;--radius-card:16px;--radius-button:12px;--radius-badge:8px;--card-border-width:1px;--sidebar-bg:#fff;--sidebar-border:#e5e7eb;--nav-text:#6b7280;--nav-hover:#f3f4f6;--nav-active-bg:#3b82f61a;--nav-active-text:#3b82f6;--avatar-gradient:linear-gradient(135deg,#3b82f6,#6366f1);--card-hover-transform:translateY(-8px)rotateX(2deg);--card-hover-shadow:0 20px 50px #3b82f640}[data-theme=depth-form] .card,[data-theme=depth-form] .sparko-card,[data-theme=depth-form] .stat-card,[data-theme=depth-form] .activity-card{perspective:1000px;transition:transform .3s,box-shadow .3s}[data-theme=depth-form] .card:hover,[data-theme=depth-form] .sparko-card:hover,[data-theme=depth-form] .stat-card:hover,[data-theme=depth-form] .activity-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-8px)rotateX(2deg)}[data-theme=material-you]{--primary-gradient-start:#a855f7;--primary-gradient-end:#ec4899;--primary-solid:#a855f7;--primary-hover:#9333ea;--primary-dark:#7c3aed;--primary-accessible:#9333ea;--primary-text:#fff;--primary-bg:#a855f71a;--primary-color:#a855f7;--primary-soft:#a855f714;--primary-border:#e9d5ff;--primary-surface:#faf5ff;--accent-primary:#c084fc;--accent-primary-light:#c084fc26;--accent-highlight:#c084fc;--cta-gradient-start:#a855f7;--cta-gradient-end:#9333ea;--cta-solid:#a855f7;--cta-hover:#9333ea;--bg-main:linear-gradient(to bottom right,#fdf4ff,#fce7f3,#fff1f2);--bg-primary:#fdf4ff;--bg-surface:#fff;--bg-hover:#faf5ff;--background-secondary:#faf5ff;--surface-primary:#fff;--surface-secondary:#fdf4ff;--surface-tertiary:#faf5ff;--surface-elevated:#fff;--surface-light:#fdf4ff;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-color:#e9d5ff;--border-light:#f3e8ff;--border-accent:#a855f7;--focus-ring:#a855f726;--overlay-bg:#0009;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(12px);--blur-xl:blur(16px);--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Courier New",monospace;--status-success:#10b981;--status-success-bg:#10b9811a;--status-success-border:#10b98133;--status-success-hover:#059669;--status-success-dark:#047857;--status-warning:#f59e0b;--status-warning-bg:#f59e0b1a;--status-warning-border:#f59e0b33;--status-warning-hover:#d97706;--status-warning-dark:#f97316;--status-error:#ef4444;--status-error-bg:#ef44441a;--status-error-border:#ef444433;--status-error-hover:#dc2626;--status-error-dark:#b91c1c;--status-info:#3b82f6;--status-info-bg:#3b82f61a;--status-info-border:#3b82f633;--status-info-hover:#2563eb;--status-info-dark:#1d4ed8;--status-draft:#6b7280;--status-draft-bg:#6b72801a;--status-draft-border:#6b728033;--status-pending:#f59e0b;--status-pending-bg:#f59e0b1a;--status-pending-text:#f59e0b;--status-pending-border:#f59e0b33;--danger-color:#ef4444;--primary-color-alpha:#a855f733;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 16px #a855f71a;--shadow-lg:0 12px 32px #a855f726;--shadow-xl:0 20px 48px #a855f733;--shadow-2xl:0 28px 64px #a855f740;--shadow-card:0 2px 12px #a855f714;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:28px;--radius-3xl:32px;--radius-card:24px;--radius-button:20px;--radius-badge:16px;--card-border-width:1px;--sidebar-bg:#fff;--sidebar-border:#e9d5ff;--nav-text:#6b7280;--nav-hover:#faf5ff;--nav-active-bg:#a855f71a;--nav-active-text:#a855f7;--avatar-gradient:linear-gradient(135deg,#a855f7,#ec4899);--card-hover-transform:scale(1.02);--card-hover-shadow:var(--shadow-2xl)}[data-theme=material-you] .card,[data-theme=material-you] .sparko-card,[data-theme=material-you] .stat-card,[data-theme=material-you] .activity-card{transition:transform .2s,box-shadow .2s,border-color .2s}[data-theme=material-you] .card:hover,[data-theme=material-you] .sparko-card:hover,[data-theme=material-you] .stat-card:hover,[data-theme=material-you] .activity-card:hover{box-shadow:var(--shadow-2xl);border-color:var(--primary-solid);transform:scale(1.02)}*{box-sizing:border-box}body{background:var(--bg-main);color:var(--text-primary);min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background .3s,color .3s}body,.card,.sparko-card,.stat-card,.activity-card,button,a,input,select,textarea{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}button,a{transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}.card,.sparko-card{background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-thin)solid var(--border-color);padding:var(--space-card-padding);box-shadow:var(--shadow-card)}.stat-card{background:var(--bg-surface);border-radius:var(--radius-card);border:var(--border-width-thin)solid var(--border-color);border-left:var(--card-border-width)solid var(--primary-solid);padding:var(--space-card-padding);box-shadow:var(--shadow-card)}.activity-card{background:var(--surface-secondary);border-radius:var(--radius-card);border-left:var(--card-border-width)solid var(--primary-solid);padding:var(--space-md)}.avatar{width:var(--button-height-sm);height:var(--button-height-sm);border-radius:var(--radius-full);background:var(--avatar-gradient);color:#fff;font-size:var(--font-size-sm);justify-content:center;align-items:center;font-weight:500;display:flex}.btn-cta{background:linear-gradient(135deg,var(--cta-gradient-start),var(--cta-gradient-end));color:#fff;border-radius:var(--radius-button);cursor:pointer;border:none;padding:12px 24px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-cta:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary{background:var(--primary-solid);color:var(--primary-text);border-radius:var(--radius-button);cursor:pointer;border:none;padding:12px 24px;font-weight:700}.btn-secondary{color:var(--primary-solid);border:var(--border-width-medium)solid var(--primary-solid);border-radius:var(--radius-button);cursor:pointer;background:0 0;padding:10px 22px;font-weight:700}.trend-badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);font-size:var(--font-size-xs);padding:4px 8px;font-weight:700;display:inline-flex}.trend-badge.positive{background:var(--status-success-bg);color:var(--status-success)}.trend-badge.negative{background:var(--status-error-bg);color:var(--status-error)}.trend-badge.neutral{background:var(--status-draft-bg);color:var(--status-draft)}.sparko-page,.sparko-page-wide{background:var(--bg-main);min-height:100vh;padding:var(--space-card-padding);gap:var(--space-section-gap);flex-direction:column;width:100%;display:flex}.sparko-page-header{padding-bottom:var(--space-section-gap);border-bottom:var(--border-width-thin)solid var(--border-color)}.sparko-header-content{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap;display:flex}.sparko-title-section{text-align:left;flex:1;min-width:300px}.sparko-page-title{font-size:var(--font-size-title);font-weight:var(--font-weight-title);color:var(--text-primary);margin:0 0 var(--space-xs)0;text-align:left;line-height:1.2}.sparko-page-subtitle{font-size:var(--font-size-subtitle);color:var(--text-secondary);text-align:left;margin:0;line-height:1.5}.sparko-page-actions{gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.sparko-stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.sparko-stat-card{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-lg);gap:var(--space-md);box-shadow:var(--shadow-card);flex-direction:column;transition:all .2s;display:flex}.sparko-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-solid);transform:translateY(-2px)}.sparko-stat-header{align-items:center;gap:var(--space-sm);display:flex}.sparko-stat-icon{font-size:var(--font-size-2xl);line-height:1}.sparko-stat-label{font-size:var(--font-size-label);color:var(--text-secondary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.sparko-stat-content{align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;display:flex}.sparko-stat-value{font-size:var(--font-size-title);font-weight:var(--font-weight-title);color:var(--text-primary);line-height:1}.sparko-stat-trend{font-size:var(--font-size-label);color:var(--text-secondary)}.dashboard-stats,.directory-stats,.goals-stats,.reviews-stats,.feedback-stats,.calibration-stats,.recognition-stats,.meetings-stats,.payroll-stats,.recruiting-stats,.time-stats,.timeleave-stats,.compensation-stats,.learning-stats,.admin-stats,.module-stats,.roadmap-stats,.performance-stats,.expense-stats,.peer-surveys-stats,.pip-stats,.feedback360-stats,.overview-stats,.reflections-stats,.analytics-stats,.analytics-bar-stats,.team-development-stats,.my-development-stats,.member-stats,.coverage-stats,.budget-stats,.people-stats,.announcements-stats,.handbooks-stats,.onboarding-stats{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.sparko-filters-row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.sparko-search-wrapper{flex:1;min-width:300px;position:relative}.sparko-search-icon{left:var(--space-lg);font-size:var(--font-size-subtitle);pointer-events:none;color:var(--text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.sparko-search-input{width:100%;padding:12px var(--space-lg)12px 48px;border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-button);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-body);font-family:Inter,sans-serif;transition:all .2s}.sparko-search-input:focus{border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring);outline:none}.sparko-search-input::-moz-placeholder{color:var(--text-tertiary)}.sparko-search-input::placeholder{color:var(--text-tertiary)}.filter-select{padding:var(--space-sm)var(--space-md);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;min-width:140px;font-family:Inter,sans-serif;font-weight:500;transition:all .2s}.filter-select:hover{border-color:var(--primary-solid)}.filter-select:focus{border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring);outline:none}.sparko-active-filters{align-items:center;gap:var(--space-sm);font-size:var(--font-size-label);color:var(--text-secondary);flex-wrap:wrap;display:flex}.sparko-clear-filters{color:var(--primary-solid);font-weight:var(--font-weight-bold);cursor:pointer;font-size:var(--font-size-label);background:0 0;border:none;font-family:Inter,sans-serif;text-decoration:underline;transition:color .2s}.sparko-clear-filters:hover{color:var(--primary-hover)}.sparko-table-wrapper{background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:var(--border-width-thin)solid var(--border-color);min-width:800px;overflow-x:auto}.sparko-data-table{border-collapse:collapse;width:100%;min-width:800px}.sparko-data-table thead{background:var(--bg-hover);border-bottom:2px solid var(--border-color)}.sparko-data-table thead th{padding:var(--space-cell-padding)var(--space-lg);text-align:left;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sparko-data-table thead th:hover{background:var(--bg-main)}.sparko-data-table tbody tr{border-bottom:var(--border-width-thin)solid var(--border-color);transition:background .15s}.sparko-data-table tbody tr:hover{background:var(--bg-hover)}.sparko-data-table tbody tr:last-child{border-bottom:none}.sparko-data-table tbody td{padding:var(--space-cell-padding)var(--space-lg);font-size:var(--font-size-body);color:var(--text-primary);white-space:nowrap}.sparko-table-actions{gap:var(--space-sm);align-items:center;display:flex}.sparko-empty-row{text-align:center;background:var(--bg-hover);padding:var(--space-3xl)var(--space-lg)!important}.sparko-empty-message{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.sparko-empty-message .sparko-empty-icon{font-size:var(--font-size-4xl)}.sparko-empty-message .sparko-empty-text{font-size:var(--font-size-body);color:var(--text-secondary)}.sparko-empty-state{text-align:center;padding:var(--space-3xl)var(--space-2xl);background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.sparko-empty-state .sparko-empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg)}.sparko-empty-state .sparko-empty-title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.sparko-empty-state .sparko-empty-text{font-size:var(--font-size-body);color:var(--text-secondary)}.sparko-form{gap:var(--space-2xl);flex-direction:column;display:flex}.sparko-form-section{gap:var(--space-lg);flex-direction:column;display:flex}.sparko-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);padding-bottom:var(--space-md);border-bottom:var(--border-width-thin)solid var(--border-color);margin:0}.sparko-form-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.sparko-form-field{gap:var(--space-sm);flex-direction:column;display:flex}.sparko-form-label{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-primary)}.sparko-form-select{padding:var(--space-md)var(--space-lg);border:1.5px solid var(--border-color);border-radius:var(--radius-button);font-size:var(--font-size-body);background:var(--bg-surface);color:var(--text-primary);font-family:Inter,sans-serif;transition:all .2s}.sparko-form-select:focus{border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring);outline:none}.sparko-form-actions{justify-content:flex-end;gap:var(--space-md);padding-top:var(--space-lg);border-top:var(--border-width-thin)solid var(--border-color);display:flex}.sparko-card-list{gap:var(--space-lg);min-width:var(--page-content-min-width);flex-direction:column;width:100%;display:flex}.sparko-card{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-card-padding);box-shadow:var(--shadow-card);transition:box-shadow .2s,transform .2s}.sparko-card:hover{box-shadow:var(--shadow-md)}.sparko-card-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.sparko-card-title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);color:var(--text-primary);flex:1;margin:0}.sparko-card-date{color:var(--text-secondary);font-size:var(--font-size-label);white-space:nowrap;margin-left:auto}.sparko-card-meta{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.sparko-card-meta-item{align-items:center;gap:var(--space-xs);font-size:var(--font-size-body);color:var(--text-secondary);display:flex}.sparko-card-content{font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.sparko-card-actions{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-light);justify-content:flex-end;display:flex}.sparko-progress-card-list{gap:var(--space-xl);min-width:var(--card-grid-2col-min);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));width:100%;display:grid}.sparko-progress-card{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-card-padding);box-shadow:var(--shadow-card);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex}.sparko-progress-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sparko-progress-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.sparko-progress-card-title{font-size:var(--font-size-subtitle);color:var(--text-primary);font-weight:var(--font-weight-bold);flex:1;margin:0}.sparko-progress-card-meta{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.sparko-progress-card-meta-item{align-items:center;gap:var(--space-xs);display:flex}.sparko-progress-card-meta-icon{font-size:var(--font-size-base)}.sparko-progress-card-meta-text{color:var(--text-secondary);font-size:var(--font-size-body)}.sparko-progress-section{margin-bottom:var(--space-xl)}.sparko-progress-label{margin-bottom:var(--space-xs);font-size:var(--font-size-body);color:var(--text-secondary);font-weight:var(--font-weight-bold);justify-content:space-between;display:flex}.sparko-progress-bar-container{background:var(--border-color);border-radius:var(--radius-badge);width:100%;height:12px;overflow:hidden}.sparko-progress-bar-fill{background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));height:100%;transition:width .5s}.sparko-progress-card-actions{gap:var(--space-sm);padding-top:var(--space-md);margin-top:auto;display:flex}.sparko-loading{text-align:center;font-size:var(--font-size-subtitle);color:var(--text-secondary);padding:var(--space-3xl)}.sparko-error-box{background:var(--status-error-bg);border:var(--border-width-medium)solid var(--status-error-border);border-radius:var(--radius-card);padding:var(--space-2xl);text-align:center}.sparko-error-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-md)}.sparko-error-text{font-size:var(--font-size-subtitle);color:var(--status-error);margin-bottom:var(--space-md);font-weight:var(--font-weight-bold)}.density-card{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;transition:all .2s;overflow:hidden}.density-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-solid);transform:translateY(-2px)}.layout-compact{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:none}.layout-compact .card-badge{margin-bottom:var(--space-xs)}.layout-compact .card-title{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-sm)0;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.layout-compact .card-meta-compact{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.layout-compact .card-meta-item{align-items:center;gap:var(--space-xs);font-size:var(--font-size-label);color:var(--text-secondary);display:flex}.layout-compact .card-meta-item span:first-child{font-size:var(--font-size-sm)}.layout-compact .card-actions-compact{gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--border-light);justify-content:flex-end;display:flex}.layout-balanced{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:none}.layout-balanced .card-row-top{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.layout-balanced .card-title-section{align-items:center;gap:var(--space-md);flex:1;display:flex}.layout-balanced .card-title{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.layout-balanced .card-author-date{font-size:var(--font-size-label);color:var(--text-secondary);white-space:nowrap}.layout-balanced .card-row-bottom{justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light);display:flex}.layout-balanced .card-meta-balanced{gap:var(--space-md);flex-wrap:wrap;flex:1;display:flex}.layout-balanced .card-meta-item{align-items:center;gap:var(--space-xs);font-size:var(--font-size-body);color:var(--text-secondary);display:flex}.layout-balanced .card-actions-balanced{gap:var(--space-sm);display:flex}.layout-detailed{padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;display:none}.layout-detailed .card-row-top{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.layout-detailed .card-title-section{align-items:center;gap:var(--space-md);flex:1;display:flex}.layout-detailed .card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.layout-detailed .card-author-date{font-size:var(--font-size-body);color:var(--text-secondary);white-space:nowrap}.layout-detailed .card-content-preview{font-size:var(--font-size-body);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.layout-detailed .card-row-bottom{justify-content:space-between;align-items:center;gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-light);display:flex}.layout-detailed .card-meta-bottom{gap:var(--space-lg);flex-wrap:wrap;flex:1;display:flex}.layout-detailed .card-meta-item{align-items:center;gap:var(--space-sm);font-size:var(--font-size-body);color:var(--text-secondary);display:flex}.layout-detailed .card-meta-item span:first-child{font-size:var(--font-size-lg)}.layout-detailed .card-actions-detailed{gap:var(--space-sm);display:flex}@media not all and (min-width:768px){.layout-compact{display:flex}.layout-balanced,.layout-detailed{display:none}}@media(min-width:768px)and (not (min-width:1200px)){.layout-compact{display:none}.layout-balanced{display:flex}.layout-detailed{display:none}}@media(min-width:1200px){.layout-compact,.layout-balanced{display:none}.layout-detailed{display:flex}}@media(max-width:768px){.sparko-page,.sparko-page-wide{padding:var(--space-lg)}.sparko-header-content{flex-direction:column;align-items:stretch}.sparko-title-section{min-width:auto}.sparko-page-title{font-size:var(--font-size-xl)}.sparko-page-actions{width:100%}.sparko-stats-grid{grid-template-columns:1fr}.sparko-search-wrapper{min-width:100%}.sparko-form-grid{grid-template-columns:1fr}.sparko-form-actions{flex-direction:column-reverse}.sparko-form-actions button{width:100%}.sparko-progress-card-list{grid-template-columns:1fr;min-width:auto}.sparko-card-list{min-width:auto}}.sparko-tabs-container{flex-direction:column;width:100%;display:flex}.sparko-tabs-header{background:var(--bg-primary);border-bottom:2px solid var(--border-color);margin-bottom:var(--space-section-gap)}.sparko-tabs-list{gap:0;width:100%;display:flex}.sparko-tab{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md)var(--space-lg);color:var(--text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;border:none;border-bottom:var(--border-width-thick)solid transparent;white-space:nowrap;background:0 0;flex:1;font-family:inherit;transition:all .2s;display:flex;position:relative;top:2px}.sparko-tab.active{color:var(--primary-solid);font-weight:var(--font-weight-semibold);border-bottom-color:var(--primary-solid)}.sparko-tab:hover{color:var(--text-primary)}.sparko-tab.active:hover{color:var(--primary-solid);background:0 0}.sparko-tab:not(.active):hover{background:var(--bg-surface)}.sparko-tab-icon{font-size:var(--font-size-base);line-height:1}.sparko-tabs-content{width:100%}.sparko-tabs-list.compact .sparko-tab{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-sm)}.sparko-tabs-list.pills{gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-surface);border-radius:var(--radius-md)}.sparko-tabs-list.pills .sparko-tab{border:var(--border-width-medium)solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);border-bottom:2px solid var(--border-color);top:0}.sparko-tabs-list.pills .sparko-tab.active{border-color:var(--primary-accessible);background:var(--primary-accessible);color:#fff}.sparko-tabs-list.pills .sparko-tab:not(.active):hover{border-color:var(--primary-solid);background:var(--bg-primary)}.sparko-view-toggle{gap:var(--space-xs);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-sm);display:flex;overflow:hidden}.sparko-view-btn{padding:var(--space-sm)var(--space-md);background:var(--bg-surface);font-size:var(--text-lg);color:var(--text-secondary);cursor:pointer;border:none;font-family:inherit;transition:all .2s}.sparko-view-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sparko-view-btn.active{background:var(--primary-accessible);color:#fff}.sparko-bulk-actions{margin-bottom:var(--space-xl);border:var(--border-width-medium)solid var(--primary-solid);border-radius:var(--radius-md);padding:var(--space-md)var(--space-lg);background:linear-gradient(135deg,#6366f10d,#ec48990d)}.sparko-bulk-content{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.sparko-bulk-info{align-items:center;gap:var(--space-md);display:flex}.sparko-bulk-checkbox,.sparko-table-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-solid)}.sparko-bulk-count{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600}.sparko-bulk-buttons{gap:var(--space-sm);flex-wrap:wrap;display:flex}@media(max-width:768px){.sparko-bulk-content{flex-direction:column;align-items:flex-start}.sparko-bulk-buttons{width:100%}}.sparko-table-container{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.sparko-table{border-collapse:collapse;width:100%}.sparko-table thead{background:var(--bg-hover);border-bottom:2px solid var(--border-color)}.sparko-table th{padding:var(--space-md)var(--space-lg);text-align:left;font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sparko-table tbody tr{border-bottom:1px solid var(--border-light);transition:all .2s}.sparko-table tbody tr:hover{background:var(--bg-hover)}.sparko-table tbody tr:last-child{border-bottom:none}.sparko-table td{padding:var(--space-lg);font-size:var(--text-sm);color:var(--text-primary)}.checkbox-cell{width:var(--touch-target-min);text-align:center}.actions-cell{text-align:right}.sparko-grid-sm{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));width:100%;display:grid}.sparko-grid-md{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));width:100%;display:grid}.sparko-grid-lg{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(480px,1fr));width:100%;display:grid}.sparko-grid-list{gap:var(--space-lg);grid-template-columns:1fr;width:100%;display:grid}@media(max-width:768px){.sparko-grid-sm,.sparko-grid-md,.sparko-grid-lg{grid-template-columns:1fr}}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.flex-row-gap-sm{gap:var(--space-sm);flex-direction:row;display:flex}.flex-row-gap-md{gap:var(--space-md);flex-direction:row;display:flex}.flex-col-gap-md{gap:var(--space-md);flex-direction:column;display:flex}.mr-sm{margin-right:var(--space-sm)}.mr-md{margin-right:var(--space-md)}.mr-lg{margin-right:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.text-secondary-sm{font-size:var(--font-size-sm);color:var(--text-secondary)}.font-weight-600{font-weight:600}.cursor-help{cursor:help}.surface-card{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-card);padding:var(--space-card-padding);box-shadow:var(--shadow-card)}.card-action-buttons{gap:var(--space-sm);margin-top:auto;display:flex}.help-text{font-size:var(--font-size-sm);color:var(--text-tertiary);cursor:help}@media(max-width:480px){.sparko-page,.sparko-page-wide{padding:var(--space-md)}.sparko-page-title{font-size:var(--font-size-lg)}.sparko-stat-card{padding:var(--space-md)}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap-gap{gap:var(--space-sm);flex-wrap:wrap;display:flex}.flex-wrap-gap-md{gap:var(--space-md);flex-wrap:wrap;display:flex}.flex-wrap-gap-lg{gap:var(--space-lg);flex-wrap:wrap;display:flex}.flex-column{flex-direction:column;display:flex}.flex-column-gap{gap:var(--space-md);flex-direction:column;display:flex}.flex-gap{gap:var(--space-sm);display:flex}.flex-gap-md{gap:var(--space-md);display:flex}.flex-gap-lg{gap:var(--space-lg);display:flex}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-tertiary,.text-muted{color:var(--text-tertiary)}.text-primary-color{color:var(--primary-solid)}.bg-hover{background-color:var(--bg-hover)}.bg-muted{background-color:var(--surface-secondary)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.disabled-bg{background-color:var(--bg-hover);cursor:not-allowed}.font-xs{font-size:var(--font-size-xs)}.font-sm{font-size:var(--font-size-sm)}.font-base{font-size:var(--font-size-base)}.font-lg{font-size:var(--font-size-lg)}.font-4xl{font-size:var(--font-size-4xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.help-text{font-size:var(--font-size-xs);margin-top:var(--space-xs);color:var(--text-tertiary)}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-subheader{margin-bottom:var(--space-sm);color:var(--text-secondary)}.detail-grid{gap:var(--space-xs)var(--space-md);font-size:var(--font-size-sm);color:var(--text-secondary);grid-template-columns:auto 1fr;display:grid}.help-icon{color:var(--text-secondary);cursor:help;font-size:.85em}.w-full{width:100%}.w-60{width:60%}.w-80{width:80%}.w-50{width:50%}.w-40{width:40%}.h-80{height:80px}.h-400{height:400px}.h-14{height:14px}.h-28{height:28px}.min-h-screen{min-height:100vh}.hidden{display:none}.block{display:block}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-0{padding-top:0;padding-bottom:0}.px-0{padding-left:0;padding-right:0}.p-2xl{padding:var(--space-2xl)}.mr-xs{margin-right:var(--space-xs)}.ml-xs{margin-left:var(--space-xs)}.gradient-primary{background:linear-gradient(135deg,var(--primary-solid),var(--primary-dark))}.gradient-success{background:linear-gradient(135deg,var(--status-success),var(--status-info))}.gradient-error{background:linear-gradient(135deg,var(--status-error),var(--status-warning))}.gradient-warning{background:linear-gradient(135deg,var(--status-warning),var(--status-error))}.flex-1{flex:1}.underline{text-decoration:underline}.leading-relaxed{line-height:1.6}.skeleton-text{background:var(--bg-hover);border-radius:var(--radius-sm);height:1em;animation:1.5s ease-in-out infinite pulse}.skeleton-text--60{width:60%}.skeleton-text--80{width:80%}.skeleton-text--50{width:50%}.progress-bar[data-progress],.progress-fill[data-progress]{width:var(--progress-value,0%)}.bar[data-height]{height:var(--bar-height,0px)}[data-status-color]{color:var(--status-color)}[data-bg-color]{background-color:var(--bg-color)}[data-position]{left:var(--position-value,0%)}[data-width-percent]{width:var(--width-value,0%)}.btn-primary{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:var(--primary-text);border-radius:var(--radius-button);box-shadow:var(--shadow-button);cursor:pointer;border:none;padding:8px 16px;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:var(--border-width-medium)solid var(--border-color);border-radius:var(--radius-button);cursor:pointer;padding:8px 16px;font-weight:600;transition:all .3s}.btn-secondary:hover{border-color:var(--primary-solid);background:var(--bg-hover)}.btn-danger{background:var(--status-error);color:#fff;border-radius:var(--radius-button);cursor:pointer;border:none;padding:8px 16px;font-weight:600;transition:all .3s}.btn-danger:hover{opacity:.9}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-button);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-weight:600;transition:all .3s}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon{padding:var(--space-sm);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;transition:all .2s}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.card{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all .3s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-left:4px solid var(--primary-solid);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-lg);transition:all .3s}.badge{font-size:var(--font-size-xs);border-radius:var(--radius-badge);align-items:center;padding:4px 12px;font-weight:700;display:inline-flex}.badge-success{background:var(--status-success-bg);color:var(--status-success);border:1px solid var(--status-success-border)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border)}.badge-error{background:var(--status-error-bg);color:var(--status-error);border:1px solid var(--status-error-border)}.badge-info{background:var(--status-info-bg);color:var(--status-info);border:1px solid var(--status-info-border)}.badge-draft{background:var(--status-draft-bg);color:var(--status-draft);border:1px solid var(--status-draft-border)}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary);border:var(--border-width-thin)solid var(--border-color)}.input{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-button);width:100%;color:var(--text-primary);font-size:var(--font-size-body);padding:12px 16px;transition:all .3s}.input:focus{border-color:var(--primary-solid);box-shadow:0 0 0 var(--focus-ring-offset) var(--focus-ring);outline:none}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}.table-container{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-card);overflow:hidden}.table-header{background:var(--bg-hover);border-bottom:2px solid var(--border-color)}.table-header-cell{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:12px 16px;font-weight:700}.table-row{border-bottom:1px solid var(--border-light);transition:all .2s}.table-row:hover{background:var(--bg-hover)}.table-row:last-child{border-bottom:none}.table-cell{font-size:var(--font-size-sm);color:var(--text-primary);padding:12px 16px}.modal-overlay{z-index:50;padding:var(--space-xl);background:var(--overlay-bg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-content{background:var(--bg-surface);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);padding:var(--space-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:700}.modal-footer{gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-light);justify-content:flex-end;display:flex}.progress-container{background:var(--border-color);border-radius:var(--radius-badge);width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:var(--radius-badge);height:100%;transition:all .5s}.avatar{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));color:var(--primary-text);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-md{width:var(--touch-target-min);height:var(--touch-target-min);font-size:var(--font-size-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-base)}.avatar-xl{width:64px;height:64px;font-size:var(--font-size-lg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-main{background:var(--bg-main)}.bg-surface{background:var(--bg-surface)}.bg-hover{background:var(--bg-hover)}.border-theme{border-color:var(--border-color)}.border-light{border-color:var(--border-light)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-error{color:var(--status-error)}.text-info{color:var(--status-info)}.text-gradient{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.border-accent-left{border-left:4px solid var(--primary-solid)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}