@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html:focus-within{scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm);transition:outline-color .2s ease,outline-offset .2s ease}:focus:not(:focus-visible){outline:none}.focus-ring{transition:box-shadow .2s ease,border-color .2s ease}.focus-ring:focus-visible{box-shadow:0 0 0 3px rgba(37,99,235,.1);border-color:var(--color-primary)}@media (prefers-reduced-motion:no-preference){.motion-safe{transition:all .2s cubic-bezier(.4,0,.2,1)}.motion-safe:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.motion-safe:active{transform:translateY(0);transition-duration:.1s}.motion-safe--subtle:hover{transform:translateY(-.5px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.motion-safe--scale:hover{transform:scale(1.02)}.motion-safe--scale:active{transform:scale(.98)}.motion-safe--focus:focus-visible{transform:scale(1.01);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.fade-in{animation:fadeIn .3s ease-out}.scale-in{animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}.notification-pulse{animation:notificationPulse 2s infinite}.loading-spin{animation:spin 1s linear infinite}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}}@media (prefers-reduced-motion:reduce){.bounce-in,.fade-in,.loading-spin,.notification-pulse,.scale-in,.slide-in-right{animation:none!important}.slide-in-right{transform:translateX(0)!important}.fade-in,.slide-in-right{opacity:1!important}.scale-in{transform:scale(1)!important}.notification-pulse{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important}.loading-spin{transform:rotate(0deg)!important}.bounce-in{transform:scale(1)!important}}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}.stack{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}a{color:var(--color-primary);text-decoration:none;border-radius:var(--radius-sm);padding:2px 4px}a:not([class*=btn]):hover{text-decoration:underline;background-color:rgba(37,99,235,.1)}a:focus-visible{background-color:rgba(37,99,235,.1);text-decoration:underline}button{background-color:var(--color-primary);color:var(--color-primary-contrast);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);transition:all .2s ease}button:hover{filter:brightness(.95);transform:translateY(-1px)}button:focus-visible{filter:brightness(.95);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,select,textarea{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);background:var(--color-surface);color:var(--color-text);transition:all .2s ease}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}h1,h2,h3,h4,h5,h6{margin:0;color:var(--color-text)}p{margin:8px 0;color:var(--color-muted)}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-default)}.ui-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.ui-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-4)}.ui-card-title{font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.ui-card-subtitle{color:var(--color-text-tertiary);font-size:var(--font-xs)}.ui-card-metric{font-size:var(--font-3xl);font-weight:var(--weight-bold);line-height:1;color:var(--color-text);letter-spacing:-.02em}.ui-card-trend{font-size:var(--font-xs);font-weight:var(--weight-medium);display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-2)}.ui-card-trend.positive{background:var(--color-positive-subtle);color:var(--color-positive)}.ui-card-trend.negative{background:var(--color-negative-subtle);color:var(--color-negative)}.ui-card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-bg);color:var(--color-text-tertiary);font-size:var(--font-xs)}.dashboard-page{padding:var(--space-6);max-width:1200px;margin:0 auto}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.dashboard-column{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}@media (min-width:960px){.dashboard-column{grid-template-columns:1fr 1fr}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes notificationPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-nav{padding:var(--space-3);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center;background:var(--color-surface)}.app-nav-link{text-decoration:none;color:var(--color-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--weight-medium);transition:all .2s ease;position:relative}.app-nav-link:hover{background-color:var(--color-bg);text-decoration:none}.app-nav-link:focus-visible{background-color:var(--color-bg);text-decoration:none}.app-nav-link--active{color:var(--color-primary);background-color:rgba(37,99,235,.1)}.app-nav-link--active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:20px;height:2px;background-color:var(--color-primary);border-radius:1px}.notification-bell-container{position:relative;margin-left:auto}.notification-bell{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.notification-bell:hover{background-color:var(--color-bg);border-color:var(--color-primary);transform:translateY(-1px)}.notification-bell:focus-visible{background-color:var(--color-bg);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);transform:translateY(-1px)}.notification-bell.active{background-color:rgba(37,99,235,.1);border-color:var(--color-primary)}.notification-bell-icon{font-size:var(--font-lg);position:relative}.notification-bell-badge{position:absolute;top:-4px;right:-4px;background:var(--color-negative);color:#fff;font-size:var(--font-xs);font-weight:var(--weight-bold);padding:2px 4px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (prefers-reduced-motion:no-preference){.notification-bell-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid var(--color-primary);opacity:0;animation:pulse 2s infinite}.notification-bell.active .notification-bell-pulse{animation:none}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.notification-center-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.notification-center{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.notification-center-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.notification-center-title{font-size:var(--font-lg);font-weight:var(--weight-semibold);margin:0;color:var(--color-text)}.notification-center-controls{display:flex;align-items:center;gap:var(--space-2)}.notification-center-close{background:none;border:none;font-size:var(--font-xl);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-muted);transition:all .2s ease}.notification-center-close:hover{background-color:var(--color-bg);color:var(--color-text)}.notification-center-toolbar{justify-content:space-between;align-items:center;background-color:var(--color-bg)}.notification-center-actions,.notification-center-toolbar{display:flex;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.notification-center-actions{gap:var(--space-2)}.notification-center-content{flex:1 1;overflow-y:auto;padding:var(--space-2)}.notification-list{display:flex;flex-direction:column;gap:var(--space-2)}.notification-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.notification-item:hover{background-color:var(--color-bg)}.notification-item:focus-visible{background-color:var(--color-bg);border-color:var(--color-primary)}.notification-item.unread{background-color:rgba(37,99,235,.05);border-left:3px solid var(--color-primary)}.notification-item.focused{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.notification-item-icon{font-size:var(--font-lg);flex-shrink:0}.notification-item-content{flex:1 1;min-width:0}.notification-item-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1)}.notification-item-title{font-size:var(--font-sm);font-weight:var(--weight-semibold);margin:0;color:var(--color-text)}.notification-item-time{font-size:var(--font-xs);color:var(--color-muted);white-space:nowrap}.notification-item-body{font-size:var(--font-sm);color:var(--color-muted);margin:0;line-height:1.4}.notification-item-actions{display:flex;align-items:flex-start;gap:var(--space-1)}.notification-item-remove{background:none;border:none;font-size:var(--font-lg);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-muted);transition:all .2s ease;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-item-remove:hover{background-color:var(--color-bg);color:var(--color-negative)}.notification-category-filter{display:flex;align-items:center;gap:var(--space-2)}.notification-filter-label{font-size:var(--font-sm);color:var(--color-muted);font-weight:var(--weight-medium)}.notification-filter-options{display:flex;gap:var(--space-1)}.notification-filter-btn{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-xs);cursor:pointer;transition:all .2s ease}.notification-filter-btn:hover{background-color:var(--color-bg)}.notification-filter-btn:focus-visible{border-color:var(--color-primary)}.notification-filter-btn.active{background-color:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.notification-clear-all,.notification-clear-filters,.notification-mark-all{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm);cursor:pointer;transition:all .2s ease}.notification-clear-all:hover,.notification-clear-filters:hover,.notification-mark-all:hover{background-color:var(--color-bg)}.notification-clear-all:focus-visible,.notification-clear-filters:focus-visible,.notification-mark-all:focus-visible{border-color:var(--color-primary)}.notification-clear-all:disabled,.notification-mark-all:disabled{opacity:.5;cursor:not-allowed}.notification-empty-state{text-align:center;padding:var(--space-8);color:var(--color-muted)}.notification-empty-icon{font-size:var(--font-2xl);margin-bottom:var(--space-3)}.notification-empty-title{font-size:var(--font-md);font-weight:var(--weight-semibold);margin:0 0 var(--space-2) 0;color:var(--color-text)}.notification-empty-text{font-size:var(--font-sm);margin:0;line-height:1.5}.connection-status{font-size:var(--font-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--weight-medium)}.status-connected{background-color:rgba(22,163,74,.1);color:var(--color-positive)}.status-connecting,.status-reconnecting{background-color:rgba(217,119,6,.1);color:var(--color-warning)}.status-disconnected,.status-error{background-color:rgba(220,38,38,.1);color:var(--color-negative)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.feedback-page{display:grid;grid-template-areas:"header header" "main sidebar";grid-template-columns:1fr 300px;grid-template-rows:auto 1fr;min-height:100vh;grid-gap:var(--space-6);gap:var(--space-6);padding:var(--space-6);max-width:1400px;margin:0 auto}.feedback-header{grid-area:header;display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.feedback-header-content h1{font-size:var(--font-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.feedback-subtitle{color:var(--color-muted);font-size:var(--font-md);margin:0}.feedback-interview-info{display:flex;flex-direction:column;gap:var(--space-2)}.info-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--font-sm)}.info-label{color:var(--color-muted);font-weight:var(--weight-medium)}.info-value{color:var(--color-text);font-weight:var(--weight-semibold)}.feedback-main{grid-area:main}.feedback-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:var(--space-4)}.feedback-disabled,.feedback-error,.feedback-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.feedback-loading .loading-spinner{width:40px;height:40px;border-top:3px solid var(--color-border);border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.feedback-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.feedback-stepper{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-4)}.feedback-stepper ol{display:flex;justify-content:center;align-items:center;gap:var(--space-4);list-style:none;padding:0;margin:0}.feedback-section{padding:var(--space-6)}.feedback-section-header{margin-bottom:var(--space-6)}.feedback-section-header h2{font-size:var(--font-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.feedback-section-description{color:var(--color-muted);font-size:var(--font-sm);margin:0}.feedback-questions{display:flex;flex-direction:column;gap:var(--space-6)}.feedback-question-wrapper{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-6)}.feedback-question-wrapper:last-child{border-bottom:none;padding-bottom:0}.feedback-question{display:flex;flex-direction:column;gap:var(--space-2)}.feedback-question-label{font-size:var(--font-md);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.required-indicator{color:var(--color-negative);margin-left:var(--space-1);font-weight:var(--weight-bold)}.feedback-question-description{color:var(--color-muted);font-size:var(--font-sm);margin:0 0 var(--space-2) 0}.feedback-input,.feedback-textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);background:var(--color-surface);color:var(--color-text);font-family:inherit;transition:all .2s ease}.field-error{color:var(--color-negative);font-size:12px}.feedback-input:focus-visible,.feedback-textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.feedback-input-error,.feedback-textarea-error{border-color:var(--color-negative)}.feedback-input-error:focus-visible,.feedback-textarea-error:focus-visible{border-color:var(--color-negative);box-shadow:0 0 0 3px rgba(220,38,38,.1)}.feedback-error-text{color:var(--color-negative);font-size:var(--font-sm);margin-top:var(--space-1);font-weight:var(--weight-medium)}.feedback-checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-sm);color:var(--color-text);padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s ease}.feedback-checkbox{margin:0;width:16px;height:16px;cursor:pointer}.feedback-checkbox-label:hover{background-color:var(--color-bg)}.feedback-checkbox-label:focus-within{background-color:var(--color-bg);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.feedback-checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.feedback-multiselect{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.feedback-multiselect,.rating-group{display:flex;flex-direction:column;gap:var(--space-2)}.rating-options{gap:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface)}.rating-option,.rating-options{display:flex;padding:var(--space-2);border-radius:var(--radius-sm)}.rating-option{flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer;transition:all .2s ease;min-width:40px}.rating-option:hover{background:var(--color-bg)}.rating-selected{background:var(--color-primary);color:var(--color-primary-contrast)}.rating-focused{outline:2px solid var(--color-primary);outline-offset:2px}.rating-error{border-color:var(--color-negative)}.rating-disabled{opacity:.5;cursor:not-allowed}.rating-input{position:absolute;opacity:0;width:0;height:0}.rating-value{font-size:var(--font-md);font-weight:var(--weight-semibold)}.rating-label-text{font-size:var(--font-xs);text-align:center}.rating-help-text{color:var(--color-muted);font-size:var(--font-xs)}.rating-error-text{color:var(--color-negative);font-size:var(--font-sm)}.compliance-banner{background:#fffbeb;border:1px solid #f59e0b;border-radius:var(--radius-sm);padding:var(--space-4);margin:var(--space-4)}.compliance-banner h3{color:#d97706;font-size:var(--font-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.compliance-banner p{color:#92400e;font-size:var(--font-sm);line-height:1.5}.compliance-acknowledgement,.compliance-banner p{margin-bottom:var(--space-3)}.compliance-notes{display:flex;flex-direction:column;gap:var(--space-2)}.feedback-actions{justify-content:space-between;padding:var(--space-6);background:var(--color-bg);border-top:1px solid var(--color-border);flex-wrap:wrap}.feedback-actions,.feedback-actions-left{display:flex;align-items:center;gap:var(--space-3)}.feedback-actions-right{display:flex;gap:var(--space-3)}.save-draft-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.save-draft-btn:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-primary)}.save-draft-btn:disabled{opacity:.5;cursor:not-allowed}.last-saved-text{color:var(--color-muted);font-size:var(--font-xs);font-style:italic}.submit-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);background:var(--color-positive);color:#fff;font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){filter:brightness(.9)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:var(--color-bg)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.section-navigation{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:var(--color-bg);border-top:1px solid var(--color-border)}.nav-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:var(--color-bg)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.section-indicator{color:var(--color-muted);font-size:var(--font-sm);font-weight:var(--weight-medium)}.feedback-summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.feedback-summary-card h3{font-size:var(--font-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-3);color:var(--color-text)}.summary-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-sm)}.summary-item:last-child{margin-bottom:0}.summary-item strong{color:var(--color-muted);font-weight:var(--weight-medium)}.feedback-instructions{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.feedback-instructions h4{font-size:var(--font-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-3);color:var(--color-text)}.feedback-instructions ul{list-style:none;padding:0;margin:0}.feedback-instructions li{margin-bottom:var(--space-2);padding-left:var(--space-3);position:relative;font-size:var(--font-sm);color:var(--color-text)}.feedback-instructions li:before{content:"•";color:var(--color-primary);position:absolute;left:0;font-weight:700}.feedback-submitted{display:flex;align-items:center;justify-content:center;padding:var(--space-10);text-align:center}.feedback-submitted-content{max-width:500px}.feedback-submitted-content h2{font-size:var(--font-xl);font-weight:var(--weight-semibold);margin-bottom:var(--space-4);color:var(--color-positive)}.feedback-submitted-content p{margin-bottom:var(--space-2);color:var(--color-text)}.toast{position:fixed;top:var(--space-6);right:var(--space-6);z-index:1000;animation:slideInRight .3s ease}.toast-content{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--font-sm)}.toast-success .toast-content{background:var(--color-positive);color:#fff}.toast-error .toast-content{background:var(--color-negative);color:#fff}@media (max-width:768px){.feedback-page{grid-template-areas:"header" "main" "sidebar";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:var(--space-4);padding:var(--space-4)}.feedback-header{flex-direction:column;gap:var(--space-4);text-align:center}.feedback-interview-info{align-items:center}.feedback-stepper ol{flex-wrap:wrap;gap:var(--space-2)}.rating-options{flex-wrap:wrap}.feedback-actions{flex-direction:column;gap:var(--space-3)}.feedback-actions-left,.feedback-actions-right{width:100%;justify-content:center}.section-navigation{flex-direction:column;gap:var(--space-3)}}@media (max-width:480px){.feedback-actions,.feedback-section{padding:var(--space-4)}.rating-option{min-width:35px;padding:var(--space-1)}.rating-value{font-size:var(--font-sm)}}.feedback-error-summary{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:var(--space-4);margin:var(--space-4)}.feedback-error-summary h3{color:var(--color-negative);font-size:var(--font-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-3)}.feedback-error-summary ul{list-style:none;padding:0;margin:0}.feedback-error-summary li{margin-bottom:var(--space-2)}.feedback-error-summary a{color:var(--color-negative);text-decoration:underline;cursor:pointer;transition:color .2s ease}.feedback-error-summary a:hover{color:#b91c1c}.feedback-error-summary a:focus-visible{outline:2px solid var(--color-negative);outline-offset:2px}#autosave-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:no-preference){.feedback-instructions,.feedback-summary-card,.kpi-card,.kpi-recruiter-card,.ui-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.feedback-instructions:hover,.feedback-summary-card:hover,.kpi-card:hover,.kpi-recruiter-card:hover,.ui-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn,.btn,.cancel-btn,.clear-filters-btn,.comment-btn,.export-btn,.nav-btn,.notification-clear-all,.notification-clear-filters,.notification-filter-btn,.notification-mark-all,.quick-date-btn,.save-draft-btn,.submit-btn{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-btn:before,.btn:before,.cancel-btn:before,.clear-filters-btn:before,.comment-btn:before,.export-btn:before,.nav-btn:before,.notification-clear-all:before,.notification-clear-filters:before,.notification-filter-btn:before,.notification-mark-all:before,.quick-date-btn:before,.save-draft-btn:before,.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-btn:hover:before,.btn:hover:before,.cancel-btn:hover:before,.clear-filters-btn:hover:before,.comment-btn:hover:before,.export-btn:hover:before,.nav-btn:hover:before,.notification-clear-all:hover:before,.notification-clear-filters:hover:before,.notification-filter-btn:hover:before,.notification-mark-all:hover:before,.quick-date-btn:hover:before,.save-draft-btn:hover:before,.submit-btn:hover:before{width:100px;height:100px}.filter-chip{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.filter-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.filter-chip:hover:before{left:100%}.filter-chip.active{animation:chipSelect .3s cubic-bezier(.4,0,.2,1)}@keyframes chipSelect{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.reports-table tbody tr{transition:all .2s cubic-bezier(.4,0,.2,1)}.reports-table tbody tr:hover{background-color:var(--color-bg);transform:translateX(2px)}.notification-bell-badge{animation:badgePulse 2s infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-spinner{animation:spin 1s linear infinite}.success-icon{animation:successBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes successBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.feedback-input,.feedback-textarea,.form-input,.form-textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}.feedback-input:focus-visible,.feedback-textarea:focus-visible,.form-input:focus-visible,.form-textarea:focus-visible{animation:focusPulse .3s ease}@keyframes focusPulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.2)}to{box-shadow:0 0 0 3px rgba(37,99,235,.1)}}.step-button,.step-number{transition:all .3s cubic-bezier(.4,0,.2,1)}.export-toast,.toast{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.calendar-day{transition:all .2s cubic-bezier(.4,0,.2,1)}.calendar-day:hover:not(.disabled):not(.selected){transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.1)}.rating-option{transition:all .2s cubic-bezier(.4,0,.2,1)}.rating-option:hover:not(.rating-selected):not(.rating-disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}}@media (prefers-reduced-motion:reduce){.feedback-instructions:hover,.feedback-summary-card:hover,.kpi-card:hover,.kpi-recruiter-card:hover,.ui-card:hover{transform:none;box-shadow:var(--shadow-md)}.action-btn:hover:not(:disabled),.btn:hover:not(:disabled),.cancel-btn:hover:not(:disabled),.comment-btn:hover:not(:disabled),.nav-btn:hover:not(:disabled),.save-draft-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){transform:none}.filter-chip.active{animation:none}.reports-table tbody tr:hover{transform:none}.calendar-day:hover:not(.disabled):not(.selected){transform:none;box-shadow:0 1px 4px rgba(0,0,0,.1)}.rating-option:hover:not(.rating-selected):not(.rating-disabled){transform:none;box-shadow:0 2px 6px rgba(0,0,0,.1)}}.batch-board{padding:var(--space-6);max-width:1400px;margin:0 auto}.batch-board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.batch-board-title{font-size:var(--font-xl);font-weight:var(--weight-semibold);margin:0;color:var(--color-text)}.batch-board-stats{display:flex;gap:var(--space-4);font-size:var(--font-sm);color:var(--color-muted)}.stat-item strong{color:var(--color-text);font-weight:var(--weight-semibold)}.batch-board-content{display:flex;flex-direction:column;gap:var(--space-3)}.batch-board-empty{text-align:center;padding:var(--space-10);color:var(--color-muted);font-size:var(--font-md)}.batch-board-help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.help-text{font-size:var(--font-sm);color:var(--color-muted);margin:0}.help-text kbd{border:1px solid var(--color-border);border-radius:3px;padding:2px 4px;font-family:monospace;font-size:var(--font-xs);font-weight:var(--weight-semibold)}.help-text kbd,.review-row{background:var(--color-surface)}.review-row{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:all .2s ease;cursor:pointer}.review-row:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.review-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:var(--shadow-md)}.review-row-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.review-row-comment{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.review-row-content{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 1.5fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);align-items:center}.review-column{min-width:0}.candidate-name{font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.candidate-email{font-size:var(--font-sm);color:var(--color-muted)}.candidate-role{font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.candidate-experience{font-size:var(--font-sm);color:var(--color-muted)}.candidate-location{color:var(--color-text);font-size:var(--font-sm)}.match-container{display:flex;flex-direction:column;gap:var(--space-1)}.match-percentage{font-weight:var(--weight-semibold);font-size:var(--font-md);text-align:center}.match-bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.match-bar-fill{height:100%;transition:width .3s ease}.match-high{background-color:var(--color-positive)}.match-medium{background-color:var(--color-warning)}.match-low{background-color:var(--color-negative)}.label-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.label-chip{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--weight-medium);background:var(--color-bg);color:var(--color-text)}.status-chip{border-width:2px}.status-shortlisted{border-color:var(--color-positive);background-color:rgba(22,163,74,.1);color:var(--color-positive)}.status-rejected{border-color:var(--color-negative);background-color:rgba(220,38,38,.1);color:var(--color-negative)}.status-commented{border-color:var(--color-primary);background-color:rgba(37,99,235,.1);color:var(--color-primary)}.action-buttons{display:flex;gap:var(--space-2)}.action-btn{padding:var(--space-2) var(--space-3);background:var(--color-surface);font-size:var(--font-sm);font-weight:var(--weight-medium);min-width:70px;text-align:center}.action-btn:hover:not(:disabled){background-color:var(--color-bg)}.action-btn:focus-visible:not(:disabled){background-color:var(--color-bg);border-color:var(--color-primary)}.action-btn:disabled{opacity:.5}.action-btn-active{background-color:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.action-btn-shortlist:hover:not(:disabled){border-color:var(--color-positive);color:var(--color-positive)}.action-btn-reject:hover:not(:disabled){border-color:var(--color-negative);color:var(--color-negative)}.action-btn-comment:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.comment-composer{display:flex;flex-direction:column;gap:var(--space-3)}.comment-textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);resize:vertical;min-height:80px;font-family:inherit}.comment-textarea:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.comment-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.comment-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm);cursor:pointer;transition:all .2s ease;font-weight:var(--weight-medium)}.comment-btn-submit{background-color:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.comment-btn-submit:hover:not(:disabled){filter:brightness(.9)}.comment-btn-cancel:hover:not(:disabled){background-color:var(--color-bg)}.comment-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1200px){.review-row-content{grid-template-columns:1.5fr 1fr .8fr 1fr 1.2fr 1fr;gap:var(--space-2)}}@media (max-width:768px){.review-row-content{grid-template-columns:1fr;gap:var(--space-3)}.review-column{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--color-bg);border-radius:var(--radius-sm)}.action-buttons{justify-content:center}}.btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled),a.btn-primary:hover{background-color:var(--color-primary-hover);color:var(--color-primary-contrast);text-decoration:none;transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled),a.btn-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-muted);color:var(--color-text);text-decoration:none}.create-job-page{max-width:1200px;margin:0 auto;padding:var(--space-6)}.create-job-header{margin-bottom:var(--space-6)}.create-job-navigation{margin-bottom:var(--space-4)}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.back-button:hover{background-color:var(--color-bg-secondary);transform:translateX(-2px)}.create-job-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-2) 0}.create-job-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.create-job-content{display:grid;grid-template-columns:1fr 300px;grid-gap:var(--space-8);gap:var(--space-8)}@media (max-width:1024px){.create-job-content{grid-template-columns:1fr}}.create-job-info{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:var(--space-6)}.create-job-info h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-4) 0}.guidelines{display:flex;flex-direction:column;gap:var(--space-4)}.guideline-item h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--space-1) 0}.guideline-item p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.feature-disabled{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.feature-disabled p{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jobs-page{max-width:1400px;margin:0 auto;padding:var(--space-6)}.jobs-header{margin-bottom:var(--space-6)}.jobs-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.jobs-title-section{flex:1 1}.jobs-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-2) 0}.jobs-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.jobs-actions{display:flex;gap:var(--space-3);flex-shrink:0}.jobs-content{gap:var(--space-6)}.jobs-content,.jobs-loading{display:flex;flex-direction:column}.jobs-loading{align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4)}.loading-spinner{width:32px;height:32px;border-top:3px solid var(--color-border);border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.jobs-loading p{color:var(--color-text-muted);font-size:var(--font-size-base)}.job-list-container{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.job-list-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.job-list-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-1) 0}.job-list-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.job-table-wrapper{overflow-x:auto}.job-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.job-table th{background:var(--color-bg-secondary);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap}.job-table td,.job-table th{border-bottom:1px solid var(--color-border)}.job-table td{padding:var(--space-4);vertical-align:top}.job-table-row:hover{background:var(--color-bg-secondary)}.job-table-row:last-child td{border-bottom:none}.job-title-cell{min-width:200px}.job-title{font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.job-id{color:var(--color-text-muted);font-family:monospace}.job-department,.job-id{font-size:var(--font-xs)}.job-department{display:inline-block;padding:2px var(--space-2);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.job-metric{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.metric-number{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1}.metric-label{font-size:var(--font-xs);text-transform:uppercase;font-weight:var(--font-weight-medium)}.job-date,.metric-label{color:var(--color-text-muted)}.job-date{font-size:var(--font-sm)}.job-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;min-width:160px}.action-btn{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;background:transparent;color:var(--color-text)}.action-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.edit-btn:hover:not(:disabled){background:var(--color-blue-600);border-color:var(--color-blue-600)}.archive-btn:hover:not(:disabled){background:var(--color-red-600);border-color:var(--color-red-600)}.activate-btn:hover:not(:disabled){background:var(--color-green-600);border-color:var(--color-green-600)}.view-btn:hover:not(:disabled){background:var(--color-gray-600);border-color:var(--color-gray-600)}.job-list-summary{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);text-align:center}.job-list-summary p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;color:#fff}.status-badge.published{background:var(--color-green-600)}.status-badge.draft{background:var(--color-gray-500)}.status-badge.archived{background:var(--color-red-600)}.job-list-empty{display:flex;justify-content:center;align-items:center;min-height:300px;padding:var(--space-8)}.empty-state{max-width:400px}.empty-state h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-2) 0}.empty-state p{color:var(--color-text-muted);margin:0 0 var(--space-4) 0}.recruitment-location-state{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;line-height:1.5;margin:var(--space-6) auto;max-width:520px;min-height:220px;padding:var(--space-8);text-align:center}.recruitment-location-state h1{color:var(--color-text);font-family:var(--font-family-display);font-size:var(--font-2xl);font-weight:var(--weight-semibold);line-height:1.2;margin:0 0 var(--space-3)}.recruitment-location-state p{color:var(--color-text-secondary);margin:0;max-width:420px}.jobs-info{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.jobs-info h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-4) 0}.status-legend{flex-direction:column}.legend-item,.status-legend{display:flex;gap:var(--space-3)}.legend-item{align-items:center}.legend-description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.email-templates-page{padding:var(--space-6);max-width:1400px;margin:0 auto;min-height:100%;animation:fadeIn .3s ease-out}.email-templates-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.email-templates-title-section h1{font-family:var(--font-family-display);font-size:var(--font-3xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-2);color:var(--color-text);letter-spacing:-.03em;line-height:1.1}.email-templates-title-section p{color:var(--color-text-secondary);font-size:var(--font-md);margin:0;line-height:1.5}.email-templates-actions{display:flex;gap:var(--space-3)}.whatsapp-templates-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:stretch}.whatsapp-template-sidebar-card{display:flex;flex-direction:column;min-height:100%}.whatsapp-template-sidebar-list{flex:1 1;min-height:0}.whatsapp-template-editor-card{min-width:0}.whatsapp-template-key-row{grid-template-columns:minmax(0,1fr) 120px;align-items:end}.whatsapp-template-language-field{max-width:120px}.whatsapp-template-language-input{width:100%}.page-title-container h1{font-size:var(--font-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-lg)}.templates-table-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.templates-table-header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.templates-table-title{font-size:var(--font-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.templates-table-subtitle{color:var(--color-text-secondary)}.templates-table-wrapper{overflow-x:auto}.templates-table{width:100%;border-collapse:collapse}.templates-table td,.templates-table th{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.templates-table th{background-color:var(--color-surface-secondary);font-weight:600;color:var(--color-text-primary);font-size:var(--font-sm)}.template-table-row:hover{background-color:var(--color-row-hover)}.template-name-cell{display:flex;flex-direction:column;gap:var(--space-1)}.template-name{font-weight:600;color:var(--color-text-primary)}.template-date,.template-subject-preview{font-size:var(--font-sm);color:var(--color-text-secondary)}.status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:500;text-transform:uppercase}.status-active{background-color:var(--color-success);color:#fff}.status-inactive{background-color:var(--color-warning);color:#fff}.template-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.templates-table-summary{padding:var(--space-4) var(--space-6);color:var(--color-text-secondary);font-size:var(--font-sm);border-top:1px solid var(--color-border)}.template-editor-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.template-editor-header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.template-editor-title{font-size:var(--font-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.template-editor-subtitle{color:var(--color-text-secondary)}.template-editor-form{padding:var(--space-6)}.form-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-bottom:var(--space-6)}.form-fields{gap:var(--space-4)}.form-field,.form-fields{display:flex;flex-direction:column}.form-field{gap:var(--space-2)}.form-label{font-weight:500;color:var(--color-text-primary);font-size:var(--font-sm)}.form-input,.form-select,.form-textarea{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-base);transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-input-error,.form-textarea-error{border-color:var(--color-negative)}.form-error{color:var(--color-negative)}.form-error,.form-help{font-size:var(--font-sm);margin-top:var(--space-1)}.form-help{color:var(--color-text-secondary)}.form-checkbox{display:flex;align-items:center;gap:var(--space-2)}.form-checkbox-input{width:var(--space-4);height:var(--space-4)}.form-checkbox-label{font-weight:500;color:var(--color-text-primary)}.form-preview{background:var(--color-surface-secondary);border-radius:var(--radius-md);padding:var(--space-4)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.preview-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text-primary)}.preview-toggle-btn{padding:var(--space-2) var(--space-3);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;transition:background-color .2s ease}.preview-toggle-btn:hover{background:var(--color-primary-hover)}.preview-content{display:flex;flex-direction:column;gap:var(--space-4)}.preview-section{background:#fff;border-radius:var(--radius-sm);padding:var(--space-3)}.preview-section-title{font-size:var(--font-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.preview-subject{font-weight:600}.preview-body,.preview-subject{color:var(--color-text-primary)}.preview-body{white-space:pre-wrap;line-height:1.6}.variable-highlight{background-color:var(--color-primary-light);color:var(--color-primary);padding:2px 4px;border-radius:var(--radius-sm);font-family:monospace;font-size:.9em}.variables-reference{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.variables-title{font-size:var(--font-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.variables-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.variable-code{background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-xs)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-6);border-top:1px solid var(--color-border)}.breadcrumb-nav{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--font-sm)}.breadcrumb-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-sm);padding:var(--space-1) 0;text-decoration:none;font-weight:var(--weight-medium);transition:color .15s ease}.breadcrumb-link:hover{color:var(--color-primary-hover);text-decoration:underline}.breadcrumb-separator{color:var(--color-text-tertiary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb-current{color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--weight-medium)}.notification-toast{position:fixed;top:var(--space-4);right:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-width:400px}.notification-toast-success{background-color:var(--color-success);color:#fff}.notification-toast-error{background-color:var(--color-negative);color:#fff}.notification-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.notification-close{background:none;border:none;color:#fff;font-size:var(--font-lg);cursor:pointer;padding:0;width:var(--space-5);height:var(--space-5);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.notification-close:hover{background-color:hsla(0,0%,100%,.1)}.templates-table-empty,.templates-table-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spinner{width:32px;height:32px;border-top:3px solid var(--color-border);border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;color:var(--color-text-secondary)}.empty-state h3{margin-bottom:var(--space-2);color:var(--color-text-primary)}.feature-disabled{padding:var(--space-6);text-align:center}.feature-disabled-title{font-size:var(--font-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4)}.feature-disabled-message{color:var(--color-text-secondary)}.feature-disabled-message p{margin-bottom:var(--space-2)}@media (max-width:1200px){.email-templates-header{flex-direction:column;align-items:stretch;gap:var(--space-4)}}@media (max-width:1080px){.whatsapp-templates-layout{grid-template-columns:1fr}}@media (max-width:768px){.email-templates-page{padding:var(--space-4)}.whatsapp-template-key-row{grid-template-columns:1fr}.whatsapp-template-language-field{max-width:100%}.form-grid{grid-template-columns:1fr;gap:var(--space-6)}.templates-table-wrapper{overflow-x:auto}.templates-table td,.templates-table th{padding:var(--space-3) var(--space-2)}.template-actions{min-width:120px;gap:var(--space-1)}.action-btn{padding:var(--space-1);font-size:var(--font-xs)}.notification-toast{left:var(--space-4);right:var(--space-4);max-width:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-lg);font-weight:var(--weight-semibold);margin:0;color:var(--color-text)}.modal-close{background:none;border:none;font-size:var(--font-xl);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-muted);transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:var(--color-bg);color:var(--color-text)}.modal-close:focus-visible{background-color:var(--color-bg);outline:2px solid var(--color-primary);outline-offset:2px}.modal-body{flex:1 1;overflow-y:auto;padding:var(--space-4)}.modal-content{display:flex;flex-direction:column;gap:var(--space-4)}.modal-content h3{font-size:var(--font-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--color-text)}.modal-content p{color:var(--color-muted);font-size:var(--font-sm);line-height:1.5}.modal-content ul{margin:var(--space-2) 0;padding-left:var(--space-6)}.modal-content li{color:var(--color-muted);font-size:var(--font-sm);line-height:1.5;margin-bottom:var(--space-1)}.modal-footer{padding:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center}.modal-footer,.modal-links{display:flex;gap:var(--space-4)}.modal-full-policy{color:var(--color-primary);text-decoration:none;font-size:var(--font-sm);font-weight:var(--weight-medium)}.modal-full-policy:hover{text-decoration:underline}.modal-full-policy:focus-visible{text-decoration:underline;outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);line-height:1;cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.modal-close-btn svg{width:18px;height:18px;display:block}.modal-close-btn:hover{background:var(--color-bg-muted);color:var(--color-text);border-color:var(--color-border-hover)}.modal-close-btn:focus-visible{background:var(--color-bg-muted);border-color:var(--color-border-hover);outline:2px solid var(--color-primary);outline-offset:3px}.modal-updated{font-size:var(--font-xs);color:var(--color-muted);font-style:italic;margin-bottom:var(--space-4)}.assign-assessment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.assign-assessment-modal{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.assign-assessment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.assign-assessment-modal-title{font-size:var(--font-lg);font-weight:var(--weight-semibold);margin:0;color:var(--color-text)}.assign-assessment-modal-close{background:none;border:none;font-size:var(--font-xl);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-muted);transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.assign-assessment-modal-close:hover{background-color:var(--color-bg);color:var(--color-text)}.assign-assessment-modal-form{display:flex;flex-direction:column;height:100%}.assign-assessment-modal-context{padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.assign-assessment-context-text{margin:0;color:var(--color-muted);font-size:var(--font-sm)}.assign-assessment-modal-body{flex:1 1;overflow-y:auto;padding:var(--space-4)}.assign-assessment-label{display:block;font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-2)}.assign-assessment-select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);background:var(--color-surface);color:var(--color-text)}.assign-assessment-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.assessment-description{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.assessment-info{display:flex;flex-direction:column;gap:var(--space-1)}.assessment-name{font-weight:var(--weight-semibold);color:var(--color-text);margin:0;font-size:var(--font-sm)}.assessment-details{line-height:1.4}.assessment-details,.assessment-duration,.assessment-questions{color:var(--color-muted);margin:0;font-size:var(--font-xs)}.assign-assessment-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg)}.assign-assessment-modal-cancel,.assign-assessment-modal-submit{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.assign-assessment-modal-submit{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.assign-assessment-modal-submit:hover:not(:disabled){filter:brightness(.9)}.assign-assessment-modal-cancel:hover:not(:disabled){background:var(--color-bg)}.assign-assessment-modal-cancel:disabled,.assign-assessment-modal-submit:disabled{opacity:.5;cursor:not-allowed}.privacy-modal-overlay,.terms-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.privacy-modal,.terms-modal{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.privacy-modal-header,.terms-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.privacy-modal-title,.terms-modal-title{font-size:var(--font-lg);font-weight:var(--weight-semibold);margin:0;color:var(--color-text)}.privacy-modal-close,.terms-modal-close{background:none;border:none;font-size:var(--font-xl);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-muted);transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.privacy-modal-close:hover,.terms-modal-close:hover{background-color:var(--color-bg);color:var(--color-text)}.privacy-modal-close:focus-visible,.terms-modal-close:focus-visible{background-color:var(--color-bg);outline:2px solid var(--color-primary);outline-offset:2px}.privacy-modal-body,.terms-modal-body{flex:1 1;overflow-y:auto;padding:var(--space-4)}.privacy-modal-content,.terms-modal-content{display:flex;flex-direction:column;gap:var(--space-6)}.privacy-modal-content h3,.terms-modal-content h3{font-size:var(--font-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-3);color:var(--color-text);padding-top:var(--space-2)}.privacy-modal-content p,.terms-modal-content p{color:var(--color-muted);font-size:var(--font-sm);line-height:1.6;margin-bottom:var(--space-3)}.privacy-modal-content ul,.terms-modal-content ul{margin:var(--space-3) 0;padding-left:var(--space-6)}.privacy-modal-content li,.terms-modal-content li{color:var(--color-muted);font-size:var(--font-sm);line-height:1.6;margin-bottom:var(--space-2)}.privacy-modal-updated,.terms-modal-updated{font-size:var(--font-xs);color:var(--color-muted);font-style:italic;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.privacy-modal-footer,.terms-modal-footer{padding:var(--space-4);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-bg)}.privacy-modal-links,.terms-modal-links{display:flex;gap:var(--space-4)}.privacy-modal-full-policy,.terms-modal-full-policy{color:var(--color-primary);text-decoration:none;font-size:var(--font-sm);font-weight:var(--weight-medium);transition:all .2s ease}.privacy-modal-full-policy:hover,.terms-modal-full-policy:hover{text-decoration:underline}.privacy-modal-full-policy:focus-visible,.terms-modal-full-policy:focus-visible{text-decoration:underline;outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.privacy-modal-close-btn,.terms-modal-close-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.privacy-modal-close-btn:hover,.terms-modal-close-btn:hover{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.privacy-modal-close-btn:focus-visible,.terms-modal-close-btn:focus-visible{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}.error-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:var(--z-error-modal-backdrop,20000);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.error-modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:480px;width:100%;animation:slideIn .2s ease;border:1px solid var(--color-border)}.error-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-negative-subtle)}.error-modal-title-wrapper{display:flex;align-items:center;gap:var(--space-3)}.error-modal-icon{width:24px;height:24px;color:var(--color-negative);flex-shrink:0}.error-modal-title{font-size:var(--font-lg);font-weight:var(--weight-semibold);margin:0;color:var(--color-negative)}.error-modal-close{background:none;border:none;font-size:var(--font-xl);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);color:var(--color-negative);transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;opacity:.7}.error-modal-close:hover{background:rgba(239,68,68,.1);opacity:1}.error-modal-close:focus-visible{background:rgba(239,68,68,.1);outline:2px solid var(--color-negative);outline-offset:2px}.error-modal-body{padding:var(--space-6)}.error-modal-message{font-size:var(--font-md);color:var(--color-text);line-height:1.6;margin:0 0 var(--space-3) 0}.error-modal-detail{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-4) 0;padding:var(--space-3);background:var(--color-bg-muted);border-radius:var(--radius-sm);border-left:3px solid var(--color-border)}.error-modal-help{font-size:var(--font-sm);color:var(--color-text-muted);margin:0;font-style:italic}.error-modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;background:var(--color-bg-muted)}.error-modal-close-btn{padding:var(--space-2) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease}.error-modal-close-btn:hover{background:var(--color-negative);color:#fff;border-color:var(--color-negative)}.error-modal-close-btn:focus-visible{background:var(--color-negative);color:#fff;border-color:var(--color-negative);outline:2px solid var(--color-negative);outline-offset:2px}@media (max-width:768px){.assign-assessment-modal-overlay,.error-modal-overlay,.modal-overlay,.privacy-modal-overlay,.terms-modal-overlay{padding:var(--space-2)}.assign-assessment-modal,.error-modal,.modal,.privacy-modal,.terms-modal{max-height:90vh}.assign-assessment-modal-body,.assign-assessment-modal-header,.error-modal-body,.error-modal-header,.modal-body,.modal-header,.privacy-modal-body,.privacy-modal-header,.terms-modal-body,.terms-modal-header{padding:var(--space-3)}.assign-assessment-modal-actions,.error-modal-footer,.modal-footer,.privacy-modal-footer,.terms-modal-footer{padding:var(--space-3);flex-direction:column;gap:var(--space-2);align-items:stretch}.modal-actions{flex-direction:column;gap:var(--space-2)}}.global-error-container{min-height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.global-error-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:500px;width:100%;padding:var(--space-6);text-align:center}.global-error-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:rgba(185,28,28,.1);border-radius:50%;margin:0 auto var(--space-4);font-size:var(--font-2xl)}.global-error-content{display:flex;flex-direction:column;gap:var(--space-4)}.global-error-title{font-size:var(--font-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.global-error-description{color:var(--color-muted);font-size:var(--font-md);margin:0;line-height:1.5}.global-error-details{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:left}.global-error-message{font-size:var(--font-sm);font-family:monospace;color:var(--color-text);margin:0 0 var(--space-2) 0;word-break:break-word}.global-error-reference{font-size:var(--font-xs);color:var(--color-muted);margin:0;font-weight:var(--weight-medium)}.global-error-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.global-error-btn{padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--space-1);min-width:120px;justify-content:center}.global-error-btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.global-error-btn-primary:hover,a.global-error-btn-primary:hover{filter:brightness(.9);transform:translateY(-1px);color:var(--color-primary-contrast);text-decoration:none}.global-error-btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.global-error-btn-secondary:hover{background:var(--color-bg);border-color:var(--color-primary)}.global-error-btn-danger{background:var(--color-negative);color:#fff;border-color:var(--color-negative)}.global-error-btn-danger:hover{filter:brightness(.9);transform:translateY(-1px)}.global-error-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.global-error-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.global-error-help{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.global-error-help-text{font-size:var(--font-xs);color:var(--color-muted);margin:0;line-height:1.4}.error-page-container{min-height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.error-page-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:600px;width:100%;padding:var(--space-8);text-align:center}.error-page-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin:0 auto var(--space-6);font-size:var(--font-3xl)}.error-page-icon.forbidden{background:rgba(194,65,12,.1);color:var(--color-warning)}.error-page-icon.server-error{background:rgba(185,28,28,.1);color:var(--color-negative)}.error-page-content{display:flex;flex-direction:column;gap:var(--space-6)}.error-page-status{font-size:var(--font-4xl);font-weight:var(--weight-bold);color:var(--color-text);margin:0;line-height:1}.error-page-title{font-size:var(--font-2xl);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.error-page-description{color:var(--color-muted);font-size:var(--font-md);margin:0;line-height:1.6}.error-page-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;align-items:center}.error-page-btn{padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-md);font-weight:var(--weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.error-page-btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.error-page-btn-primary:hover,a.error-page-btn-primary:hover{filter:brightness(.9);transform:translateY(-1px);color:var(--color-primary-contrast);text-decoration:none}.error-page-btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.error-page-btn-secondary:hover{background:var(--color-bg);border-color:var(--color-primary)}.error-page-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.error-page-links{border-top:1px solid var(--color-border);padding-top:var(--space-6);display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.error-page-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-sm);font-weight:var(--weight-medium);transition:all .2s ease}.error-page-link:hover{text-decoration:underline}.error-page-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width:768px){.error-page-container,.global-error-container{padding:var(--space-2)}.error-page-card,.global-error-card{padding:var(--space-4)}.error-page-actions,.global-error-actions{flex-direction:column;gap:var(--space-2)}.error-page-btn,.global-error-btn{width:100%;max-width:200px}.error-page-links{flex-direction:column;gap:var(--space-2)}}.btn-std-action{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-xs);cursor:pointer;transition:all .2s;font-weight:400;min-width:auto}.btn-std-action:hover{border-color:var(--color-primary);color:var(--color-primary)}