.status-feedback{display:flex;flex-direction:column;gap:var(--space-3)}.status-feedback-header{margin-bottom:var(--space-3)}.status-feedback-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--space-2);font-family:var(--font-family);line-height:var(--line-height-h1)}.status-feedback-header p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.status-feedback-grid{display:grid;gap:var(--space-3)}.toast-demo{padding:var(--space-3)}.toast-controls{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.demo-description{font-size:13px;color:var(--text-secondary);margin:0;font-family:var(--font-family);line-height:var(--line-height-fine)}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:var(--space-2)}.toast{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;padding:var(--space-3);box-shadow:var(--shadow-card);min-width:300px;cursor:pointer;animation:slideInRight .3s ease;display:flex;align-items:center;justify-content:space-between}.toast-success{border-left:4px solid var(--state-success)}.toast-warning{border-left:4px solid var(--state-warning)}.toast-error{border-left:4px solid var(--state-error)}.toast-info{border-left:4px solid var(--state-info)}.toast-content{display:flex;align-items:center;gap:var(--space-2);flex:1}.toast-icon{font-size:16px;flex-shrink:0}.toast-message{font-size:14px;color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body)}.toast-close{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;flex-shrink:0}.toast-close:hover{background:var(--ui-surface-hover)}.loading-demo{padding:var(--space-3)}.loading-controls{margin-bottom:var(--space-4);text-align:center}.loading-examples{display:flex;justify-content:space-around;flex-wrap:wrap;gap:var(--space-4)}.loading-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.loading-item span{font-size:12px;color:var(--text-secondary);font-family:var(--font-family);line-height:var(--line-height-fine)}.skeleton-demo{padding:var(--space-3)}.skeleton-content,.skeleton-list{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt)}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,var(--ui-border) 25%,var(--ui-surface-hover) 50%,var(--ui-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-text{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.skeleton-line{height:12px;background:linear-gradient(90deg,var(--ui-border) 25%,var(--ui-surface-hover) 50%,var(--ui-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:2px}.skeleton-line.short{width:60%}.data-list{display:flex;flex-direction:column;gap:var(--space-2)}.data-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt);transition:background-color var(--transition-fast)}.data-item:hover{background:var(--ui-surface-hover)}.data-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-primary);display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:var(--font-weight-bold);font-family:var(--font-family);flex-shrink:0}.data-content{flex:1}.data-name{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body);margin:0 0 var(--space-1) 0}.data-status{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);font-family:var(--font-family);line-height:var(--line-height-label);margin:0}.data-status.active{color:var(--state-success)}.data-status.pending{color:var(--state-warning)}.data-status.completed{color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-3);color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.5}.empty-state h3{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.empty-state p{font-size:var(--font-size-body);color:var(--text-secondary);margin:0;font-family:var(--font-family);line-height:var(--line-height-body)}.error-demo{padding:var(--space-3)}.error-controls{margin-bottom:var(--space-4)}.error-boundary{border:1px solid var(--section-error-border);border-radius:var(--input-border-radius);background:var(--section-error-bg);padding:var(--space-4);margin-bottom:var(--space-4)}.error-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.error-icon{font-size:24px;color:var(--state-error)}.error-header h3{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-error-dark);margin:0;font-family:var(--font-family);line-height:var(--line-height-h2)}.error-content p{color:var(--text-error-dark);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0 0 var(--space-3) 0;font-family:var(--font-family)}.error-actions{display:flex;gap:var(--space-2)}.error-examples{display:flex;flex-direction:column;gap:var(--space-3)}.error-example{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt)}.error-badge{padding:4px 8px;border-radius:4px;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);font-family:var(--font-family);line-height:var(--line-height-label)}.error-badge.error-critical{background:var(--section-error-bg);color:var(--text-error-dark)}.error-badge.error-warning{background:var(--section-warning-bg);color:var(--text-warning-dark)}.error-badge.error-info{background:var(--section-info-bg);color:var(--text-info-dark)}.error-example p{color:var(--text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0;font-family:var(--font-family)}.success-demo{padding:var(--space-3)}.success-examples{display:flex;flex-direction:column;gap:var(--space-3)}.success-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt)}.success-icon{font-size:24px;color:var(--state-success);flex-shrink:0}.success-content h4{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.success-content p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0;font-family:var(--font-family)}.empty-demo{padding:var(--space-3)}.empty-examples{display:flex;flex-direction:column;gap:var(--space-3)}.empty-example{text-align:center;padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt)}.empty-example .empty-icon{font-size:32px;margin-bottom:var(--space-2);opacity:.5}.empty-example h4{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.empty-example p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0;font-family:var(--font-family)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.status-feedback-grid{grid-template-columns:1fr}.toast-controls,.loading-examples{flex-direction:column}.empty-examples{gap:var(--space-2)}.toast-container{left:20px;right:20px}.toast{min-width:auto}}.session-timeout-warning{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in-out}.session-timeout-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:90%;overflow:hidden;animation:slideIn .3s ease-out}.session-timeout-header{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:25px;text-align:center;position:relative}.session-timeout-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.session-timeout-icon{font-size:2.5rem;margin-bottom:10px;position:relative;z-index:1}.session-timeout-header h3{margin:0;font-size:1.4rem;font-weight:700;position:relative;z-index:1}.session-timeout-message{padding:25px;text-align:center}.session-timeout-message p{color:#333;line-height:1.6;margin:0;font-size:1rem}.session-timeout-message strong{color:#dc3545;font-weight:700}.session-timeout-actions{display:flex;gap:15px;padding:0 25px 25px;justify-content:center}.session-extend-btn,.session-logout-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px}.session-extend-btn{background:linear-gradient(135deg,#28a745,#218838);color:#fff;box-shadow:0 4px 12px #28a7454d}.session-extend-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.session-logout-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 12px #dc35454d}.session-logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc354566}.session-timeout-info{background:#f8f9fa;padding:20px 25px;text-align:center;border-top:1px solid #e9ecef}.session-timeout-info p{margin:0;color:#666;font-size:.9rem;line-height:1.5}.session-timeout-info strong{color:#495057}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.session-timeout-content{width:95%;margin:20px}.session-timeout-header{padding:20px}.session-timeout-header h3{font-size:1.2rem}.session-timeout-message{padding:20px}.session-timeout-actions{flex-direction:column;padding:0 20px 20px}.session-extend-btn,.session-logout-btn{width:100%;padding:15px 24px}}@media (max-width: 480px){.session-timeout-header h3{font-size:1.1rem}.session-timeout-message p{font-size:.95rem}}.app{display:flex;flex-direction:column;height:100vh;background-color:var(--ui-canvas);margin:0;padding:0}.app-content{display:flex;flex:1;overflow:hidden;padding:var(--space-1);gap:var(--space-1)}.main-content{flex:1;overflow-y:auto;background-color:var(--ui-canvas);padding:var(--space-1);padding-left:0;padding-right:var(--space-1);gap:var(--space-3);scrollbar-gutter:stable}.main-content::-webkit-scrollbar{width:12px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--ui-border);border-radius:6px;border:2px solid transparent;background-clip:content-box}.main-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);background-clip:content-box}@media (max-width: 768px){.app-content{flex-direction:column;padding:var(--space-1);gap:0}.main-content{flex:1;padding:var(--space-1);padding-left:var(--space-1);padding-right:var(--space-1);margin-top:0}.app-content>.main-content{width:100%;margin-left:0}}@media (min-width: 769px) and (max-width: 1024px){.app-content{padding:var(--space-1);gap:var(--space-1)}.main-content{padding:var(--space-1);padding-left:0;padding-right:var(--space-1)}}@media (min-width: 1025px){.app-content{padding:var(--space-2);gap:var(--space-2)}.main-content{padding:var(--space-2);padding-left:0;padding-right:var(--space-2)}}.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;gap:var(--spacing-16);text-align:center;padding:var(--spacing-24)}.app-error .error-icon{font-size:var(--font-size-48);color:var(--color-error)}.app-error h3{color:var(--color-text-primary);margin:0;font-size:var(--font-size-20)}.app-error p{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-16);max-width:400px}.app-error button{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-12) var(--spacing-24);border-radius:var(--border-radius-8);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color .2s ease}.app-error button:hover{background:var(--color-primary-dark)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center}.loading-container p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0}.card{font-weight:var(--font-weight-bold);border:2px solid var(--brand-primary);border-radius:var(--card-border-radius);padding-top:10px;font-size:var(--font-size-body);background-color:var(--ui-surface);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--brand-primary-hover)}.card-title{margin-left:10px;padding:0 8px;color:var(--brand-primary);background:var(--ui-surface);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);font-family:var(--font-family);position:relative;top:-6px;display:inline-block}.card-content{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.card:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}.metric-card{border:2px solid var(--brand-primary);border-radius:var(--card-border-radius);background:var(--ui-surface-alt);display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-2);transition:border-color var(--transition-fast);min-width:220px}.metric-card:hover{border-color:var(--brand-primary-hover)}.metric-card-large{min-height:120px}.metric-card-medium{min-height:140px}.metric-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--brand-primary);line-height:var(--line-height-h2);font-family:var(--font-family);text-align:center}.metric-value{font-size:48px!important;font-weight:var(--font-weight-bold)!important;color:var(--text-black)!important;line-height:1.2!important;text-align:center!important;flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:var(--font-family)!important;min-height:60px!important;margin:0!important;padding:0!important;width:100%!important;box-sizing:border-box!important}.metric-card-medium .metric-value{font-size:36px!important;line-height:1.2!important;min-height:50px!important}.metric-subtitle{font-size:var(--font-size-fine);color:var(--text-secondary);line-height:var(--line-height-fine);text-align:center;font-family:var(--font-family)}.metric-actions{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.metric-button-group{display:flex;gap:var(--space-2);justify-content:center}.metric-button-group .button{flex:1;min-width:0;font-size:var(--font-size-fine);padding:var(--space-2) var(--space-3)}.error-message{color:var(--state-error-text);font-size:var(--font-size-fine);text-align:center;padding:var(--space-2);background:var(--section-error-bg);border-radius:var(--border-radius-small);border:1px solid var(--state-error-border)}.metric-card:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}.button{background-color:var(--brand-primary);color:var(--text-inverse);border:2px solid var(--brand-primary);border-radius:var(--button-border-radius);padding:10px 20px;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px}.button:hover:not(:disabled){background-color:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.button:active:not(:disabled){background-color:var(--brand-primary-active);border-color:var(--brand-primary-active)}.button:disabled{background-color:var(--ui-disabled);color:#666;border-color:var(--ui-disabled);cursor:not-allowed}.button-primary{background-color:var(--brand-primary);color:var(--text-inverse);border-color:var(--brand-primary)}.button-primary:hover:not(:disabled){background-color:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.button-primary:active:not(:disabled){background-color:var(--brand-primary-active);border-color:var(--brand-primary-active)}.button-secondary{background-color:var(--ui-surface-alt);color:var(--brand-primary);border-color:var(--brand-primary)}.button-secondary:hover:not(:disabled){background-color:var(--ui-surface-hover);color:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.button-secondary:active:not(:disabled){background-color:var(--ui-button-darker);color:var(--brand-primary-active);border-color:var(--brand-primary-active)}.button-success{background-color:var(--state-success-button);color:var(--text-inverse);border-color:var(--state-success-button)}.button-success:hover:not(:disabled){background-color:var(--state-success-hover);border-color:var(--state-success-hover)}.button-success:active:not(:disabled){background-color:var(--text-success-deep);border-color:var(--text-success-deep)}.button-danger{background-color:var(--state-error-button);color:var(--text-inverse);border-color:var(--state-error-button)}.button-danger:hover:not(:disabled){background-color:var(--state-error);border-color:var(--state-error)}.button-danger:active:not(:disabled){background-color:var(--text-error-dark);border-color:var(--text-error-dark)}.button-warning{background-color:var(--state-warning);color:var(--text-inverse);border-color:var(--state-warning)}.button-warning:hover:not(:disabled){background-color:#d97706;border-color:#d97706}.button-warning:active:not(:disabled){background-color:var(--text-warning-dark);border-color:var(--text-warning-dark)}.button-info{background-color:var(--state-info);color:var(--text-inverse);border-color:var(--state-info)}.button-info:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.button-info:active:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.button-small{padding:6px 12px;font-size:var(--font-size-label);min-height:32px;border-width:1px}.button-medium{padding:10px 20px;font-size:var(--font-size-body);min-height:40px;border-width:2px}.button-large{padding:12px 24px;font-size:var(--font-size-h2);min-height:48px;border-width:2px}.button:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}.button svg,.button img{width:16px;height:16px;flex-shrink:0}.button-small svg,.button-small img{width:14px;height:14px}.button-large svg,.button-large img{width:18px;height:18px}.button-group{display:flex;gap:0}.button-group .button{border-radius:0;margin-left:-1px}.button-group .button:first-child{border-top-left-radius:var(--button-border-radius);border-bottom-left-radius:var(--button-border-radius);margin-left:0}.button-group .button:last-child{border-top-right-radius:var(--button-border-radius);border-bottom-right-radius:var(--button-border-radius)}@media (max-width: 768px){.button{padding:8px 16px;font-size:var(--font-size-label);min-height:36px}.button-large{padding:10px 20px;font-size:var(--font-size-body);min-height:44px}}.dashboard-content{padding:var(--space-4);max-width:100%;height:100%;overflow-y:auto}.dashboard-header{margin-bottom:var(--space-3)}.dashboard-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--space-1);font-family:var(--font-family);line-height:var(--line-height-h1)}.dashboard-header p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.dashboard-info{margin:0}.info-content{display:flex;flex-direction:column;gap:var(--space-2)}.info-content p{margin:0;color:var(--text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);font-family:var(--font-family)}.info-content h3{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin:0 0 var(--space-2) 0;border-bottom:2px solid var(--ui-border);padding-bottom:var(--space-1);font-family:var(--font-family);line-height:var(--line-height-h2)}.info-content h4{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--brand-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-family);line-height:var(--line-height-h3)}.info-content ul{margin:0 0 var(--space-2) 0;padding-left:var(--space-3);color:var(--text-primary)}.info-content li{margin-bottom:var(--space-1);font-size:var(--font-size-body);line-height:var(--line-height-body);font-family:var(--font-family)}.info-content li strong{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-family:var(--font-family)}.dashboard-actions{margin-top:var(--space-4)}.last-increment{color:var(--text-secondary);font-size:var(--font-size-small);margin-top:var(--space-2)}.error-message{color:var(--error-color);background:var(--error-bg);padding:var(--space-2);border-radius:var(--border-radius);margin-top:var(--space-2)}.hipaa-badge{display:inline-block;background:linear-gradient(135deg,#0077b5,#005885);color:#fff;font-size:.75em;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:4px;margin-right:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #0077b54d;animation:hipaa-pulse 2s infinite}@keyframes hipaa-pulse{0%,to{box-shadow:0 1px 3px #0077b54d}50%{box-shadow:0 1px 8px #0077b580}}.hipaa-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--border-radius);padding:var(--space-3);margin-bottom:var(--space-4)}.hipaa-compliance-summary{margin-bottom:var(--space-4)}.hipaa-status-card{background:#fff;border-radius:var(--border-radius);padding:var(--space-3);box-shadow:0 2px 4px #0000001a}.hipaa-status-card h3{color:var(--brand-primary);margin-bottom:var(--space-3);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.hipaa-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2)}.hipaa-metric{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--ui-bg-secondary);border-radius:var(--border-radius);border-left:4px solid var(--success-color)}.metric-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-small)}.metric-value{color:var(--success-color);font-weight:var(--font-weight-bold);font-size:var(--font-size-small)}@media (max-width: 768px){.metric-label,.metric-value{font-size:.75rem}}.hipaa-note{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid var(--brand-primary);padding:var(--space-3);border-radius:var(--border-radius);margin-top:var(--space-4)}.hipaa-note p{margin:0;color:var(--text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body)}.hipaa-note strong{color:var(--brand-primary);font-weight:var(--font-weight-bold)}.features-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-3);margin-top:var(--space-3)}@media (max-width: 1024px){.features-panels{grid-template-columns:1fr}}.features-panels .card{height:100%;display:flex;flex-direction:column}.components{display:flex;flex-direction:column;gap:var(--space-3)}.components-header{margin-bottom:var(--space-3)}.components-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--space-1);font-family:var(--font-family);line-height:var(--line-height-h1)}.components-header p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-3);width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.components-grid{grid-template-columns:1fr;gap:var(--space-2)}.button-row{flex-direction:column;gap:var(--space-1)}.color-palette{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2)}.components{gap:var(--space-2)}.components-header{margin-bottom:var(--space-2)}}@media (min-width: 769px) and (max-width: 1024px){.components-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}}.component-section{min-height:200px}.component-content,.button-showcase{display:flex;flex-direction:column;gap:var(--space-2)}.button-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.form-showcase{display:flex;flex-direction:column;gap:var(--space-2)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-label)}.form-input,.form-select{background-color:var(--ui-surface);color:var(--text-primary);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:8px;font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body)}.form-input:focus,.form-select:focus{border-color:var(--ui-focus);outline:none}.form-checkbox{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-body);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);line-height:var(--line-height-body)}.form-checkbox input[type=checkbox]{width:20px;height:20px;border-radius:4px;border:2px solid var(--border-muted);background-color:var(--ui-surface);cursor:pointer}.form-checkbox input[type=checkbox]:checked{background-color:var(--brand-primary);border-color:var(--brand-primary)}.progress-showcase{display:flex;flex-direction:column;gap:var(--space-3)}.progress-bar{background:var(--ui-surface-alt);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);text-align:center;overflow:hidden;height:24px;position:relative}.progress-fill{background:var(--brand-primary);border-radius:var(--input-border-radius);height:100%;transition:width var(--transition-medium)}.progress-text{text-align:center;font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body)}.progress-controls{display:flex;gap:var(--space-3)}.color-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.color-item{display:flex;flex-direction:column;gap:var(--space-1)}.color-swatch{height:60px;border-radius:var(--input-border-radius);border:1px solid var(--ui-border)}.color-swatch.brand-primary{background-color:var(--brand-primary)}.color-swatch.brand-primary-hover{background-color:var(--brand-primary-hover)}.color-swatch.ui-surface{background-color:var(--ui-surface)}.color-swatch.ui-canvas{background-color:var(--ui-canvas)}.color-swatch.state-success{background-color:var(--state-success)}.color-swatch.state-error{background-color:var(--state-error)}.color-swatch.state-warning{background-color:var(--state-warning)}.color-swatch.state-info{background-color:var(--state-info)}.color-info{text-align:center}.color-name{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-label);margin:0 0 var(--space-1) 0}.color-value{font-family:var(--font-family-code);font-size:var(--font-size-fine);color:var(--text-secondary);font-family:var(--font-family);line-height:var(--line-height-fine);margin:0}.typography-showcase{display:flex;flex-direction:column;gap:var(--space-3)}.typography-h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-h1);margin:0}.typography-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-h2);margin:0}.typography-body{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.typography-label{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-label);margin:0}.typography-fine{font-size:var(--font-size-fine);font-weight:var(--font-weight-regular);color:var(--text-secondary);font-family:var(--font-family);line-height:var(--line-height-fine);margin:0}.spacing-showcase{display:flex;flex-direction:column;gap:var(--space-3)}.spacing-item{display:flex;align-items:center;gap:var(--space-3)}.spacing-visual{background:var(--brand-primary);border-radius:2px}.spacing-visual.space-1{width:4px;height:20px}.spacing-visual.space-2{width:8px;height:20px}.spacing-visual.space-3{width:12px;height:20px}.spacing-visual.space-4{width:16px;height:20px}.spacing-visual.space-5{width:20px;height:20px}.spacing-info{display:flex;flex-direction:column;gap:var(--space-1)}.spacing-name{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-label);margin:0}.spacing-value{font-family:var(--font-family-code);font-size:var(--font-size-fine);color:var(--text-secondary);font-family:var(--font-family);line-height:var(--line-height-fine);margin:0}.toggle-showcase{display:flex;flex-direction:column;gap:var(--space-3)}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt)}.toggle-label{font-size:var(--font-size-body);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.form-textarea{background-color:var(--ui-surface);color:var(--text-primary);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:8px;font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);resize:vertical;min-height:80px}.form-textarea:focus{border-color:var(--ui-focus);outline:none}.form-textarea::placeholder{color:var(--text-neutral);font-family:var(--font-family)}.tables{display:flex;flex-direction:column;gap:var(--space-3)}.tables-header{margin-bottom:var(--space-3)}.tables-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--space-1);font-family:var(--font-family);line-height:var(--line-height-h1)}.tables-header p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.tables-grid{display:flex;flex-direction:column;gap:var(--space-3)}.table-section{margin-bottom:var(--space-3)}.table-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);gap:var(--space-3)}.table-actions-left,.table-actions-right{display:flex;gap:var(--space-2);align-items:center}.table-search{background-color:var(--ui-surface);color:var(--text-primary);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:8px 12px;font-size:var(--font-size-body);font-family:var(--font-family);width:200px}.table-search:focus{border-color:var(--ui-focus);outline:none}.table-filter{padding:8px 12px}.table-container{overflow-x:auto;border:1px solid var(--ui-border);border-radius:var(--card-border-radius);background-color:var(--ui-surface)}.data-table{width:100%;border-collapse:collapse;background-color:var(--ui-surface)}.table-header{background-color:var(--brand-primary);color:var(--text-inverse);padding:8px;font-weight:var(--font-weight-bold);font-size:var(--font-size-label);font-family:var(--font-family);text-align:left;border-bottom:1px solid var(--ui-border);cursor:default}.table-header.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header.sortable:hover{background-color:var(--brand-primary-hover)}.table-row{border-bottom:1px solid var(--border-gridline);height:28px;transition:background-color var(--transition-fast)}.table-row:nth-child(2n){background-color:var(--ui-surface-alt)}.table-row:hover{background-color:var(--ui-surface-hover-alt);color:var(--brand-primary)}.table-row.selected{background-color:var(--brand-primary);color:var(--text-inverse)}.table-cell{padding:8px;font-size:var(--font-size-body);font-family:var(--font-family);border-bottom:1px solid var(--border-gridline)}.table-row.selected .table-cell{color:var(--text-inverse)}.role-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:var(--font-weight-semibold);font-family:var(--font-family)}.role-badge.admin{background-color:var(--brand-primary);color:var(--text-inverse)}.role-badge.moderator{background-color:var(--state-warning);color:var(--text-inverse)}.role-badge.user{background-color:var(--ui-surface-alt);color:var(--text-primary)}.status-indicator,.trend-indicator{font-weight:var(--font-weight-semibold);font-family:var(--font-family)}.trend-indicator.positive{color:var(--state-success)}.trend-indicator.negative{color:var(--state-error)}.metric-value{font-weight:var(--font-weight-bold);color:var(--text-black);font-family:var(--font-family)}.table-actions-cell{display:flex;gap:4px}.table-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.feature-item h3{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--brand-primary);font-family:var(--font-family);line-height:var(--line-height-h2);margin:0 0 var(--space-2) 0}@media (max-width: 768px){.table-actions{flex-direction:column;align-items:stretch;gap:var(--space-3)}.table-actions-left,.table-actions-right{justify-content:center}.table-search{width:100%}.table-features{grid-template-columns:1fr}}.table-header input[type=checkbox],.table-cell input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary)}.button.button-small{padding:4px 8px;font-size:10px;min-height:24px}.forms{display:flex;flex-direction:column;gap:var(--space-3)}.forms-header{margin-bottom:var(--space-3)}.forms-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--space-1);font-family:var(--font-family);line-height:var(--line-height-h1)}.forms-header p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.forms-grid{display:flex;flex-direction:column;gap:var(--space-3)}.form-section{margin-bottom:var(--space-3)}.form-content{display:flex;flex-direction:column;gap:var(--space-3)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-label);display:flex;align-items:center;gap:var(--space-1)}.form-help{width:16px;height:16px;border-radius:50%;background-color:var(--text-secondary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-weight-bold);font-family:var(--font-family);cursor:help}.form-input,.form-select,.form-textarea{background-color:var(--ui-surface);color:var(--text-primary);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:8px 12px;font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--ui-focus);outline:none}.form-input.error,.form-select.error{border-color:var(--state-error)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--text-neutral);font-family:var(--font-family)}.form-textarea{resize:vertical;min-height:80px}.password-input-container{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:8px;background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-secondary);padding:4px;border-radius:4px;transition:background-color var(--transition-fast)}.password-toggle:hover{background-color:var(--ui-surface-hover)}.form-error{color:var(--state-error);font-size:10px;font-family:var(--font-family);margin-top:4px}.form-checkboxes{display:flex;flex-direction:column;gap:var(--space-3)}.form-checkbox-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-body);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body)}.form-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand-primary);cursor:pointer}.checkbox-label{font-weight:var(--font-weight-semibold);font-family:var(--font-family)}.form-checkbox.error .checkbox-label{color:var(--state-error)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--ui-border)}.form-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.input-types-demo{display:flex;flex-direction:column;gap:var(--space-3)}.form-file{background-color:var(--ui-surface);color:var(--text-primary);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:8px 12px;font-size:var(--font-size-body);font-family:var(--font-family);cursor:pointer}.form-file:focus{border-color:var(--ui-focus);outline:none}.form-range{width:100%;height:8px;border-radius:4px;background:var(--ui-surface-alt);outline:none;-webkit-appearance:none}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--brand-primary);cursor:pointer}.form-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--brand-primary);cursor:pointer;border:none}.range-value{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--brand-primary);font-family:var(--font-family);text-align:center}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.form-features{grid-template-columns:1fr}}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--ui-disabled);color:var(--text-muted);cursor:not-allowed}.form-file::-webkit-file-upload-button{background:var(--brand-primary);color:var(--text-inverse);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body)}.form-file::-webkit-file-upload-button:hover{background:var(--brand-primary-hover)}.notifications{display:flex;flex-direction:column;gap:var(--space-3)}.notifications-header{margin-bottom:var(--space-3)}.notifications-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--space-2);font-family:var(--font-family);line-height:var(--line-height-h1)}.notifications-header p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.notifications-grid{display:flex;flex-direction:column;gap:var(--space-3)}.notification-section{margin-bottom:var(--space-3)}.notification-controls{display:flex;flex-direction:column;gap:var(--space-4)}.control-group{display:flex;flex-direction:column;gap:var(--space-3)}.control-group h3{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin:0;font-family:var(--font-family);line-height:var(--line-height-h2)}.control-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.notification-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto}.empty-state{text-align:center;padding:var(--space-3);color:var(--text-secondary);font-style:italic;font-family:var(--font-family);font-size:var(--font-size-body)}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--card-border-radius);border:1px solid var(--ui-border);background-color:var(--ui-surface);transition:all var(--transition-fast)}.notification-item:hover{box-shadow:var(--shadow-card)}.notification-success{border-left:4px solid var(--state-success);background-color:var(--section-success-bg-alt)}.notification-error{border-left:4px solid var(--state-error);background-color:var(--section-error-bg)}.notification-warning{border-left:4px solid var(--state-warning);background-color:var(--section-warning-bg)}.notification-info{border-left:4px solid var(--state-info);background-color:var(--section-info-bg)}.notification-icon{font-size:20px;flex-shrink:0;margin-top:2px}.notification-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.notification-title{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body)}.notification-message{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);font-family:var(--font-family)}.notification-timestamp{color:var(--text-tertiary);font-size:var(--font-size-fine);font-family:var(--font-family);line-height:var(--line-height-fine)}.notification-close{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition-fast);flex-shrink:0}.notification-close:hover{background-color:var(--ui-surface-hover);color:var(--text-primary)}.alert-examples{display:flex;flex-direction:column;gap:var(--space-3)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--card-border-radius);border:1px solid var(--ui-border)}.alert-success{border-left:4px solid var(--state-success);background-color:var(--section-success-bg-alt)}.alert-error{border-left:4px solid var(--state-error);background-color:var(--section-error-bg)}.alert-warning{border-left:4px solid var(--state-warning);background-color:var(--section-warning-bg)}.alert-info{border-left:4px solid var(--state-info);background-color:var(--section-info-bg)}.alert-icon{font-size:20px;flex-shrink:0;margin-top:2px}.alert-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.alert-title{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body)}.alert-message{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body)}.banner-examples{display:flex;flex-direction:column;gap:var(--space-3)}.banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--card-border-radius);border:1px solid var(--ui-border);background-color:var(--ui-surface)}.banner-success{border-left:4px solid var(--state-success);background-color:var(--section-success-bg-alt)}.banner-error{border-left:4px solid var(--state-error);background-color:var(--section-error-bg)}.banner-warning{border-left:4px solid var(--state-warning);background-color:var(--section-warning-bg)}.banner-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.banner-title{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body)}.banner-message{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body)}.banner-close{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition-fast);flex-shrink:0}.banner-close:hover{background-color:var(--ui-surface-hover);color:var(--text-primary)}.notification-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.feature-item{padding:var(--space-4);background-color:var(--ui-surface-alt);border-radius:var(--card-border-radius);border:1px solid var(--ui-border)}.feature-item h3{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.feature-item p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.toast{position:fixed;top:20px;right:20px;width:350px;background:#2d3748f2;color:var(--text-inverse);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px 12px;font-family:var(--font-family);font-size:13px;font-weight:500;max-width:300px;z-index:1000;animation:toastSlideIn .4s cubic-bezier(.175,.885,.32,1.275)}.toast-success{background:#10b981e6;border-color:#34d39980}.toast-error{background:#ef4444e6;border-color:#f8717180}.toast-warning{background:#f59e0be6;border-color:#fbbf2480}.toast-info{background:#3b82f6e6;border-color:#60a5fa80}.toast-content{display:flex;align-items:flex-start;gap:var(--space-3)}.toast-icon{font-size:16px;flex-shrink:0;margin-top:2px}.toast-message{flex:1;line-height:1.4}.toast-close{background:none;border:none;font-size:18px;color:var(--text-inverse);cursor:pointer;padding:4px;border-radius:6px;transition:background-color var(--transition-fast);flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-close:hover{background-color:#ffffff1a}@keyframes toastSlideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.control-buttons{flex-direction:column}.notification-features{grid-template-columns:1fr}.toast{width:calc(100vw - 40px);right:20px;left:20px}}.button.button-success{background-color:var(--state-success-button);color:var(--text-inverse);border-color:var(--state-success-button)}.button.button-success:hover{background-color:var(--state-success-hover);border-color:var(--state-success-hover)}.button.button-danger{background-color:var(--state-error-button);color:var(--text-inverse);border-color:var(--state-error-button)}.button.button-danger:hover{background-color:var(--state-error);border-color:var(--state-error)}.button.button-warning{background-color:var(--state-warning);color:var(--text-inverse);border-color:var(--state-warning)}.button.button-warning:hover{background-color:#d97706;border-color:#d97706}.button.button-info{background-color:var(--state-info);color:var(--text-inverse);border-color:var(--state-info)}.button.button-info:hover{background-color:#2563eb;border-color:#2563eb}.settings{display:flex;flex-direction:column;gap:var(--space-3)}.settings-header{margin-bottom:var(--space-3)}.settings-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--space-1);font-family:var(--font-family);line-height:var(--line-height-h1)}.settings-header p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.settings-content{display:flex;gap:var(--space-3);min-height:600px}.settings-sidebar{width:250px;flex-shrink:0}.settings-tabs{display:flex;flex-direction:column;gap:var(--space-1);background-color:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--card-border-radius);padding:var(--space-2)}.settings-tab{background:none;border:none;padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body);border-radius:var(--input-border-radius);cursor:pointer;transition:all var(--transition-fast)}.settings-tab:hover{background-color:var(--ui-surface-hover)}.settings-tab.active{background-color:var(--brand-primary);color:var(--text-inverse)}.settings-tab.active:hover{background-color:var(--brand-primary-hover)}.settings-panel{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.settings-section,.settings-card{margin-bottom:var(--space-3)}.setting-group{display:flex;flex-direction:column;gap:var(--space-3)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background-color:var(--ui-surface-alt);border-radius:var(--card-border-radius);border:1px solid var(--ui-border);transition:all var(--transition-fast)}.setting-item:hover{background-color:var(--ui-surface-hover)}.setting-label{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.setting-label label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body);cursor:pointer}.setting-description{font-size:var(--font-size-label);color:var(--text-secondary);line-height:var(--line-height-label);font-family:var(--font-family)}.setting-select{background-color:var(--ui-surface);color:var(--text-primary);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:8px 12px;font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);min-width:200px;cursor:pointer}.setting-select:focus{border-color:var(--ui-focus);outline:none}.setting-select:hover:not(:disabled){border-color:var(--brand-primary)}.setting-toggle{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.setting-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--ui-disabled);transition:var(--transition-fast);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-inverse);transition:var(--transition-fast);border-radius:50%}.setting-toggle input:checked+.toggle-slider{background-color:var(--brand-primary)}.setting-toggle input:checked+.toggle-slider:before{transform:translate(26px)}.setting-toggle input:disabled+.toggle-slider{background-color:var(--ui-disabled);cursor:not-allowed}.setting-toggle input:disabled+.toggle-slider:before{background-color:var(--text-muted)}.toggle-slider.disabled{background-color:var(--ui-disabled)}.toggle-slider.disabled:before{background-color:var(--text-muted)}.settings-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--ui-border)}@media (max-width: 1024px){.settings-content{flex-direction:column}.settings-sidebar{width:100%}.settings-tabs{flex-direction:row;overflow-x:auto}.settings-tab{white-space:nowrap}}@media (max-width: 768px){.setting-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.setting-select{width:100%;min-width:auto}.settings-actions{flex-direction:column;align-items:stretch}.settings-tabs{flex-direction:column}}.settings-tab:focus-visible,.setting-select:focus-visible,.setting-toggle:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}.setting-select:disabled{background-color:var(--ui-disabled);color:var(--text-muted);cursor:not-allowed}.setting-item.disabled{opacity:.6;cursor:not-allowed}.setting-item.disabled:hover{background-color:var(--ui-surface-alt)}.setting-item{animation:settingsFadeIn .3s ease-out}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.setting-toggle:hover .toggle-slider:not(.disabled){background-color:var(--brand-primary-hover)}.settings-actions .button:disabled{background-color:var(--ui-disabled);color:var(--text-muted);border-color:var(--ui-disabled);cursor:not-allowed}.settings-saved{background-color:var(--section-success-bg-alt);border-color:var(--state-success)}.settings-saved .setting-item{background-color:var(--section-success-bg-alt)}.theme-showcase{display:flex;flex-direction:column;gap:var(--space-3);max-width:1200px;margin:0 auto}.showcase-header{margin-bottom:var(--space-3)}.showcase-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--space-1);font-family:var(--font-family);line-height:var(--line-height-h1)}.showcase-header p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.theme-selector-card{margin-bottom:var(--space-3)}.theme-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-3)}.theme-variant{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--ui-border);border-radius:var(--card-border-radius);background:var(--ui-surface);cursor:pointer;transition:border-color var(--transition-fast)}.theme-variant:hover{border-color:var(--brand-primary)}.theme-variant.selected{border-color:var(--brand-primary);background:var(--ui-surface-hover-alt)}.theme-preview{display:flex;gap:4px}.theme-preview .color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--ui-border)}.theme-preview .color-swatch.primary{background:var(--brand-primary)}.theme-preview .color-swatch.secondary{background:var(--brand-primary-hover)}.theme-preview .color-swatch.accent{background:var(--state-success)}.theme-info h3{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.theme-info p{color:var(--text-secondary);margin:0;font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body)}.showcase-tabs{display:flex;gap:2px;margin-bottom:var(--space-3);background:var(--ui-canvas);border-radius:var(--card-border-radius);padding:var(--space-2)}.showcase-tabs .tab{background:var(--ui-surface-alt);color:var(--text-secondary);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--input-border-radius);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);font-family:var(--font-family);line-height:var(--line-height-body);cursor:pointer;transition:background-color var(--transition-fast);flex:1}.showcase-tabs .tab:hover{background:var(--ui-surface-hover);color:var(--brand-primary)}.showcase-tabs .tab.active{background:var(--brand-primary);color:var(--text-inverse)}.showcase-tabs .tab.active:hover{background:var(--brand-primary-hover)}.showcase-content{margin-bottom:var(--space-3)}.token-card{margin-bottom:var(--space-4)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.color-token{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt)}.color-token .color-swatch{width:48px;height:48px;border-radius:var(--input-border-radius);border:2px solid var(--ui-border);flex-shrink:0}.color-info h4{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.color-info code{font-family:var(--font-family-code);font-size:var(--font-size-label);color:var(--text-secondary);background:var(--ui-surface);padding:2px 6px;border-radius:3px;display:block;margin-bottom:var(--space-1)}.color-value{font-family:var(--font-family-code);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.color-info p{color:var(--text-secondary);margin:0;font-size:var(--font-size-label);line-height:var(--line-height-label);font-family:var(--font-family)}.typography-examples{display:flex;flex-direction:column;gap:var(--space-4)}.typography-example{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt)}.type-specimen{flex:1}.type-specimen h1{margin:0;font-family:var(--font-family)}.type-specimen .h1-heading{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-h1);color:var(--text-primary)}.type-specimen .h2-heading{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-h2);color:var(--text-primary)}.type-specimen .body-text{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--text-primary)}.type-specimen .label-text{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);color:var(--text-primary)}.type-specimen .fine-print{font-size:var(--font-size-fine);font-weight:var(--font-weight-regular);line-height:var(--line-height-fine);color:var(--text-secondary)}.type-specs{display:flex;flex-direction:column;gap:var(--space-2);min-width:200px}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) var(--space-2);background:var(--ui-surface);border-radius:3px;font-family:var(--font-family)}.spec-item label{font-size:var(--font-size-label);color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.spec-item span{font-family:var(--font-family-code);font-size:var(--font-size-label);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.spacing-examples{display:flex;flex-direction:column;gap:var(--space-4)}.spacing-example{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt)}.spacing-visual{width:100px;height:20px;background:var(--brand-primary);border-radius:2px}.spacing-visual.space-1{width:4px}.spacing-visual.space-2{width:8px}.spacing-visual.space-3{width:12px}.spacing-visual.space-4{width:16px}.spacing-visual.space-5{width:20px}.spacing-info h4{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.spacing-info code{font-family:var(--font-family-code);font-size:var(--font-size-label);color:var(--text-secondary);background:var(--ui-surface);padding:2px 6px;border-radius:3px;display:block;margin-bottom:var(--space-1)}.spacing-info p{color:var(--text-secondary);margin:0;font-size:var(--font-size-label);line-height:var(--line-height-label);font-family:var(--font-family)}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.component-example{padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt)}.component-example h4{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.component-demo{margin-bottom:var(--space-3)}.component-example p{color:var(--text-secondary);margin:0;font-size:var(--font-size-body);line-height:var(--line-height-body);font-family:var(--font-family)}.guidelines-card{margin-top:var(--space-3)}.guidelines-content{padding:var(--space-4);background:var(--ui-surface-alt);border-radius:var(--input-border-radius);border:1px solid var(--ui-border)}.guideline-section h3{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.guideline-section ul{margin:0 0 var(--space-3) 0;padding-left:var(--space-3)}.guideline-section li{color:var(--text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin-bottom:var(--space-1);font-family:var(--font-family)}@media (max-width: 768px){.theme-showcase{padding:var(--space-3)}.showcase-tabs{flex-direction:column}.theme-variants,.color-grid{grid-template-columns:1fr}.typography-example{flex-direction:column;align-items:flex-start}.type-specs{min-width:auto;width:100%}.guidelines-content{padding:var(--space-3)}}.advanced-navigation{display:flex;flex-direction:column;gap:var(--space-3)}.advanced-navigation-header{margin-bottom:var(--space-3)}.advanced-navigation-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--space-1);font-family:var(--font-family);line-height:var(--line-height-h1)}.advanced-navigation-header p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.advanced-navigation-grid{display:grid;gap:var(--space-3)}.breadcrumb-container{padding:var(--space-3)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body)}.breadcrumb-item{color:var(--text-link);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:4px;transition:background-color var(--transition-fast);font-family:var(--font-family)}.breadcrumb-item:hover{background-color:var(--ui-surface-hover)}.breadcrumb-item.active{color:var(--text-primary);font-weight:var(--font-weight-bold)}.breadcrumb-separator{color:var(--text-secondary);font-weight:var(--font-weight-bold)}.pagination-container{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.pagination-info{font-size:var(--font-size-fine);color:var(--text-secondary);text-align:center;font-family:var(--font-family);line-height:var(--line-height-fine)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-1)}.pagination-btn{background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--input-border-radius);cursor:pointer;font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);transition:all var(--transition-fast);min-width:40px}.pagination-btn:hover:not(.disabled){background:var(--ui-surface-hover);border-color:var(--brand-primary)}.pagination-btn.active{background:var(--brand-primary);color:var(--text-inverse);border-color:var(--brand-primary)}.pagination-btn.disabled{background:var(--ui-disabled);color:var(--text-muted);cursor:not-allowed}.pagination-ellipsis{color:var(--text-secondary);padding:var(--space-2);font-family:var(--font-family)}.tree-container{padding:var(--space-3);max-height:300px;overflow-y:auto}.tree-node{margin-bottom:var(--space-1)}.tree-node-content{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--input-border-radius);cursor:pointer;transition:background-color var(--transition-fast)}.tree-node-content:hover{background:var(--ui-surface-hover)}.tree-expander{font-size:var(--font-size-fine);color:var(--text-secondary);transition:transform var(--transition-fast);width:16px;text-align:center}.tree-expander.expanded{transform:rotate(90deg)}.tree-label{font-size:var(--font-size-body);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body)}.tree-children{margin-left:var(--space-4);border-left:1px solid var(--ui-border);padding-left:var(--space-3)}.dropdown-container{display:flex;gap:var(--space-3);padding:var(--space-3)}.dropdown-section{position:relative}.dropdown-trigger{background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--input-border-radius);cursor:pointer;font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);transition:all var(--transition-fast)}.dropdown-trigger:hover,.dropdown-trigger.active{background:var(--ui-surface-hover);border-color:var(--brand-primary)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);box-shadow:var(--shadow-card);min-width:200px;z-index:1000;padding:var(--space-1)}.dropdown-item{padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--input-border-radius);transition:background-color var(--transition-fast);position:relative}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover{background:var(--ui-surface-hover)}.dropdown-item-label{font-size:var(--font-size-body);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body)}.dropdown-submenu{position:absolute;left:100%;top:0;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);box-shadow:var(--shadow-card);min-width:180px;z-index:1001;padding:var(--space-1);display:none}.dropdown-item:hover .dropdown-submenu{display:block}.dropdown-subitem{padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--input-border-radius);transition:background-color var(--transition-fast);font-size:var(--font-size-body);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-body)}.dropdown-subitem:hover{background:var(--ui-surface-hover)}.sticky-demo{padding:var(--space-3);max-height:400px;overflow-y:auto;border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt)}.sticky-header{position:sticky;top:0;background:var(--ui-surface);border-bottom:1px solid var(--ui-border);padding:var(--space-3);z-index:10}.sticky-header h3{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.sticky-header p{color:var(--text-secondary);font-size:var(--font-size-body);margin:0;font-family:var(--font-family);line-height:var(--line-height-body)}.sticky-content{padding:var(--space-3)}.sticky-item{padding:var(--space-3);border-bottom:1px solid var(--ui-border);background:var(--ui-surface-alt);margin-bottom:var(--space-2);border-radius:var(--input-border-radius)}.sticky-item:last-child{border-bottom:none;margin-bottom:0}.split-panel-container{display:flex;height:300px;border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface-alt);overflow:hidden}.split-panel-left,.split-panel-right{flex:1;padding:var(--space-3);overflow-y:auto}.split-panel-content h4{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.split-panel-content p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0;font-family:var(--font-family)}.split-panel-divider{width:4px;background:var(--ui-border);cursor:col-resize;position:relative;transition:background-color var(--transition-fast)}.split-panel-divider:hover{background:var(--brand-primary)}.split-panel-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:40px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:col-resize}.split-panel-handle:before{content:"⋮";font-size:12px;color:var(--text-secondary);font-weight:var(--font-weight-bold)}@media (max-width: 768px){.advanced-navigation-grid{grid-template-columns:1fr}.dropdown-container{flex-direction:column}.split-panel-container{flex-direction:column;height:auto}.split-panel-left,.split-panel-right{flex:none;height:200px}.split-panel-divider{width:100%;height:4px;cursor:row-resize}.split-panel-handle{width:40px;height:20px}.split-panel-handle:before{content:"⋯"}}.data-visualization{padding:var(--space-3)}.data-visualization-header{margin-bottom:var(--space-3)}.data-visualization-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--brand-primary);margin-bottom:var(--space-1);font-family:var(--font-family);line-height:var(--line-height-h1)}.data-visualization-header p{color:var(--text-secondary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);margin:0}.data-visualization-grid{display:grid;gap:var(--space-3)}.chart-section{min-height:300px}.chart-container{padding:var(--space-3);height:100%}.bar-chart{display:flex;align-items:end;justify-content:space-around;height:200px;gap:var(--space-2)}.bar-chart-item{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.bar-chart-bar{width:100%;height:100%;background:var(--ui-surface-alt);border-radius:4px 4px 0 0;position:relative;overflow:hidden}.bar-chart-fill{position:absolute;bottom:0;left:0;right:0;border-radius:4px 4px 0 0;transition:height .3s ease}.bar-chart-label{margin-top:var(--space-2);font-size:12px;color:var(--text-secondary);font-weight:700}.bar-chart-value{font-size:14px;color:var(--text-primary);font-weight:700;margin-top:var(--space-1)}.line-chart{position:relative;height:200px}.line-chart-labels{display:flex;justify-content:space-between;margin-top:var(--space-2)}.line-chart-label{font-size:12px;color:var(--text-secondary);text-align:center;flex:1}.pie-chart{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.pie-chart-legend{display:flex;flex-direction:column;gap:var(--space-2)}.pie-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:14px}.pie-legend-color{width:16px;height:16px;border-radius:2px}.pie-legend-label{color:var(--text-primary);flex:1}.pie-legend-value{color:var(--text-secondary);font-weight:700}.gauge-container{display:flex;justify-content:space-around;gap:var(--space-4)}.gauge-chart{text-align:center}.gauge-circle{position:relative;width:120px;height:120px;margin:0 auto var(--space-3)}.gauge-fill{width:100%;height:100%;border:8px solid var(--ui-border);border-top:8px solid var(--brand-primary);border-radius:50%;transform-origin:center;transition:transform .3s ease}.gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-value{font-size:18px;font-weight:700;color:var(--text-primary)}.gauge-label{font-size:12px;color:var(--text-secondary);margin-top:var(--space-1)}.kanban-section{min-height:400px}.kanban-board{display:flex;gap:var(--space-3);height:350px;overflow-x:auto}.kanban-column{flex:1;min-width:250px;background:var(--ui-surface-alt);border-radius:8px;display:flex;flex-direction:column}.kanban-column-header{padding:var(--space-3);border-bottom:1px solid var(--ui-border)}.kanban-column-title{margin:0;font-size:14px;font-weight:700;color:var(--brand-primary)}.kanban-column-content{flex:1;padding:var(--space-2);overflow-y:auto}.kanban-task{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:6px;padding:var(--space-2);margin-bottom:var(--space-2);cursor:pointer;transition:all .2s}.kanban-task:hover{border-color:var(--brand-primary);box-shadow:0 2px 8px var(--ui-shadow)}.kanban-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.kanban-task-title{font-size:13px;color:var(--text-primary);font-weight:500;flex:1;margin-right:var(--space-2)}.kanban-task-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kanban-task-footer{display:flex;justify-content:space-between;align-items:center}.kanban-task-assignee{font-size:11px;color:var(--text-secondary)}.timeline-section{min-height:400px}.timeline-container{padding:var(--space-3);position:relative}.timeline-container:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--ui-border)}.timeline-item{position:relative;margin-bottom:var(--space-4);padding-left:50px}.timeline-marker{position:absolute;left:11px;top:0;width:20px;height:20px;border-radius:50%;border:3px solid var(--ui-surface);box-shadow:0 0 0 2px var(--ui-border)}.timeline-content{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:6px;padding:var(--space-3)}.timeline-date{font-size:12px;color:var(--text-secondary);margin-bottom:var(--space-1)}.timeline-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.timeline-description{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-2)}.timeline-status{font-size:11px;font-weight:700;text-transform:uppercase}.heatmap-section{min-height:300px}.heatmap-container{padding:var(--space-3)}.heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.heatmap-title{font-size:14px;font-weight:700;color:var(--text-primary)}.heatmap-legend{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--text-secondary)}.heatmap-legend-colors{display:flex;gap:2px}.heatmap-legend-color{width:12px;height:12px;border-radius:2px}.heatmap-grid{display:flex;gap:2px;margin-bottom:var(--space-2)}.heatmap-day{display:flex;flex-direction:column;gap:2px;flex:1}.heatmap-cell{width:100%;height:12px;border-radius:2px;transition:opacity .2s}.heatmap-cell:hover{opacity:.8}.heatmap-labels{display:flex;justify-content:space-between}.heatmap-day-labels{display:flex;gap:2px;flex:1}.heatmap-day-labels span{flex:1;text-align:center;font-size:10px;color:var(--text-secondary)}.modal-content{background:var(--ui-surface);border-radius:8px;box-shadow:0 8px 32px var(--ui-shadow);max-width:500px;width:90%;max-height:80vh;overflow:hidden}.task-detail{display:flex;flex-direction:column;gap:var(--space-3)}.task-detail-field{display:flex;justify-content:space-between;align-items:center}.task-detail-field label{font-weight:700;color:var(--text-primary);font-size:14px}.task-detail-field span{color:var(--text-secondary);font-size:14px}.task-priority-badge{padding:var(--space-1) var(--space-2);border-radius:12px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase}@media (max-width: 768px){.data-visualization-grid{grid-template-columns:1fr}.kanban-board{flex-direction:column;height:auto}.kanban-column{min-width:auto;margin-bottom:var(--space-3)}.gauge-container{flex-direction:column;align-items:center}.pie-chart{flex-direction:column;text-align:center}.heatmap-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.interactive-ui{padding:var(--space-3)}.interactive-ui-header{margin-bottom:var(--space-3)}.interactive-ui-header h1{font-size:18px;font-weight:700;color:var(--brand-primary);margin-bottom:var(--space-1)}.interactive-ui-header p{color:var(--text-secondary);font-size:14px}.interactive-ui-grid{display:grid;gap:var(--space-3)}.modal-demo{padding:var(--space-3);text-align:center}.demo-description{margin-top:var(--space-3);font-size:13px;color:var(--text-secondary)}.tooltip-demo{padding:var(--space-3);position:relative}.tooltip-trigger{display:inline-block;padding:var(--space-2) var(--space-3);background:var(--brand-primary);color:var(--text-inverse);border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.tooltip-trigger:hover{background:var(--brand-primary-hover)}.tooltip-content{position:absolute;top:100%;left:0;margin-top:var(--space-2);background:#2d3748f2;color:var(--text-inverse);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:var(--space-3);font-size:13px;max-width:300px;z-index:1000;box-shadow:0 4px 12px #0000004d}.tooltip-header{margin-bottom:var(--space-2);font-weight:700}.tooltip-body{margin-bottom:var(--space-2);line-height:1.4}.tooltip-footer{font-size:11px;opacity:.8}.popover-demo{padding:var(--space-3);position:relative}.popover-trigger{background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.popover-trigger:hover{background:var(--ui-surface-hover);border-color:var(--brand-primary)}.popover-content{position:absolute;top:100%;left:0;margin-top:var(--space-2);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:8px;box-shadow:0 4px 12px var(--ui-shadow);min-width:250px;z-index:1000}.popover-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--ui-border)}.popover-header h4{margin:0;font-size:14px;color:var(--text-primary)}.popover-close{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.popover-close:hover{background:var(--ui-surface-hover)}.popover-body{padding:var(--space-3)}.popover-body p{margin:0 0 var(--space-2) 0;font-size:13px;color:var(--text-secondary)}.popover-arrow{position:absolute;top:-6px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--ui-surface)}.popover-arrow:before{content:"";position:absolute;top:1px;left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--ui-border)}.context-menu-demo{padding:var(--space-3);min-height:150px;border:2px dashed var(--ui-border);border-radius:8px;display:flex;flex-direction:column;gap:var(--space-3)}.context-menu-demo p{margin:0;font-size:14px;color:var(--text-secondary)}.context-menu-item{display:flex;gap:var(--space-3);padding:var(--space-2);background:var(--ui-surface-alt);border-radius:4px;font-size:13px;color:var(--text-primary)}.context-menu{position:fixed;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:6px;box-shadow:0 4px 12px var(--ui-shadow);min-width:150px;z-index:1000;padding:var(--space-1)}.context-menu-item{padding:var(--space-2) var(--space-3);cursor:pointer;font-size:13px;color:var(--text-primary);border-radius:4px;transition:background-color .2s}.context-menu-item:hover{background:var(--ui-surface-hover)}.context-menu-separator{height:1px;background:var(--ui-border);margin:var(--space-1) 0}.drag-drop-demo{padding:var(--space-3)}.drag-drop-container{display:flex;gap:var(--space-4);min-height:200px}.drag-drop-list{flex:1;background:var(--ui-surface-alt);border:2px dashed var(--ui-border);border-radius:8px;padding:var(--space-3);min-height:200px;transition:border-color .2s}.drag-drop-list:hover{border-color:var(--brand-primary)}.drag-drop-list h4{margin:0 0 var(--space-3) 0;font-size:14px;color:var(--brand-primary);text-align:center}.drag-drop-item{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:4px;padding:var(--space-2);margin-bottom:var(--space-2);cursor:grab;font-size:13px;color:var(--text-primary);transition:all .2s}.drag-drop-item:hover{border-color:var(--brand-primary);box-shadow:0 2px 8px var(--ui-shadow)}.drag-drop-item:active{cursor:grabbing}.file-upload-demo{padding:var(--space-3)}.file-drop-zone{border:2px dashed var(--ui-border);border-radius:8px;padding:var(--space-3);text-align:center;transition:all .2s;background:var(--ui-surface-alt)}.file-drop-zone.dragging{border-color:var(--brand-primary);background:var(--ui-surface-hover)}.file-drop-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.file-drop-icon{font-size:48px;color:var(--text-secondary)}.file-drop-content p{margin:0;font-size:14px;color:var(--text-secondary)}.file-input{display:none}.file-input-label{background:var(--brand-primary);color:var(--text-inverse);padding:var(--space-2) var(--space-3);border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.file-input-label:hover{background:var(--brand-primary-hover)}.file-list{margin-top:var(--space-3)}.file-list h4{margin:0 0 var(--space-2) 0;font-size:14px;color:var(--text-primary)}.file-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:4px;margin-bottom:var(--space-1)}.file-name{flex:1;font-size:13px;color:var(--text-primary)}.file-size{font-size:11px;color:var(--text-secondary)}.file-remove{background:var(--state-error);color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.file-remove:hover{background:var(--state-error-alt)}.resizable-demo{padding:var(--space-3)}.resizable-container{display:flex;height:200px;border:1px solid var(--ui-border);border-radius:8px;overflow:hidden}.resizable-panel{background:var(--ui-surface);transition:width .1s ease}.resizable-content{padding:var(--space-3);height:100%;overflow-y:auto}.resizable-content h4{margin:0 0 var(--space-2) 0;font-size:14px;color:var(--brand-primary)}.resizable-content p{margin:0 0 var(--space-2) 0;font-size:13px;color:var(--text-secondary)}.resizable-handle{width:4px;background:var(--ui-border);cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center}.resizable-handle:hover{background:var(--brand-primary)}.resizable-handle-grip{width:20px;height:40px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-secondary)}.resizable-handle-grip:before{content:"⋮";font-size:16px}.collapsible-demo{padding:var(--space-3)}.collapsible-item{margin-bottom:var(--space-2);border:1px solid var(--ui-border);border-radius:6px;overflow:hidden}.collapsible-header{width:100%;background:var(--ui-surface);border:none;padding:var(--space-3);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.collapsible-header:hover{background:var(--ui-surface-hover)}.collapsible-title{font-size:14px;font-weight:700;color:var(--text-primary)}.collapsible-icon{font-size:12px;color:var(--text-secondary);transition:transform .2s}.collapsible-icon.collapsed{transform:rotate(-90deg)}.collapsible-content{background:var(--ui-surface-alt);max-height:200px;overflow:hidden;transition:max-height .3s ease}.collapsible-content.collapsed{max-height:0}.collapsible-body{padding:var(--space-3);font-size:13px;color:var(--text-secondary);line-height:1.4}.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;animation:fadeIn .2s ease}.modal-content{background:var(--ui-surface);border-radius:8px;box-shadow:0 8px 32px var(--ui-shadow);max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:slideIn .2s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--ui-border)}.modal-header h3{margin:0;font-size:16px;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background:var(--ui-surface-hover)}.modal-body{padding:var(--space-3)}.modal-body p{margin:0 0 var(--space-2) 0;font-size:14px;color:var(--text-secondary);line-height:1.4}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--ui-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.interactive-ui-grid{grid-template-columns:1fr}.drag-drop-container{flex-direction:column}.resizable-container{flex-direction:column;height:auto}.resizable-panel{width:100%!important;height:150px}.resizable-handle{width:100%;height:4px;cursor:row-resize}.resizable-handle-grip{width:40px;height:20px}.resizable-handle-grip:before{content:"⋯"}}.oauth-email-test{max-width:1200px;margin:0 auto;padding:20px}.test-header{text-align:center;margin-bottom:30px}.test-header h1{color:#0a66c2;margin-bottom:10px}.test-header p{color:#666;font-size:16px}.oauth-status-section{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:30px}.oauth-status-section h2{color:#0a66c2;margin-bottom:20px}.oauth-providers{display:grid;grid-template-columns:1fr 1fr;gap:20px}.oauth-provider{background:#fff;border-radius:6px;padding:20px;border:2px solid #e9ecef;transition:all .3s ease}.oauth-provider.connected{border-color:#28a745;background:#f8fff9}.oauth-provider.disconnected{border-color:#dc3545;background:#fff8f8}.oauth-provider h3{margin-bottom:10px;color:#333}.oauth-provider p{margin-bottom:15px;font-weight:500}.email-form-section{background:#fff;border-radius:8px;padding:30px;margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.email-form-section h2{color:#0a66c2;margin-bottom:20px}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-control:focus{outline:none;border-color:#0a66c2;box-shadow:0 0 0 2px #0a66c233}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary{background:#0a66c2;color:#fff}.btn-primary:hover{background:#084482}.btn-success{background:#28a745;color:#fff;padding:12px 24px;font-size:16px}.btn-success:hover{background:#218838}.message{margin-top:15px;padding:10px;border-radius:4px;font-weight:500}.loading-container{text-align:center;padding:40px;background:#f8f9fa;border-radius:8px;margin:20px 0}.loading-spinner{font-size:48px;margin-bottom:20px;animation:spin 2s linear infinite}.error-container{text-align:center;padding:40px;background:#f8d7da;border-radius:8px;margin:20px 0;border:1px solid #f5c6cb}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;padding:15px;margin:15px 0;color:#721c24}.error-message h3{margin-bottom:10px;color:#721c24}.error-message p{margin-bottom:15px}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-right:10px}.btn-secondary:hover{background:#5a6268}.email-logs-section{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a}.email-logs-section h2{color:#0a66c2;margin-bottom:20px}.logs-container{max-height:400px;overflow-y:auto}.log-item{border:1px solid #e9ecef;border-radius:6px;padding:15px;margin-bottom:10px;background:#f8f9fa}.log-item.sent{border-left:4px solid #28a745}.log-item.failed{border-left:4px solid #dc3545}.log-item.pending{border-left:4px solid #ffc107}.log-provider{font-weight:600;color:#0a66c2}.log-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.log-status.sent{background:#d4edda;color:#155724}.log-status.failed{background:#f8d7da;color:#721c24}.log-status.pending{background:#fff3cd;color:#856404}.log-date{font-size:12px;color:#666}.log-details p{margin:5px 0;font-size:14px}.log-details strong{color:#333}@media (max-width: 768px){.oauth-providers{grid-template-columns:1fr}.oauth-email-test{padding:10px}.email-form-section,.email-logs-section{padding:20px}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.loading-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay__content{position:relative;z-index:1;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px 28px;box-shadow:0 8px 24px #0000001f;display:flex;align-items:center;gap:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.loading-overlay__spinner{width:24px;height:24px;border:3px solid #e0e0e0;border-top-color:#0a66c2;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay__text{color:#2c3e50;font-size:14px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.template-manager{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.template-content{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start}.template-form-section{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.template-form-section h2{margin:0 0 20px;color:#333;font-size:1.8rem}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-control{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-control::placeholder{color:#999}.form-actions{display:flex;gap:15px;margin-top:25px;flex-wrap:wrap}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:12px}.dynamic-fields-panel{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.dynamic-fields-panel h3{margin:0 0 15px;color:#333;font-size:1.4rem}.dynamic-fields-panel p{margin:0 0 20px;color:#666;font-size:.9rem}.dynamic-fields-section{margin-bottom:25px}.dynamic-fields-section h4{margin:0 0 10px;color:#555;font-size:1rem;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:5px}.dynamic-fields-grid{display:grid;grid-template-columns:1fr;gap:8px}.dynamic-field-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:8px 12px;font-size:12px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Courier New,monospace;color:#495057}.dynamic-field-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translate(2px)}.template-preview-section{grid-column:1 / -1;background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-top:20px}.template-preview-section h3{margin:0 0 20px;color:#333;font-size:1.4rem}.preview-content{background:#f8f9fa;padding:20px;border-radius:6px;border-left:4px solid #667eea}.preview-field{margin-bottom:15px}.preview-field:last-child{margin-bottom:0}.preview-field strong{display:block;margin-bottom:5px;color:#555;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.preview-value{background:#fff;padding:12px;border-radius:4px;border:1px solid #e9ecef;font-family:Courier New,monospace;font-size:13px;line-height:1.4;white-space:pre-wrap}.html-preview{border:1px solid #e9ecef;background:#fff!important;padding:15px;border-radius:6px;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px!important;color:#333}.html-preview p{margin:0 0 10px;color:#333!important;opacity:1!important;font-size:14px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.html-preview p:last-child{margin-bottom:0;color:#333!important;opacity:1!important;font-size:14px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.html-preview strong,.html-preview b{font-weight:700!important;display:inline!important;margin-bottom:0!important;color:inherit!important;font-size:inherit!important;text-transform:none!important;letter-spacing:normal!important}.html-preview em,.html-preview i{font-style:italic!important}.html-preview u{text-decoration:underline!important}.html-preview span[style*="font-weight: bold"]{font-weight:700}.html-preview span[style*="font-style: italic"]{font-style:italic}.html-preview span[style*="text-decoration: underline"]{text-decoration:underline}.html-preview a{color:#007bff;text-decoration:underline}.html-preview a:hover{text-decoration:none}.raw-html-debug{font-size:12px;background:#f8f9fa;padding:15px;border-radius:6px;overflow:auto;border:1px solid #e9ecef;font-family:Courier New,monospace;line-height:1.5;color:#495057;max-height:300px;white-space:pre-wrap;word-wrap:break-word}.preview-field:has(pre) .preview-value{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;font-family:Courier New,monospace;font-size:12px;line-height:1.5;color:#495057;max-height:300px;overflow:auto;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.preview-field:has(pre) .preview-value pre{white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;max-width:100%!important;margin:0;padding:0;background:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.raw-html-debug::-webkit-scrollbar{width:8px;height:8px}.raw-html-debug::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.raw-html-debug::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.raw-html-debug::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.preview-field:has(.raw-html-debug){margin-top:25px}.content-tools-section{background:#f8f9fa;padding:20px;border-radius:6px;margin-top:20px;border-left:4px solid #667eea}.content-tools-section h3{margin:0 0 15px;color:#333;font-size:1.2rem;font-weight:600}.content-tools-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800;transform:translateY(-1px)}.content-warnings{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px;margin-top:15px}.content-warnings h4{margin:0 0 10px;color:#856404;font-size:1rem;font-weight:600}.content-warnings ul{margin:0;padding-left:20px}.warning-item{color:#856404;font-size:.9rem;margin-bottom:5px;line-height:1.4}.warning-item:last-child{margin-bottom:0}.templates-list-section{grid-column:1 / -1;margin-top:30px}.templates-list-section h3{margin:0 0 20px;color:#333;font-size:1.4rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.template-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.template-header{background:#f8f9fa;padding:15px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.template-header h4{margin:0;color:#333;font-size:1.1rem;font-weight:600}.template-actions{display:flex;gap:8px}.template-content{padding:20px}.template-content p{margin:0 0 8px;color:#666;font-size:.9rem;line-height:1.4}.template-content p:last-child{margin-bottom:0;color:#999;font-size:.8rem}.message{padding:15px 20px;border-radius:6px;margin:20px 0;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@media (max-width: 768px){.template-content{grid-template-columns:1fr}.dynamic-fields-panel{position:static;max-height:none}.templates-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}@media (max-width: 480px){.template-manager{padding:10px}.template-header h1{font-size:2rem}.template-form-section,.dynamic-fields-panel{padding:20px}}.domain-configuration{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.config-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.config-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:600}.config-header p{margin:0;font-size:1.1rem;opacity:.9}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.config-sections{display:flex;flex-direction:column;gap:25px}.config-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #00000014;border:1px solid #e9ecef}.config-section h2{margin:0 0 15px;color:#2c3e50;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:10px}.config-section p{color:#6c757d;margin-bottom:20px;line-height:1.6}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#495057}.form-control{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-group{display:flex;gap:10px;align-items:flex-end}.input-group .form-control{flex:1}small{display:block;margin-top:5px;color:#6c757d;font-size:.875rem}.provider-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:25px}.status-card{padding:20px;border-radius:10px;border:2px solid #e9ecef;transition:all .3s ease}.status-card.active{border-color:#28a745;background-color:#f8fff9}.status-card.inactive{border-color:#dc3545;background-color:#fff8f8}.status-card h3{margin:0 0 15px;color:#2c3e50;font-size:1.2rem;font-weight:600}.status-indicators{display:flex;flex-direction:column;gap:8px}.status-indicators span{padding:6px 12px;border-radius:6px;font-size:.875rem;font-weight:500;display:inline-block}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.primary.primary{background-color:#fff3cd;color:#856404}.primary.secondary{background-color:#e2e3e5;color:#383d41}.credentials.valid{background-color:#d1ecf1;color:#0c5460}.credentials.invalid{background-color:#f8d7da;color:#721c24}.hybrid-status{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.hybrid-status h3{margin:0 0 10px;color:#2c3e50}.hybrid-status .status{font-size:1.1rem;font-weight:600;margin-bottom:10px}.hybrid-status p{margin:0;color:#6c757d}.address-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:200px;overflow-y:auto;padding:10px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.address-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.address-item .address{font-family:Courier New,monospace;font-weight:500;color:#495057}.add-address{display:flex;gap:10px;align-items:flex-end}.add-address .form-control{flex:1}.ses-address-tabs{display:flex;gap:5px;margin-bottom:20px;background-color:#f8f9fa;padding:5px;border-radius:8px}.ses-address-tabs .tab{flex:1;padding:10px 15px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.ses-address-tabs .tab.active{background-color:#667eea;color:#fff}.ses-address-tabs .tab:hover:not(.active){background-color:#e9ecef}.provider-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.provider-setting{padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.provider-setting h3{margin:0 0 15px;color:#2c3e50;font-size:1.1rem;font-weight:600}.setting-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.setting-group label{display:flex;align-items:center;gap:10px;font-weight:500;color:#495057;cursor:pointer}.setting-group input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.limit-inputs{display:flex;flex-direction:column;gap:15px}.limit-inputs label{display:flex;flex-direction:column;gap:5px;font-weight:500;color:#495057}.limit-inputs .form-control{width:100%}.smtp-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:25px}.smtp-section{padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.smtp-section h3{margin:0 0 20px;color:#2c3e50;font-size:1.2rem;font-weight:600;padding-bottom:10px;border-bottom:2px solid #e9ecef}.smtp-section .form-group{margin-bottom:15px}.smtp-section .form-group label{display:block;margin-bottom:6px;font-weight:600;color:#495057;font-size:.9rem}.smtp-section .form-control{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;transition:border-color .3s ease}.smtp-section .form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.smtp-section select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.smtp-actions{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.smtp-actions .btn{min-width:200px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5a6fd8;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-large{padding:15px 30px;font-size:1rem}.config-actions{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}@media (max-width: 768px){.domain-configuration{padding:15px}.config-header h1{font-size:2rem}.provider-status-grid,.provider-settings-grid,.smtp-config-grid{grid-template-columns:1fr}.input-group,.add-address,.ses-address-tabs{flex-direction:column}}.domain-configuration.loading{opacity:.7;pointer-events:none}.config-section{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.address-list::-webkit-scrollbar{width:8px}.address-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.address-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.address-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dashboard-container{padding:2rem;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:var(--brand-primary, #0A66C2);margin-bottom:.5rem}.dashboard-subtitle{font-size:1.1rem;color:#666;margin:0}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.error-message{text-align:center;padding:2rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404}.error-message button{background:var(--brand-primary, #0A66C2);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary, #0A66C2);color:#fff;border-radius:12px}.stat-content h3{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-number{margin:0 0 .25rem;font-size:1.8rem;font-weight:700;color:var(--brand-primary, #0A66C2)}.stat-subtitle{margin:0;font-size:.85rem;color:#888}.section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e5e9}.section h2{margin:0 0 1.5rem;font-size:1.3rem;font-weight:600;color:#333;display:flex;align-items:center;gap:.5rem}.customers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.customer-card{background:#f8f9fa;border-radius:8px;padding:1rem;border:1px solid #e9ecef;transition:transform .2s ease}.customer-card:hover{transform:translateY(-1px)}.customer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.customer-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#333}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.prospect{background:#fff3cd;color:#856404}.customer-details p{margin:.25rem 0;font-size:.9rem;color:#666}.customer-details strong{color:#333}.opportunities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.opportunity-card{background:#f8f9fa;border-radius:8px;padding:1rem;border:1px solid #e9ecef;transition:transform .2s ease}.opportunity-card:hover{transform:translateY(-1px)}.opportunity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.opportunity-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#333}.stage-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.stage-badge.proposal{background:#cce5ff;color:#004085}.stage-badge.negotiation{background:#fff3cd;color:#856404}.opportunity-details p{margin:.25rem 0;font-size:.9rem;color:#666}.opportunity-details strong{color:#333}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary, #0A66C2);color:#fff;border-radius:8px}.activity-content{flex:1}.activity-description{margin:0 0 .25rem;font-weight:500;color:#333}.activity-time{margin:0;font-size:.85rem;color:#666}.quick-actions{display:flex;flex-wrap:wrap;gap:1rem}.action-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.action-button.primary{background:var(--brand-primary, #0A66C2);color:#fff}.action-button.primary:hover{background:#0056b3;transform:translateY(-1px)}.action-button.secondary{background:#f8f9fa;color:#333;border:1px solid #dee2e6}.action-button.secondary:hover{background:#e9ecef;transform:translateY(-1px)}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-header h1{font-size:2rem}.stats-grid,.customers-grid,.opportunities-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.action-button{justify-content:center}}@media (max-width: 480px){.stat-card{flex-direction:column;text-align:center}.stat-icon{margin-bottom:.5rem}}.dashboard-content.dynamique-mvp-gpt5{padding:var(--space-4);max-width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-bottom:0;padding-bottom:0}.submit-case-container{display:flex;justify-content:center;align-items:center;margin:var(--space-2) 0;padding:0;line-height:0;font-size:0;position:relative;z-index:1}.submit-case-button{background:linear-gradient(135deg,var(--brand-primary) 0%,#0056b3 100%);color:#fff;border:none;border-radius:12px;padding:14px 36px;font-size:18px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #007bff4d;text-transform:uppercase;letter-spacing:.5px;width:100%;max-width:100%;position:relative;overflow:hidden;margin:0;display:block}.submit-case-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #007bff66;background:linear-gradient(135deg,#0056b3 0%,var(--brand-primary) 100%)}.submit-case-button:active{transform:translateY(0);box-shadow:0 4px 12px #007bff4d}.submit-case-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-case-button:hover:before{left:100%}.news-panel{background:var(--ui-surface);border:2px solid var(--brand-primary);border-radius:8px;padding:0 20px 20px;box-shadow:var(--shadow-card);margin-top:0;margin-bottom:var(--space-4)}.news-panel h2{color:var(--brand-primary);font-size:14px;font-weight:700;margin:0 0 20px;font-family:var(--font-family);line-height:20px}.news-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.news-item{padding:20px;background:var(--ui-surface-alt);border-radius:4px;border-left:4px solid var(--brand-primary);transition:all .2s ease}.news-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.news-item h3{color:var(--text-primary);font-size:14px;font-weight:700;margin:0 0 8px;font-family:var(--font-family);line-height:20px}.news-date{color:var(--text-secondary);font-size:10px;font-weight:500;margin:0 0 8px;font-family:var(--font-family)}.news-item p:last-child{color:var(--text-primary);font-size:14px;line-height:20px;margin:0;font-family:var(--font-family)}.case-submission-panel{background:var(--ui-surface);border:2px solid var(--brand-primary);border-radius:8px;padding:var(--space-5);box-shadow:var(--shadow-card)}.case-submission-panel h2{color:var(--brand-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.cases-table-panel{background:var(--ui-surface);border:2px solid var(--brand-primary);border-radius:8px;padding:var(--space-5);box-shadow:var(--shadow-card)}.cases-table-panel h2{color:var(--brand-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3) 0;font-family:var(--font-family);line-height:var(--line-height-h2)}.welcome-card{background:var(--ui-surface);border:2px solid var(--brand-primary);border-radius:8px;box-shadow:var(--shadow-card);overflow:hidden}.card-header{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-hover) 100%);color:var(--text-inverse);padding:var(--space-5) var(--space-4)}.card-header h2{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);font-family:var(--font-family)}.card-body{padding:var(--space-5)}.card-body p{color:var(--text-primary);line-height:var(--line-height-body);margin-bottom:var(--space-4);font-family:var(--font-family)}.development-info,.features-info,.next-steps{margin-bottom:var(--space-8)}.development-info h3,.features-info h3,.next-steps h3{color:var(--brand-primary);font-size:var(--font-size-h3);margin-bottom:var(--space-4);font-weight:var(--font-weight-bold);font-family:var(--font-family)}.development-info li,.features-info li{margin-bottom:var(--space-3);padding-left:0;font-family:var(--font-family)}.next-steps ol{padding-left:var(--space-5)}.next-steps li{margin-bottom:var(--space-2);color:var(--text-primary);font-family:var(--font-family)}code{background:var(--ui-surface-light);border:1px solid var(--ui-border);border-radius:4px;padding:2px 6px;font-family:Monaco,Consolas,monospace;font-size:.9em;color:var(--state-error)}@media (max-width: 768px){.dashboard-content.dynamique-mvp-gpt5{padding:var(--space-2);gap:var(--space-2)}.metrics-grid{grid-template-columns:1fr;gap:var(--space-2)}.submit-case-container{margin:var(--space-4) 0;padding:0;width:100%}.submit-case-button{width:100%;max-width:100%;height:100%;padding:var(--space-5);font-size:18px}.news-panel{padding:20px}.news-content{grid-template-columns:1fr;gap:20px}.news-item{padding:20px}.case-submission-panel,.cases-table-panel,.card-body{padding:var(--space-4)}}.ai-chat-container{display:flex;flex-direction:column;height:100%;min-height:500px}.messages-container{flex:1;overflow-y:auto;padding:16px;background:#f8f9fa;display:flex;flex-direction:column;gap:12px}.message{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000001a}.message.user{background:#0077b5}.message.user .message-header,.message.user .message-role{color:#fff}.message.user .message-time{color:#fffc}.message.user .message-content{color:#fff}.message.assistant{background:#fff}.message.system{background:#fff3cd}.message.error{background:#f8d7da;border-left:4px solid #dc3545}.message-header{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;color:#666}.message-time{color:#999}.message-provider{color:#007bff;font-style:italic}.message-content{color:#333;line-height:1.5;word-wrap:break-word}.message-content strong{font-weight:600;color:#000}.message-content em{font-style:italic}.message-content code{background:#f4f4f4;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.message-content del{text-decoration:line-through;opacity:.7}.message.user .message-content strong{color:#fff}.message.user .message-content code{background:#fff3;color:#fff}.message.streaming{border-left:4px solid #007bff}.streaming-cursor{display:inline-block;width:8px;height:16px;background:#007bff;animation:blink 1s infinite;margin-left:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.message.loading{border-left:4px solid #28a745}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#28a745;animation:pulse 1.5s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.input-section{padding:16px;background:#fff;border-top:1px solid #e1e5e9}.input-container{margin-bottom:12px}.input-container textarea{width:100%;min-height:60px;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s}.input-container textarea:focus{border-color:#0077b5}.input-container textarea:disabled{background:#f8f9fa;cursor:not-allowed}.input-buttons{display:flex;justify-content:space-between;align-items:center;gap:8px}.input-buttons button{min-width:80px}.btn-action,.btn-primary,.btn-secondary,.btn-remove{padding:8px 16px;border:2px solid;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;outline:none}.btn-action{background:#fff;border-color:#0077b5;color:#0077b5}.btn-action:hover:not(:disabled){background:#0077b5;color:#fff}.btn-primary{background:#0077b5;border-color:#0077b5;color:#fff}.btn-primary:hover:not(:disabled){background:#005885;border-color:#005885}.btn-secondary{background:#fff;border-color:#666;color:#666}.btn-secondary:hover:not(:disabled){background:#666;color:#fff}.btn-remove{background:#fff;border-color:#dc3545;color:#dc3545}.btn-remove:hover{background:#dc3545;color:#fff}.input-buttons button:disabled,.btn-action:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-group{display:flex;gap:8px}.file-upload-section{padding:12px 16px;background:#f8f9fa;border-top:1px solid #e1e5e9}.file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e1e5e9;border-radius:6px}.file-info{flex:1}.file-name{font-weight:500;color:#333;margin-bottom:2px}.file-size{font-size:12px;color:#666}.file-item button{min-width:auto;padding:6px 12px;font-size:12px}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#999}.open-case-dialog{background:#fff;border:2px solid #0077B5;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.open-case-dialog .dialog-header{background:linear-gradient(135deg,#0077b5,#005885);display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.2)}.open-case-dialog .tab-button{padding:8px 16px;border:none;background:#ffffff1a;color:#fff!important;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.open-case-dialog .tab-button:hover{background:#fff3;color:#fff!important}.open-case-dialog .tab-button.active{background:#fff;color:#0077b5!important;font-weight:600}.dialog-body{padding:20px;flex:1;display:flex;flex-direction:column;min-height:500px}.form-content{flex:1;display:flex;flex-direction:column;gap:20px}.form-section{display:flex;flex-direction:column;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;color:#333}.form-input,.form-select{padding:10px 12px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s;outline:none}.form-input:focus,.form-select:focus{border-color:#0077b5}.form-input::placeholder{color:#999}.form-checkboxes{display:flex;flex-direction:column;gap:8px}.form-checkbox{display:flex;align-items:center;gap:8px}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0077B5}.checkbox-label{font-size:14px;color:#333;cursor:pointer}.form-error{padding:12px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;margin-bottom:16px}.dialog-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e1e5e9}.field-confirmed{border-left:3px solid #28a745!important;background-color:#f8fff9!important}.field-ai-high{border-left:3px solid #17a2b8!important;background-color:#f0fdff!important}.field-ai-medium{border-left:3px solid #ffc107!important;background-color:#fffef8!important}.field-ai-low{border-left:3px solid #ff9800!important;background-color:#fffaf0!important}.field-manual{border-left:3px solid #6c757d!important;background-color:#f8f9fa!important}@media (max-width: 768px){.dialog-body{padding:16px}.form-row{grid-template-columns:1fr}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%}}.case-submission-content{padding:var(--space-4);max-width:100%;margin:0 auto}.case-submission-panel{background:var(--ui-surface);border-radius:var(--border-radius);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle)}@media (max-width: 768px){.case-submission-content{padding:var(--space-3)}.case-submission-panel{padding:var(--space-4)}.page-header h1{font-size:var(--font-size-h2)}}.case-detail-drawer{position:fixed;right:0;top:0;bottom:0;width:520px;background:var(--ui-surface);box-shadow:var(--ui-shadow);padding:var(--space-4);overflow:auto;z-index:1000;border-left:1px solid var(--ui-border)}.case-detail-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--ui-border);margin-bottom:var(--space-4)}.case-detail-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-h1);color:var(--brand-primary);font-family:var(--font-family)}.case-detail-content{display:flex;flex-direction:column;gap:var(--space-4)}.case-detail-card{background:var(--ui-surface);border:2px solid var(--brand-primary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-card)}.case-detail-card-header{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--brand-primary);font-family:var(--font-family);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--ui-border);background:var(--ui-surface)}.case-detail-card-body{padding:var(--space-4)}.case-detail-field{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-gridline)}.case-detail-field:last-child{border-bottom:none}.case-detail-field-label{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-family)}.case-detail-field-value{color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-body)}.case-detail-field-value.monospace{font-family:Consolas,monospace;font-size:12px;color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.case-detail-status-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--text-inverse)}.case-detail-status-badge.pending{background-color:var(--state-warning)}.case-detail-status-badge.paid_and_in_force{background-color:var(--state-success)}.case-detail-status-badge.declined{background-color:var(--state-error)}.case-detail-status-badge.default{background-color:var(--ui-surface-alt)}.case-detail-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;padding-top:var(--space-3);border-top:1px solid var(--ui-border)}.case-detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:2000;display:flex;align-items:center;justify-content:center}.case-detail-modal-content{position:relative;background:var(--ui-surface);border-radius:var(--border-radius);box-shadow:var(--ui-shadow);padding:var(--space-4);max-width:90vw;max-height:90vh;overflow:auto}@media (max-width: 768px){.case-detail-drawer{width:100%;right:0}.case-detail-field{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.case-detail-actions{flex-direction:column}.case-detail-modal-content{margin:var(--space-2);max-width:calc(100vw - var(--space-4))}}.cases-management-content{padding:var(--space-4);max-width:100%;margin:0 auto}.page-header{margin-bottom:var(--space-6);text-align:center}.page-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2);font-family:var(--font-family)}.page-header p{font-size:var(--font-size-body);color:var(--text-secondary);font-family:var(--font-family);margin:0}.cases-table-panel{background:var(--ui-surface);border-radius:var(--border-radius);padding:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle)}@media (max-width: 768px){.cases-management-content{padding:var(--space-3)}.cases-table-panel{padding:var(--space-4)}.page-header h1{font-size:var(--font-size-h2)}}.dashboard-container{padding:12px;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 350px;gap:24px;align-items:start}.chat-column{display:flex;flex-direction:column;gap:16px;height:600px;min-height:600px;max-height:600px}.chat-header{background:linear-gradient(135deg,#0077b5,#005885);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-radius:12px;box-shadow:0 4px 6px #0000001a}.provider-selector{display:flex;align-items:center;gap:12px}.provider-selector label{font-weight:500;font-size:.9rem}.provider-selector select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:6px 12px;font-size:.9rem}.provider-selector select option{background:#0077b5;color:#fff}.provider-count{font-size:.8rem;opacity:.8;margin-left:8px;font-style:italic}.chat-controls button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.chat-controls button:hover:not(:disabled){background:#fff3}.chat-controls button:disabled{opacity:.5;cursor:not-allowed}.info-panel .provider-selector{margin-bottom:16px}.info-panel .provider-selector select{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;color:#333;padding:8px 12px;font-size:.9rem;width:100%;margin-top:8px}.info-panel .provider-selector select option{background:#fff;color:#333}.info-panel .provider-count{color:#666;margin-top:8px;display:block}.info-panel .chat-controls{margin-top:12px}.info-panel .chat-controls button{background:#6c757d;border:1px solid #6c757d;color:#fff;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s;width:100%}.info-panel .chat-controls button:hover:not(:disabled){background:#545b62}.info-panel .chat-controls button:disabled{opacity:.5;cursor:not-allowed}.messages-container{padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e1e5e9;box-shadow:0 4px 6px #0000001a;height:450px;overflow-y:auto;flex:1;min-height:450px;max-height:450px}.message{margin-bottom:20px;padding:16px;border-radius:12px;max-width:80%;animation:fadeIn .3s ease-in}.message.user{background:#0077b5;color:#fff;margin-left:auto;border-bottom-right-radius:4px}.message.assistant{background:#fff;color:#333;border:1px solid #e1e5e9;margin-right:auto;border-bottom-left-radius:4px}.message.system{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb;margin-right:auto;border-bottom-left-radius:4px;font-style:italic}.message.error{background:#dc3545;color:#fff;border-color:#dc3545}.message.streaming{background:#e3f2fd;border-color:#2196f3}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;opacity:.8}.message-role{font-weight:600}.message-time{opacity:.7}.message-provider{background:#0000001a;padding:2px 6px;border-radius:4px;font-size:.75rem}.message-content{line-height:1.5;white-space:pre-wrap;word-break:break-word}.streaming-cursor{animation:blink 1s infinite}.loading-dots{display:flex;gap:4px;align-items:center}.loading-dots span{width:8px;height:8px;background:#0077b5;border-radius:50%;animation:loadingDots 1.4s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-upload-section{padding:16px 24px;background:#f8f9fa;border-radius:12px;border:1px solid #e1e5e9;box-shadow:0 4px 6px #0000001a}.file-upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.file-upload-header h3{margin:0;font-size:1rem;color:#333}.file-upload-info{margin-bottom:16px}.info-banner{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:12px;display:flex;gap:12px;align-items:flex-start}.info-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.info-content{flex:1}.info-content strong{color:#1976d2;display:block;margin-bottom:8px}.file-status-list{list-style:none;padding:0;margin:0 0 8px}.file-status-list li{padding:4px 0;font-size:.9rem;line-height:1.4}.status-working{color:#2e7d32}.status-limited{color:#f57c00}.info-note{margin:0;font-size:.85rem;color:#666;font-style:italic;line-height:1.4}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{background:#fff;border:1px solid #e1e5e9;border-radius:6px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;transition:all .2s}.file-item:hover{border-color:#0077b5;box-shadow:0 2px 4px #0077b51a}.file-info{display:flex;flex-direction:column;gap:2px;flex:1}.file-name{font-weight:500;color:#333;word-break:break-word}.file-size{color:#666;font-size:.8rem}.file-status{font-size:.75rem;font-weight:500;padding:2px 6px;border-radius:4px;display:inline-block;margin-top:2px}.file-status:contains("✅"){background:#e8f5e8;color:#2e7d32}.file-status:contains("⚠️"){background:#fff3e0;color:#f57c00}.input-section{padding:16px 24px;background:#fff;border-radius:12px;border:1px solid #e1e5e9;box-shadow:0 4px 6px #0000001a}.input-container{display:flex;flex-direction:column;gap:24px;width:100%}.input-container textarea{width:100%;border:1px solid #e1e5e9;border-radius:8px;padding:12px;font-family:inherit;font-size:.95rem;resize:vertical;min-height:60px;max-height:120px;transition:border-color .2s;box-sizing:border-box;scroll-behavior:auto}.input-container textarea:focus{outline:none;border-color:#0077b5;box-shadow:0 0 0 3px #0077b51a}.input-container textarea:disabled{background:#f8f9fa;color:#666}.input-buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:16px}.input-buttons .btn-group{display:flex;gap:8px}.info-panel{display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000001a}.info-card h3{margin:0 0 16px;color:#0077b5;font-size:1.1rem;font-weight:600}.provider-list{display:flex;flex-direction:column;gap:8px}.provider-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:.9rem}.provider-name{font-weight:500;color:#333}.provider-status{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.provider-status.online{background:#d4edda;color:#155724}.provider-status.offline{background:#f8d7da;color:#721c24}.no-providers{color:#666;font-style:italic;text-align:center;margin:0}.features-list,.tips-list{list-style:none;padding:0;margin:0}.features-list li,.tips-list li{padding:6px 0;color:#333;font-size:.9rem;line-height:1.4}.features-list li:before,.tips-list li:before{content:"•";color:#0077b5;font-weight:700;margin-right:8px}.file-support-note{margin-top:12px;padding:8px 12px;background:#fff3e0;border:1px solid #ffcc02;border-radius:6px}.file-support-note p{margin:0;font-size:.85rem;color:#f57c00;line-height:1.4}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:#0077b5;color:#fff}.btn-primary:hover:not(:disabled){background:#005885}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-outline{background:transparent;color:#0077b5;border:1px solid #0077B5}.btn-outline:hover:not(:disabled){background:#0077b5;color:#fff}.btn-danger{background:#dc3545;color:#fff;padding:4px 8px;font-size:.8rem}.btn-danger:hover:not(:disabled){background:#c82333}.btn-sm{padding:4px 8px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1200px){.dashboard-container{grid-template-columns:1fr;gap:16px}.info-panel{order:-1}}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-header h1{font-size:2rem}.dashboard-subtitle{font-size:1rem}.chat-header{flex-direction:column;gap:12px;align-items:stretch}.provider-selector{justify-content:space-between}.input-container{flex-direction:column;align-items:stretch}.input-buttons{justify-content:center;flex-direction:row}.message{max-width:95%}.file-item{flex-direction:column;align-items:stretch;gap:8px}.file-info{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width: 480px){.dashboard-container{padding:12px}.chat-header,.input-section,.file-upload-section{padding:12px 16px}.messages-container,.info-card{padding:16px}}.dashboard-container{padding:24px;max-width:1200px;margin:0 auto;min-height:100vh}.dashboard-header{text-align:center;margin-bottom:40px;padding:20px 0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-header h1{color:#0077b5;margin:0 0 16px;font-size:2.5rem;font-weight:600;text-align:center;width:100%}.dashboard-subtitle{color:#666;font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6;text-align:center;display:block;width:100%;padding:0 20px}.dashboard-content{display:grid;gap:24px}.welcome-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-header{background:linear-gradient(135deg,#0077b5,#005885);color:#fff;padding:20px 24px}.card-header h2{margin:0;font-size:1.5rem;font-weight:500}.card-body{padding:24px}.card-body p{color:#333;line-height:1.6;margin-bottom:24px}.development-info,.features-info,.next-steps{margin-bottom:32px}.development-info h3,.features-info h3,.next-steps h3{color:#0077b5;font-size:1.2rem;margin-bottom:16px;font-weight:600}.development-info ul,.features-info ul{list-style:none;padding:0}.development-info li,.features-info li{margin-bottom:12px;padding-left:0}.next-steps ol{padding-left:20px}.next-steps li{margin-bottom:8px;color:#333}code{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:2px 6px;font-family:Monaco,Consolas,monospace;font-size:.9em;color:#e74c3c}@media (max-width: 768px){.dashboard-container{padding:16px}.dashboard-header h1{font-size:2rem}.card-body{padding:16px}}.header{height:60px;background-color:var(--brand-primary);border-bottom:1px solid var(--brand-primary-border);display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:relative;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.header-title{font-size:18px;font-weight:700;color:var(--text-inverse);text-align:left;font-family:var(--font-family);line-height:24px}.title-link{text-decoration:none;color:var(--text-inverse);display:block}.title-link:hover{text-decoration:none;color:var(--text-inverse)}.title-full{display:block;color:var(--text-inverse);text-decoration:none}.title-mobile{display:none}.header-user{position:relative}.user-info{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.user-info:hover{background-color:var(--brand-primary-hover)}.user-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:var(--text-inverse);border:2px solid rgba(255,255,255,.3)}.user-avatar.large{width:48px;height:48px;font-size:20px}.user-details{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-weight:500;font-size:14px;line-height:1.2;color:var(--text-inverse);font-family:var(--font-family)}.user-email{font-size:12px;opacity:.8;line-height:1.2;color:var(--text-inverse);font-family:var(--font-family)}.user-menu-toggle{font-size:12px;opacity:.7;transition:transform .2s ease;color:var(--text-inverse)}.user-info:hover .user-menu-toggle{transform:rotate(180deg)}.user-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--ui-surface);border-radius:8px;box-shadow:var(--shadow-card);min-width:280px;overflow:hidden;z-index:1001;animation:slideDown .2s ease-out;border:1px solid var(--ui-border)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:20px;background:var(--ui-surface-alt);border-bottom:1px solid var(--ui-border)}.user-menu-details{display:flex;flex-direction:column;gap:4px;margin-top:12px}.user-menu-details .user-name{color:var(--text-primary);font-weight:600;font-size:16px;font-family:var(--font-family)}.user-menu-details .user-email{color:var(--text-secondary);font-size:14px;font-family:var(--font-family)}.user-role{color:var(--brand-primary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-family)}.user-menu-items{padding:8px 0}.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;color:var(--text-primary);font-size:14px;font-family:var(--font-family)}.menu-item:hover{background-color:var(--ui-surface-hover)}.menu-item span:first-child{font-size:16px;width:20px;text-align:center}.menu-item.logout{color:#dc3545}.menu-item.logout:hover{background-color:#dc3545;color:#fff}.menu-item.switch-account{color:#007bff}.menu-item.switch-account:hover{background-color:#007bff;color:#fff}.menu-divider{height:1px;background:var(--ui-border);margin:8px 0}.user-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:999}@media (max-width: 768px){.header{padding:0 15px}.header-content{flex-direction:row;gap:0;align-items:center;justify-content:space-between}.header-title{text-align:left;font-size:16px}.user-info{justify-content:flex-end}.user-menu{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;border-radius:8px 8px 0 0;max-height:80vh;overflow-y:auto}.user-menu-backdrop{background:#00000080}}@media (max-width: 480px){.header{padding:0}.header-content{gap:0;padding:0 12px 0 60px}.title-full,.title-mobile,.user-details,.user-menu-toggle{display:none}.user-info{padding:12px 8px;gap:0;margin:0}.user-avatar{width:32px;height:32px;font-size:14px}}@media (max-width: 360px){.header{padding:0}.header-content{padding:0 8px 0 60px}.user-info{padding:12px 6px}.user-avatar{width:28px;height:28px;font-size:12px}}@media (prefers-color-scheme: dark){.user-menu{background:var(--ui-surface);border-color:var(--ui-border)}.user-menu-header{background:var(--ui-surface-alt);border-color:var(--ui-border)}.user-menu-details .user-name{color:var(--text-primary)}.user-menu-details .user-email{color:var(--text-secondary)}.menu-item{color:var(--text-primary)}.menu-item:hover{background-color:var(--ui-surface-hover)}.menu-item.logout:hover{background-color:var(--section-error-bg)}.menu-divider{background:var(--ui-border)}.user-menu-backdrop{background:#00000080}}@media (prefers-reduced-motion: reduce){.user-menu{animation:none}.user-menu-toggle{transition:none}}@media (prefers-contrast: high){.user-menu{border:2px solid var(--ui-border)}.menu-item{border-bottom:1px solid var(--ui-border)}}.mobile-menu-toggle{display:none;position:fixed;top:0;left:0;z-index:1001;background:var(--brand-primary);border:none;border-radius:0;padding:12px;cursor:pointer;box-shadow:none;transition:all .3s ease;height:60px;width:60px;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:var(--brand-primary-hover);transform:none}.mobile-menu-toggle:active{background:var(--brand-primary-active);transform:none}.hamburger{display:flex;flex-direction:column;width:20px;height:16px;justify-content:space-between}.hamburger span{display:block;width:100%;height:2px;background:#fff;border-radius:1px;transition:all .3s ease;transform-origin:center}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navigation-sidebar{width:250px;background:var(--ui-surface);border-right:1px solid var(--ui-border);display:flex;flex-direction:column;height:100%;overflow-y:auto;transition:all .3s ease;scrollbar-gutter:stable}.navigation-sidebar::-webkit-scrollbar{width:12px}.navigation-sidebar::-webkit-scrollbar-track{background:transparent}.navigation-sidebar::-webkit-scrollbar-thumb{background:var(--ui-border);border-radius:6px;border:2px solid transparent;background-clip:content-box}.navigation-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);background-clip:content-box}.nav-header{display:none;align-items:center;justify-content:space-between;padding:20px 15px 15px;border-bottom:1px solid var(--ui-border)}.nav-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;font-family:var(--font-family)}.mobile-close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.mobile-close-btn:hover{background:var(--ui-surface-hover);color:var(--text-primary)}.nav-content{padding:15px 10px;flex:1;display:flex;flex-direction:column;gap:4px}.nav-item{height:48px;display:flex;align-items:center;padding:0 15px;color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500;font-family:var(--font-family);border-radius:8px;transition:all .2s ease;cursor:pointer;background:transparent;border:none;text-align:left;position:relative}.nav-item:hover{background:var(--ui-surface-hover);transform:translate(2px)}.nav-item:active{background:var(--ui-surface-active);transform:translate(1px)}.nav-item.active{background:var(--brand-primary);color:var(--text-inverse);font-weight:600}.nav-item.active:hover{background:var(--brand-primary-hover)}.nav-item.active:active{background:var(--brand-primary-active)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--text-inverse);border-radius:0 2px 2px 0}.nav-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--ui-border)}.nav-section-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;padding:0 15px 8px;margin:0 0 8px;font-family:var(--font-family)}.nav-item:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}.nav-item.admin-link{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;border-radius:8px;margin:8px 12px;padding:12px 16px;transition:all .3s ease}.nav-item.admin-link:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-item.admin-link.active{background:linear-gradient(135deg,#4c63d2,#5d3780);box-shadow:0 2px 8px #667eea66}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.mobile-menu-overlay{display:block}.navigation-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:1000;border-radius:0;border-right:none;box-shadow:4px 0 20px #0003}.navigation-sidebar.mobile-open{left:0}.nav-header{display:flex}.nav-content{padding:10px 5px}.nav-item{height:52px;font-size:15px;padding:0 20px;border-radius:10px}.nav-section-title{font-size:12px;padding:0 20px 10px;margin-bottom:10px}body.menu-open{overflow:hidden}}@media (min-width: 769px) and (max-width: 1024px){.navigation-sidebar{width:220px}.nav-item{height:46px;font-size:13px;padding:0 12px}}@media (min-width: 1025px){.navigation-sidebar{width:260px;border-radius:12px}.nav-item{height:50px;font-size:14px;padding:0 16px}.nav-item:hover{transform:translate(3px)}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ui-canvas);padding:var(--space-5);font-family:var(--font-family)}.auth-card{background:var(--ui-surface);border:2px solid var(--brand-primary);border-radius:var(--card-border-radius);box-shadow:var(--shadow-card);padding:var(--space-5);width:100%;max-width:480px;position:relative;overflow:hidden}.register-card{max-width:600px}.auth-header{text-align:center;margin-bottom:var(--space-5)}.auth-header h1{color:var(--text-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-h1);margin:0 0 var(--space-2) 0;font-family:var(--font-family)}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0;font-family:var(--font-family)}.auth-error{background:var(--section-error-bg);border:1px solid var(--section-error-border);border-radius:var(--input-border-radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);color:var(--text-error-dark);font-size:var(--font-size-body);display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family);line-height:var(--line-height-body)}.auth-error:before{content:"⚠️";font-size:16px}.auth-success{text-align:center;margin-bottom:var(--space-5);padding:var(--space-5);background:var(--section-success-bg);border:1px solid var(--state-success);border-radius:var(--input-border-radius);color:var(--text-success-dark);font-family:var(--font-family)}.success-icon{font-size:48px;margin-bottom:16px}.auth-success p{margin:8px 0;line-height:var(--line-height-body);font-size:var(--font-size-body)}.success-note{font-size:14px;color:var(--state-success);font-style:italic;font-family:var(--font-family)}.loading-stage{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--ui-surface-hover);border-radius:var(--input-border-radius);border:1px solid var(--ui-border)}.loading-stage-icon{width:16px;height:16px;border:2px solid var(--brand-primary);border-top:2px solid transparent;border-radius:50%}.loading-stage-text{font-size:var(--font-size-small);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.auth-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.auth-actions .auth-submit-btn{width:100%;max-width:200px}.auth-actions .auth-link{background:none;border:none;color:var(--brand-primary);font-size:var(--font-size-body);cursor:pointer;text-decoration:none;transition:color var(--transition-fast);font-family:var(--font-family);line-height:var(--line-height-body)}.auth-actions .auth-link:hover{color:var(--brand-primary-hover);text-decoration:underline}.auth-form{margin-bottom:var(--space-5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;color:var(--text-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);margin-bottom:var(--space-1);font-family:var(--font-family)}.form-group input,.form-group select{width:100%;padding:var(--space-2) var(--space-4);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);font-size:var(--font-size-body);line-height:var(--line-height-body);transition:border-color var(--transition-fast);background:var(--ui-surface);color:var(--text-primary);font-family:var(--font-family)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--ui-focus)}.form-group input.error,.form-group select.error{border-color:var(--state-error)}.form-group input.error:focus,.form-group select.error:focus{border-color:var(--state-error)}.form-group input::placeholder,.form-group select::placeholder{color:var(--text-neutral);font-family:var(--font-family)}.password-input{position:relative;display:flex;align-items:center}.password-input input{padding-right:48px}.password-toggle{position:absolute;right:var(--space-3);background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-secondary);padding:var(--space-1);border-radius:var(--input-border-radius);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--brand-primary)}.password-requirements{background:var(--ui-surface-alt);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:var(--space-4);margin-bottom:var(--space-5);font-family:var(--font-family)}.password-requirements h4{color:var(--text-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);margin:0 0 var(--space-2) 0;font-family:var(--font-family)}.password-requirements ul{margin:0;padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);font-family:var(--font-family)}.error-message{color:var(--state-error);font-size:var(--font-size-fine);line-height:var(--line-height-fine);margin-top:var(--space-1);display:block;font-family:var(--font-family)}.form-error{background:var(--section-error-bg);border:1px solid var(--section-error-border);border-radius:var(--input-border-radius);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);color:var(--text-error-dark);font-size:var(--font-size-body);line-height:var(--line-height-body);font-family:var(--font-family)}.oauth-suggestion{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3);background:var(--ui-surface-alt);border:1px solid var(--ui-border);border-radius:var(--border-radius-small);font-size:var(--font-size-small);color:var(--text-secondary);line-height:var(--line-height-body)}.oauth-suggestion-icon{font-size:var(--font-size-body);flex-shrink:0;line-height:1.2}.oauth-suggestion-text{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.oauth-suggestion-link{background:none;border:none;color:var(--brand-primary);text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;margin:0;font-weight:var(--font-weight-semibold);transition:color .2s ease}.oauth-suggestion-link:hover{color:var(--brand-primary-hover);text-decoration:none}.oauth-suggestion-link:focus{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:2px}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text-primary);cursor:pointer;font-family:var(--font-family)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary)}.forgot-password-link{background:none;border:none;color:var(--brand-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);cursor:pointer;text-decoration:none;transition:color var(--transition-fast);font-family:var(--font-family)}.forgot-password-link:hover{color:var(--brand-primary-hover);text-decoration:underline}.auth-submit-btn{width:100%;margin-bottom:8px}.auth-divider{position:relative;text-align:center;margin:var(--space-5) 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--ui-border)}.auth-divider span{background:var(--ui-surface);padding:0 var(--space-4);color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);position:relative;z-index:1;font-family:var(--font-family)}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:1px solid var(--ui-border);border-radius:var(--input-border-radius);background:var(--ui-surface);color:var(--text-primary);font-size:var(--font-size-body);font-family:var(--font-family);line-height:var(--line-height-body);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.oauth-btn:hover{background:var(--ui-surface-hover);border-color:var(--brand-primary)}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-btn img{width:20px;height:20px;flex-shrink:0}.google-btn:hover{border-color:#4285f4}.microsoft-btn:hover{border-color:#00a1f1}.auth-footer{text-align:center;margin-top:var(--space-5)}.auth-footer p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0;font-family:var(--font-family)}.auth-link{color:var(--brand-primary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color var(--transition-fast);font-family:var(--font-family)}.auth-link:hover{color:var(--brand-primary-hover);text-decoration:underline}.auth-card.loading{opacity:.7;pointer-events:none}@media (max-width: 640px){.auth-container{padding:var(--space-3)}.auth-card{max-width:100%;padding:var(--space-4)}.auth-header h1{font-size:var(--font-size-h2)}.auth-header p{font-size:var(--font-size-label)}.form-row{grid-template-columns:1fr}.form-options{flex-direction:column;align-items:flex-start}.oauth-buttons{gap:8px}.oauth-btn{padding:10px 12px}.password-requirements{padding:var(--space-3)}}@media (max-width: 480px){.auth-card{padding:var(--space-3)}.auth-header,.form-group{margin-bottom:var(--space-4)}.form-group input,.form-group select{padding:var(--space-2) var(--space-3);font-size:var(--font-size-label)}}@media (prefers-color-scheme: dark){.auth-card{background:var(--ui-surface);border-color:var(--brand-primary)}.auth-header h1{color:var(--text-primary)}.auth-header p{color:var(--text-secondary)}.auth-success{background:var(--section-success-bg);border-color:var(--state-success)}.form-group label{color:var(--text-primary)}.form-group input,.form-group select{background:var(--ui-surface);color:var(--text-primary);border-color:var(--ui-border)}.form-group input:focus,.form-group select:focus{border-color:var(--ui-focus)}.form-group input::placeholder,.form-group select::placeholder{color:var(--text-neutral)}.password-requirements{background:var(--ui-surface-alt);border-color:var(--ui-border)}.password-requirements h4{color:var(--text-primary)}.password-requirements ul{color:var(--text-secondary)}.checkbox-label{color:var(--text-primary)}.auth-divider:before{background:var(--ui-border)}.auth-divider span{background:var(--ui-surface);color:var(--text-secondary)}.oauth-btn{background:var(--ui-surface);color:var(--text-primary);border-color:var(--ui-border)}.oauth-btn:hover{background:var(--ui-surface-hover);border-color:var(--brand-primary)}.auth-footer,.auth-footer p{color:var(--text-secondary)}}.auth-card:focus-within{outline:3px solid var(--ui-focus);outline-offset:2px}.auth-card{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.auth-card,.password-toggle,.oauth-btn,.auth-link,.forgot-password-link{animation:none;transition:none}}@media (prefers-contrast: high){.auth-card,.form-group input,.form-group select,.oauth-btn{border:2px solid var(--text-primary)}}.profile-content{padding:var(--space-4)}.profile-section{margin-bottom:var(--space-6)}.profile-section h3{color:var(--text-primary);font-size:var(--font-size-h3);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--ui-border)}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--ui-border-light)}.profile-field:last-child{border-bottom:none}.profile-field label{font-weight:600;color:var(--text-primary);min-width:150px}.profile-value{color:var(--text-secondary);text-align:right;flex:1;margin-left:var(--space-4)}.verification-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-fine);font-weight:500;margin-left:var(--space-2)}.verification-badge.verified{background:var(--state-success-bg);color:var(--state-success)}.verification-badge.unverified{background:var(--state-warning-bg);color:var(--state-warning)}.role-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-fine);font-weight:500;text-transform:uppercase}.role-badge.user{background:var(--brand-primary-bg);color:var(--brand-primary)}.role-badge.admin{background:var(--state-warning-bg);color:var(--state-warning)}.role-badge.super-admin{background:var(--state-danger-bg);color:var(--state-danger)}.consent-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-fine);font-weight:500}.consent-badge.granted{background:var(--state-success-bg);color:var(--state-success)}.consent-badge.not-granted{background:var(--state-warning-bg);color:var(--state-warning)}.profile-actions{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--ui-border);display:flex;gap:var(--space-3)}.security-content{padding:var(--space-4)}.security-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--ui-border)}.tab-button{padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-label);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-button:hover{color:var(--text-primary);background:var(--ui-surface-hover)}.tab-button.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.security-section{margin-bottom:var(--space-6)}.security-section h3{color:var(--text-primary);font-size:var(--font-size-h3);margin-bottom:var(--space-4)}.security-section h4{color:var(--text-primary);font-size:var(--font-size-h4);margin-bottom:var(--space-3)}.session-list{margin-bottom:var(--space-4)}.session-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border:1px solid var(--ui-border);border-radius:var(--border-radius);margin-bottom:var(--space-3);background:var(--ui-surface)}.session-info{flex:1}.session-device{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.session-details{display:flex;gap:var(--space-4);color:var(--text-secondary);font-size:var(--font-size-fine)}.session-actions{display:flex;align-items:center}.current-session-badge{background:var(--brand-primary-bg);color:var(--brand-primary);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-fine);font-weight:500}.session-actions-bulk{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--ui-border)}.security-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--ui-surface-alt);border-radius:var(--border-radius)}.summary-item{display:flex;flex-direction:column;gap:var(--space-1)}.summary-item label{font-weight:600;color:var(--text-primary);font-size:var(--font-size-label)}.summary-item span{color:var(--text-secondary);font-size:var(--font-size-body)}.status-active{color:var(--state-success);font-weight:600}.status-locked{color:var(--state-danger);font-weight:600}.security-events-list{margin-top:var(--space-4)}.security-event-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--ui-border);border-radius:var(--border-radius);margin-bottom:var(--space-2);background:var(--ui-surface)}.event-icon{flex-shrink:0;margin-top:var(--space-1)}.severity-indicator{width:12px;height:12px;border-radius:50%}.event-details{flex:1}.event-type{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.event-description{color:var(--text-secondary);margin-bottom:var(--space-1)}.event-meta{display:flex;gap:var(--space-3);color:var(--text-neutral);font-size:var(--font-size-fine)}.password-info{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--ui-surface-alt);border-radius:var(--border-radius);color:var(--text-secondary)}.password-form{max-width:400px}.password-requirements{margin-top:var(--space-2);padding:var(--space-3);background:var(--ui-surface-alt);border-radius:var(--border-radius);font-size:var(--font-size-fine);color:var(--text-secondary)}.password-requirements ul{margin:var(--space-2) 0 0 0;padding-left:var(--space-4)}.password-requirements li{margin-bottom:var(--space-1)}.form-actions{margin-top:var(--space-4)}.preferences-content{padding:var(--space-4)}.preferences-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--ui-border)}.preferences-section{margin-bottom:var(--space-6)}.preferences-section h3{color:var(--text-primary);font-size:var(--font-size-h3);margin-bottom:var(--space-4)}.notification-options,.privacy-options,.export-options{display:flex;flex-direction:column;gap:var(--space-4)}.notification-item,.privacy-item,.export-item{display:flex;flex-direction:column;gap:var(--space-1)}.notification-item label,.privacy-item label,.export-item label{display:flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--text-primary);cursor:pointer}.notification-item input[type=checkbox],.privacy-item input[type=checkbox],.export-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary)}.notification-item small,.privacy-item small,.export-item small{color:var(--text-secondary);font-size:var(--font-size-fine);margin-left:var(--space-6)}.data-info{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--ui-surface-alt);border-radius:var(--border-radius);color:var(--text-secondary)}.data-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.preferences-actions{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--ui-border)}@media (max-width: 768px){.profile-field{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.profile-value{text-align:left;margin-left:0}.security-tabs,.preferences-tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:120px}.session-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.session-details{flex-direction:column;gap:var(--space-1)}.security-summary{grid-template-columns:1fr}.data-actions,.profile-actions{flex-direction:column}}@media (max-width: 480px){.profile-content,.security-content,.preferences-content{padding:var(--space-3)}.profile-section,.security-section,.preferences-section{margin-bottom:var(--space-4)}.tab-button{padding:var(--space-2) var(--space-3);font-size:var(--font-size-fine)}.session-item,.security-event-item{padding:var(--space-3)}}.auth-methods-summary{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:var(--space-4);margin-bottom:var(--space-5)}.auth-methods-summary h4{color:var(--text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0;font-family:var(--font-family)}.auth-methods-list{display:flex;flex-direction:column;gap:var(--space-3)}.auth-method-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--ui-canvas);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);transition:all .2s ease}.auth-method-item:hover{border-color:var(--brand-primary);box-shadow:0 2px 4px #0000001a}.auth-method-icon{font-size:20px;width:24px;text-align:center}.auth-method-name{flex:1;color:var(--text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);font-family:var(--font-family)}.auth-method-status{padding:var(--space-1) var(--space-2);border-radius:var(--input-border-radius);font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-family)}.auth-method-status.active{background:var(--state-success);color:#fff}.auth-method-status.linked{background:var(--brand-primary);color:#fff}.password-setup{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:var(--space-4);margin-bottom:var(--space-4)}.password-setup h4{color:var(--text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0;font-family:var(--font-family)}.oauth-user-info{background:var(--ui-canvas);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:var(--space-3);margin-bottom:var(--space-4)}.oauth-user-info p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0 0 var(--space-2) 0;font-family:var(--font-family)}.oauth-user-info p:first-child{color:var(--text-primary);font-weight:var(--font-weight-medium)}.oauth-user-info ul{margin:var(--space-2) 0 0 0;padding-left:var(--space-4);color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);font-family:var(--font-family)}.oauth-user-info li{margin-bottom:var(--space-1)}.password-management{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--input-border-radius);padding:var(--space-4);margin-bottom:var(--space-4)}.password-management h4{color:var(--text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0;font-family:var(--font-family)}@media (max-width: 768px){.auth-method-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.auth-method-status{align-self:flex-end}.oauth-user-info ul{padding-left:var(--space-3)}}@media (max-width: 480px){.auth-methods-summary,.password-setup,.password-management{padding:var(--space-3)}.auth-method-item{padding:var(--space-2)}}.auth0-success-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth0-success-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:500px;width:100%;animation:slideIn .6s ease-out}.auth0-success-card.success{border-left:6px solid #28a745}.auth0-success-card.info{border-left:6px solid #007bff}.auth0-success-card.error{border-left:6px solid #dc3545}.auth0-success-icon{font-size:4rem;margin-bottom:20px;animation:bounce 1s ease-in-out}.auth0-success-card h1{color:#333;margin-bottom:16px;font-size:1.8rem;font-weight:600}.auth0-success-card p{color:#666;margin-bottom:24px;font-size:1.1rem;line-height:1.6}.auth0-success-loading{display:flex;flex-direction:column;align-items:center;gap:16px;margin:24px 0}.auth0-success-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.auth0-success-button{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.auth0-success-button:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.auth0-success-button:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.auth0-success-card{padding:30px 20px;margin:20px}.auth0-success-card h1{font-size:1.5rem}.auth0-success-card p{font-size:1rem}.auth0-success-icon{font-size:3rem}}@media (prefers-color-scheme: dark){.auth0-success-card{background:#2d3748;color:#e2e8f0}.auth0-success-card h1{color:#f7fafc}.auth0-success-card p{color:#cbd5e0}}.hipaa-session-expiry{min-height:100vh;background:var(--ui-canvas, #F3F6F8);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Arial,sans-serif}.hipaa-session-container{background:var(--ui-surface, #FFFFFF);border:2px solid var(--brand-primary, #0077B5);border-radius:8px;box-shadow:0 4px 12px var(--ui-shadow, rgba(0,119,181,.15));max-width:800px;width:100%;overflow:hidden}.hipaa-session-header{background:linear-gradient(135deg,#dc3545,#c82333);color:var(--text-inverse, #FFFFFF);padding:40px 30px 35px;text-align:center;position:relative}.hipaa-session-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hipaa-icon{font-size:3rem;margin-bottom:20px;position:relative;z-index:1}.hipaa-session-header h1{margin:0;font-size:18px;font-weight:700;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px}.hipaa-session-content{padding:20px}.hipaa-message h2{color:var(--text-primary, #2C3E50);margin:0 0 20px;font-size:14px;font-weight:700}.hipaa-message p{color:var(--text-secondary, #666666);line-height:20px;margin-bottom:25px;font-size:14px}.hipaa-session-timing{background:var(--ui-surface-alt, #F9FAFB);border-left:4px solid var(--brand-primary, #0077B5);padding:20px;margin:25px 0;border-radius:0 6px 6px 0}.hipaa-session-timing h3{color:var(--brand-primary, #0077B5);margin:0 0 15px;font-size:14px;font-weight:700}.session-timing-grid{display:grid;gap:12px}.timing-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--ui-gridline, #F0F0F0)}.timing-item:last-child{border-bottom:none}.timing-label{font-weight:600;color:var(--text-primary, #2C3E50);font-size:12px}.timing-value{color:var(--text-secondary, #666666);font-size:12px;text-align:right;font-family:Segoe UI,Arial,sans-serif;background:var(--ui-surface-alt, #F9FAFB);padding:4px 8px;border-radius:4px;min-width:120px}.hipaa-compliance-info{background:var(--ui-surface-alt, #F9FAFB);border-left:4px solid var(--state-success, #28A745);padding:20px;margin:25px 0;border-radius:0 6px 6px 0}.hipaa-compliance-info h3{color:var(--state-success, #28A745);margin:0 0 15px;font-size:14px;font-weight:700}.hipaa-compliance-info ul{margin:0;padding-left:20px;color:var(--text-secondary, #666666)}.hipaa-compliance-info li{margin-bottom:8px;line-height:20px;font-size:14px}.hipaa-compliance-info strong{color:var(--text-primary, #2C3E50)}.hipaa-security-notice{background:var(--section-warning-bg, #FEF9E7);border:1px solid var(--section-warning-border, #E67E22);border-radius:6px;padding:20px;margin:25px 0}.hipaa-security-notice h3{color:var(--text-warning-dark, #D68910);margin:0 0 10px;font-size:14px;font-weight:700}.hipaa-security-notice p{color:var(--text-warning-dark, #D68910);margin:0;line-height:20px;font-size:14px}.hipaa-actions{text-align:center;margin-top:30px}.hipaa-login-btn{background:var(--state-success-button, #27AE60);color:var(--text-inverse, #FFFFFF);border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s;box-shadow:0 4px 12px #28a7454d;margin-bottom:20px}.hipaa-login-btn:hover{background:var(--state-success-hover, #229954);transform:translateY(-2px);box-shadow:0 6px 16px #28a74566}.hipaa-login-btn:active{transform:translateY(0)}.hipaa-help{color:var(--text-secondary, #666666);font-size:12px;line-height:16px}.hipaa-help p{margin:0}.hipaa-footer{background:var(--ui-surface-light, #F8F9FA);padding:20px 30px;text-align:center;border-top:1px solid var(--ui-divider, #DEE2E6);color:var(--text-secondary, #666666);font-size:10px;line-height:14px}.hipaa-footer p{margin:0}@media (max-width: 768px){.hipaa-session-container{margin:10px;max-width:none}.hipaa-session-header{padding:30px 20px 25px}.hipaa-session-header h1{font-size:18px;white-space:normal;line-height:24px}.hipaa-session-content{padding:20px}.hipaa-login-btn{width:100%;padding:10px 20px}.timing-item{flex-direction:column;align-items:flex-start;gap:4px}.timing-value{text-align:left;min-width:auto;width:100%}}@media (max-width: 480px){.hipaa-session-header{padding:25px 15px 20px}.hipaa-session-header h1{font-size:18px;white-space:normal;line-height:24px}.hipaa-message h2{font-size:14px}.hipaa-compliance-info,.hipaa-security-notice,.hipaa-session-timing{padding:15px}}.admin-apps{padding:20px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 120px)}.page-header{margin-bottom:30px;text-align:center}.page-header h1{color:#0a66c2;font-size:2.5rem;margin-bottom:10px;font-weight:700}.page-header p{color:#666;font-size:1.1rem}.admin-layout{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-bottom:30px}.apps-list{grid-column:1}.app-details-panel{grid-column:2}.apps-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:20px}.app-card{display:flex;flex-direction:column;padding:20px;border:2px solid #e1e5e9;border-left:4px solid;border-radius:8px;background:#fff;transition:all .3s ease;cursor:pointer;height:140px;min-height:140px;max-height:140px}.app-card.active{border-color:#0a66c2;background:#f3f8ff}.app-card.selected{border-color:#0a66c2;box-shadow:0 4px 12px #0a66c233}.app-card:hover{border-color:#0a66c2;box-shadow:0 4px 12px #0a66c21a;transform:translateY(-2px)}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;flex-shrink:0}.app-icon{font-size:2.5rem;margin-right:15px}.app-details h3{margin:0 0 5px;color:#000;font-size:1.2rem}.app-category{margin:0;color:#666;font-size:.9rem;font-weight:500}.app-description{margin-bottom:15px;flex:1;overflow:hidden}.app-description p{margin:0;color:#666;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.app-actions{flex-shrink:0;display:flex;gap:8px}.app-actions button{min-width:110px}.app-detail-content{padding:10px 0}.detail-section{margin-bottom:25px}.detail-section h4{margin:0 0 10px;color:#333;font-size:1.1rem}.detail-section p{color:#666;line-height:1.5}.detail-section .input,.detail-section .textarea{width:100%}.status-info{display:flex;align-items:center;gap:15px}.status-indicator{font-weight:600}.status-indicator.active{color:#28a745}.status-indicator.inactive{color:#dc3545}.app-id{font-family:monospace;color:#666;font-size:.9rem}.no-selection{text-align:center;padding:40px;color:#666}.admin-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.auth-success{background:#d4edda;color:#155724;padding:12px 20px;border-radius:8px;border:1px solid #c3e6cb}.auth-error{background:#f8d7da;color:#721c24;padding:12px 20px;border-radius:8px;border:1px solid #f5c6cb}@media (max-width: 1200px){.admin-layout{grid-template-columns:1fr}.app-details-panel{order:-1}}@media (max-width: 768px){.admin-apps{padding:15px}.page-header h1{font-size:2rem}.app-card{height:auto;min-height:120px}.app-header{flex-direction:column;align-items:flex-start;gap:10px}.app-actions{width:100%;justify-content:flex-end}.admin-actions{flex-direction:column;align-items:center}}.create-app-card{padding:16px}.create-form.create-inline{display:grid;grid-template-columns:2fr 2fr 3fr 1fr auto;gap:12px;align-items:center}.create-form.create-inline .input{height:44px}.create-form.create-inline button{height:44px;padding:0 20px}.actions-row{display:flex;gap:12px;margin-top:10px}.note-text{color:#7f8c8d;font-size:12px;margin-top:8px}@media (max-width: 900px){.create-form.create-inline{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border:1px solid var(--ui-border);border-radius:8px;width:600px;max-width:90vw;box-shadow:0 10px 30px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--ui-border)}.modal-body{padding:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:12px 16px;border-top:1px solid var(--ui-border)}.close-btn{background:transparent;border:none;font-size:20px;cursor:pointer}.warning-box{background:#fff5f5;border:1px solid #f5c2c7;color:#842029;padding:10px 12px;border-radius:6px;margin-bottom:12px}.warning-box code{background:#fde2e2;padding:0 4px;border-radius:4px}.confirm-delete-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.confirm-delete-grid .field{display:flex;flex-direction:column;gap:6px}.confirm-delete-grid label{font-weight:600;color:#444}@media (max-width: 640px){.confirm-delete-grid{grid-template-columns:1fr}}.admin-dashboard{padding:2rem;max-width:1200px;margin:0 auto}.admin-header{text-align:center;margin-bottom:3rem}.admin-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.admin-header p{color:#7f8c8d;font-size:1.1rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.admin-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e1e8ed;transition:transform .2s ease,box-shadow .2s ease}.admin-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.admin-card h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.admin-card p{color:#7f8c8d;line-height:1.6;margin-bottom:1.5rem}.admin-card-link{display:inline-block;background:#3498db;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s ease}.admin-card-link:hover{background:#2980b9;color:#fff;text-decoration:none}.admin-card-link.disabled{background:#bdc3c7;color:#7f8c8d;cursor:not-allowed}.admin-card-link.disabled:hover{background:#bdc3c7}@media (max-width: 768px){.admin-dashboard{padding:1rem}.admin-grid{grid-template-columns:1fr;gap:1.5rem}.admin-header h1{font-size:2rem}}.user-management{padding:20px;max-width:1400px;margin:0 auto}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-management-header h1{margin:0;color:#333;font-size:2rem;font-weight:600}.filters-section{display:flex;gap:15px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-box input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.filter-controls{display:flex;gap:10px}.filter-controls select{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:120px}.users-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.users-table{width:100%;border-collapse:collapse;background:#fff}.users-table th{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:14px}.users-table td{padding:15px 12px;border-bottom:1px solid #e9ecef;vertical-align:middle}.users-table tbody tr:hover{background-color:#f8f9fa}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-details{display:flex;flex-direction:column}.user-name{font-weight:500;color:#333;font-size:14px}.user-id{font-size:12px;color:#6c757d}.badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background-color:#007bff;color:#fff}.badge-danger{background-color:#dc3545;color:#fff}.badge-warning{background-color:#ffc107;color:#212529}.badge-success{background-color:#28a745;color:#fff}.badge-secondary{background-color:#6c757d;color:#fff}.btn-outline-success{background:transparent;color:#28a745;border:1px solid #28a745}.btn-outline-success:hover{background:#28a745;color:#fff}.btn-outline-danger{background:transparent;color:#dc3545;border:1px solid #dc3545}.btn-outline-danger:hover{background:#dc3545;color:#fff}.users-summary{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:6px;text-align:center;color:#6c757d;font-size:14px}@media (max-width: 768px){.user-management{padding:10px}.user-management-header{flex-direction:column;gap:15px;align-items:stretch}.filters-section{flex-direction:column}.search-box{min-width:auto}.filter-controls{flex-direction:column}.users-table{font-size:12px}.users-table th,.users-table td{padding:10px 8px}.action-buttons{flex-direction:column;gap:5px}.btn-sm{width:100%;text-align:center}.modal{width:95%;margin:10px}}.system-health{padding:20px;max-width:1400px;margin:0 auto}.system-health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.system-health-header h1{margin:0;color:#333;font-size:2rem;font-weight:600}.health-section{margin-bottom:30px}.health-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px;border-bottom:2px solid #e9ecef;padding-bottom:8px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e9ecef}.status-item:last-child{border-bottom:none}.status-label{font-weight:500;color:#495057}.status-value{font-weight:600;padding:4px 12px;border-radius:20px;font-size:14px}.status-value.success{background-color:#d4edda;color:#155724}.status-value.warning{background-color:#fff3cd;color:#856404}.status-value.danger{background-color:#f8d7da;color:#721c24}.status-value.secondary{background-color:#e2e3e5;color:#383d41}.status-value.info{background-color:#d1ecf1;color:#0c5460}.database-details,.backup-details,.vulnerability-details{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:6px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{font-weight:500;color:#495057}.endpoint{font-family:Courier New,monospace;font-size:12px;color:#6c757d;word-break:break-all}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.service-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.service-name{font-weight:500;color:#495057}.service-status{font-weight:600;font-size:14px}.service-status.success{color:#28a745}.service-status.danger{color:#dc3545}.metrics-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.metric-row span:first-child{font-weight:500;color:#495057}.metric-row span:last-child{font-family:Courier New,monospace;font-weight:600;color:#333}@media (max-width: 768px){.system-health{padding:10px}.system-health-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{flex-direction:column;gap:10px}.metrics-grid,.services-grid,.metrics-details{grid-template-columns:1fr}.quick-actions{flex-direction:column}.btn-outline-primary{width:100%;text-align:center}.detail-row{flex-direction:column;align-items:flex-start;gap:5px}.service-item{flex-direction:column;gap:8px;text-align:center}}.security-management{padding:20px;max-width:1400px;margin:0 auto}.security-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.security-header h1{margin:0;color:#333;font-size:2rem;font-weight:600}.security-section{margin-bottom:30px}.security-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px;border-bottom:2px solid #e9ecef;padding-bottom:8px}.events-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.events-table{width:100%;border-collapse:collapse;background:#fff}.events-table th{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:14px}.events-table td{padding:15px 12px;border-bottom:1px solid #e9ecef;vertical-align:middle}.events-table tbody tr:hover{background-color:#f8f9fa}.event-info{display:flex;align-items:center;gap:12px}.event-icon{font-size:20px;width:30px;text-align:center}.event-details{display:flex;flex-direction:column}.event-type{font-weight:600;color:#333;font-size:14px;text-transform:capitalize}.event-description{font-size:12px;color:#6c757d;margin-top:2px}.ip-address{font-family:Courier New,monospace;font-size:12px;color:#6c757d}.severity-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.severity-badge.danger{background-color:#dc3545;color:#fff}.severity-badge.warning{background-color:#ffc107;color:#212529}.severity-badge.info{background-color:#17a2b8;color:#fff}.severity-badge.success{background-color:#28a745;color:#fff}.severity-badge.secondary{background-color:#6c757d;color:#fff}.timestamp-info{display:flex;flex-direction:column}.timestamp{font-size:12px;color:#333;font-weight:500}.time-ago{font-size:11px;color:#6c757d;margin-top:2px}.no-events,.no-logs{padding:40px;text-align:center;color:#6c757d;font-style:italic}.vulnerability-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.vuln-metric{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.vuln-label{font-weight:500;color:#495057}.vuln-count{font-weight:600;font-size:18px;padding:4px 12px;border-radius:20px}.vuln-count.danger{background-color:#f8d7da;color:#721c24}.vuln-count.warning{background-color:#fff3cd;color:#856404}.vuln-count.success{background-color:#d4edda;color:#155724}.vuln-count.info{background-color:#d1ecf1;color:#0c5460}.vuln-timestamp{font-size:12px;color:#6c757d;font-family:Courier New,monospace}.audit-logs-container{max-height:400px;overflow-y:auto}.audit-log-item{padding:15px;border-bottom:1px solid #e9ecef;background:#fff}.audit-log-item:last-child{border-bottom:none}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.log-type{font-weight:600;color:#333;text-transform:capitalize}.log-severity{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:500;text-transform:uppercase}.log-severity.danger{background-color:#f8d7da;color:#721c24}.log-severity.warning{background-color:#fff3cd;color:#856404}.log-severity.info{background-color:#d1ecf1;color:#0c5460}.log-severity.success{background-color:#d4edda;color:#155724}.log-timestamp{font-size:12px;color:#6c757d}.log-details{font-size:14px}.log-user{font-weight:500;color:#495057;margin-bottom:5px}.log-action{color:#333;margin-bottom:5px}.log-resource{font-size:12px;color:#6c757d;margin-bottom:5px}.log-details-text{font-size:12px;color:#6c757d;font-family:Courier New,monospace;background:#f8f9fa;padding:8px;border-radius:4px;margin-top:5px}.event-detail{margin-bottom:15px}.event-detail label{display:block;font-weight:500;color:#495057;margin-bottom:5px}.event-detail span{color:#333}.event-details-json{background:#f8f9fa;padding:10px;border-radius:4px;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}@media (max-width: 768px){.security-management{padding:10px}.security-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{flex-direction:column;gap:10px}.metrics-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.filter-select{min-width:auto}.events-table{font-size:12px}.events-table th,.events-table td{padding:10px 8px}.vulnerability-overview{grid-template-columns:1fr}.quick-actions{flex-direction:column}.modal{width:95%;margin:10px}.log-header{flex-direction:column;align-items:flex-start;gap:5px}}.backup-management-content{padding:20px;max-width:1400px;margin:0 auto}.backup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.backup-header h1{margin:0;color:#333;font-size:2rem;font-weight:600}.backup-section{margin-bottom:30px}.backup-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px;border-bottom:2px solid #e9ecef;padding-bottom:8px}.filters-section{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filter-select{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:150px}.backup-health{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.health-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.health-label{font-weight:500;color:#495057}.health-value{font-weight:600;font-size:14px}.health-value.success{color:#28a745}.health-value.danger{color:#dc3545}.health-value.warning{color:#ffc107}.health-value.info{color:#17a2b8}.backup-table-container,.recovery-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.backup-table,.recovery-table{width:100%;border-collapse:collapse;background:#fff}.backup-table th,.recovery-table th{background:#f8f9fa;padding:15px 12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;font-size:14px}.backup-table td,.recovery-table td{padding:15px 12px;border-bottom:1px solid #e9ecef;vertical-align:middle}.backup-table tbody tr:hover,.recovery-table tbody tr:hover{background-color:#f8f9fa}.backup-id{display:flex;flex-direction:column}.backup-id-text{font-weight:600;color:#333;font-family:Courier New,monospace;font-size:12px}.backup-description{font-size:12px;color:#6c757d;margin-top:2px}.backup-type{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.backup-type.full{background-color:#007bff;color:#fff}.backup-type.incremental{background-color:#28a745;color:#fff}.backup-type.differential{background-color:#ffc107;color:#212529}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.success{background-color:#28a745;color:#fff}.status-badge.warning{background-color:#ffc107;color:#212529}.status-badge.danger{background-color:#dc3545;color:#fff}.status-badge.secondary{background-color:#6c757d;color:#fff}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-outline-secondary{background:transparent;color:#6c757d;border:1px solid #6c757d}.btn-outline-secondary:hover{background:#6c757d;color:#fff}.btn-outline-info{background:transparent;color:#17a2b8;border:1px solid #17a2b8}.btn-outline-info:hover{background:#17a2b8;color:#fff}.btn-outline-warning{background:transparent;color:#ffc107;border:1px solid #ffc107}.btn-outline-warning:hover{background:#ffc107;color:#212529}.no-backups,.no-recoveries{padding:40px;text-align:center;color:#6c757d;font-style:italic}.form-group small{font-size:12px;color:#6c757d;margin-top:5px;display:block}.btn-success{background:#28a745;color:#fff;border:1px solid #28a745;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-success:hover{background:#218838;border-color:#218838}.btn-warning{background:#ffc107;color:#212529;border:1px solid #ffc107;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-warning:hover{background:#e0a800;border-color:#e0a800}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.backup-management-content{padding:10px}.backup-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{flex-direction:column;gap:10px}.metrics-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.filter-select{min-width:auto}.backup-health{grid-template-columns:1fr}.backup-table,.recovery-table{font-size:12px}.backup-table th,.backup-table td,.recovery-table th,.recovery-table td{padding:10px 8px}.action-buttons{flex-direction:column;gap:5px}.btn-sm{width:100%;text-align:center}.quick-actions{flex-direction:column}.modal{width:95%;margin:10px}.health-item{flex-direction:column;align-items:flex-start;gap:5px}}.system-configuration-content{padding:20px;max-width:1400px;margin:0 auto}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.config-header h1{margin:0;color:#333;font-size:2rem;font-weight:600}.config-sections{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.config-section{margin-bottom:20px}.config-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px;border-bottom:2px solid #e9ecef;padding-bottom:8px}.config-section .config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.config-section .config-header h3{margin:0;color:#333;font-size:1.2rem;font-weight:600}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}.config-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.config-label{font-weight:500;color:#495057}.config-value{font-weight:600;font-size:14px;color:#333}.config-value.success{color:#28a745}.config-value.danger{color:#dc3545}.config-value.warning{color:#ffc107}.config-value.info{color:#17a2b8}.btn-sm{padding:6px 12px;font-size:12px;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease}.btn-outline-primary{background:transparent;color:#007bff;border:1px solid #007bff}.btn-outline-primary:hover{background:#007bff;color:#fff}.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}.modal{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{padding:20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:#333;font-size:1.25rem}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}.config-form{display:flex;flex-direction:column;gap:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group input[type=checkbox]{margin-right:8px}.btn-secondary{background:#6c757d;color:#fff;border:1px solid #6c757d;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#545b62;border-color:#545b62}@media (max-width: 768px){.system-configuration-content{padding:10px}.config-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{flex-direction:column;gap:10px}.config-grid{grid-template-columns:1fr}.config-item{flex-direction:column;align-items:flex-start;gap:5px}.quick-actions{flex-direction:column}.modal{width:95%;margin:10px}.config-section .config-header{flex-direction:column;gap:10px;align-items:stretch}}.analytics-content{padding:20px;max-width:1400px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics-header h1{margin:0;color:#333;font-size:2rem;font-weight:600}.time-range-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff}.analytics-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e9ecef;padding-bottom:10px}.tab-button{background:transparent;color:#6c757d;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#f8f9fa;color:#333}.tab-button.active{background:#007bff;color:#fff}.analytics-section{margin-bottom:30px}.analytics-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px;border-bottom:2px solid #e9ecef;padding-bottom:8px}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.performance-metric{padding:20px}.performance-metric h3{margin:0 0 15px;color:#333;font-size:1.1rem;font-weight:600}.metric-value{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.metric-value .value{font-size:2rem;font-weight:700;color:#333}.trend{font-size:14px;font-weight:500;padding:4px 8px;border-radius:12px}.trend.success{background-color:#d4edda;color:#155724}.trend.danger{background-color:#f8d7da;color:#721c24}.trend.secondary{background-color:#e2e3e5;color:#383d41}.metric-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-item span:first-child{color:#6c757d;font-weight:500}.detail-item span:last-child{font-weight:600;color:#333}.user-analytics-grid,.security-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.user-metrics,.security-metrics{padding:20px}.user-metrics h3,.security-metrics h3{margin:0 0 15px;color:#333;font-size:1.1rem;font-weight:600}.metric-list{display:flex;flex-direction:column;gap:12px}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.metric-item:last-child{border-bottom:none}.metric-label{color:#6c757d;font-weight:500;font-size:14px}.metric-value{font-weight:600;color:#333;font-size:14px}.metric-value.danger{color:#dc3545}.metric-value.warning{color:#ffc107}.metric-value.info{color:#17a2b8}.metric-value.success{color:#28a745}.quick-actions{display:flex;gap:15px;flex-wrap:wrap}.btn-outline-primary{background:transparent;color:#007bff;border:1px solid #007bff;padding:10px 20px;border-radius:6px;text-decoration:none;display:inline-block;transition:all .2s ease;cursor:pointer}.btn-outline-primary:hover{background:#007bff;color:#fff;text-decoration:none}.btn-outline-warning{background:transparent;color:#ffc107;border:1px solid #ffc107;padding:10px 20px;border-radius:6px;text-decoration:none;display:inline-block;transition:all .2s ease;cursor:pointer}.btn-outline-warning:hover{background:#ffc107;color:#212529;text-decoration:none}.btn-primary{background:#007bff;color:#fff;border:1px solid #007bff;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#0056b3;border-color:#0056b3}.alert{padding:15px;margin-bottom:20px;border-radius:6px;position:relative}.close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@media (max-width: 768px){.analytics-content{padding:10px}.analytics-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{flex-direction:column;gap:10px}.analytics-tabs{flex-wrap:wrap;gap:5px}.tab-button{flex:1;min-width:120px;text-align:center}.metrics-grid,.performance-grid,.user-analytics-grid,.security-analytics-grid{grid-template-columns:1fr}.metric-value{flex-direction:column;align-items:flex-start;gap:5px}.metric-value .value{font-size:1.5rem}.quick-actions{flex-direction:column}.metric-item{flex-direction:column;align-items:flex-start;gap:5px}}.system-overview{padding:20px;max-width:1400px;margin:0 auto}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.overview-header h1{margin:0;color:#333;font-size:2rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:15px}.last-updated{font-size:14px;color:#6c757d;font-style:italic}.overview-section{margin-bottom:30px}.overview-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px;border-bottom:2px solid #e9ecef;padding-bottom:8px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.quick-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.system-info{padding:20px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:#495057;font-size:14px}.info-value{font-weight:600;color:#333;font-size:14px}.alert{padding:15px;margin-bottom:20px;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;padding:0;margin-left:10px}@media (max-width: 768px){.overview-header{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{width:100%;justify-content:space-between}.metrics-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.quick-actions button{width:100%}}@media (max-width: 480px){.system-overview{padding:15px}.overview-header h1{font-size:1.5rem}.overview-section h2{font-size:1.25rem}}:root{--brand-primary: #0077B5;--brand-primary-hover: #005885;--brand-primary-active: #004A70;--brand-secondary: #005885;--brand-accent: #00A0DC;--brand-primary-border: #006097;--brand-primary-hover-alt: #004471;--ui-surface: #FFFFFF;--ui-surface-alt: #F9FAFB;--ui-canvas: #F3F6F8;--ui-border: #D0D7DE;--ui-divider: #DEE2E6;--ui-shadow: rgba(0,119,181,.15);--ui-focus: #0077B5;--ui-disabled: #CCCCCC;--ui-disabled-dark: #95A5A6;--ui-surface-hover: #ECF0F1;--ui-surface-hover-alt: #E8F4FD;--ui-surface-hover-light: #E9ECEF;--ui-surface-light: #F8F9FA;--ui-surface-active: #D5DBDB;--ui-button-dark: #5A6268;--ui-button-darker: #545B62;--text-primary: #2C3E50;--text-secondary: #666666;--text-inverse: #FFFFFF;--text-link: #0077B5;--text-muted: #999999;--text-tertiary: #7F8C8D;--text-dim: #6C757D;--text-dark: #34495E;--text-neutral: #495057;--text-black: #000000;--state-success: #28A745;--state-warning: #F59E0B;--state-error: #C0392B;--state-info: #3B82F6;--state-success-alt: #10B981;--state-error-alt: #EF4444;--state-success-hover: #229954;--state-success-button: #27AE60;--state-error-button: #E74C3C;--legacy-success: #2ECC71;--border-light: #E8EBED;--border-muted: #BDC3C7;--border-gridline: #F0F0F0;--border-gridline-alt: #E1E4E8;--section-info-border: #17A2B8;--section-info-bg: #E7F8FF;--section-success-bg: #D4EDDA;--section-success-bg-alt: #E8F8F5;--section-warning-border: #E67E22;--section-warning-bg: #FEF9E7;--section-error-border: #DC3545;--section-error-bg: #F8D7DA;--section-ai-border: #8E44AD;--section-ai-bg: #FAF9FF;--text-info-dark: #0C5460;--text-success-dark: #155724;--text-warning-dark: #D68910;--text-error-dark: #721C24;--text-ai-purple: #6C3483;--text-success-deep: #196F3D;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-8: 32px;--font-family: "Segoe UI", Arial, sans-serif;--font-family-code: "Consolas", monospace;--font-family-icon: Arial, sans-serif;--font-size-h1: 18px;--font-size-h2: 14px;--font-size-h3: 12px;--font-size-body: 14px;--font-size-label: 12px;--font-size-fine: 10px;--font-size-metric-large: 24px;--font-size-metric-medium: 20px;--font-weight-bold: bold;--font-weight-semibold: 600;--font-weight-regular: 400;--line-height-h1: 24px;--line-height-h2: 20px;--line-height-h3: 16px;--line-height-body: 20px;--line-height-label: 16px;--line-height-fine: 14px;--line-height-metric-large: 32px;--line-height-metric-medium: 26px;--header-height: 60px;--footer-height: 80px;--sidebar-width: 200px;--button-border-radius: 8px;--card-border-radius: 8px;--input-border-radius: 4px;--border-radius: 8px;--border-radius-small: 4px;--tab-border-radius: 8px;--shadow-card: 0 2px 8px var(--ui-shadow);--shadow-tooltip: 0 5px 20px rgba(0, 0, 0, .1);--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .4s ease}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text-primary);background-color:var(--ui-canvas)}:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--ui-surface-alt);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:6px;min-height:20px;min-width:20px}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}