@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);background:linear-gradient(135deg,#9333ea0d,#4285e80d)}.login-card{background:var(--color-primary-background);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-4xl);width:100%;max-width:450px}.login-header{text-align:center;margin-bottom:var(--spacing-4xl)}.login-logo{height:48px;margin-bottom:var(--spacing-lg)}.login-title{font-family:var(--font-family-heading);font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:700;color:var(--color-primary-text);margin:0 0 var(--spacing-xs) 0}.login-subtitle{font-size:var(--font-size-body-medium);color:var(--color-secondary-text);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input{padding-right:var(--spacing-5xl)}.input-icon-button{position:absolute;right:var(--spacing-md);background:none;border:none;cursor:pointer;font-size:20px;padding:var(--spacing-sm);opacity:.6;transition:opacity var(--transition-fast)}.input-icon-button:hover{opacity:1}.login-actions{display:flex;justify-content:flex-end;margin-top:calc(var(--spacing-sm) * -1)}.login-footer{text-align:center;margin-top:var(--spacing-xl)}.login-disclaimer{text-align:center;margin-top:var(--spacing-xxl);max-width:450px}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xs);margin-bottom:var(--spacing-lg);font-size:var(--font-size-body-medium)}.alert-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.alert-success{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.alert-warning{background-color:#fb923c1a;border:1px solid rgba(251,146,60,.3);color:#ea580c}@media (max-width: 768px){.login-container{padding:var(--spacing-lg)}.login-card{padding:var(--spacing-xxl)}.login-logo{height:40px}}.register-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);background:linear-gradient(135deg,#9333ea0d,#4285e80d)}.register-card{background:var(--color-primary-background);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-4xl);width:100%;max-width:550px}.register-header{text-align:center;margin-bottom:var(--spacing-4xl)}.register-logo{height:48px;margin-bottom:var(--spacing-lg)}.register-title{font-family:var(--font-family-heading);font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:700;color:var(--color-primary-text);margin:0 0 var(--spacing-xs) 0}.register-subtitle{font-size:var(--font-size-body-medium);color:var(--color-secondary-text);margin:0}.register-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.password-requirements{padding:var(--spacing-md);background-color:var(--color-ui-input-background);border-radius:var(--radius-xs);margin-top:calc(var(--spacing-md) * -1)}.password-requirements p{margin:0 0 var(--spacing-sm) 0;font-weight:600}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.requirements-list li{color:var(--color-secondary-text);padding-left:var(--spacing-lg);position:relative}.requirements-list li:before{content:"○";position:absolute;left:0;color:var(--color-secondary-text-light)}.requirements-list li.requirement-met{color:#16a34a}.requirements-list li.requirement-met:before{content:"✓";color:#16a34a;font-weight:700}.register-footer{text-align:center;margin-top:var(--spacing-lg)}.register-disclaimer{text-align:center;margin-top:var(--spacing-xxl);max-width:550px}@media (max-width: 768px){.register-container{padding:var(--spacing-lg)}.register-card{padding:var(--spacing-xxl)}.form-row{grid-template-columns:1fr}.register-logo{height:40px}}.header{position:fixed;top:0;left:0;right:0;height:var(--size-header-height, 70px);background:var(--color-primary-background);border-bottom:1px solid var(--color-ui-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xxl);z-index:var(--z-index-header, 100);box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-logo{height:36px;cursor:pointer;transition:opacity var(--transition-fast)}.header-logo:hover{opacity:.8}.header-title{font-family:var(--font-family-heading);font-size:var(--font-size-h6);font-weight:600;color:var(--color-primary-text)}.header-center{flex:1;max-width:500px;margin:0 var(--spacing-xxl)}.global-search{display:flex;align-items:center;background:var(--color-ui-input-background);border-radius:var(--radius-input);overflow:hidden;border:1px solid transparent;transition:all var(--transition-fast)}.global-search:focus-within{border-color:var(--color-gradient-blue);box-shadow:0 0 0 3px #4285e81a}.global-search-input{flex:1;border:none;background:transparent;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-body-medium);font-family:var(--font-family-body);color:var(--color-primary-text);outline:none}.global-search-input::placeholder{color:var(--color-secondary-text-light)}.global-search-button{background:none;border:none;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;font-size:18px;opacity:.6;transition:opacity var(--transition-fast)}.global-search-button:hover{opacity:1}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.header-icon-button{position:relative;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-icon);transition:background var(--transition-fast);font-size:20px}.header-icon-button:hover{background:var(--color-ui-icon-background)}.notification-badge{position:absolute;top:0;right:0;background:#dc2626;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-round);min-width:18px;text-align:center}.header-user-menu{position:relative}.header-user-button{display:flex;align-items:center;gap:var(--spacing-md);background:none;border:1px solid var(--color-ui-border);border-radius:var(--radius-button);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast)}.header-user-button:hover{background:var(--color-ui-icon-background);border-color:var(--color-gradient-blue)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-button);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-name{font-size:var(--font-size-body-medium);font-weight:600;color:var(--color-primary-text);line-height:1.2}.user-role{font-size:var(--font-size-body-small);color:var(--color-secondary-text);line-height:1.2}.dropdown-arrow{font-size:10px;color:var(--color-secondary-text);margin-left:var(--spacing-sm)}.user-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background:var(--color-primary-background);border:1px solid var(--color-ui-border);border-radius:var(--radius-xs);box-shadow:var(--shadow-modal);min-width:240px;z-index:var(--z-index-dropdown, 200);animation:fadeIn var(--transition-fast)}.user-dropdown-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-ui-border)}.user-dropdown-name{font-weight:600;font-size:var(--font-size-body-medium);color:var(--color-primary-text);margin:0 0 var(--spacing-xs) 0}.user-dropdown-email{font-size:var(--font-size-body-small);color:var(--color-secondary-text);margin:0}.user-dropdown-divider{height:1px;background:var(--color-ui-border);margin:var(--spacing-xs) 0}.user-dropdown-item{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;text-align:left;cursor:pointer;font-size:var(--font-size-body-medium);color:var(--color-primary-text);transition:background var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}.user-dropdown-item:hover{background:var(--color-ui-icon-background)}.user-dropdown-item-danger{color:#dc2626}.user-dropdown-item-danger:hover{background:#ef44441a}.header-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-index-overlay, 150)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-lg)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-ui-border);border-top-color:var(--color-gradient-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.header{padding:0 var(--spacing-lg)}.header-title{display:none}.header-center{margin:0 var(--spacing-lg)}.user-info{display:none}.dropdown-arrow{margin-left:0}}.sidebar{position:fixed;top:var(--size-header-height, 70px);left:0;bottom:0;width:var(--size-sidebar-width, 240px);background:var(--color-primary-background);border-right:1px solid var(--color-ui-border);overflow-y:auto;z-index:var(--z-index-sidebar, 90)}.sidebar-nav{padding:var(--spacing-lg) 0}.sidebar-item-wrapper{margin-bottom:var(--spacing-xs)}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xxl);text-decoration:none;color:var(--color-secondary-text);font-size:var(--font-size-body-medium);font-family:var(--font-family-body);transition:all var(--transition-fast);border-left:3px solid transparent}.sidebar-item:hover{background:var(--color-ui-icon-background);color:var(--color-primary-text)}.sidebar-item-active{background:var(--color-ui-icon-background);color:var(--color-primary-text);font-weight:600;border-left-color:var(--color-gradient-blue)}.sidebar-item-icon{font-size:20px;width:24px;display:flex;align-items:center;justify-content:center}.sidebar-item-label{flex:1}.sidebar-badge{padding:2px 8px;border-radius:var(--radius-round);font-size:11px;font-weight:600;min-width:22px;text-align:center}.sidebar-badge.badge-default{background:var(--color-ui-icon-background);color:var(--color-secondary-text)}.sidebar-badge.badge-orange{background:#fb923c33;color:#ea580c}.sidebar-badge.badge-red{background:#ef444433;color:#dc2626}.sidebar-submenu{display:flex;flex-direction:column;margin-top:var(--spacing-xs);padding-left:var(--spacing-4xl)}.sidebar-submenu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;color:var(--color-secondary-text);font-size:var(--font-size-body-small);transition:all var(--transition-fast);border-radius:var(--radius-xs);margin-bottom:2px}.sidebar-submenu-item:hover{background:var(--color-ui-icon-background);color:var(--color-primary-text)}.sidebar-submenu-item-active{background:var(--color-ui-icon-background);color:var(--color-primary-text);font-weight:600}.sidebar-submenu-bullet{font-size:12px;color:var(--color-secondary-text-light)}.sidebar-submenu-label{flex:1}.sidebar-badge-small{padding:1px 6px;border-radius:var(--radius-round);font-size:10px;font-weight:600;min-width:18px;text-align:center}.sidebar-badge-small.badge-default{background:var(--color-ui-icon-background);color:var(--color-secondary-text)}.sidebar-badge-small.badge-orange{background:#fb923c33;color:#ea580c}.sidebar-badge-small.badge-red{background:#ef444433;color:#dc2626}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-ui-border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-text-light)}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.sidebar-open{transform:translate(0)}}.layout{min-height:100vh;background:var(--color-primary-background)}.main-content{margin-left:var(--size-sidebar-width, 240px);margin-top:var(--size-header-height, 70px);padding:var(--spacing-xxl);min-height:calc(100vh - var(--size-header-height, 70px))}@media (max-width: 768px){.main-content{margin-left:0;padding:var(--spacing-lg)}}.status-error-container,.permission-error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl);background:linear-gradient(135deg,#9333ea0d,#4285e80d)}.status-error-card,.permission-error-card{background:var(--color-primary-background);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-4xl);text-align:center;max-width:500px}.status-error-card h2,.permission-error-card h2{font-family:var(--font-family-heading);font-size:var(--font-size-h4);color:var(--color-primary-text);margin:0 0 var(--spacing-lg) 0}.status-error-card p,.permission-error-card p{color:var(--color-secondary-text);margin:0 0 var(--spacing-md) 0;line-height:1.6}.status-error-card button,.permission-error-card button{margin-top:var(--spacing-xl)}.metrics-card{background:var(--color-primary-background);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-xxl);display:flex;flex-direction:column;gap:var(--spacing-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--color-ui-border)}.metrics-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.metrics-card-icon{font-size:32px;opacity:.8}.metrics-card-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.metrics-card-title{font-size:var(--font-size-body-medium);font-weight:500;color:var(--color-secondary-text);margin:0;text-transform:uppercase;letter-spacing:.5px}.metrics-card-value{font-size:var(--font-size-h1);font-weight:700;font-family:var(--font-family-heading);color:var(--color-primary-text);line-height:1.2}.metrics-card-subtitle{font-size:var(--font-size-body-small);color:var(--color-secondary-text);margin:0}.metrics-card-trend{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-body-small);font-weight:600}.trend-positive{color:#16a34a}.trend-negative{color:#dc2626}.trend-arrow{font-size:16px}.trend-value{font-weight:700}.trend-label{font-weight:400;color:var(--color-secondary-text)}.metrics-card-green .metrics-card-value{color:#16a34a}.metrics-card-blue .metrics-card-value{color:var(--color-gradient-blue)}.metrics-card-orange .metrics-card-value{color:#ea580c}.metrics-card-red .metrics-card-value{color:#dc2626}@media (max-width: 768px){.metrics-card{padding:var(--spacing-lg)}.metrics-card-value{font-size:var(--font-size-h4)}}.priority-queue-card{background:var(--color-primary-background);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-xxl);border:1px solid var(--color-ui-border)}.priority-queue-title{font-size:var(--font-size-h6);font-family:var(--font-family-heading);font-weight:600;color:var(--color-primary-text);margin:0 0 var(--spacing-lg) 0}.priority-queue-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.priority-queue-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-ui-input-background);border-radius:var(--radius-xs);text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.priority-queue-item:hover{border-color:var(--color-gradient-blue);background:var(--color-primary-background);box-shadow:var(--shadow-card)}.queue-item-header{display:flex;align-items:center;justify-content:space-between}.priority-badge{padding:4px 12px;border-radius:var(--radius-round);font-size:var(--font-size-body-small);font-weight:600;text-transform:uppercase}.priority-red{background:#ef444426;color:#dc2626}.priority-orange{background:#fb923c26;color:#ea580c}.priority-gray{background:var(--color-ui-icon-background);color:var(--color-secondary-text)}.case-id{font-size:var(--font-size-body-small);color:var(--color-secondary-text);font-family:monospace}.queue-item-title{font-size:var(--font-size-body-medium);font-weight:600;color:var(--color-primary-text);margin:0;text-transform:capitalize}.queue-item-customer{font-size:var(--font-size-body-small);color:var(--color-secondary-text);margin:0}.queue-item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xs)}.queue-item-time{font-size:var(--font-size-body-small);color:var(--color-secondary-text)}.sla-badge{padding:4px 10px;border-radius:var(--radius-round);font-size:var(--font-size-body-small);font-weight:600}.sla-ok{background:#22c55e26;color:#16a34a}.sla-warning{background:#fb923c26;color:#ea580c}.sla-overdue{background:#ef444426;color:#dc2626}.priority-queue-view-all{display:block;text-align:center;margin-top:var(--spacing-lg);padding:var(--spacing-md);color:var(--color-gradient-blue);text-decoration:none;font-size:var(--font-size-body-medium);font-weight:600;transition:color var(--transition-fast)}.priority-queue-view-all:hover{color:var(--color-gradient-purple)}.activity-feed-card{background:var(--color-primary-background);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-xxl);border:1px solid var(--color-ui-border)}.activity-feed-title{font-size:var(--font-size-h6);font-family:var(--font-family-heading);font-weight:600;color:var(--color-primary-text);margin:0 0 var(--spacing-lg) 0}.activity-feed-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item,.activity-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-xs);transition:background var(--transition-fast);font-size:var(--font-size-body-small);text-decoration:none;color:inherit}.activity-link:hover{background:var(--color-ui-icon-background)}.activity-icon{font-size:16px;opacity:.7}.activity-time{color:var(--color-secondary-text);min-width:70px}.activity-separator{color:var(--color-ui-border)}.activity-description{flex:1;color:var(--color-primary-text)}.activity-entity-id{font-size:var(--font-size-body-small);color:var(--color-secondary-text);font-family:monospace;background:var(--color-ui-icon-background);padding:2px 8px;border-radius:var(--radius-xs)}@media (max-width: 768px){.activity-item,.activity-link{flex-wrap:wrap}.activity-time{min-width:auto}}.integration-status-card{background:var(--color-primary-background);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-xxl);border:1px solid var(--color-ui-border)}.integration-status-title{font-size:var(--font-size-h6);font-family:var(--font-family-heading);font-weight:600;color:var(--color-primary-text);margin:0 0 var(--spacing-lg) 0}.integration-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.integration-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-ui-input-background);border-radius:var(--radius-xs);border:1px solid transparent;transition:all var(--transition-fast)}.integration-item:hover{border-color:var(--color-ui-border);background:var(--color-primary-background)}.integration-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.integration-name-row{display:flex;align-items:baseline;gap:var(--spacing-sm)}.integration-name{font-weight:600;color:var(--color-primary-text);font-size:var(--font-size-body-medium)}.integration-description{font-size:var(--font-size-body-small);color:var(--color-secondary-text)}.integration-status-row{display:flex;align-items:center;gap:var(--spacing-lg);font-size:var(--font-size-body-small)}.integration-status{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600}.integration-status.status-connected{color:#16a34a}.integration-status.status-disconnected{color:#dc2626}.integration-status.status-degraded{color:#ea580c}.integration-sync{color:var(--color-secondary-text)}.integration-refresh-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:var(--spacing-sm);border-radius:var(--radius-xs);opacity:.5;transition:all var(--transition-fast)}.integration-refresh-btn:hover{opacity:1;background:var(--color-ui-icon-background);transform:rotate(90deg)}.dashboard{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between}.dashboard-title{font-size:var(--font-size-h1);font-family:var(--font-family-heading);font-weight:700;color:var(--color-primary-text);margin:0 0 var(--spacing-xs) 0}.dashboard-subtitle{font-size:var(--font-size-body-medium);color:var(--color-secondary-text);margin:0}.dashboard-last-updated{font-size:var(--font-size-body-small);color:var(--color-secondary-text);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-ui-input-background);border-radius:var(--radius-xs)}.ai-insights-panel{background:linear-gradient(135deg,#9333ea0d,#4285e80d);border:1px solid rgba(147,51,234,.2);border-radius:var(--radius-card);padding:var(--spacing-xxl)}.ai-insights-title{font-size:var(--font-size-h6);font-family:var(--font-family-heading);font-weight:600;color:var(--color-primary-text);margin:0 0 var(--spacing-md) 0}.ai-insights-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.dashboard-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}.dashboard-col-1,.dashboard-col-2{min-width:0}.quick-metrics-card{background:var(--color-primary-background);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-xxl);border:1px solid var(--color-ui-border);height:100%}.quick-metrics-title{font-size:var(--font-size-h6);font-family:var(--font-family-heading);font-weight:600;color:var(--color-primary-text);margin:0 0 var(--spacing-lg) 0}.quick-metrics-section{margin-bottom:var(--spacing-lg)}.quick-metrics-section:last-child{margin-bottom:0}.quick-metrics-section-title{font-size:var(--font-size-body-medium);font-weight:600;color:var(--color-primary-text);margin:0 0 var(--spacing-sm) 0}.quick-metrics-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.quick-metrics-list li{font-size:var(--font-size-body-small);color:var(--color-secondary-text)}@media (max-width: 1024px){.dashboard-row{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard{gap:var(--spacing-lg)}.dashboard-header{flex-direction:column;gap:var(--spacing-md)}.metrics-grid{grid-template-columns:1fr}.ai-insights-panel{padding:var(--spacing-lg)}}.customer-search{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.search-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-input-wrapper{display:flex;gap:var(--spacing-md)}.search-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-ui-border);border-radius:var(--radius-input);font-size:var(--font-size-body-medium);font-family:var(--font-family-body);background:var(--color-primary-background);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-gradient-blue);box-shadow:0 0 0 3px #4285e81a}.search-button{padding:0 var(--spacing-xxl);background:var(--gradient-button);color:#fff;border:none;border-radius:var(--radius-button);font-size:var(--font-size-body-medium);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.search-button:hover:not(:disabled){box-shadow:var(--shadow-button);transform:translateY(-1px)}.search-button:disabled{opacity:.6;cursor:not-allowed}.search-actions{display:flex;gap:var(--spacing-md)}.advanced-filters{padding:var(--spacing-lg);background:var(--color-ui-input-background);border-radius:var(--radius-xs);display:flex;flex-direction:column;gap:var(--spacing-lg)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.filter-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label{font-size:var(--font-size-body-small);font-weight:600;color:var(--color-primary-text)}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-ui-border);border-radius:var(--radius-xs);font-size:var(--font-size-body-medium);font-family:var(--font-family-body);background:var(--color-primary-background);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-gradient-blue)}@media (max-width: 768px){.search-input-wrapper{flex-direction:column}.search-button{width:100%}.filter-row{grid-template-columns:1fr}}.customer-table{width:100%}.customer-id{font-family:monospace;font-size:var(--font-size-body-small);color:var(--color-secondary-text)}.customer-name-link{color:var(--color-gradient-blue);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.customer-name-link:hover{color:var(--color-gradient-purple);text-decoration:underline}.status-badge{padding:4px 12px;border-radius:var(--radius-round);font-size:var(--font-size-body-small);font-weight:600;text-transform:capitalize}.status-green{background:#22c55e26;color:#16a34a}.status-orange{background:#fb923c26;color:#ea580c}.status-red{background:#ef444426;color:#dc2626}.customer-cases{text-align:center}.case-badge{padding:4px 10px;border-radius:var(--radius-round);font-size:var(--font-size-body-small);font-weight:600}.case-badge-none{background:var(--color-ui-icon-background);color:var(--color-secondary-text)}.case-badge-warning{background:#ef444426;color:#dc2626}.customer-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.table-loading,.table-empty{text-align:center;padding:var(--spacing-4xl);color:var(--color-secondary-text)}.table-empty{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}@media (max-width: 768px){.customer-table{font-size:var(--font-size-body-small)}.customer-actions{flex-direction:column}}.customer-list{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.customer-list-header{display:flex;align-items:flex-start;justify-content:space-between}.page-title{font-size:var(--font-size-h1);font-family:var(--font-family-heading);font-weight:700;color:var(--color-primary-text);margin:0 0 var(--spacing-xs) 0}.page-subtitle{font-size:var(--font-size-body-medium);color:var(--color-secondary-text);margin:0}@media (max-width: 768px){.customer-list{gap:var(--spacing-lg)}}.tab-content-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.tab-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}.customer-id-badge{padding:4px 12px;background:var(--color-ui-icon-background);border-radius:var(--radius-round);font-size:var(--font-size-body-small);font-family:monospace;color:var(--color-secondary-text)}.ai-summary-card{background:linear-gradient(135deg,#9333ea0d,#4285e80d);border:1px solid rgba(147,51,234,.2);border-radius:var(--radius-card);padding:var(--spacing-xxl)}.ai-summary-card h3{font-size:var(--font-size-h6);margin:0 0 var(--spacing-md) 0}.info-card{background:var(--color-primary-background);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-xxl);border:1px solid var(--color-ui-border)}.info-card-title{font-size:var(--font-size-h6);font-family:var(--font-family-heading);font-weight:600;margin:0 0 var(--spacing-lg) 0}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:var(--font-size-body-small);color:var(--color-secondary-text);font-weight:500}.info-value{font-size:var(--font-size-body-medium);color:var(--color-primary-text);font-weight:600}.quick-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.account-summary-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-ui-input-background);border-radius:var(--radius-xs);margin-bottom:var(--spacing-md)}.account-summary-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.account-summary-name{font-weight:600;color:var(--color-primary-text)}.account-summary-balance{font-size:var(--font-size-h6);font-weight:700;color:var(--color-gradient-blue)}.account-summary-total{display:flex;justify-content:space-between;padding:var(--spacing-lg);border-top:2px solid var(--color-ui-border);margin-top:var(--spacing-md);font-weight:600}.total-balance{font-size:var(--font-size-h4);font-weight:700;color:var(--color-primary-text)}.card-summary-item{padding:var(--spacing-lg);background:var(--color-ui-input-background);border-radius:var(--radius-xs);margin-bottom:var(--spacing-md)}.card-summary-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.card-summary-name{font-weight:600;color:var(--color-primary-text)}.card-summary-limits{font-size:var(--font-size-body-small);color:var(--color-secondary-text)}@media (max-width: 1024px){.tab-grid-2{grid-template-columns:1fr}}.events-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.summary-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-card);background:var(--color-primary-background);border:1px solid var(--color-ui-border);box-shadow:var(--shadow-card)}.summary-icon{font-size:2rem}.summary-content{display:flex;flex-direction:column}.summary-value{font-size:var(--font-size-h3);font-weight:700;line-height:1;color:var(--color-primary-text)}.summary-label{font-size:var(--font-size-body-small);color:var(--color-secondary-text);margin-top:var(--spacing-xs)}.summary-total{border-left:4px solid var(--color-gradient-blue)}.summary-errors{border-left:4px solid #ef4444}.summary-warnings{border-left:4px solid #f59e0b}.event-row-error{background:#ef444408}.event-row-warn{background:#f59e0b08}.event-row:hover{background:var(--color-ui-input-background)}.event-message{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-secondary-text);font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8rem}.action-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md)}@media (max-width: 768px){.events-summary,.filters-grid,.event-detail-grid{grid-template-columns:1fr}.modal-content{max-width:95vw}.action-buttons{flex-direction:column}}.customer-detail{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.customer-detail-header{display:flex;align-items:center;justify-content:space-between}.customer-back-button{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-gradient-blue);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.customer-back-button:hover{color:var(--color-gradient-purple)}.customer-title{display:flex;align-items:center;gap:var(--spacing-md)}.tab-navigation{display:flex;gap:var(--spacing-sm);border-bottom:2px solid var(--color-ui-border);margin-bottom:var(--spacing-xxl);overflow-x:auto}.tab-button{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;font-size:var(--font-size-body-medium);font-weight:500;color:var(--color-secondary-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-button:hover{color:var(--color-primary-text)}.tab-button-active{color:var(--color-gradient-blue);font-weight:600;border-bottom-color:var(--color-gradient-blue)}.tab-content{animation:fadeIn var(--transition-normal)}.session-detail{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.session-detail-header{margin-bottom:var(--spacing-xl)}.session-back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-color);text-decoration:none;font-size:.95rem;margin-bottom:var(--spacing-md);transition:opacity .2s}.session-back-button:hover{opacity:.8}.session-title{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.session-id-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--border-radius);font-size:.85rem;color:var(--text-secondary);font-family:SF Mono,Monaco,Courier New,monospace}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.filter-select,.filter-input{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary-color)}.severity-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-round);font-family:var(--font-family-body);font-size:var(--font-size-body-small);font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1}.severity-info{background:#4285e826;color:var(--color-gradient-blue);border:1px solid rgba(66,133,232,.3)}.severity-warn{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.severity-error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.modal-content{background:var(--color-primary-background);border:1px solid var(--color-ui-border);border-radius:var(--radius-modal);max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-modal);animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xxl);border-bottom:1px solid var(--color-ui-border);background:var(--color-primary-background)}.modal-header h2{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-h4);line-height:var(--line-height-h4);color:var(--color-primary-text)}.modal-close{background:var(--color-ui-icon-background);border:none;font-size:2rem;color:var(--color-secondary-text);cursor:pointer;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-icon);transition:all var(--transition-normal)}.modal-close:hover{background:var(--color-ui-input-background);transform:scale(1.05)}.modal-body{padding:var(--spacing-xxl);overflow-y:auto;background:var(--color-primary-background)}.event-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl);padding:var(--spacing-lg);background:var(--color-ui-input-background);border-radius:var(--radius-card)}.event-detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.event-detail-label{font-family:var(--font-family-body);font-size:var(--font-size-body-small);font-weight:var(--font-weight-body-small);color:var(--color-secondary-text-light);text-transform:uppercase;letter-spacing:.5px}.event-detail-value{font-family:var(--font-family-body);font-size:var(--font-size-body-medium);font-weight:500;color:var(--color-primary-text);word-break:break-word}.event-detail-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-ui-border)}.event-detail-section h3{font-family:var(--font-family-heading);font-size:var(--font-size-h6);font-weight:var(--font-weight-h6);line-height:var(--line-height-h6);margin-bottom:var(--spacing-md);color:var(--color-primary-text)}.event-detail-code{background:var(--color-ui-input-background);border:1px solid var(--color-ui-border);border-radius:var(--radius-sm);padding:var(--spacing-lg);font-family:SF Mono,Monaco,Courier New,monospace;font-size:.85rem;color:var(--color-primary-text);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;line-height:1.6}@media (max-width: 768px){.filters-grid,.event-detail-grid{grid-template-columns:1fr}.modal-content{max-width:95vw}}.case-queue{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.case-queue-header{display:flex;align-items:flex-start;justify-content:space-between}.case-tabs{display:flex;gap:var(--spacing-sm);border-bottom:2px solid var(--color-ui-border);padding-bottom:var(--spacing-md)}.case-tab{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;font-size:var(--font-size-body-medium);font-weight:500;color:var(--color-secondary-text);cursor:pointer;transition:all var(--transition-fast);margin-bottom:-2px}.case-tab:hover{color:var(--color-primary-text)}.case-tab-active{color:var(--color-gradient-blue);font-weight:600;border-bottom-color:var(--color-gradient-blue)}.case-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}.case-detail-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.notes-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);max-height:400px;overflow-y:auto}.note-item{padding:var(--spacing-lg);background:var(--color-ui-input-background);border-radius:var(--radius-xs);border-left:3px solid var(--color-gradient-blue)}.note-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.note-author{font-weight:600;color:var(--color-primary-text);font-size:var(--font-size-body-small)}.note-time{color:var(--color-secondary-text);font-size:var(--font-size-body-small)}.note-text{margin:0;color:var(--color-primary-text);font-size:var(--font-size-body-medium);line-height:1.6}.add-note-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-ui-input-background);border-radius:var(--radius-xs)}.note-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-ui-border);border-radius:var(--radius-xs);font-family:var(--font-family-body);font-size:var(--font-size-body-medium);resize:vertical}.note-textarea:focus{outline:none;border-color:var(--color-gradient-blue)}.case-detail-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 1024px){.case-detail-grid{grid-template-columns:1fr}}:root{--color-primary-text: #000000;--color-primary-black: #121212;--color-primary-background: #FFFFFF;--color-secondary-text: #2F2F2F;--color-secondary-text-light: rgba(0, 0, 0, .4);--color-ui-border: rgba(0, 0, 0, .1);--color-ui-icon-background: rgba(0, 0, 0, .05);--color-ui-input-background: #F2F2F2;--color-gradient-purple: #9333EA;--color-gradient-blue: #4285E8;--color-gradient-blue-alt: #0066FF;--gradient-primary: linear-gradient(135deg, var(--color-gradient-purple) 0%, var(--color-gradient-blue) 100%);--gradient-button: linear-gradient(90deg, var(--color-gradient-purple) 0%, var(--color-gradient-blue-alt) 100%);--font-family-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-h1: 36px;--line-height-h1: 43px;--letter-spacing-h1: -.18px;--font-weight-h1: 700;--font-size-h4: 24px;--line-height-h4: 29px;--letter-spacing-h4: -.07px;--font-weight-h4: 700;--font-size-h6: 18px;--line-height-h6: 22px;--letter-spacing-h6: -.02px;--font-weight-h6: 600;--font-size-h8: 14px;--line-height-h8: 17px;--letter-spacing-h8: .01px;--font-weight-h8: 500;--font-size-body-small: 12px;--line-height-body-small: 16px;--letter-spacing-body-small: .06px;--font-weight-body-small: 400;--font-size-body-medium: 14px;--line-height-body-medium: 19px;--letter-spacing-body-medium: .03px;--font-weight-body-medium: 400;--font-size-body-large: 16px;--line-height-body-large: 24px;--letter-spacing-body-large: .01px;--font-weight-body-large: 400;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--spacing-xxxl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 20px;--gap-xxl: 24px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-xxl: 32px;--radius-round: 999px;--radius-card: 16px;--radius-input: 24px;--radius-modal: 24px;--radius-button: 20px;--radius-icon: 12px;--size-icon-small: 20px;--size-icon-medium: 24px;--size-icon-large: 32px;--size-button-small: 32px;--size-button-medium: 40px;--size-button-large: 48px;--size-button-xlarge: 56px;--shadow-card: 0 2px 4px rgba(0, 0, 0, .05);--shadow-modal: 0 20px 50px rgba(147, 51, 234, .9);--shadow-button: 0 4px 12px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .15);--layout-max-width: 1200px;--layout-sidebar-width: 240px;--layout-header-height: 64px;--layout-padding-horizontal: 20px;--layout-padding-vertical: 16px;--card-padding: 12px;--card-gap: 12px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-body);font-size:var(--font-size-body-large);line-height:var(--line-height-body-large);letter-spacing:var(--letter-spacing-body-large);color:var(--color-primary-text);background-color:var(--color-primary-background);font-weight:var(--font-weight-body-large)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);margin:0;padding:0}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);font-weight:var(--font-weight-h1)}h2{font-size:32px;line-height:38px;letter-spacing:-.16px;font-weight:700}h3{font-size:28px;line-height:34px;letter-spacing:-.14px;font-weight:700}h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4);letter-spacing:var(--letter-spacing-h4);font-weight:var(--font-weight-h4)}h5{font-size:20px;line-height:24px;letter-spacing:-.1px;font-weight:600}h6{font-size:var(--font-size-h6);line-height:var(--line-height-h6);letter-spacing:var(--letter-spacing-h6);font-weight:var(--font-weight-h6)}p{margin:0;padding:0}.body-small{font-size:var(--font-size-body-small);line-height:var(--line-height-body-small);letter-spacing:var(--letter-spacing-body-small);font-weight:var(--font-weight-body-small)}.body-medium{font-size:var(--font-size-body-medium);line-height:var(--line-height-body-medium);letter-spacing:var(--letter-spacing-body-medium);font-weight:var(--font-weight-body-medium)}.body-large{font-size:var(--font-size-body-large);line-height:var(--line-height-body-large);letter-spacing:var(--letter-spacing-body-large);font-weight:var(--font-weight-body-large)}a{color:var(--color-gradient-blue-alt);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gradient-purple)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-ui-input-background)}::-webkit-scrollbar-thumb{background:var(--color-ui-border);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-text-light)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-secondary{color:var(--color-secondary-text)}.text-light{color:var(--color-secondary-text-light)}.container{max-width:var(--layout-max-width);margin:0 auto;padding:0 var(--layout-padding-horizontal)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--gap-xs)}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.gap-xl{gap:var(--gap-xl)}.gap-xxl{gap:var(--gap-xxl)}*:focus-visible{outline:2px solid var(--color-gradient-blue);outline-offset:2px}*:disabled{opacity:.5;cursor:not-allowed}::selection{background-color:var(--color-gradient-purple);color:var(--color-primary-background)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:0 var(--spacing-xl);height:var(--size-button-large);border:none;border-radius:var(--radius-button);font-family:var(--font-family-heading);font-size:var(--font-size-body-medium);font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;text-decoration:none}.btn-primary{background:var(--gradient-button);color:var(--color-primary-background);box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--color-ui-input-background);color:var(--color-primary-text);border:1px solid var(--color-ui-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-ui-icon-background);border-color:var(--color-secondary-text-light)}.btn-ghost{background-color:transparent;color:var(--color-primary-text)}.btn-ghost:hover:not(:disabled){background-color:var(--color-ui-icon-background)}.btn-small{height:var(--size-button-small);padding:0 var(--spacing-md);font-size:var(--font-size-body-small)}.btn-medium{height:var(--size-button-medium);padding:0 var(--spacing-lg);font-size:var(--font-size-body-medium)}.btn-large{height:var(--size-button-large);padding:0 var(--spacing-xl);font-size:var(--font-size-body-medium)}.btn-xlarge{height:var(--size-button-xlarge);padding:0 var(--spacing-xxl);font-size:var(--font-size-h6)}.input-wrapper{display:flex;flex-direction:column;gap:var(--gap-sm);width:100%}.input-label{font-family:var(--font-family-heading);font-size:var(--font-size-body-medium);font-weight:600;color:var(--color-primary-text)}.input{width:100%;height:var(--size-button-large);padding:0 var(--spacing-lg);background-color:var(--color-ui-input-background);border:1px solid transparent;border-radius:var(--radius-input);font-family:var(--font-family-body);font-size:var(--font-size-body-medium);color:var(--color-primary-text);transition:all var(--transition-fast)}.input::placeholder{color:var(--color-secondary-text-light)}.input:hover:not(:disabled){border-color:var(--color-ui-border)}.input:focus{outline:none;border-color:var(--color-gradient-blue);background-color:var(--color-primary-background)}.input:disabled{background-color:var(--color-ui-icon-background);cursor:not-allowed}.input-error{border-color:#dc3545}.input-error-message{font-size:var(--font-size-body-small);color:#dc3545;margin-top:var(--spacing-xs)}.input-with-icon{position:relative}.input-icon{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);width:var(--size-icon-small);height:var(--size-icon-small);color:var(--color-secondary-text-light)}.input-with-icon .input{padding-left:calc(var(--spacing-lg) + var(--size-icon-small) + var(--spacing-sm))}.card{background-color:var(--color-primary-background);border:1px solid var(--color-ui-border);border-radius:var(--radius-card);padding:var(--card-padding);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.card-title{font-family:var(--font-family-heading);font-size:var(--font-size-h6);font-weight:var(--font-weight-h6);color:var(--color-primary-text)}.card-body{display:flex;flex-direction:column;gap:var(--gap-md)}.card-footer{display:flex;justify-content:flex-end;gap:var(--gap-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-ui-border)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal-backdrop);animation:fadeIn var(--transition-fast)}.modal{background-color:var(--color-primary-background);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-ui-border)}.modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-h4);color:var(--color-primary-text)}.modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-secondary-text);transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-primary-text)}.modal-body{padding:var(--spacing-xl)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--gap-md);padding:var(--spacing-xl);border-top:1px solid var(--color-ui-border)}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-card);border:1px solid var(--color-ui-border)}.table{width:100%;border-collapse:collapse;background-color:var(--color-primary-background)}.table thead{background-color:var(--color-ui-input-background)}.table th{padding:var(--spacing-md);text-align:left;font-family:var(--font-family-heading);font-size:var(--font-size-body-medium);font-weight:600;color:var(--color-primary-text);border-bottom:2px solid var(--color-ui-border)}.table td{padding:var(--spacing-md);font-size:var(--font-size-body-medium);color:var(--color-secondary-text);border-bottom:1px solid var(--color-ui-border)}.table tbody tr:hover{background-color:var(--color-ui-icon-background)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-round);font-size:var(--font-size-body-small);font-weight:600;white-space:nowrap}.badge-primary{background-color:var(--color-gradient-purple);color:var(--color-primary-background)}.badge-secondary{background-color:var(--color-ui-input-background);color:var(--color-primary-text)}.badge-success{background-color:#28a745;color:var(--color-primary-background)}.badge-warning{background-color:#ffc107;color:var(--color-primary-text)}.badge-danger{background-color:#dc3545;color:var(--color-primary-background)}.badge-technical{background-color:#4285e8;color:var(--color-primary-background)}.badge-soft-skills{background-color:#28a745;color:var(--color-primary-background)}.badge-leadership{background-color:#fd7e14;color:var(--color-primary-background)}.badge-process{background-color:#6610f2;color:var(--color-primary-background)}.badge-tools{background-color:#17a2b8;color:var(--color-primary-background)}.badge-domain-knowledge{background-color:#e83e8c;color:var(--color-primary-background)}.badge-other{background-color:#6c757d;color:var(--color-primary-background)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:var(--spacing-lg)}.form-row{display:flex;gap:var(--gap-lg)}.form-row>*{flex:1}.divider{height:1px;background-color:var(--color-ui-border);margin:var(--spacing-lg) 0}.icon-small{width:var(--size-icon-small);height:var(--size-icon-small)}.icon-medium{width:var(--size-icon-medium);height:var(--size-icon-medium)}.icon-large{width:var(--size-icon-large);height:var(--size-icon-large)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--size-button-medium);height:var(--size-button-medium);border:none;background-color:var(--color-ui-icon-background);border-radius:var(--radius-icon);cursor:pointer;transition:all var(--transition-fast)}.icon-button:hover:not(:disabled){background-color:var(--color-ui-border)}#root{width:100%;min-height:100vh}