@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{background-color:var(--surface);padding:2.5rem;border-radius:1rem;box-shadow:var(--shadow-md);width:100%;max-width:450px}.auth-card h1{font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem;text-align:center}.auth-card h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-weight:500;color:var(--text-primary);font-size:.875rem}.form-group input{width:100%}.form-hint{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.auth-link{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.875rem}@media (max-width: 480px){.auth-card{padding:1.5rem}.auth-card h1{font-size:1.25rem}.auth-card h2{font-size:1.125rem}}.theme-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:.375rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;min-width:44px;min-height:44px}.theme-toggle:hover{background-color:var(--border-color);transform:rotate(15deg)}.theme-toggle:active{transform:scale(.95) rotate(15deg)}.theme-toggle svg{display:block;color:var(--text-primary)}[data-theme=dark] .theme-toggle{color:#fbbf24}[data-theme=dark] .theme-toggle:hover{background-color:#fbbf241a}@media (max-width: 767px){.theme-toggle{min-width:44px;min-height:44px;padding:.625rem}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.desktop-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:var(--surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:100;overflow:hidden}.desktop-sidebar.collapsed{width:72px}@media (max-width: 767px){.desktop-sidebar{display:none}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);min-height:72px}.sidebar-header h2{font-size:1.25rem;color:var(--primary-color);font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapse-btn{background:transparent;border:1px solid var(--border-color);border-radius:.375rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;flex-shrink:0}.collapse-btn:hover{background:var(--background);color:var(--primary-color);border-color:var(--primary-color)}.collapsed .sidebar-header{padding:1.25rem 1rem;justify-content:center}.sidebar-user{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color) 0%,#1d4ed8 100%);min-height:88px}.sidebar-user-avatar{width:48px;height:48px;border-radius:50%;background-color:#fff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;gap:.25rem;overflow:hidden;min-width:0}.sidebar-user-name{font-weight:600;color:#fff;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.875rem;color:#fffc;text-transform:capitalize}.collapsed .sidebar-user{padding:1.5rem 1rem;justify-content:center}.sidebar-search{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.sidebar-search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--background);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem .75rem;transition:border-color .2s}.sidebar-search-input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.sidebar-search-icon{color:var(--text-secondary);flex-shrink:0;margin-right:.5rem}.sidebar-search-input{flex:1;background:transparent;border:none;outline:none;font-size:.875rem;color:var(--text-primary);min-width:0}.sidebar-search-input::placeholder{color:var(--text-secondary)}.sidebar-search-clear{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:.25rem;transition:background-color .2s}.sidebar-search-clear:hover{background-color:var(--border-color)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem 0}.sidebar-category{margin-bottom:.5rem}.sidebar-category-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);padding:.75rem 1.5rem .5rem;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapsed .sidebar-category-label{display:none}.sidebar-nav-item{display:flex;align-items:center;gap:.875rem;width:100%;padding:.75rem 1.5rem;background:transparent;border:none;border-left:3px solid transparent;text-align:left;cursor:pointer;transition:all .2s;color:var(--text-primary)}.sidebar-nav-item:hover{background-color:var(--background);border-left-color:var(--primary-color)}.sidebar-nav-item.active{background-color:#2563eb1a;border-left-color:var(--primary-color);font-weight:600}.sidebar-nav-item.active .sidebar-nav-label{color:var(--primary-color)}.sidebar-nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-nav-label{font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collapsed .sidebar-nav-item{padding:.75rem 1rem;justify-content:center}.collapsed .sidebar-nav-label{display:none}.sidebar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.sidebar-empty p{margin-top:1rem;font-size:.875rem}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}.sidebar-theme-toggle{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.375rem;transition:background-color .2s}.sidebar-theme-toggle:hover{background-color:var(--background)}.sidebar-theme-toggle span{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.sidebar-logout{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .5rem;background:transparent;border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;transition:all .2s;color:var(--text-primary);font-size:.875rem}.sidebar-logout:hover{background-color:#fee2e2;border-color:var(--error-color);color:var(--error-color)}.collapsed .sidebar-footer{padding:1rem}.collapsed .sidebar-theme-toggle,.collapsed .sidebar-logout{justify-content:center}.collapsed .sidebar-theme-toggle span,.collapsed .sidebar-logout span{display:none}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (prefers-reduced-motion: no-preference){.sidebar-nav-item{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}}[data-theme=dark] .sidebar-logout:hover{background-color:#ef44441a}.mobile-nav-hamburger{display:none;flex-direction:column;justify-content:space-around;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1001}@media (max-width: 767px){.mobile-nav-hamburger{display:flex}}.hamburger-line{width:100%;height:3px;background-color:var(--text-primary);border-radius:2px;transition:all .3s ease-in-out;transform-origin:center}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translateY(10px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translateY(-10px)}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease-in-out}.mobile-nav-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background-color:var(--surface);box-shadow:2px 0 8px #00000026;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000;display:flex;flex-direction:column;overflow-y:auto}.mobile-nav-sidebar.open{transform:translate(0)}.mobile-nav-header{display:flex;justify-content:center;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.mobile-nav-header h2{font-size:1.25rem;color:var(--primary-color);font-weight:600;margin:0}.mobile-nav-user{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color) 0%,#1d4ed8 100%)}.mobile-nav-user-avatar{width:48px;height:48px;border-radius:50%;background-color:#fff;color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.mobile-nav-user-info{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.mobile-nav-user-name{font-weight:600;color:#fff;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-user-role{font-size:.875rem;color:#fffc;text-transform:capitalize}.mobile-nav-search{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.mobile-nav-search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--background);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem .75rem;transition:border-color .2s}.mobile-nav-search-input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.mobile-nav-search-icon{color:var(--text-secondary);flex-shrink:0;margin-right:.5rem}.mobile-nav-search-input{flex:1;background:transparent;border:none;outline:none;font-size:.875rem;color:var(--text-primary);min-width:0}.mobile-nav-search-input::placeholder{color:var(--text-secondary)}.mobile-nav-search-clear{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:.25rem;transition:background-color .2s}.mobile-nav-search-clear:hover{background-color:var(--border-color)}.mobile-nav-items{flex:1;padding:.5rem 0;overflow-y:auto}.mobile-nav-category{margin-bottom:.5rem}.mobile-nav-category-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);padding:.75rem 1.5rem .5rem;letter-spacing:.05em}.mobile-nav-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.mobile-nav-empty p{margin-top:1rem;font-size:.875rem}.mobile-nav-item{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1.5rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s;min-height:48px}.mobile-nav-item:hover{background-color:var(--background)}.mobile-nav-item.active{background-color:#2563eb1a;border-left:4px solid var(--primary-color)}.mobile-nav-item-icon{font-size:1.25rem;flex-shrink:0;width:24px;text-align:center}.mobile-nav-item-label{font-size:1rem;color:var(--text-primary);font-weight:500}.mobile-nav-item.active .mobile-nav-item-label{color:var(--primary-color);font-weight:600}.mobile-nav-footer{padding:1rem;border-top:1px solid var(--border-color)}.mobile-nav-logout{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:.5rem;text-align:left;cursor:pointer;transition:all .2s;min-height:48px}.mobile-nav-logout:hover{background-color:#fee2e2;border-color:var(--error-color)}.mobile-nav-logout:hover .mobile-nav-item-label{color:var(--error-color)}.mobile-nav-sidebar::-webkit-scrollbar{width:6px}.mobile-nav-sidebar::-webkit-scrollbar-track{background:var(--background)}.mobile-nav-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.mobile-nav-sidebar::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (prefers-reduced-motion: no-preference){.mobile-nav-sidebar.open .mobile-nav-item{animation:slideInItem .3s ease-out both}.mobile-nav-sidebar.open .mobile-nav-item:nth-child(1){animation-delay:.05s}.mobile-nav-sidebar.open .mobile-nav-item:nth-child(2){animation-delay:.1s}.mobile-nav-sidebar.open .mobile-nav-item:nth-child(3){animation-delay:.15s}.mobile-nav-sidebar.open .mobile-nav-item:nth-child(4){animation-delay:.2s}.mobile-nav-sidebar.open .mobile-nav-item:nth-child(5){animation-delay:.25s}.mobile-nav-sidebar.open .mobile-nav-item:nth-child(6){animation-delay:.3s}.mobile-nav-sidebar.open .mobile-nav-item:nth-child(7){animation-delay:.35s}.mobile-nav-sidebar.open .mobile-nav-item:nth-child(8){animation-delay:.4s}.mobile-nav-sidebar.open .mobile-nav-item:nth-child(9){animation-delay:.45s}@keyframes slideInItem{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}}@supports (padding: max(0px)){.mobile-nav-sidebar{padding-left:max(0px,env(safe-area-inset-left));padding-bottom:max(0px,env(safe-area-inset-bottom))}}.breadcrumb{padding:.75rem 0;margin-bottom:1rem}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-separator{color:var(--text-secondary);flex-shrink:0}.breadcrumb-link{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:transparent;border:none;border-radius:.375rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-decoration:none}.breadcrumb-link:hover{background-color:var(--background);color:var(--primary-color)}.breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.breadcrumb-home-icon{flex-shrink:0}.breadcrumb-current{padding:.25rem .5rem;font-size:.875rem;color:var(--text-primary);font-weight:600}@media (max-width: 640px){.breadcrumb{padding:.5rem 0}.breadcrumb-link,.breadcrumb-current{font-size:.8125rem;padding:.1875rem .375rem}.breadcrumb-separator{width:14px;height:14px}}[data-theme=dark] .breadcrumb-link:hover{background-color:#ffffff0d}.global-location-selector{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--card-background, #ffffff);border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.global-location-selector.loading{padding:.75rem 1rem}.loading-text{font-size:.875rem;color:var(--text-secondary, #6b7280)}.selector-group{position:relative;display:flex;align-items:center;gap:.5rem;min-width:180px}.selector-icon-wrapper{display:flex;align-items:center;color:var(--text-secondary, #6b7280);flex-shrink:0}.selector-dropdown{flex:1;padding:.5rem 1.75rem .5rem .5rem;font-size:.875rem;color:var(--text-primary, #111827);background:transparent;border:none;border-radius:4px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-weight:500;transition:background-color .15s ease}.selector-dropdown:hover:not(:disabled){background:var(--background-secondary, #f9fafb)}.selector-dropdown:focus{outline:none;background:var(--background-secondary, #f9fafb)}.selector-dropdown:disabled{cursor:not-allowed;opacity:.5}.selector-chevron{position:absolute;right:.25rem;color:var(--text-secondary, #6b7280);pointer-events:none}.global-location-selector .selector-group:not(:last-child):after{content:"";position:absolute;right:-.375rem;top:50%;transform:translateY(-50%);width:1px;height:1.5rem;background:var(--border-color, #e5e7eb)}@media (max-width: 768px){.global-location-selector{flex-direction:column;gap:.5rem;padding:.75rem}.selector-group{width:100%;min-width:auto}.global-location-selector .selector-group:not(:last-child):after{display:none}}@media (prefers-color-scheme: dark){.global-location-selector{background:var(--card-background-dark, #1e293b);border-color:var(--border-color-dark, #334155)}.selector-dropdown{color:var(--text-primary-dark, #f1f5f9)}.selector-dropdown:hover:not(:disabled),.selector-dropdown:focus{background:var(--background-secondary-dark, #0f172a)}}.app-layout{display:flex;min-height:100vh;background-color:var(--background)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}@media (min-width: 768px){.app-main{margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.desktop-sidebar.collapsed~.app-main{margin-left:72px}}.app-topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--surface);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:90;min-height:72px}.topbar-left{display:flex;align-items:center;gap:1rem}.topbar-title{font-size:1.5rem;color:var(--primary-color);font-weight:700;margin:0}.topbar-right{display:flex;align-items:center;gap:1rem}.topbar-user-info{font-size:.875rem;color:var(--text-secondary)}.topbar-logout-btn{white-space:nowrap}.app-breadcrumb-container{padding:0 2rem;background-color:var(--background)}.app-content{flex:1;padding:2rem;max-width:1600px;width:100%;margin:0 auto}@media (max-width: 1200px){.app-content{max-width:100%}}@media (max-width: 767px){.app-topbar{padding:.75rem 1rem}.topbar-title{font-size:1.25rem}.topbar-user-info{display:none}.topbar-logout-btn{padding:.5rem .75rem;font-size:.875rem}.app-breadcrumb-container{padding:0 1rem}.app-content{padding:1rem}}@media (max-width: 640px){.topbar-right .btn-secondary{padding:.5rem .75rem;font-size:.875rem}}@media print{.desktop-sidebar,.app-topbar,.app-breadcrumb-container{display:none}.app-main{margin-left:0}.app-content{padding:0;max-width:100%}}.app-location-selector-container{padding:.75rem 2rem;background-color:var(--background);border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.app-location-selector-container{padding:.75rem 1rem}}.kpi-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-4);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-card--interactive{cursor:pointer}.kpi-card--interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.kpi-card--interactive:active{transform:translateY(-1px)}.kpi-card--loading{opacity:.6;pointer-events:none}.kpi-card--compact{padding:var(--spacing-4);gap:var(--spacing-3)}.kpi-card--elevated{box-shadow:var(--shadow-md)}.kpi-card--elevated:hover{box-shadow:var(--shadow-xl)}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.kpi-icon--blue{background:#3b82f61a;color:#3b82f6}.kpi-icon--green{background:#22c55e1a;color:#22c55e}.kpi-icon--orange{background:#f973161a;color:#f97316}.kpi-icon--red{background:#ef44441a;color:#ef4444}.kpi-icon--purple{background:#a855f71a;color:#a855f7}.kpi-icon--teal{background:#14b8a61a;color:#14b8a6}.kpi-icon-blue{background:#3b82f61a;color:#3b82f6}.kpi-icon-green{background:#22c55e1a;color:#22c55e}.kpi-icon-orange{background:#f973161a;color:#f97316}.kpi-icon-red{background:#ef44441a;color:#ef4444}.kpi-icon-purple{background:#a855f71a;color:#a855f7}.kpi-icon-teal{background:#14b8a61a;color:#14b8a6}.kpi-content{flex:1;min-width:0}.kpi-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-1);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.kpi-value--sm{font-size:var(--font-size-lg)}.kpi-value--lg{font-size:var(--font-size-2xl)}.kpi-value--xl{font-size:var(--font-size-3xl)}.kpi-card-loading{pointer-events:none}.kpi-skeleton{display:flex;align-items:center;gap:var(--spacing-4);width:100%}.skeleton-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:loading var(--transition-slow) infinite}.skeleton-label{width:80px;height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:loading var(--transition-slow) infinite;margin-bottom:var(--spacing-2)}.skeleton-value{width:120px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:loading var(--transition-slow) infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.kpi-card{padding:var(--spacing-4)}.kpi-card--compact{padding:var(--spacing-3)}.kpi-icon{width:40px;height:40px}.kpi-value{font-size:var(--font-size-lg)}.kpi-value--lg{font-size:var(--font-size-xl)}.kpi-value--xl{font-size:var(--font-size-2xl)}}.alerts-widget{background:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);height:100%;display:flex;flex-direction:column}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.alerts-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.alerts-count{font-size:.75rem;font-weight:500;padding:.25rem .625rem;background:var(--primary-color);color:#fff;border-radius:9999px}.alerts-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.alert-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.5rem;background:var(--background);border-left:4px solid;transition:all .2s ease;cursor:pointer;position:relative}.alert-item:hover{transform:translate(4px);box-shadow:var(--shadow)}.alert-type-error{border-left-color:#ef4444}.alert-type-warning{border-left-color:#f59e0b}.alert-type-success{border-left-color:#10b981}.alert-type-info{border-left-color:#3b82f6}.alert-indicator{flex-shrink:0;width:32px;height:32px;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.alert-type-error .alert-indicator{background:#ef44441a;color:#ef4444}.alert-type-warning .alert-indicator{background:#f59e0b1a;color:#f59e0b}.alert-type-success .alert-indicator{background:#10b9811a;color:#10b981}.alert-type-info .alert-indicator{background:#3b82f61a;color:#3b82f6}.alert-content{flex:1;min-width:0}.alert-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.alert-message{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.5rem}.alert-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem}.alert-time{color:var(--text-tertiary)}.alert-action{color:var(--primary-color);text-decoration:none;font-weight:500;transition:opacity .2s}.alert-action:hover{opacity:.8}.alert-dismiss{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.alert-dismiss:hover{background:var(--background);color:var(--text-primary)}.alert-unread{font-weight:500}.alert-read{opacity:.7}.alert-unread-indicator{position:absolute;top:1rem;right:1rem;width:8px;height:8px;border-radius:50%;background:var(--primary-color)}.alert-priority-critical .alert-unread-indicator{background:#ef4444;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.alerts-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary);text-align:center;padding:2rem}.alerts-empty svg{color:var(--text-tertiary);opacity:.5}.alerts-empty p{font-weight:500;margin:0}.alerts-empty span{font-size:.875rem;opacity:.8}.alert-item-skeleton{display:flex;gap:.75rem;padding:1rem;border-radius:.5rem;background:var(--background)}.alert-skeleton-icon{width:32px;height:32px;border-radius:.5rem;background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.alert-skeleton-content{flex:1}.alert-skeleton-title{height:14px;width:60%;background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.alert-skeleton-message{height:12px;width:90%;background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@media (max-width: 640px){.alerts-widget{padding:1rem}.alert-item{padding:.75rem}}.activity-feed{background:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);height:100%;display:flex;flex-direction:column}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.activity-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.activity-header svg{color:var(--text-tertiary)}.activity-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;gap:.75rem;padding:.75rem;border-radius:.5rem;transition:background .2s}.activity-item:hover{background:var(--background)}.activity-icon{flex-shrink:0;width:32px;height:32px;border-radius:.5rem;background:var(--background);color:var(--primary-color);display:flex;align-items:center;justify-content:center}.activity-content{flex:1;min-width:0}.activity-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.125rem}.activity-description{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.25rem}.activity-meta{font-size:.75rem;color:var(--text-tertiary);display:flex;gap:.5rem;align-items:center}.activity-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem}.activity-item-skeleton{display:flex;gap:.75rem;padding:.75rem}.activity-skeleton-icon{width:32px;height:32px;border-radius:.5rem;background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.activity-skeleton-content{flex:1}.activity-skeleton-title{height:14px;width:70%;background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.activity-skeleton-meta{height:12px;width:40%;background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@media (max-width: 640px){.activity-feed{padding:1rem}}.quick-actions{background:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow)}.quick-actions-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-primary)}.quick-actions-header h3{font-size:1.125rem;font-weight:600;margin:0}.quick-actions-header svg{color:var(--primary-color)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;border:2px solid transparent;border-radius:.75rem;background:var(--background);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick-action-icon{width:40px;height:40px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;transition:transform .2s}.quick-action-btn:hover .quick-action-icon{transform:scale(1.1)}.quick-action-blue{border-color:#eff6ff}.quick-action-blue .quick-action-icon{background:#eff6ff;color:#3b82f6}.quick-action-blue:hover{border-color:#3b82f6}.quick-action-green{border-color:#ecfdf5}.quick-action-green .quick-action-icon{background:#ecfdf5;color:#10b981}.quick-action-green:hover{border-color:#10b981}.quick-action-purple{border-color:#f5f3ff}.quick-action-purple .quick-action-icon{background:#f5f3ff;color:#8b5cf6}.quick-action-purple:hover{border-color:#8b5cf6}.quick-action-orange{border-color:#fffbeb}.quick-action-orange .quick-action-icon{background:#fffbeb;color:#f59e0b}.quick-action-orange:hover{border-color:#f59e0b}[data-theme=dark] .quick-action-blue{border-color:transparent}[data-theme=dark] .quick-action-blue .quick-action-icon{background:#3b82f61a}[data-theme=dark] .quick-action-green .quick-action-icon{background:#10b9811a}[data-theme=dark] .quick-action-purple .quick-action-icon{background:#8b5cf61a}[data-theme=dark] .quick-action-orange .quick-action-icon{background:#f59e0b1a}.quick-action-label{color:var(--text-primary);text-align:center}@media (max-width: 640px){.quick-actions{padding:1rem}.quick-actions-grid{grid-template-columns:1fr}}.command-palette-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.command-palette{background:var(--surface);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:640px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.command-palette-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.search-icon{color:var(--text-tertiary);flex-shrink:0}.command-palette-input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--text-primary);font-family:inherit}.command-palette-input::placeholder{color:var(--text-tertiary)}.command-palette-shortcut{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--background);border-radius:.375rem;font-size:.75rem;color:var(--text-tertiary);border:1px solid var(--border-color)}.command-palette-results{flex:1;overflow-y:auto;padding:.5rem}.command-palette-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .15s ease;margin-bottom:.25rem}.command-palette-item:hover{background:var(--background)}.command-palette-item.selected{background:var(--primary-color);color:#fff}.command-palette-item.selected .command-item-title{color:#fff}.command-palette-item.selected .command-item-description{color:#fffc}.command-palette-item.selected .command-item-arrow{color:#fff}.command-item-content{flex:1;min-width:0}.command-item-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.125rem}.command-item-description{font-size:.75rem;color:var(--text-secondary)}.command-item-arrow{color:var(--text-tertiary);flex-shrink:0}.command-palette-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.command-palette-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border-color);background:var(--background)}.command-palette-hint{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-tertiary)}.command-palette-hint kbd{padding:.125rem .375rem;background:var(--surface);border:1px solid var(--border-color);border-radius:.25rem;font-size:.6875rem;font-family:inherit;font-weight:500}@media (max-width: 640px){.command-palette-overlay{padding-top:10vh}.command-palette{margin:0 1rem;max-width:calc(100% - 2rem)}.command-palette-header{padding:.875rem 1rem}.command-palette-shortcut{display:none}}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .15s ease}.settings-modal{background:var(--surface);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.settings-header-content{display:flex;align-items:center;gap:.75rem;color:var(--primary-color)}.settings-header-content h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.settings-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.settings-close-btn:hover{background:var(--background);color:var(--text-primary)}.settings-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--primary-color)}.settings-section-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.settings-section-description{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.settings-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--background);color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:border-color .15s ease}.settings-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.settings-layout-options{display:flex;flex-direction:column;gap:.75rem}.layout-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .15s ease;background:var(--background)}.layout-option:hover{border-color:var(--primary-color);background:var(--surface)}.layout-option.selected{border-color:var(--primary-color);background:#3b82f60d}.layout-option input[type=radio]{margin:0;cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color)}.layout-option-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.layout-option-title{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.layout-option-description{font-size:.8125rem;color:var(--text-secondary)}.settings-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color);background:var(--background)}.settings-modal-footer .btn-secondary,.settings-modal-footer .btn-primary{min-width:100px}@media (max-width: 640px){.settings-modal{margin:0 1rem;max-width:calc(100% - 2rem)}.settings-modal-header,.settings-modal-body,.settings-modal-footer{padding:1rem}.settings-modal-footer{flex-direction:column-reverse}.settings-modal-footer .btn-secondary,.settings-modal-footer .btn-primary{width:100%}}.capacity-chart-container{background:var(--surface);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow)}.capacity-chart-tooltip{background:var(--surface);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;box-shadow:var(--shadow-lg)}.tooltip-label{font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.875rem}.tooltip-content{display:flex;flex-direction:column;gap:.5rem}.tooltip-row{display:flex;align-items:center;gap:.5rem;font-size:.813rem}.tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tooltip-key{color:var(--text-secondary);min-width:80px}.tooltip-value{font-weight:600;color:var(--text-primary);margin-left:auto}.tooltip-value.text-danger{color:#ef4444}.tooltip-value.text-success{color:#10b981}.tooltip-divider{height:1px;background:var(--border-color);margin:.25rem 0}.capacity-chart-skeleton{display:flex;flex-direction:column;gap:1rem;height:100%;padding:1rem}.skeleton-header{height:24px;width:200px;background:linear-gradient(90deg,var(--background) 25%,var(--border-color) 50%,var(--background) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.25rem}.skeleton-chart{flex:1;background:linear-gradient(90deg,var(--background) 25%,var(--border-color) 50%,var(--background) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.5rem}.skeleton-legend{height:32px;background:linear-gradient(90deg,var(--background) 25%,var(--border-color) 50%,var(--background) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.25rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.capacity-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.capacity-chart-empty h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.capacity-chart-empty p{font-size:.875rem;color:var(--text-secondary);max-width:400px}.capacity-chart-warning{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444;font-size:.875rem;font-weight:500}[data-theme=dark] .capacity-chart-warning{background:#ef444426;border-color:#ef444466}.warning-icon{font-size:1.25rem;flex-shrink:0}@media (max-width: 768px){.capacity-chart-container{padding:1rem}.tooltip-label,.tooltip-row{font-size:.75rem}.tooltip-key{min-width:60px}.capacity-chart-warning{font-size:.75rem;padding:.5rem .75rem}}@media (prefers-reduced-motion: reduce){.skeleton-header,.skeleton-chart,.skeleton-legend{animation:none}}@media print{.capacity-chart-container{box-shadow:none;border:1px solid #000}.capacity-chart-warning{border:1px solid #ef4444;background:#fff}}.trends-chart-widget{background:var(--surface);border-radius:.75rem;box-shadow:var(--shadow);overflow:hidden}.trends-widget-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.widget-title{display:flex;align-items:center;gap:.75rem}.widget-title svg{color:var(--primary-color)}.widget-title h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.widget-controls{display:flex;align-items:center;gap:.75rem}.location-selector{display:flex;align-items:center;gap:.5rem;background:var(--background);padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border-color)}.location-selector svg{color:var(--primary-color);flex-shrink:0}.location-dropdown{border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;outline:none;padding:0}.location-dropdown:hover{color:var(--primary-color)}.location-dropdown option{background:var(--surface);color:var(--text-primary)}.period-selector{display:flex;gap:.25rem;background:var(--background);padding:.25rem;border-radius:.5rem;border:1px solid var(--border-color)}.period-btn{padding:.375rem .875rem;font-size:.813rem;font-weight:500;border:none;background:transparent;color:var(--text-secondary);border-radius:.375rem;cursor:pointer;transition:all .2s}.period-btn:hover{background:var(--surface);color:var(--text-primary)}.period-btn.active{background:var(--primary-color);color:#fff}.period-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:var(--background);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){background:var(--surface);color:var(--primary-color);border-color:var(--primary-color)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trends-stats{display:flex;align-items:center;justify-content:space-around;padding:1rem 1.5rem;background:var(--background);border-bottom:1px solid var(--border-color)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-value.text-danger{color:#ef4444}.stat-value.text-success{color:#10b981}.stat-divider{width:1px;height:40px;background:var(--border-color)}.trends-error{display:flex;align-items:center;gap:1rem;padding:2rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;margin:1.5rem}.error-icon{font-size:2rem;flex-shrink:0}.error-content{flex:1}.error-content h4{font-size:1rem;color:#ef4444;margin:0 0 .25rem}.error-content p{font-size:.875rem;color:var(--text-secondary);margin:0 0 .75rem}.trends-no-location{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.trends-no-location h4{font-size:1.125rem;color:var(--text-primary);margin:1rem 0 .5rem}.trends-no-location p{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.trends-widget-header{flex-direction:column;gap:1rem;align-items:flex-start}.widget-controls{width:100%;flex-wrap:wrap;justify-content:space-between}.location-selector{flex:1 1 100%;min-width:0}.location-dropdown{flex:1;min-width:0}.period-selector{flex:1}.period-btn{flex:1;padding:.5rem}.trends-stats{flex-direction:column;gap:1rem;padding:1rem}.stat-divider{width:100%;height:1px}.stat-item{width:100%;flex-direction:row;justify-content:space-between}.trends-error{flex-direction:column;text-align:center}}@media (max-width: 480px){.widget-title h3{font-size:1rem}.period-btn{font-size:.75rem;padding:.375rem .5rem}.stat-value{font-size:1rem}.stat-label{font-size:.688rem}}@media (prefers-reduced-motion: reduce){.refresh-btn svg.spinning{animation:none}.period-btn,.refresh-btn{transition:none}}@media print{.widget-controls{display:none}.trends-chart-widget{box-shadow:none;border:1px solid #000}}.dashboard-container{min-height:100vh;background-color:var(--background)}.dashboard-nav{background-color:var(--surface);padding:1rem 2rem;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}@media (max-width: 767px){.dashboard-nav{padding:.75rem 1rem}.dashboard-nav h1{font-size:1.125rem}}.dashboard-nav h1{font-size:1.5rem;color:var(--primary-color)}.nav-right{display:flex;align-items:center;gap:1rem}.user-info{color:var(--text-secondary);font-size:.875rem;font-weight:500}.btn-icon{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--background);color:var(--primary-color);border-color:var(--primary-color)}.dashboard-content{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-kpi-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.dashboard-chart-section{margin-bottom:2rem}@media (max-width: 768px){.dashboard-kpi-section{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.dashboard-kpi-section{grid-template-columns:1fr}}.dashboard-widgets-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.widget-left{display:flex;flex-direction:column;gap:1.5rem}.widget-right{min-height:400px}@media (max-width: 1024px){.dashboard-widgets-section{grid-template-columns:1fr}.widget-right{min-height:300px}}.dashboard-section-header{margin-bottom:1.5rem}.dashboard-section-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.dashboard-section-header p{color:var(--text-secondary);font-size:.875rem}.welcome-section{background-color:var(--surface);padding:2rem;border-radius:1rem;box-shadow:var(--shadow);margin-bottom:2rem}.welcome-section h2{color:var(--text-primary);margin-bottom:.5rem}.welcome-section p{color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media (max-width: 640px){.dashboard-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 767px){.dashboard-content{padding:1rem}.welcome-section{padding:1.5rem;margin-bottom:1.5rem}.welcome-section h2{font-size:1.25rem}.welcome-section p{font-size:.875rem}.dashboard-card{padding:1.25rem}.dashboard-card h3{font-size:1rem}.dashboard-card p{font-size:.875rem}}.dashboard-card{background-color:var(--surface);padding:1.5rem;border-radius:.75rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:0;background:linear-gradient(90deg,var(--card-gradient-from, var(--primary-color)),var(--card-gradient-to, var(--primary-color)));transition:height .3s ease}.dashboard-card-enhanced:before{height:4px}.dashboard-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.dashboard-card-enhanced:hover:before{height:6px}.card-icon{width:56px;height:56px;border-radius:.875rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .3s ease}.dashboard-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-icon-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.card-icon-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981}.card-icon-purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#8b5cf6}.card-icon-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#f59e0b}.card-icon-teal{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);color:#14b8a6}[data-theme=dark] .card-icon-blue{background:linear-gradient(135deg,#3b82f626,#3b82f640)}[data-theme=dark] .card-icon-green{background:linear-gradient(135deg,#10b98126,#10b98140)}[data-theme=dark] .card-icon-purple{background:linear-gradient(135deg,#8b5cf626,#8b5cf640)}[data-theme=dark] .card-icon-orange{background:linear-gradient(135deg,#f59e0b26,#f59e0b40)}[data-theme=dark] .card-icon-teal{background:linear-gradient(135deg,#14b8a626,#14b8a640)}.dashboard-card h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem}.dashboard-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.dashboard-card button{width:100%}@media (max-width: 768px){.dashboard-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-right{width:100%;justify-content:space-between}.dashboard-content{padding:1rem}.welcome-section{padding:1.5rem}.dashboard-grid{grid-template-columns:1fr}}.dashboard-layout-compact .dashboard-content{padding:1rem}.dashboard-layout-compact .dashboard-kpi-section,.dashboard-layout-compact .dashboard-grid,.dashboard-layout-compact .dashboard-widgets-section{gap:.75rem}.dashboard-layout-compact .dashboard-section-header{margin-top:1.5rem;margin-bottom:.75rem}.dashboard-layout-spacious .dashboard-content{padding:3rem}.dashboard-layout-spacious .dashboard-kpi-section,.dashboard-layout-spacious .dashboard-grid,.dashboard-layout-spacious .dashboard-widgets-section{gap:2rem}.dashboard-layout-spacious .dashboard-section-header{margin-top:3rem;margin-bottom:1.5rem}@media (max-width: 768px){.dashboard-layout-compact .dashboard-content,.dashboard-layout-comfortable .dashboard-content,.dashboard-layout-spacious .dashboard-content{padding:1rem}}.profile-container{max-width:1200px;margin:0 auto;padding:2rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:1rem}.profile-card{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.profile-card h3{margin:0 0 1.5rem;color:var(--text-primary, #111827);font-size:1.25rem;font-weight:600}.avatar-section{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center}.avatar-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.avatar-preview{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid var(--border-color, #e5e7eb);display:flex;align-items:center;justify-content:center;background:var(--background, #f9fafb)}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--text-secondary, #6b7280);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.avatar-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:400px}.avatar-actions label,.avatar-actions button{width:100%}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1rem;color:var(--text-primary, #111827);padding:.5rem 0}.profile-form-section{grid-column:1 / -1}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.form-group input,.form-group textarea{padding:.75rem;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:1rem;font-family:inherit;background:var(--input-bg, #ffffff);color:var(--text-primary, #111827);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.error-message{color:#ef4444;font-size:.875rem;margin-top:-.25rem}.text-muted{color:var(--text-secondary, #6b7280);font-size:.875rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions button{flex:1;max-width:200px}.alert{padding:1rem 1.5rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.alert-error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert-success{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}@media (prefers-color-scheme: dark){.profile-card{background:var(--card-bg, #1f2937);border-color:var(--border-color, #374151)}.avatar-preview{border-color:var(--border-color, #374151);background:var(--background, #111827)}.info-value{color:var(--text-primary, #f9fafb)}.form-group input,.form-group textarea{background:var(--input-bg, #374151);color:var(--text-primary, #f9fafb);border-color:var(--border-color, #4b5563)}.alert-error{background-color:#7f1d1d;color:#fecaca;border-color:#991b1b}.alert-success{background-color:#14532d;color:#bbf7d0;border-color:#166534}}@media (max-width: 768px){.profile-container{padding:1rem}.profile-grid,.info-grid{grid-template-columns:1fr;gap:1rem}.avatar-preview{width:120px;height:120px}.avatar-placeholder{font-size:2.5rem}.form-actions{flex-direction:column}.form-actions button{max-width:100%}}@media (max-width: 480px){.profile-card{padding:1rem}.avatar-preview{width:100px;height:100px}.avatar-placeholder{font-size:2rem}}.page-container,.page-content{width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-title{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.page-description{color:var(--text-secondary);margin:0;font-size:1rem}.alert{padding:1rem;margin-bottom:1rem;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center}.alert-error{background:#ef44441a;border:1px solid var(--error-color);color:var(--error-color)}.alert button{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem .5rem;font-size:1.25rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{margin-top:1rem;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;color:var(--text-primary);margin:1rem 0 .5rem}.empty-state p{margin-bottom:1.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.card{background:var(--surface);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.card-header h3{font-size:1.25rem;margin:0;color:var(--text-primary)}.card-description{color:var(--text-secondary);margin:.75rem 0;line-height:1.5}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.card-footer small{color:var(--text-secondary);font-size:.875rem}.filters-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border-color);border-radius:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--background);color:var(--text-primary);font-size:.9375rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group select:disabled{opacity:.5;cursor:not-allowed}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem}.kpi-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;flex-shrink:0}.kpi-content{flex:1}.kpi-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.chart-section{background:var(--surface);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.chart-section h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem}.table-section{background:var(--surface);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.table-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.25rem}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.875rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;background:var(--background)}.data-table td{color:var(--text-primary)}.data-table tbody tr:hover{background:var(--background)}.badge-success{background:#22c55e1a;color:#16a34a}.badge-warning{background:#f59e0b1a;color:#d97706}.badge-error{background:#ef44441a;color:#dc2626}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.settings-card{background:var(--surface);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;text-align:center}.settings-card-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#2563eb1a;color:var(--primary-color);border-radius:.5rem;margin-bottom:1rem}.settings-card h3{font-size:1.125rem;margin:0 0 .5rem;color:var(--text-primary)}.settings-card p{color:var(--text-secondary);margin:0 0 1rem;font-size:.875rem}@media (max-width: 768px){.page-title{font-size:1.5rem}.card-grid,.kpi-grid,.settings-grid,.filters-section{grid-template-columns:1fr}.data-table{font-size:.875rem}.data-table th,.data-table td{padding:.5rem}}@media (max-width: 640px){.page-header{flex-direction:column;align-items:flex-start}}.settings-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-top:2rem}.settings-section h3{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;color:var(--text-primary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:var(--text-primary)}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--card-bg);border-radius:.75rem;box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-sm{max-width:400px}.modal-lg{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s,color .2s}.modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color);justify-content:flex-end}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-admin{background:#ef44441a;color:#dc2626}.badge-manager{background:#3b82f61a;color:#2563eb}.badge-user{background:#6b72801a;color:#6b7280}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-badge.active{background:#22c55e1a;color:#16a34a}.status-badge.inactive{background:#ef44441a;color:#dc2626}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-icon{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover:not(:disabled){background:var(--hover-bg);color:var(--text-primary);border-color:var(--text-secondary)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon.btn-danger{color:var(--error-color)}.btn-icon.btn-danger:hover:not(:disabled){background:#ef44441a;border-color:var(--error-color)}.temp-password-box{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.temp-password-box code{font-family:Courier New,monospace;font-size:1.25rem;font-weight:600;color:var(--primary-color);letter-spacing:.1em}.activity-log-list{display:flex;flex-direction:column;gap:1rem}.activity-log-item{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.activity-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.activity-log-header strong{color:var(--text-primary);font-size:.875rem}.activity-log-details{display:flex;flex-direction:column;gap:.5rem}.activity-log-details span{font-size:.875rem;color:var(--text-secondary)}.activity-log-json{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.375rem;padding:.75rem;font-size:.75rem;overflow-x:auto;color:var(--text-primary);margin-top:.5rem}.text-sm{font-size:.875rem}.text-muted{color:var(--text-secondary)}.alert-success{background:#22c55e1a;border:1px solid #16a34a;color:#16a34a}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary)}@media (max-width: 768px){.modal{max-width:95%}.modal-header,.modal-body,.modal-footer{padding:1rem}.action-buttons{justify-content:flex-start}.temp-password-box{flex-direction:column;align-items:flex-start}}.locations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.locations-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;min-height:600px}.organizations-panel,.locations-panel{background-color:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow)}.organizations-panel h3,.locations-panel h3{margin-bottom:1rem;color:var(--text-primary)}.org-list{display:flex;flex-direction:column;gap:1rem}.org-card{padding:1rem;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s}.org-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.org-card.selected{border-color:var(--primary-color);background-color:#eff6ff}.org-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.org-card h4{margin:0;font-size:1.125rem;color:var(--text-primary)}.org-description{color:var(--text-secondary);font-size:.875rem;margin:.5rem 0}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.location-card{padding:1.25rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--background);transition:transform .2s,box-shadow .2s}.location-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.location-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.location-card h4{margin:0;font-size:1.125rem;color:var(--text-primary)}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary)}.modal-content{background-color:var(--surface);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-md);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content textarea{width:100%;resize:vertical}@media (max-width: 1024px){.locations-layout{grid-template-columns:1fr}.organizations-panel{max-height:400px;overflow-y:auto}}@media (max-width: 768px){.locations-header{flex-direction:column;align-items:flex-start;gap:1rem}.locations-header button{width:100%}.location-grid,.form-row{grid-template-columns:1fr}.modal-content{padding:1.5rem}}.time-horizons-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.time-horizons-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;min-height:600px}.locations-panel,.horizons-panel{background-color:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow)}.locations-panel h3,.horizons-panel h3{margin-bottom:1rem;color:var(--text-primary)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.horizon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.horizon-card{padding:1.25rem;border:2px solid var(--border-color);border-radius:.5rem;background-color:var(--background);cursor:pointer;transition:all .2s}.horizon-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.horizon-card.selected{border-color:var(--primary-color);background-color:#eff6ff;box-shadow:var(--shadow-md)}.horizon-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.horizon-card h4{margin:0;font-size:1.125rem;color:var(--text-primary)}.horizon-details{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.horizon-details p{margin:0;font-size:.875rem;color:var(--text-secondary)}.buckets-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color)}.buckets-section h3{margin-bottom:1.5rem;color:var(--text-primary)}.bucket-timeline{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.bucket-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--background);border:1px solid var(--border-color);border-radius:.5rem;transition:all .2s}.bucket-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.bucket-dates{font-size:.875rem;color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{cursor:pointer;width:1.125rem;height:1.125rem}.checkbox-label span{color:var(--text-primary)}.modal-content{background-color:var(--surface);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-md);width:90%;max-width:550px;max-height:90vh;overflow-y:auto}@media (max-width: 1024px){.time-horizons-layout{grid-template-columns:1fr}.locations-panel{max-height:350px}.location-list{max-height:250px}}@media (max-width: 768px){.time-horizons-header{flex-direction:column;align-items:flex-start;gap:1rem}.time-horizons-header button{width:100%}.horizon-grid,.form-row{grid-template-columns:1fr}.modal-content{padding:1.5rem}.bucket-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.capacity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.capacity-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;min-height:600px}.locations-panel,.resources-panel{background-color:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow)}.locations-panel h3,.resources-panel h3{margin-bottom:1rem;color:var(--text-primary)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.location-card h4{margin:0 0 .5rem;font-size:1.125rem;color:var(--text-primary)}.location-address{color:var(--text-secondary);font-size:.875rem;margin:.5rem 0}.location-meta{display:flex;gap:1rem;margin:.75rem 0;font-size:.875rem;color:var(--text-secondary)}.filter-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--background);border-radius:.5rem}.filter-section label{font-weight:600;color:var(--text-primary)}.filter-section select{flex:1;max-width:300px}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.resource-card{padding:1.5rem;border:2px solid var(--border-color);border-radius:.75rem;background-color:var(--background);cursor:pointer;transition:all .2s}.resource-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.resource-card.selected{border-color:var(--primary-color);background-color:#eff6ff;box-shadow:var(--shadow-md)}.resource-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.resource-card h4{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.resource-type-badge{display:inline-block;padding:.25rem .75rem;background-color:#e0e7ff;color:#4f46e5;border-radius:1rem;font-size:.75rem;font-weight:600}.capacity-gauge{margin:1.5rem 0}.gauge-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.gauge-bar{width:100%;height:1.5rem;background-color:#e5e7eb;border-radius:.75rem;overflow:hidden;position:relative}.gauge-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:.75rem}.gauge-text{text-align:center;font-weight:700;font-size:1.125rem;color:var(--text-primary);margin-top:.5rem}.capacity-details{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.capacity-row{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.capacity-row span{color:var(--text-secondary)}.capacity-row strong{color:var(--text-primary);font-weight:600}.resource-date{display:block;margin-top:1rem;color:var(--text-secondary);font-size:.8125rem}.form-group small{display:block;margin-top:.25rem;color:var(--text-secondary);font-size:.75rem}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary);padding:3rem}.modal-content h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 1024px){.capacity-layout{grid-template-columns:1fr}.locations-panel{max-height:350px}.location-list{max-height:250px}}@media (max-width: 768px){.capacity-header{flex-direction:column;align-items:flex-start;gap:1rem}.capacity-header button{width:100%}.resource-grid,.form-row{grid-template-columns:1fr}.modal-content{padding:1.5rem}.filter-section{flex-direction:column;align-items:flex-start}.filter-section select{width:100%;max-width:none}}.demand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.demand-layout{display:grid;grid-template-columns:280px 1fr 1fr;gap:1.5rem;min-height:600px}.locations-panel,.profiles-panel,.entries-panel{background-color:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow)}.locations-panel h3,.profiles-panel h3,.entries-panel h3{margin-bottom:1rem;color:var(--text-primary)}.profile-grid{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 300px);overflow-y:auto}.profile-card{padding:1.25rem;border:2px solid var(--border-color);border-radius:.75rem;background-color:var(--background);cursor:pointer;transition:all .2s}.profile-card:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.profile-card.selected{border-color:var(--primary-color);background-color:#eff6ff;box-shadow:var(--shadow-md)}.profile-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.profile-card h4{margin:0 0 .5rem;font-size:1.125rem;color:var(--text-primary)}.horizon-badge{display:inline-block;padding:.25rem .75rem;background-color:#dbeafe;color:#1e40af;border-radius:1rem;font-size:.75rem;font-weight:600}.delete-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem;opacity:.6;transition:opacity .2s}.delete-btn:hover{opacity:1}.profile-details{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.profile-row{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.profile-row span{color:var(--text-secondary)}.profile-row strong{color:var(--text-primary);font-weight:600}.profile-description{margin:.75rem 0 0;padding:.75rem;background-color:#f9fafb;border-radius:.375rem;font-size:.875rem;color:var(--text-secondary);font-style:italic}.profile-date{display:block;margin-top:.75rem;color:var(--text-secondary);font-size:.8125rem}.demand-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.summary-card{padding:1rem;background-color:#f0f9ff;border-radius:.5rem;border-left:4px solid var(--primary-color)}.summary-card h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.summary-value{margin:0;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.entries-list{display:flex;flex-direction:column;gap:.75rem;max-height:calc(100vh - 500px);overflow-y:auto}.entry-row{display:grid;grid-template-columns:120px 1fr auto;gap:1rem;align-items:center;padding:.875rem 1rem;background-color:var(--background);border:1px solid var(--border-color);border-radius:.5rem;transition:all .2s}.entry-row:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.bucket-label{font-weight:600;color:var(--text-primary);font-size:.9375rem}.bucket-range{font-size:.8125rem;color:var(--text-secondary)}.demand-value{font-size:1rem;font-weight:700;color:var(--primary-color);text-align:right}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--surface);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-md);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content.large-modal{max-width:800px}.modal-content h3{margin-top:0;margin-bottom:.5rem;color:var(--text-primary)}.modal-subtitle{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.9375rem}.modal-content .form-group{margin-bottom:1.25rem}.modal-content textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:.5rem;font-family:inherit;font-size:.9375rem;resize:vertical}.modal-content textarea:focus{outline:none;border-color:var(--primary-color)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.warning-text{color:#dc2626;font-size:.875rem;padding:.75rem;background-color:#fee2e2;border-radius:.375rem;border-left:4px solid #dc2626}.entries-form-grid{display:flex;flex-direction:column;gap:1rem;max-height:50vh;overflow-y:auto;margin-bottom:1rem;padding:.5rem}.entry-form-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;padding:1rem;background-color:var(--background);border:1px solid var(--border-color);border-radius:.5rem}.entry-form-label{display:flex;flex-direction:column;gap:.25rem}.entry-form-label strong{font-size:.9375rem;color:var(--text-primary)}.entry-form-label small{font-size:.8125rem;color:var(--text-secondary)}.entry-form-input{display:flex;align-items:center;gap:.5rem}.entry-form-input input{width:120px;padding:.5rem .75rem;border:2px solid var(--border-color);border-radius:.375rem;font-size:.9375rem;text-align:right}.entry-form-input input:focus{outline:none;border-color:var(--primary-color)}.input-unit{font-size:.875rem;font-weight:600;color:var(--text-secondary);min-width:60px}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem 1rem;font-size:.9375rem}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary);padding:3rem 2rem}.empty-state-large h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.empty-state-large p{margin:0;font-size:.9375rem}@media (max-width: 1400px){.demand-layout{grid-template-columns:260px 1fr 1fr}}@media (max-width: 1200px){.demand-layout{grid-template-columns:1fr 1fr}.locations-panel{grid-column:1 / -1}.location-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:350px}}@media (max-width: 768px){.demand-layout{grid-template-columns:1fr}.locations-panel{max-height:300px}.location-list{max-height:200px}.demand-summary{grid-template-columns:1fr}.entry-row{grid-template-columns:1fr;gap:.5rem}.bucket-label{font-size:1rem}.demand-value{text-align:left}.entry-form-row{grid-template-columns:1fr;gap:1rem}.entry-form-input{justify-content:space-between}.entry-form-input input{flex:1;max-width:150px}.modal-content{padding:1.5rem}.panel-header{flex-direction:column;align-items:stretch}.panel-header button{width:100%}}.upload-section{margin:1.5rem 0}.file-format-info{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.file-format-info h4{margin:0 0 .5rem;color:var(--text-primary);font-size:.875rem}.file-format-info p{margin:.5rem 0;font-size:.8125rem;color:var(--text-secondary)}.file-format-info ul{margin:.5rem 0;padding-left:1.5rem;font-size:.8125rem}.file-format-info li{margin:.25rem 0}.file-select-area{margin:1rem 0}.file-select-button{display:block;width:100%;padding:2rem;border:2px dashed var(--border-color);border-radius:.5rem;text-align:center;cursor:pointer;transition:all .2s;background-color:var(--background)}.file-select-button:hover{border-color:var(--primary-color);background-color:#eff6ff}.file-select-button span{display:block;font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.file-select-button small{display:block;font-size:.8125rem;color:var(--text-secondary)}.success-message{background-color:#f0fdf4;border:1px solid #86efac;border-radius:.5rem;padding:1rem}.success-message h4{margin:0 0 .5rem;color:#16a34a;font-size:1rem}.success-message p{margin:.25rem 0;font-size:.8125rem;color:var(--text-secondary)}.warning-text{margin-top:1rem;font-size:.8125rem;color:#f59e0b}.warning-text ul{margin:.5rem 0;padding-left:1.5rem}.warning-text details{margin-top:.5rem;cursor:pointer}.warning-text summary{font-weight:500;color:var(--primary-color)}.scenario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.scenario-layout{display:grid;grid-template-columns:280px 1fr 1fr;gap:1.5rem;min-height:600px}.locations-panel,.scenarios-panel,.details-panel{background-color:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow)}.locations-panel h3,.scenarios-panel h3,.details-panel h3{margin-bottom:1rem;color:var(--text-primary)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.panel-header h3{margin:0;font-size:1.125rem}.location-list{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 300px);overflow-y:auto}.location-card{padding:1rem;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s;background-color:var(--background)}.location-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.location-card.selected{border-color:var(--primary-color);background-color:#eff6ff}.location-card h4{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary)}.location-address{color:var(--text-secondary);font-size:.8125rem;margin:.5rem 0}.location-meta{display:flex;gap:.75rem;margin:.75rem 0;font-size:.8125rem;color:var(--text-secondary)}.scenario-actions{margin-bottom:1rem}.scenario-actions button{width:100%}.scenario-grid{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 400px);overflow-y:auto}.scenario-card{padding:1rem;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s;background-color:var(--background)}.scenario-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.scenario-card.selected{border-color:var(--primary-color);background-color:#eff6ff}.scenario-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.scenario-card h4{margin:0;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.baseline-badge{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.horizon-badge{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;margin-top:.25rem}.scenario-details{margin:.75rem 0}.scenario-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.scenario-row span{color:var(--text-secondary)}.scenario-row strong{color:var(--text-primary)}.scenario-description{color:var(--text-secondary);font-size:.8125rem;margin:.5rem 0;font-style:italic}.scenario-date{color:var(--text-secondary);font-size:.75rem}.delete-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.6;transition:opacity .2s;padding:.25rem}.delete-btn:hover{opacity:1;color:#dc2626}.view-mode-tabs{display:flex;gap:.5rem}.view-mode-tabs button{padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--background);border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:all .2s}.view-mode-tabs button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.details-content{max-height:calc(100vh - 300px);overflow-y:auto}.scenario-info{background-color:var(--background);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.scenario-info h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.info-item span{font-size:.9375rem;color:var(--text-primary)}.capacity-overrides{background-color:var(--background);border-radius:.5rem;padding:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h4{margin:0;font-size:1rem;color:var(--text-primary)}.overrides-list{display:flex;flex-direction:column;gap:.75rem}.override-row{padding:.75rem;background-color:var(--surface);border-radius:.5rem;border:1px solid var(--border-color)}.override-row strong{display:block;margin-bottom:.5rem;color:var(--text-primary)}.override-values{display:flex;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:var(--text-secondary)}.gap-analysis-content{max-height:calc(100vh - 300px);overflow-y:auto}.gap-analysis-content h4{margin:0 0 1.5rem;font-size:1rem;color:var(--text-primary)}.gap-chart{display:flex;flex-direction:column;gap:1rem}.gap-row{background-color:var(--background);border-radius:.5rem;padding:1rem;border:1px solid var(--border-color)}.gap-label{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.gap-bar-container{margin-top:.5rem}.gap-values{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.demand-value{color:#3b82f6;font-weight:500}.capacity-value{color:#10b981;font-weight:500}.gap-value{font-weight:600}.gap-value.negative{color:#dc2626}.gap-value.positive{color:#10b981}.gap-bar{height:24px;background-color:#e5e7eb;border-radius:.25rem;overflow:hidden;position:relative}.capacity-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);transition:width .3s ease}.utilization-text{margin-top:.5rem;font-size:.8125rem;color:var(--text-secondary);text-align:right}.comparison-content{max-height:calc(100vh - 300px);overflow-y:auto}.comparison-content h4{margin:0 0 1.5rem;font-size:1rem;color:var(--text-primary)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.comparison-card{background-color:var(--background);border-radius:.5rem;padding:1rem;border:1px solid var(--border-color)}.comparison-card h5{margin:0 0 1rem;font-size:1rem;color:var(--text-primary);padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.comparison-section{margin-bottom:1.5rem}.comparison-section h6{margin:0 0 .75rem;font-size:.875rem;color:var(--text-secondary);font-weight:600}.comparison-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.comparison-stat label{color:var(--text-secondary)}.comparison-stat span{font-weight:600;color:var(--text-primary)}.mini-gap-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8125rem}.mini-gap-row span:first-child{color:var(--text-secondary)}.mini-gap-row span:last-child{font-weight:600}.overrides-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;max-height:60vh;overflow-y:auto;margin-bottom:1rem}.override-form-card{background-color:var(--background);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.override-form-card h4{margin:0 0 .25rem;font-size:.9375rem;color:var(--text-primary)}.override-form-card small{display:block;color:var(--text-secondary);font-size:.75rem;margin-bottom:1rem}.override-inputs{display:flex;flex-direction:column;gap:.75rem}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-group label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.input-group input{padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem}.scenario-select-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.scenario-select-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s}.scenario-select-item:hover{border-color:var(--primary-color);background-color:#f9fafb}.scenario-select-item.selected{border-color:var(--primary-color);background-color:#eff6ff}.scenario-select-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.scenario-select-item div{flex:1}.scenario-select-item strong{color:var(--text-primary)}.scenario-select-item small{color:var(--text-secondary)}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-secondary)}.empty-state-large h3{color:var(--text-primary);margin-bottom:.5rem}.empty-state{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.modal-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9375rem}.chart-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:24px}.chart-header{margin-bottom:16px}.chart-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.chart-description{font-size:14px;color:#6b7280;margin:0}.chart-content{position:relative;width:100%}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.chart-skeleton{width:80%;height:70%;display:flex;align-items:flex-end;justify-content:space-around;padding:20px;background:#f9fafb;border-radius:8px}.skeleton-bars{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:space-around;gap:12px}.skeleton-bar{flex:1;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;min-height:20px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-text{font-size:14px;color:#6b7280;margin:0}.chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px}.error-icon{color:#ef4444}.error-text{font-size:14px;color:#6b7280;margin:0;text-align:center}.chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:14px}.custom-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;box-shadow:0 4px 6px #0000001a;max-width:250px}.tooltip-label{font-weight:600;font-size:14px;color:#1f2937;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.tooltip-item{font-size:13px;margin:4px 0;display:flex;justify-content:space-between;gap:12px}.tooltip-name{font-weight:500}.tooltip-value{font-weight:600}.charts-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}.charts-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.chart-full-width{grid-column:1 / -1}@media (max-width: 1024px){.charts-grid-2col{grid-template-columns:1fr}}@media (max-width: 768px){.chart-wrapper{padding:16px}.chart-title{font-size:16px}.chart-description{font-size:13px}.chart-content{height:300px!important}}.chart-controls{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.chart-control-btn{padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.chart-control-btn:hover{background:#e5e7eb;border-color:#d1d5db}.chart-control-btn:active{background:#d1d5db}.chart-control-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.chart-export-btn{padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.chart-export-btn:hover{background:#f9fafb;border-color:#9ca3af}.chart-export-btn svg{width:16px;height:16px}.chart-wrapper:focus-within{outline:2px solid #3b82f6;outline-offset:2px}@media print{.chart-wrapper{page-break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}.chart-controls,.chart-export-btn{display:none}}.analytics-container{min-height:100vh;background-color:var(--background)}.analytics-nav{background-color:var(--surface);padding:1.5rem 2rem;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}@media (max-width: 767px){.analytics-nav{padding:.75rem 1rem}.analytics-nav h1{font-size:1.125rem}}.analytics-nav h1{margin:0;color:var(--text-primary);font-size:1.5rem}.analytics-header{padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.header-actions{display:flex;gap:1rem;align-items:center}.location-selector{display:flex;align-items:center;gap:1rem}.location-selector label{font-weight:500;color:var(--text-primary)}.location-dropdown{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--surface);color:var(--text-primary);font-size:1rem;min-width:250px;cursor:pointer}.loading-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.error-message{background-color:#fee2e2;color:#991b1b;padding:1rem 2rem;margin:2rem;border-radius:.5rem;border:1px solid #fecaca}.analytics-content{padding:0 2rem 2rem}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.overview-card{background-color:var(--surface);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow);text-align:center}.overview-card h3{margin:0 0 1rem;font-size:.9375rem;color:var(--text-secondary);font-weight:500}.overview-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin:.5rem 0}.overview-label{font-size:.8125rem;color:var(--text-secondary);margin:.5rem 0 0}.analytics-section{margin-bottom:3rem}.analytics-section h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.gap-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.gap-summary-card{background-color:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow)}.gap-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.gap-card-header h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.gap-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.gap-metric{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.metric-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.metric-value.negative{color:#dc2626}.metric-value.positive{color:#10b981}.utilization-bar-container{margin:1rem 0}.utilization-bar{height:24px;background-color:#e5e7eb;border-radius:.5rem;overflow:hidden;margin-bottom:.5rem}.utilization-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);transition:width .3s ease}.utilization-range{font-size:.8125rem;color:var(--text-secondary)}.gap-indicators{display:flex;gap:1rem;font-size:.8125rem}.indicator.over{color:#dc2626}.indicator.under{color:#10b981}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.financial-card{background-color:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow)}.financial-card h3{margin:0 0 1.5rem;font-size:1.125rem;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:.75rem}.financial-metrics{display:flex;flex-direction:column;gap:1rem}.financial-metric{display:flex;flex-direction:column;gap:.25rem}.cost-breakdown{display:flex;flex-direction:column;gap:1rem}.cost-item{display:flex;flex-direction:column;gap:.5rem}.cost-label{font-weight:500;color:var(--text-primary);font-size:.9375rem}.cost-bar-container{height:20px;background-color:#e5e7eb;border-radius:.375rem;overflow:hidden}.cost-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.cost-value{font-size:.8125rem;color:var(--text-secondary)}.scenario-costs{display:flex;flex-direction:column;gap:.75rem}.scenario-cost-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--background);border-radius:.5rem;border:1px solid var(--border-color)}.scenario-name{font-weight:500;color:var(--text-primary)}.scenario-cost{font-weight:700;color:var(--primary-color)}.charts-section{margin-bottom:3rem}.section-title{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.75rem;font-weight:600}.filter-panel{background-color:var(--surface);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;margin-bottom:1.5rem}.filter-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem;font-weight:600}.filter-controls{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.filter-control{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-control label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.filter-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--background);color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:border-color .2s}.filter-select:hover{border-color:var(--primary-color)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.active-filters{margin-top:1rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.active-filters strong{font-size:.875rem;color:var(--text-secondary)}.filter-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--primary-color);color:#fff;border-radius:1rem;font-size:.875rem}.filter-chip button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;margin:0;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;transition:background-color .2s}.filter-chip button:hover{background-color:#fff3}@media (max-width: 767px){.filter-panel{padding:1rem}.filter-controls{flex-direction:column;gap:1rem}.filter-control{width:100%;min-width:unset}.active-filters{flex-direction:column;align-items:flex-start}}.reports-container{min-height:100vh;background-color:var(--background)}.reports-nav{background-color:var(--surface);padding:1.5rem 2rem;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.reports-nav h1{margin:0;color:var(--text-primary);font-size:1.5rem}.nav-right{display:flex;gap:1rem;align-items:center}.user-info{color:var(--text-secondary);font-size:.9375rem}.reports-header{padding:2rem;display:flex;justify-content:space-between;align-items:center}.reports-content{padding:0 2rem 2rem;display:grid;grid-template-columns:400px 1fr;gap:2rem}.report-config-panel{background-color:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);height:fit-content;position:sticky;top:100px}.report-config-panel h2{margin:0 0 1.5rem;font-size:1.25rem;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:.75rem}.config-group{margin-bottom:1.5rem}.config-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.9375rem}.config-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--background);color:var(--text-primary);font-size:1rem;cursor:pointer}.config-select:focus{outline:none;border-color:var(--primary-color)}.scenario-checkboxes{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;background-color:var(--background)}.checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:.25rem;transition:background-color .2s}.checkbox-label:hover{background-color:var(--surface)}.checkbox-label input[type=checkbox]{cursor:pointer}.no-scenarios{color:var(--text-secondary);font-style:italic;font-size:.875rem;padding:.5rem}.btn-generate{width:100%;margin-top:1rem}.error-message{background-color:#fee2e2;color:#991b1b;padding:1rem;margin-top:1rem;border-radius:.5rem;border:1px solid #fecaca;font-size:.875rem}.report-display-panel{background-color:var(--surface);border-radius:1rem;padding:2rem;box-shadow:var(--shadow);min-height:400px}.report-content h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.75rem}.report-metadata{background-color:var(--background);padding:1rem;border-radius:.5rem;margin-bottom:2rem;border-left:4px solid var(--primary-color)}.report-metadata p{margin:.5rem 0;color:var(--text-secondary);font-size:.9375rem}.report-metadata strong{color:var(--text-primary)}.scenario-report{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.scenario-report:last-child{border-bottom:none}.scenario-report h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.25rem;display:flex;align-items:center;gap:.75rem}.baseline-badge{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat{background-color:var(--background);padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-value.negative{color:#dc2626}.stat-value.positive{color:#10b981}.bucket-table{overflow-x:auto;margin-top:1.5rem}.bucket-table table{width:100%;border-collapse:collapse;background-color:var(--background);border-radius:.5rem;overflow:hidden}.bucket-table thead{background-color:var(--primary-color);color:#fff}.bucket-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9375rem}.bucket-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.9375rem}.bucket-table tbody tr:hover{background-color:var(--surface)}.bucket-table tbody tr:last-child td{border-bottom:none}.bucket-table td.negative{color:#dc2626;font-weight:600}.bucket-table td.positive{color:#10b981;font-weight:600}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.status-over_capacity{background-color:#fee2e2;color:#991b1b}.status-badge.status-under_capacity{background-color:#dcfce7;color:#166534}.status-badge.status-balanced{background-color:#dbeafe;color:#1e40af}.status-over_capacity{background-color:#fef2f2!important}.status-under_capacity{background-color:#f0fdf4!important}.status-balanced{background-color:#eff6ff!important}.financial-summary,.cost-by-type,.cost-by-scenario{margin-bottom:2rem}.financial-summary h3,.cost-by-type h3,.cost-by-scenario h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem}.scenario-costs{background-color:var(--background);padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem}.scenario-costs h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;display:flex;align-items:center;gap:.75rem}.total-cost{font-size:1.125rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem}.executive-metrics,.capacity-status,.recommendations,.financial-overview{margin-bottom:2rem}.executive-metrics h3,.capacity-status h3,.recommendations h3,.financial-overview h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.status-item{background-color:var(--background);padding:1.5rem;border-radius:.5rem;text-align:center;border:2px solid}.status-item.over{border-color:#dc2626}.status-item.balanced{border-color:#3b82f6}.status-item.under{border-color:#10b981}.status-count{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.status-item.over .status-count{color:#dc2626}.status-item.balanced .status-count{color:#3b82f6}.status-item.under .status-count{color:#10b981}.status-label{display:block;font-size:.9375rem;color:var(--text-secondary);font-weight:500}.recommendations ul{list-style:none;padding:0;margin:0}.recommendations li{background-color:var(--background);padding:1rem;margin-bottom:.75rem;border-radius:.5rem;border-left:4px solid var(--primary-color);color:var(--text-primary);line-height:1.6}.total-investment{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-style:italic}.csv-message{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.125rem}@media (max-width: 1024px){.reports-content{grid-template-columns:1fr}.report-config-panel{position:static}}@media (max-width: 768px){.summary-stats,.status-grid{grid-template-columns:1fr}.bucket-table{font-size:.875rem}.bucket-table th,.bucket-table td{padding:.5rem}}.financial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.base-currency-info{padding:.75rem 1.25rem;background-color:#eff6ff;border-radius:.5rem;font-size:.9375rem;color:var(--text-secondary)}.base-currency-info strong{color:var(--primary-color);font-weight:600}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab{padding:.875rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.tab:hover{color:var(--primary-color);background-color:#f9fafb}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{padding:1.5rem 0}.currency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.currency-card{background-color:var(--surface);border:2px solid var(--border-color);border-radius:.75rem;padding:1.5rem;transition:all .2s}.currency-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.currency-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.currency-header h4{margin:0;font-size:1.125rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.base-badge{display:inline-block;padding:.25rem .5rem;background-color:#10b981;color:#fff;border-radius:.25rem;font-size:.625rem;font-weight:700;letter-spacing:.05em}.card-actions{display:flex;gap:.5rem}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.125rem;padding:.25rem;opacity:.6;transition:opacity .2s}.btn-icon:hover{opacity:1}.currency-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.detail-row span{color:var(--text-secondary)}.detail-row strong{color:var(--text-primary);font-weight:600}.detail-row small{color:var(--text-secondary);font-size:.8125rem}.analysis-section{max-width:1200px;margin:0 auto}.section-description{color:var(--text-secondary);margin-bottom:2rem;font-size:.9375rem}.analysis-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background-color:var(--surface);border-radius:.75rem;border:2px solid var(--border-color)}.analysis-results{margin-top:2rem}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:1.5rem 0 2rem}.summary-card{padding:1.5rem;background-color:var(--surface);border-radius:.75rem;border:2px solid var(--border-color);text-align:center}.summary-card.highlight{border-color:var(--primary-color);background-color:#eff6ff}.summary-card h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.summary-label{font-size:.875rem;color:var(--text-secondary)}.scenarios-table{margin-top:2rem}.scenarios-table h5{margin-bottom:1rem;font-size:1.125rem;color:var(--text-primary)}.scenarios-table table{width:100%;border-collapse:collapse;background-color:var(--surface);border-radius:.5rem;overflow:hidden}.scenarios-table thead{background-color:#f9fafb}.scenarios-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.scenarios-table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.9375rem}.scenarios-table tr:hover{background-color:#f9fafb}.baseline-row{background-color:#fffbeb}.baseline-badge{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;background-color:#f59e0b;color:#fff;border-radius:.25rem;font-size:.625rem;font-weight:700;letter-spacing:.05em}.positive{color:#10b981;font-weight:600}.negative{color:#ef4444;font-weight:600}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-primary);font-size:.9375rem}.form-group small{color:var(--text-secondary);font-size:.8125rem}.form-control{padding:.75rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:.9375rem;font-family:inherit}.form-control:focus{outline:none;border-color:var(--primary-color)}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.error-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#fee2e2;border:1px solid #dc2626;border-radius:.5rem;color:#dc2626;margin-bottom:1.5rem}.btn-close{background:none;border:none;cursor:pointer;font-size:1.5rem;color:#dc2626;padding:0;line-height:1}.loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.125rem}@media (max-width: 1200px){.currency-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.analysis-controls{grid-template-columns:1fr}}@media (max-width: 768px){.financial-header{flex-direction:column;align-items:flex-start;gap:1rem}.currency-grid,.summary-cards{grid-template-columns:1fr}.scenarios-table{overflow-x:auto}.scenarios-table table{min-width:600px}}:root{--font-size-xs: .64rem;--font-size-sm: .8rem;--font-size-base: 1rem;--font-size-md: 1.25rem;--font-size-lg: 1.563rem;--font-size-xl: 1.953rem;--font-size-2xl: 2.441rem;--font-size-3xl: 3.052rem;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--primary-color: #2563eb;--primary-hover: #1d4ed8;--color-primary-50: rgb(37 99 235 / .05);--color-primary-100: rgb(37 99 235 / .1);--color-primary-200: rgb(37 99 235 / .2);--color-primary-500: #2563eb;--color-primary-900: rgb(37 99 235 / .9);--secondary-color: #64748b;--secondary-hover: #475569;--success-color: #10b981;--error-color: #ef4444;--color-warning: #f59e0b;--color-info: #0ea5e9;--warning-color: #f59e0b;--info-color: #0ea5e9;--background: #f8fafc;--surface: #ffffff;--surface-raised: #ffffff;--surface-overlay: #ffffff;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-focus: 0 0 0 3px var(--color-primary-100);--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--fluid-min-width: 320;--fluid-max-width: 1140;--fluid-min-size: 16;--fluid-max-size: 18;--skeleton-base: #e2e8f0;--skeleton-shine: #f1f5f9}[data-theme=dark]{--primary-color: #3b82f6;--primary-hover: #2563eb;--color-primary-50: rgb(59 130 246 / .05);--color-primary-100: rgb(59 130 246 / .1);--color-primary-200: rgb(59 130 246 / .2);--color-primary-500: #3b82f6;--color-primary-900: rgb(59 130 246 / .9);--secondary-color: #64748b;--secondary-hover: #475569;--success-color: #10b981;--error-color: #f87171;--color-warning: #fbbf24;--color-info: #38bdf8;--warning-color: #fbbf24;--info-color: #38bdf8;--background: #0f172a;--surface: #1e293b;--surface-raised: #334155;--surface-overlay: #475569;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3);--shadow-focus: 0 0 0 3px var(--color-primary-100);--skeleton-base: #334155;--skeleton-shine: #475569}*{margin:0;padding:0;box-sizing:border-box}body{font-size:clamp(calc(var(--fluid-min-size) * 1px),calc(var(--fluid-min-size) * 1px + (var(--fluid-max-size) - var(--fluid-min-size)) * ((100vw - var(--fluid-min-width) * 1px) / (var(--fluid-max-width) - var(--fluid-min-width)))),calc(var(--fluid-max-size) * 1px));font-family:var(--font-family-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary)}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-base);font-weight:var(--font-weight-medium)}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible,a:focus-visible{box-shadow:var(--shadow-focus)}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border:none;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:#fff;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--secondary-color);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover);transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:var(--spacing-2-5) var(--spacing-5);border-radius:var(--radius-md)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-50)}.btn-ghost{background:transparent;color:var(--text-primary);padding:var(--spacing-2-5) var(--spacing-5);border-radius:var(--radius-md)}.btn-ghost:hover:not(:disabled){background-color:var(--color-primary-50);color:var(--primary-color)}.btn-danger{background:var(--error-color);color:#fff;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-success{background:var(--success-color);color:#fff;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md)}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-sm{padding:var(--spacing-1-5) var(--spacing-3);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-2-5) var(--spacing-5);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-3-5) var(--spacing-7);font-size:var(--font-size-lg)}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-2-5);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base);background-color:var(--surface);color:var(--text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus)}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--background)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline;color:var(--primary-hover)}.error-message{background-color:#fee2e2;color:var(--error-color);padding:var(--spacing-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-4);border:1px solid #fecaca}.success-message{background-color:#d1fae5;color:var(--success-color);padding:var(--spacing-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-4);border:1px solid #86efac}.warning-message{background-color:#fef3c7;color:var(--color-warning);padding:var(--spacing-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-4);border:1px solid #fde68a}.info-message{background-color:#e0f2fe;color:var(--color-info);padding:var(--spacing-3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-4);border:1px solid #bae6fd}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}@media (max-width: 768px){.btn-primary,.btn-secondary{width:100%}.hidden-mobile{display:none}.block-mobile{display:block}}@media (min-width: 769px){.hidden-desktop{display:none}}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.mobile-hidden{display:none}.mobile-visible{display:block}@media (min-width: 768px){.mobile-hidden{display:block}.mobile-visible{display:none}}.mobile-container{padding:1rem}@media (min-width: 640px){.mobile-container{padding:1.5rem}}@media (min-width: 1024px){.mobile-container{padding:2rem}}.text-responsive-sm{font-size:.875rem}.text-responsive-base{font-size:1rem}.text-responsive-lg{font-size:1.125rem}@media (max-width: 640px){.text-responsive-lg{font-size:1rem}.text-responsive-base{font-size:.875rem}}.gap-responsive{gap:.5rem}@media (min-width: 640px){.gap-responsive{gap:1rem}}@media (min-width: 1024px){.gap-responsive{gap:1.5rem}}.mobile-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-scroll::-webkit-scrollbar{height:8px}.mobile-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.mobile-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mobile-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mobile-card{background:var(--surface);border-radius:.5rem;padding:1rem;box-shadow:var(--shadow);margin-bottom:1rem}@media (min-width: 768px){.mobile-card{padding:1.5rem}}.stack-mobile{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.stack-mobile{flex-direction:row;align-items:center}}.grid-mobile{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.grid-mobile-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-mobile-3{grid-template-columns:repeat(3,1fr)}.grid-mobile-4{grid-template-columns:repeat(4,1fr)}}@media (max-width: 767px){button,.btn-primary,.btn-secondary{min-height:44px;padding:.75rem 1rem;font-size:1rem}button.btn-icon{min-width:44px;min-height:44px;padding:.5rem}}@media (max-width: 767px){input,textarea,select{font-size:16px;min-height:44px;padding:.75rem}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}}.table-container-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}@media (min-width: 768px){.table-container-mobile{margin:0;padding:0}}.table-mobile{width:100%;min-width:600px;border-collapse:collapse}@media (max-width: 767px){.table-mobile thead{position:sticky;left:0;background:var(--surface);z-index:10}.table-mobile th:first-child,.table-mobile td:first-child{position:sticky;left:0;background:var(--surface);z-index:1}.table-mobile th:first-child{z-index:11}}.table-cards{display:none}@media (max-width: 640px){.table-mobile{display:none}.table-cards{display:block}.table-card{background:var(--surface);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.table-card-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.table-card-row:last-child{border-bottom:none}.table-card-label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.table-card-value{color:var(--text-primary);font-size:.875rem;text-align:right}}@media (max-width: 767px){.nav-container{padding:1rem}.nav-title{font-size:1.25rem}.nav-right{gap:.5rem}.user-info{display:none}}@media (max-width: 767px){.modal-content{width:100%;max-width:100%;margin:0;border-radius:0;min-height:100vh}}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top-left-radius:1rem;border-top-right-radius:1rem;box-shadow:0 -4px 6px -1px #0000001a;transform:translateY(100%);transition:transform .3s ease-in-out;z-index:1000}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{width:40px;height:4px;background:var(--border-color);border-radius:2px;margin:.75rem auto}body.modal-open{overflow:hidden;position:fixed;width:100%}@media (max-height: 500px) and (orientation: landscape){.nav-container{padding:.5rem 1rem}.nav-title{font-size:1rem}.mobile-card{padding:.75rem}}@supports (padding: max(0px)){.safe-area-inset{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.safe-area-inset-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.touch-feedback{-webkit-tap-highlight-color:rgba(37,99,235,.1);tap-highlight-color:rgba(37,99,235,.1)}.touch-feedback:active{opacity:.7}button,.btn-primary,.btn-secondary,.touch-target{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width: 767px){img{max-width:100%;height:auto}}@media (prefers-reduced-motion: no-preference){.slide-in-mobile{animation:slideInMobile .3s ease-out}@keyframes slideInMobile{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.form-mobile{width:100%;max-width:100%}@media (max-width: 767px){.form-mobile{padding:1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;font-size:16px;min-height:48px;padding:.875rem;border:2px solid var(--border-color);border-radius:.5rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-error{color:var(--error-color);font-size:.875rem;margin-top:.375rem;display:block}.form-helper{color:var(--text-secondary);font-size:.8125rem;margin-top:.375rem;display:block}.form-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.form-actions button{width:100%;min-height:48px;font-size:1rem;font-weight:600}.form-check{display:flex;align-items:center;gap:.75rem;min-height:48px;padding:.5rem 0}.form-check input[type=checkbox],.form-check input[type=radio]{width:24px;height:24px;min-width:24px;min-height:24px;margin:0}.form-check label{margin:0;font-weight:500;cursor:pointer;flex:1}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:#f1f5f9;color:var(--text-secondary);cursor:not-allowed;opacity:.6}.form-file{position:relative;display:block}.form-file input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.form-file-label{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.875rem;background:var(--surface);border:2px dashed var(--border-color);border-radius:.5rem;font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.form-file-label:hover{border-color:var(--primary-color);color:var(--primary-color)}.form-progress{display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 .5rem}.form-progress-step{flex:1;text-align:center;position:relative}.form-progress-step:not(:last-child):after{content:"";position:absolute;top:18px;left:50%;width:100%;height:2px;background:var(--border-color);z-index:-1}.form-progress-step.active:not(:last-child):after{background:var(--primary-color)}.form-progress-circle{width:36px;height:36px;border-radius:50%;background:var(--surface);border:2px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-progress-step.active .form-progress-circle{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.form-progress-step.completed .form-progress-circle{background:var(--success-color);border-color:var(--success-color);color:#fff}.form-progress-label{font-size:.75rem;color:var(--text-secondary)}.form-progress-step.active .form-progress-label{color:var(--primary-color);font-weight:600}}@media (max-width: 767px){.form-skeleton .form-group{margin-bottom:1.25rem}.form-skeleton .skeleton-label{width:30%;height:16px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.form-skeleton .skeleton-input{width:100%;height:48px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}}@supports (-webkit-touch-callout: none){@media (max-width: 767px){.form-group input,.form-group textarea,.form-group select{-webkit-appearance:none;-webkit-border-radius:.5rem}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E")}}}