.toast-container{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;width:100%;max-width:420px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-8);animation:slideInFromRight var(--duration-normal) ease;pointer-events:auto;border-left:3px solid #0000;display:flex}.toast-info{border-left-color:#0c75ca}.toast-success{border-left-color:hsl(var(--success))}.toast-warning{border-left-color:hsl(var(--warning))}.toast-error{border-left-color:hsl(var(--destructive))}.toast-icon{flex-shrink:0;margin-top:2px}.toast-info .toast-icon{color:#0c75ca}.toast-success .toast-icon{color:hsl(var(--success))}.toast-warning .toast-icon{color:hsl(var(--warning))}.toast-error .toast-icon{color:hsl(var(--destructive))}.toast-content{flex:1;min-width:0}.toast-title{color:hsl(var(--foreground));font-size:.857rem;font-weight:600}.toast-message{color:hsl(var(--muted-foreground));margin-top:2px;font-size:.857rem}.toast-close{width:24px;height:24px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}@media (width<=639px){.toast-container{top:auto;bottom:calc(var(--bottom-nav-height) + var(--space-2));right:var(--space-2);left:var(--space-2);max-width:100%}}.sidebar{width:var(--sidebar-width);background:hsl(var(--sidebar));border-right:1px solid hsl(var(--sidebar-border));z-index:var(--z-fixed);transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);height:var(--header-height);border-bottom:1px solid hsl(var(--sidebar-border));flex-shrink:0;display:flex}.sidebar-logo{border-radius:var(--radius);object-fit:contain;flex-shrink:0;width:28px;height:28px}.sidebar-brand-text{color:hsl(var(--sidebar-foreground));white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.sidebar-nav{padding:var(--space-2) var(--space-2);flex:1;overflow-y:auto}.sidebar-group{margin-bottom:var(--space-2)}.sidebar-group-label{text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--muted-foreground));padding:var(--space-2) var(--space-2) var(--space-1);white-space:nowrap;font-size:.714rem;font-weight:600;display:block;overflow:hidden}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius);color:hsl(var(--sidebar-foreground));cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);text-align:left;white-space:nowrap;background:0 0;border:none;width:100%;font-size:.857rem;font-weight:400;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:hsl(var(--sidebar-accent))}.sidebar-link-active{background:hsl(var(--sidebar-accent));color:hsl(var(--sidebar-accent-foreground));font-weight:600}.sidebar-link-indicator{border-radius:var(--radius-full);width:3px;transition:background var(--transition-fast);background:0 0;position:absolute;top:25%;bottom:25%;left:-2px}.sidebar-link-active .sidebar-link-indicator{background:hsl(var(--primary))}.sidebar-link-icon{opacity:.8;flex-shrink:0}.sidebar-link-active .sidebar-link-icon{opacity:1;color:hsl(var(--primary))}.sidebar-link-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-link-disabled{opacity:.4;cursor:not-allowed}.sidebar-footer{padding:var(--space-2);border-top:1px solid hsl(var(--sidebar-border));flex-shrink:0}.sidebar-logout{color:hsl(var(--muted-foreground))}.sidebar-toggle{width:100%;height:32px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:var(--radius);transition:background var(--transition-fast);margin-top:var(--space-1);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:hsl(var(--sidebar-accent))}.sidebar-mobile{width:var(--sidebar-width)!important}@media (width<=767px){.sidebar:not(.sidebar-mobile){display:none}}.header{height:var(--header-height);padding:0 var(--space-5);background:hsl(var(--card));border-bottom:1px solid hsl(var(--border));z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.header-menu-btn{border-radius:var(--radius);color:hsl(var(--foreground));cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.header-mobile-brand{align-items:center;gap:var(--space-2);display:flex}.header-logo-icon{object-fit:contain;border-radius:var(--radius);width:28px;height:28px}.header-mobile-brand-name{color:hsl(var(--foreground));font-size:1rem;font-weight:700}.header-menu-btn:hover{background:hsl(var(--muted))}.header-breadcrumb{align-items:center;gap:var(--space-2);color:hsl(var(--muted-foreground));min-width:0;font-size:.857rem;display:flex}.breadcrumb-text{font-weight:400}.breadcrumb-separator{opacity:.4}.breadcrumb-current{color:hsl(var(--foreground));white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.header-right{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.header-icon-btn{border-radius:var(--radius);width:32px;height:32px;color:hsl(var(--muted-foreground));cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.header-notification-dot{border-radius:var(--radius-full);background:hsl(var(--destructive));border:1.5px solid hsl(var(--card));width:7px;height:7px;position:absolute;top:6px;right:6px}.role-switcher{margin-left:var(--space-2);position:relative}.role-switcher-btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;display:flex}.role-switcher-btn:hover{background:hsl(var(--muted));border-color:hsl(var(--border))}.header-avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.role-switcher-info{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.role-switcher-name{color:hsl(var(--foreground));font-size:.857rem;font-weight:600}.role-switcher-role{color:hsl(var(--muted-foreground));font-size:.714rem}.role-chevron{color:hsl(var(--muted-foreground));transition:transform var(--transition-fast)}.role-chevron-open{transform:rotate(180deg)}.role-dropdown{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-16);padding:var(--space-1);z-index:var(--z-dropdown);animation:scaleIn var(--duration-normal) ease;position:absolute;top:calc(100% + 4px);right:0}.role-dropdown-actions{padding:var(--space-1);border-bottom:1px solid hsl(var(--border));margin-bottom:var(--space-1);flex-direction:column;display:flex}.role-dropdown-action-btn{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:hsl(var(--foreground));cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;font-size:.857rem;font-weight:500;display:flex}.role-dropdown-action-btn:hover{background:hsl(var(--muted))}.notification-badge{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-radius:var(--radius-full);margin-left:auto;padding:0 6px;font-size:.714rem;font-weight:700;line-height:1.4}.role-dropdown-header{padding:var(--space-2) var(--space-3);color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;font-size:.714rem;font-weight:600}.role-dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:hsl(var(--foreground));cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;font-size:.857rem;display:flex}.role-dropdown-item:hover{background:hsl(var(--muted))}.role-dropdown-active{background:hsl(var(--sidebar-accent));font-weight:600}.role-check{color:hsl(var(--primary));margin-left:auto;font-weight:700}.role-dropdown-hint{padding:var(--space-2) var(--space-3);color:hsl(var(--muted-foreground) / .6);border-top:1px solid hsl(var(--border));margin-top:var(--space-1);font-size:.714rem;font-style:italic}.role-dropdown-disabled{opacity:.35;cursor:default}@media (width<=1023px){.header{padding:0 var(--space-4)}.header-menu-btn{display:flex}}@media (width<=639px){.header-breadcrumb,.role-switcher-info,.role-chevron{display:none}.role-switcher-btn{padding:var(--space-1)}.hide-on-mobile{display:none!important}.mobile-only-flex{display:flex!important}}.admin-layout{min-height:100vh;display:flex}.admin-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow);flex-direction:column;flex:1;display:flex}.sidebar-is-collapsed .admin-main{margin-left:var(--sidebar-collapsed-width)}.admin-content{padding:var(--space-5);flex:1;overflow-x:hidden}.mobile-page-header{display:none}.mobile-overlay{z-index:var(--z-drawer);animation:fadeIn var(--duration-fast) ease;background:#00000052;position:fixed;inset:0}.mobile-sidebar{width:var(--sidebar-width);animation:slideInFromLeft var(--duration-normal) ease;position:absolute;top:0;bottom:0;left:0}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.bottom-nav{height:var(--bottom-nav-height);background:hsl(var(--card));border-top:1px solid hsl(var(--border));z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{padding:var(--space-1) var(--space-3);color:hsl(var(--muted-foreground));border-radius:var(--radius);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;font-size:.714rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav-active{color:hsl(var(--primary))}@media (width<=1023px){.admin-main{margin-left:0}}@media (width<=767px){.admin-content{padding:var(--space-3);padding-bottom:calc(var(--bottom-nav-height) + var(--space-3))}.mobile-page-header{margin-bottom:var(--space-4);display:block}.mobile-page-title{font-size:1.429rem;font-weight:700}.mobile-page-subtitle{color:hsl(var(--muted-foreground));margin-top:var(--space-1);font-size:.857rem}}@media (width>=768px){.bottom-nav{display:none!important}}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-full{width:100%}.input-label{color:hsl(var(--foreground));font-size:.857rem;font-weight:600;line-height:1.33}.input-required{color:hsl(var(--destructive));margin-left:2px}.input-wrapper{align-items:center;display:flex;position:relative}.input-field{width:100%;height:32px;padding:0 var(--space-3);color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-bottom:2px solid hsl(var(--border));border-radius:var(--radius) var(--radius) 0 0;transition:border-color var(--transition-fast), background var(--transition-fast);outline:none;font-size:1rem;line-height:1.429}.input-field::placeholder{color:hsl(var(--muted-foreground) / .6)}.input-field:hover{border-color:hsl(var(--muted-foreground) / .5)}.input-field:focus{border-bottom-color:hsl(var(--primary));background:hsl(var(--card))}.input-with-icon{padding-left:36px}.input-with-toggle{padding-right:36px}.input-icon{left:var(--space-3);color:hsl(var(--muted-foreground));pointer-events:none;align-items:center;display:flex;position:absolute}.input-toggle{right:var(--space-2);color:hsl(var(--muted-foreground));cursor:pointer;padding:var(--space-1);border-radius:var(--radius);background:0 0;border:none;align-items:center;display:flex;position:absolute}.input-toggle:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.input-error .input-field{border-bottom-color:hsl(var(--destructive))}.input-error-text{color:hsl(var(--destructive));font-size:.857rem;line-height:1.33}.input-helper-text{color:hsl(var(--muted-foreground));font-size:.857rem;line-height:1.33}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-size:1rem;font-weight:600;line-height:1.429;text-decoration:none;display:inline-flex;position:relative}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-sm{height:24px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:.857rem}.btn-default{height:32px;padding:0 var(--space-3)}.btn-lg{height:40px;padding:0 var(--space-5);font-size:1rem}.btn-full{width:100%}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.btn-primary:hover:not(:disabled){background:hsl(var(--primary) / .88);border-color:hsl(var(--primary) / .88)}.btn-primary:active:not(:disabled){background:hsl(var(--primary) / .76)}.btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--border))}.btn-secondary:hover:not(:disabled){background:hsl(var(--muted))}.btn-outline{color:hsl(var(--foreground));border-color:hsl(var(--border));background:0 0}.btn-outline:hover:not(:disabled){background:hsl(var(--muted))}.btn-ghost{color:hsl(var(--foreground));background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:hsl(var(--muted))}.btn-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-color:hsl(var(--destructive))}.btn-destructive:hover:not(:disabled){background:hsl(var(--destructive) / .88)}.btn-success{background:hsl(var(--success));color:hsl(var(--success-foreground));border-color:hsl(var(--success))}.btn-success:hover:not(:disabled){background:hsl(var(--success) / .88)}.btn-warning{background:hsl(var(--warning));color:hsl(var(--warning-foreground));border-color:hsl(var(--warning))}.btn-warning:hover:not(:disabled){background:hsl(var(--warning) / .88)}.btn-loading{color:#0000}.btn-spinner{justify-content:center;align-items:center;display:flex;position:absolute}.btn-spinner svg{width:18px;height:18px;color:hsl(var(--primary-foreground))}.btn-loading.btn-outline .btn-spinner svg,.btn-loading.btn-ghost .btn-spinner svg{color:hsl(var(--primary))}.login-page{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative}.login-bg{background:hsl(var(--background));z-index:-1;position:fixed;inset:0}.login-mode-toggle{top:var(--space-4);right:var(--space-4);border:1px solid hsl(var(--border));background:hsl(var(--card));width:36px;height:36px;color:hsl(var(--muted-foreground));border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.login-mode-toggle:hover{background:hsl(var(--muted))}.login-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-16);padding:var(--space-8) var(--space-6)}.login-header{text-align:center;margin-bottom:var(--space-6)}.login-logo{border-radius:var(--radius-lg);background:hsl(var(--primary));width:48px;height:48px;color:hsl(var(--primary-foreground));margin:0 auto var(--space-3);justify-content:center;align-items:center;font-size:1.429rem;font-weight:700;display:flex}.login-title{font-size:1.429rem;font-weight:700}.login-subtitle{color:hsl(var(--muted-foreground));margin-top:var(--space-1);font-size:.857rem}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-forgot{color:hsl(var(--primary));cursor:pointer;text-align:center;background:0 0;border:none;padding:0;font-size:.857rem}.login-forgot:hover{text-decoration:underline}.login-footer{bottom:var(--space-4);color:hsl(var(--muted-foreground));white-space:nowrap;font-size:.714rem;position:absolute;left:50%;transform:translate(-50%)}.card{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-2);transition:box-shadow var(--transition-fast), border-color var(--transition-fast)}.card-hoverable{cursor:pointer}.card-hoverable:hover{box-shadow:var(--shadow-4);border-color:hsl(var(--primary) / .3)}.card-header{padding:var(--space-4) var(--space-4) var(--space-2)}.card-title{color:hsl(var(--card-foreground));font-size:1rem;font-weight:600;line-height:1.429}.card-description{color:hsl(var(--muted-foreground));margin-top:var(--space-1);font-size:.857rem;line-height:1.33}.card-content{padding:var(--space-4)}.card-header+.card-content{padding-top:var(--space-2)}.card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid hsl(var(--border));align-items:center;gap:var(--space-2);display:flex}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;font-weight:600;line-height:1;display:inline-flex}.badge-default{height:20px;padding:2px 8px;font-size:.75rem}.badge-lg{height:24px;padding:4px 12px;font-size:.857rem}.badge-default{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.badge-primary{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.badge-destructive{background:hsl(var(--destructive) / .12);color:hsl(var(--destructive))}.badge-warning{background:hsl(var(--warning) / .15);color:hsl(var(--warning))}.badge-success,.badge-approved{background:hsl(var(--success) / .12);color:hsl(var(--success))}.badge-submitted{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.badge-in-process{color:#0c75ca;background:#0c75ca1f}.badge-hold{background:hsl(var(--warning) / .15);color:hsl(var(--warning))}.badge-draft{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.dashboard{gap:var(--space-5);flex-direction:column;display:flex}.dashboard-stats{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.stat-card .card-content{gap:var(--space-2);flex-direction:column;display:flex}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:var(--radius-lg);background:hsl(var(--primary) / .1);width:36px;height:36px;color:hsl(var(--primary));justify-content:center;align-items:center;display:flex}.stat-trend{align-items:center;gap:2px;font-size:.857rem;font-weight:600;display:flex}.stat-trend-up{color:hsl(var(--success))}.stat-trend-down{color:hsl(var(--destructive))}.stat-value{color:hsl(var(--foreground));font-size:2rem;font-weight:700;line-height:1}.stat-label{color:hsl(var(--muted-foreground));font-size:.857rem}.dashboard-grid{gap:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.chart-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.chart-placeholder{width:100%}.chart-svg{width:100%;height:auto}.activity-title{margin-bottom:var(--space-4)}.activity-list{gap:var(--space-3);flex-direction:column;display:flex}.activity-item{align-items:flex-start;gap:var(--space-3);display:flex}.activity-dot{border-radius:var(--radius-full);background:hsl(var(--muted-foreground));flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-dot-submitted{background:hsl(var(--primary))}.activity-dot-approved{background:hsl(var(--success))}.activity-dot-hold{background:hsl(var(--warning))}.activity-text{color:hsl(var(--foreground));font-size:.857rem;line-height:1.33}.activity-time{color:hsl(var(--muted-foreground));margin-top:2px;font-size:.714rem}.info-bar-items{align-items:center;gap:var(--space-4);display:flex}.info-bar-item{align-items:center;gap:var(--space-2);color:hsl(var(--muted-foreground));font-size:.857rem;display:flex}.info-bar-separator{background:hsl(var(--border));width:1px;height:16px}@media (width<=1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=639px){.dashboard-stats{grid-template-columns:1fr 1fr}.stat-value{font-size:1.429rem}.info-bar-items{flex-wrap:wrap}}.select-group{gap:var(--space-1);flex-direction:column;display:flex}.select-full{width:100%}.select-wrapper{align-items:center;display:flex;position:relative}.select-field{width:100%;height:32px;padding:0 32px 0 var(--space-3);color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-bottom:2px solid hsl(var(--border));border-radius:var(--radius) var(--radius) 0 0;transition:border-color var(--transition-fast);appearance:none;cursor:pointer;outline:none;font-size:1rem;line-height:1.429}.select-field:hover{border-color:hsl(var(--muted-foreground) / .5)}.select-field:focus{border-bottom-color:hsl(var(--primary))}.select-chevron{right:var(--space-3);color:hsl(var(--muted-foreground));pointer-events:none;display:flex;position:absolute}.select-error .select-field{border-bottom-color:hsl(var(--destructive))}.modal-overlay{z-index:var(--z-modal);animation:fadeIn var(--duration-fast) ease;padding:var(--space-4);background:#00000052;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-xl);box-shadow:var(--shadow-28);width:100%;max-height:85vh;animation:scaleIn var(--duration-normal) ease;flex-direction:column;display:flex}.modal-default{max-width:560px}.modal-sm{max-width:400px}.modal-lg{max-width:720px}.modal-header{padding:var(--space-5) var(--space-6) var(--space-3);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.modal-header-text{flex:1}.modal-title{font-size:1.286rem;font-weight:600;line-height:1.33}.modal-description{color:hsl(var(--muted-foreground));margin-top:var(--space-1);font-size:.857rem}.modal-close{width:28px;height:28px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:var(--radius);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.modal-body{padding:var(--space-3) var(--space-6);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid hsl(var(--border));display:flex}@media (width<=639px){.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;max-height:90vh;margin-top:auto}.modal-overlay{align-items:flex-end;padding:0}}.users-page,.users-toolbar{gap:var(--space-4);flex-direction:column;display:flex}.users-search-container{align-items:center;gap:var(--space-3);width:100%;display:flex}.users-search{flex:1;min-width:0}.search-input{width:100%}.users-filters{gap:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.users-filters::-webkit-scrollbar{display:none}.filter-pill{padding:var(--space-1) var(--space-3);border:1px solid hsl(var(--border));border-radius:var(--radius-full);color:hsl(var(--muted-foreground));cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;appearance:none;background-color:#0000;outline:none;font-size:.8125rem;font-weight:500}.filter-pill:hover{border-color:hsl(var(--foreground) / .3);color:hsl(var(--foreground))}.filter-pill:focus{outline:none}.filter-active,.filter-active:hover,.filter-active:focus,.filter-active:active{font-weight:600;background-color:hsl(var(--primary) / .1)!important;color:hsl(var(--primary))!important;border-color:hsl(var(--primary))!important}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:.875rem}.users-table th{text-align:left;padding:var(--space-3) var(--space-4);color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border));text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:500}.users-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid hsl(var(--border) / .5)}.users-table tbody tr:hover{background-color:hsl(var(--accent) / .5)}.cs-child-row{background-color:hsl(var(--muted) / .3)}.cs-child-row:hover{background-color:hsl(var(--muted) / .5)!important}.user-name-cell{align-items:center;gap:var(--space-2);display:flex}.cs-indent{padding-left:var(--space-4)}.cs-connector{color:hsl(var(--muted-foreground));font-family:monospace}.user-avatar{border-radius:var(--radius-full);background-color:hsl(var(--primary) / .1);width:32px;height:32px;color:hsl(var(--primary));flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.user-avatar-sm{width:26px;height:26px;font-size:.6875rem}.expand-btn{cursor:pointer;color:hsl(var(--muted-foreground));border-radius:var(--radius-sm);transition:transform var(--transition);background:0 0;border:none;padding:2px;display:flex}.expand-btn:hover{color:hsl(var(--foreground))}.rotated{transform:rotate(180deg)}.status-dot{border-radius:var(--radius-full);width:8px;height:8px;display:inline-block}.status-active{background-color:hsl(var(--success))}.status-inactive{background-color:hsl(var(--destructive))}.action-btns{gap:var(--space-1);display:flex}.action-icon-btn{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:hsl(var(--muted-foreground));transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.action-icon-btn:hover{background-color:hsl(var(--accent));color:hsl(var(--foreground))}.table-footer{padding:var(--space-3) var(--space-4);border-top:1px solid hsl(var(--border));justify-content:space-between;align-items:center;display:flex}.pagination{gap:2px;display:flex}.page-btn{border-radius:var(--radius-sm);border:1px solid hsl(var(--border));width:32px;height:32px;color:hsl(var(--muted-foreground));cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;font-size:.8125rem;display:flex}.page-btn:hover:not(:disabled){background-color:hsl(var(--accent))}.page-btn.active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.page-btn:disabled{opacity:.3;cursor:not-allowed}.mobile-only,.mobile-only-flex{display:none}.user-card .card-content{padding:var(--space-4)}.user-card-top{align-items:center;gap:var(--space-3);display:flex}.user-card-info{flex:1;min-width:0}.user-card-name{font-size:.9375rem;font-weight:500;display:block}.user-card-email{color:hsl(var(--muted-foreground));font-size:.8125rem;display:block}.user-card-team{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid hsl(var(--border) / .5)}.user-card-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.add-user-form{gap:var(--space-4);flex-direction:column;display:flex}@media (width>=769px){.users-toolbar{flex-direction:row;justify-content:space-between;align-items:center}.users-search-container{flex:1;width:auto;max-width:320px}}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{gap:var(--space-3);flex-direction:column;display:flex}.mobile-only-flex{display:flex!important}.users-add-btn-mobile{flex-shrink:0;justify-content:center;width:44px;height:44px;padding:0}}.settings-page{gap:var(--space-6);flex-direction:column;max-width:800px;display:flex}.theme-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.theme-card{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);background-color:hsl(var(--muted) / .3);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;flex-direction:column;display:flex;position:relative}.theme-card:hover{background-color:hsl(var(--muted) / .7);transform:translateY(-2px)}.theme-card-active{border-color:hsl(var(--primary));background-color:hsl(var(--primary) / .05);box-shadow:var(--shadow-sm)}.theme-preview{gap:-4px;display:flex}.theme-swatch{border-radius:var(--radius-full);border:2px solid hsl(var(--card));width:32px;height:32px;box-shadow:var(--shadow-sm);z-index:2}.theme-swatch-accent{border-radius:var(--radius-full);border:2px solid hsl(var(--card));width:32px;height:32px;box-shadow:var(--shadow-sm);z-index:1;margin-left:-12px}.theme-card-name{color:hsl(var(--foreground));font-size:.875rem;font-weight:600}.theme-card-check{border-radius:var(--radius-full);background-color:hsl(var(--primary));width:20px;height:20px;color:hsl(var(--primary-foreground));box-shadow:var(--shadow-sm);justify-content:center;align-items:center;animation:.2s scaleIn;display:flex;position:absolute;top:8px;right:8px}.mode-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.mode-card{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);border:2px solid hsl(var(--border));border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition);background:0 0;flex-direction:column;display:flex;position:relative}.mode-card:hover{border-color:hsl(var(--muted-foreground) / .4);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mode-card-active{border-color:hsl(var(--primary));background-color:hsl(var(--primary) / .05)}.mode-icon-wrap{border-radius:var(--radius-lg);background-color:hsl(var(--muted));width:48px;height:48px;color:hsl(var(--foreground));justify-content:center;align-items:center;display:flex}.mode-card-active .mode-icon-wrap{background-color:hsl(var(--primary) / .15);color:hsl(var(--primary))}.mode-card-label{color:hsl(var(--foreground));font-size:.9375rem;font-weight:550}.mode-card-desc{color:hsl(var(--muted-foreground));font-size:.75rem}.mode-card-check{border-radius:var(--radius-full);background-color:hsl(var(--primary));width:22px;height:22px;color:hsl(var(--primary-foreground));justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.preview-section{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.preview-row{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.preview-label{color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500}.preview-swatch{border-radius:var(--radius-lg);width:48px;height:48px}.preview-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=639px){.mode-grid{grid-template-columns:1fr}.mode-card{padding:var(--space-3) var(--space-4);text-align:left;flex-direction:row}.mode-icon-wrap{width:40px;height:40px}.mode-card-desc{display:none}}.cirf-page{background-color:hsl(var(--background));flex-direction:column;min-height:100vh;display:flex}.cirf-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid hsl(var(--border));background-color:hsl(var(--card));height:56px;z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:sticky;top:0}.cirf-header-brand{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.cirf-logo{background-color:hsl(var(--primary));width:32px;height:32px;color:hsl(var(--primary-foreground));border-radius:var(--radius);justify-content:center;align-items:center;font-size:.9375rem;font-weight:800;display:flex}.cirf-brand-name{font-size:1rem;font-weight:600}.cirf-header-center{flex:1;justify-content:center;display:flex}.cirf-ref{color:hsl(var(--muted-foreground));padding:var(--space-1) var(--space-3);background-color:hsl(var(--muted));border-radius:var(--radius-full);white-space:nowrap;font-size:.8125rem;font-weight:500}.cirf-header-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.cirf-back-link{align-items:center;gap:var(--space-1);padding:6px var(--space-3);color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);white-space:nowrap;transition:all var(--transition);font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.cirf-back-link:hover{background-color:hsl(var(--accent));color:hsl(var(--foreground));border-color:hsl(var(--foreground) / .2)}.cirf-mode-btn{border-radius:var(--radius);border:1px solid hsl(var(--border));width:36px;height:36px;color:hsl(var(--muted-foreground));cursor:pointer;transition:all var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cirf-mode-btn:hover{background-color:hsl(var(--accent));color:hsl(var(--foreground))}.cirf-body{flex:1;gap:0;width:100%;display:flex}.cirf-banner{width:200px;padding:var(--space-4);flex-shrink:0}.banner-sticky{height:calc(100vh - 72px - var(--space-4));position:sticky;top:72px}.cirf-banner .banner-placeholder{border-radius:var(--radius-xl);text-align:center;width:100%;height:100%;padding:var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.banner-gradient-1{background:linear-gradient(#0d9488,#06b6d4,#3b82f6)}.banner-gradient-2{background:linear-gradient(#7c3aed,#a855f7,#ec4899)}.banner-placeholder-text{color:#fff;text-shadow:0 1px 2px #0003;font-size:1rem;font-weight:700}.banner-placeholder-sub{color:#fffc;margin-top:var(--space-1);font-size:.75rem}.cirf-form-area{gap:var(--space-4);min-width:0;padding:var(--space-5) var(--space-4);flex-direction:column;flex:1;max-width:900px;margin:0 auto;display:flex}.cirf-view-toggle{background-color:hsl(var(--muted));border-radius:var(--radius);gap:2px;padding:3px;display:flex}.view-toggle-btn{padding:4px var(--space-3);border-radius:var(--radius-sm);color:hsl(var(--muted-foreground));cursor:pointer;transition:all var(--transition);background:0 0;border:none;font-size:.75rem;font-weight:500}.view-toggle-btn.active{background-color:hsl(var(--card));color:hsl(var(--foreground));box-shadow:var(--shadow-sm)}.cirf-step-indicator{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);display:flex}.step-nav-btn{border-radius:var(--radius-full);border:1px solid hsl(var(--border));width:28px;height:28px;color:hsl(var(--muted-foreground));cursor:pointer;transition:all var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-nav-btn:hover:not(:disabled){background-color:hsl(var(--accent));color:hsl(var(--foreground))}.step-nav-btn:disabled{opacity:.25;cursor:default}.step-dots{align-items:center;gap:6px;display:flex}.step-dot{border-radius:var(--radius-full);border:2px solid hsl(var(--border));cursor:pointer;width:10px;height:10px;transition:all var(--transition);background:0 0;padding:0}.step-dot:hover{border-color:hsl(var(--primary) / .5)}.step-dot-active{background-color:hsl(var(--primary));border-color:hsl(var(--primary));transform:scale(1.3)}.step-dot-done{background-color:hsl(var(--success));border-color:hsl(var(--success))}.step-current-label{color:hsl(var(--foreground));white-space:nowrap;flex:1;font-size:.875rem;font-weight:550}.step-count{color:hsl(var(--muted-foreground));white-space:nowrap;font-size:.75rem}.cirf-mobile-progress{display:none}.cirf-form-card .card-content{padding:var(--space-6)}.cirf-step-title{margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid hsl(var(--border));font-size:1.25rem;font-weight:600}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.form-grid-full{grid-column:1/-1}.form-sections{gap:var(--space-6);flex-direction:column;display:flex}.form-section{gap:var(--space-3);flex-direction:column;display:flex}.form-section-title{padding-bottom:var(--space-2);border-bottom:1px solid hsl(var(--border) / .5);font-size:1rem;font-weight:600}.form-section-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.checkbox-label{align-items:flex-start;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:hsl(var(--primary));cursor:pointer;flex-shrink:0;margin-top:2px}.statutory-field{position:relative}.validate-btn{opacity:.6;position:absolute;top:0;right:0;height:28px!important;min-height:28px!important;font-size:.75rem!important}.upload-row{gap:var(--space-2);padding:var(--space-4);background-color:hsl(var(--muted) / .5);border-radius:var(--radius-lg);flex-direction:column;display:flex}.upload-info{align-items:center;gap:var(--space-2);display:flex}.upload-label{font-size:.9375rem;font-weight:500}.upload-required{border-radius:var(--radius-full);background-color:hsl(var(--destructive) / .1);color:hsl(var(--destructive));padding:1px 6px;font-size:.6875rem;font-weight:500}.upload-dropzone{align-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);border:2px dashed hsl(var(--border));border-radius:var(--radius);cursor:pointer;transition:all var(--transition);flex-direction:column;display:flex}.upload-dropzone:hover{border-color:hsl(var(--primary));background-color:hsl(var(--primary) / .05)}.upload-icon{font-size:1.5rem}.upload-text{color:hsl(var(--muted-foreground));font-size:.875rem}.upload-text strong{color:hsl(var(--primary))}.upload-hint{color:hsl(var(--muted-foreground) / .7);font-size:.75rem}.declaration-box{padding:var(--space-4);background-color:hsl(var(--muted) / .5);border-radius:var(--radius-lg);border-left:3px solid hsl(var(--primary));color:hsl(var(--foreground) / .8);font-size:.9375rem;line-height:1.7}.cirf-actions{padding:var(--space-4);background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.cirf-actions-right{gap:var(--space-2);display:flex}.cirf-mobile-banners{display:none}.cirf-footer{text-align:center;padding:var(--space-4);color:hsl(var(--muted-foreground));border-top:1px solid hsl(var(--border));font-size:.8125rem}.submit-preview{gap:var(--space-3);flex-direction:column;display:flex}.submit-preview-row{padding:var(--space-2) 0;border-bottom:1px solid hsl(var(--border) / .5);justify-content:space-between;display:flex}.submit-label{color:hsl(var(--muted-foreground));font-size:.875rem}.submit-value{font-size:.875rem;font-weight:500}.submit-warning{color:hsl(var(--warning));margin-top:var(--space-2);font-size:.8125rem}.success-modal{text-align:center;padding:var(--space-4) 0;flex-direction:column;align-items:center;display:flex}.success-icon{border-radius:var(--radius-full);background-color:hsl(var(--success) / .15);width:64px;height:64px;color:hsl(var(--success));margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;display:flex}.cirf-scroll-mode{gap:var(--space-4);flex-direction:column;display:flex}@media (width<=1200px){.cirf-banner{width:160px}}@media (width<=1023px){.cirf-banner{display:none}.cirf-mobile-banners{padding:0 var(--space-4);margin-bottom:var(--space-2);display:block}.mobile-banner-track{gap:var(--space-3);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.mobile-banner-item{scroll-snap-align:center;border-radius:var(--radius-lg);min-width:85%;padding:var(--space-6) var(--space-4);min-height:100px}.cirf-form-area{padding:var(--space-4)}}@media (width<=639px){.cirf-header{padding:var(--space-2) var(--space-3);height:48px}.cirf-brand-name,.cirf-back-link span{display:none}.cirf-back-link{padding:6px}.cirf-ref,.cirf-step-indicator{display:none}.cirf-mobile-progress{padding:var(--space-3);background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-lg);display:block}.mobile-progress-text{margin-bottom:var(--space-2);font-size:.875rem;font-weight:500}.mobile-progress-bar{border-radius:var(--radius-full);background-color:hsl(var(--muted));height:4px;overflow:hidden}.mobile-progress-fill{border-radius:var(--radius-full);background-color:hsl(var(--primary));height:100%;transition:width var(--transition-slow)}.form-grid{grid-template-columns:1fr}.cirf-form-card .card-content{padding:var(--space-4)}.cirf-form-area{padding:var(--space-3)}.cirf-actions{z-index:var(--z-sticky);margin:0 calc(var(--space-3) * -1);padding:var(--space-2) var(--space-3);gap:var(--space-2);border-bottom:none;border-left:none;border-right:none;border-radius:0;flex-wrap:nowrap;position:sticky;bottom:0}.cirf-actions>.btn>span,.cirf-actions-right .btn-ghost>span{display:none}.cirf-actions-right{justify-content:flex-end;gap:var(--space-2);flex:1;display:flex}.cirf-actions-right .btn:last-child{flex:1}.mobile-banner-item{min-width:90%}}.drawer-overlay{z-index:var(--z-drawer);animation:fadeIn var(--duration-fast) ease;background:#00000052;position:fixed;inset:0}.drawer{width:var(--drawer-width,45%);background:hsl(var(--card));border-left:1px solid hsl(var(--border));max-width:100%;box-shadow:var(--shadow-64);animation:slideInFromRight var(--duration-normal) ease;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.drawer-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.drawer-header-text{flex:1;min-width:0}.drawer-title{text-overflow:ellipsis;white-space:nowrap;font-size:1.143rem;font-weight:600;line-height:1.33;overflow:hidden}.drawer-subtitle{color:hsl(var(--muted-foreground));margin-top:2px;font-size:.857rem}.drawer-body{padding:var(--space-5);flex:1;overflow-y:auto}.drawer-footer{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid hsl(var(--border));flex-wrap:wrap;display:flex}@media (width<=767px){.drawer{width:100%!important}}.approvals-page{gap:var(--space-4);flex-direction:column;display:flex}.approvals-toolbar{align-items:center;gap:var(--space-3);display:flex}.approvals-tabs{border-bottom:1px solid hsl(var(--border));-webkit-overflow-scrolling:touch;gap:2px;display:flex;overflow-x:auto}.approval-tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:hsl(var(--muted-foreground));cursor:pointer;white-space:nowrap;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.875rem;font-weight:450;display:flex}.approval-tab:hover{color:hsl(var(--foreground))}.tab-active{color:hsl(var(--foreground));border-bottom-color:hsl(var(--primary));font-weight:550}.tab-count{border-radius:var(--radius-full);background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));padding:1px 6px;font-size:.6875rem;font-weight:600}.tab-active .tab-count{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.empty-state{text-align:center;color:hsl(var(--muted-foreground));padding:var(--space-8)!important}.cirf-mobile-card .card-content{padding:var(--space-3)}.cirf-card-header{justify-content:space-between;align-items:center;display:flex}.cirf-card-company{margin-top:var(--space-1);font-size:.9375rem;font-weight:500}.cirf-card-meta{color:hsl(var(--muted-foreground));margin-top:var(--space-2);justify-content:space-between;font-size:.8125rem;display:flex}.cirf-detail{gap:var(--space-3);flex-direction:column;display:flex}.detail-status-bar{margin-bottom:var(--space-2)}.detail-section{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);overflow:hidden}.detail-section-header{width:100%;padding:var(--space-3) var(--space-4);background-color:hsl(var(--muted) / .5);color:hsl(var(--foreground));cursor:pointer;transition:background-color var(--transition);border:none;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:550;display:flex}.detail-section-header:hover{background-color:hsl(var(--muted))}.detail-section-body{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.detail-row{padding:var(--space-1) 0;justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.detail-label{color:hsl(var(--muted-foreground));flex-shrink:0;min-width:90px;font-size:.8125rem}.detail-value{text-align:right;word-break:break-word;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:450;display:flex}.validate-inline{opacity:.6;height:22px!important;min-height:22px!important;padding:0 6px!important;font-size:.6875rem!important}.doc-item{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius);background-color:hsl(var(--muted) / .3);display:flex}.doc-name{flex:1;font-size:.875rem}.hold-form{gap:var(--space-4);flex-direction:column;display:flex}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{gap:var(--space-3);flex-direction:column;display:flex!important}.approvals-toolbar{flex-direction:column}}[data-theme=brand-blue]{--primary:207 89% 42%;--primary-foreground:0 0% 100%;--secondary:210 16% 93%;--secondary-foreground:210 11% 15%;--accent:210 16% 93%;--accent-foreground:210 11% 15%;--muted:210 16% 93%;--muted-foreground:210 9% 46%;--background:210 17% 98%;--foreground:210 11% 15%;--card:0 0% 100%;--card-foreground:210 11% 15%;--border:210 14% 89%;--input:210 14% 89%;--ring:207 89% 42%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--success:142 71% 36%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--chart-1:207 89% 42%;--chart-2:160 60% 45%;--chart-3:38 92% 50%;--chart-4:280 60% 50%;--chart-5:0 84% 60%;--sidebar:0 0% 100%;--sidebar-foreground:210 11% 15%;--sidebar-accent:207 89% 95%;--sidebar-accent-foreground:207 89% 32%;--sidebar-border:210 14% 89%}[data-theme=brand-blue][data-mode=dark]{--primary:207 90% 54%;--primary-foreground:0 0% 100%;--secondary:210 10% 18%;--secondary-foreground:210 14% 89%;--accent:210 10% 18%;--accent-foreground:210 14% 89%;--muted:210 10% 18%;--muted-foreground:210 10% 58%;--background:210 14% 10%;--foreground:210 14% 93%;--card:210 12% 14%;--card-foreground:210 14% 93%;--border:210 10% 22%;--input:210 10% 22%;--ring:207 90% 54%;--destructive:0 63% 31%;--destructive-foreground:0 0% 98%;--success:142 70% 29%;--success-foreground:0 0% 98%;--warning:38 80% 40%;--warning-foreground:0 0% 98%;--chart-1:207 90% 54%;--chart-2:160 60% 45%;--chart-3:38 92% 50%;--chart-4:280 60% 50%;--chart-5:0 84% 60%;--sidebar:210 12% 12%;--sidebar-foreground:210 14% 93%;--sidebar-accent:207 90% 20%;--sidebar-accent-foreground:207 90% 72%;--sidebar-border:210 10% 22%}[data-theme=teal]{--primary:174 62% 38%;--primary-foreground:0 0% 100%;--secondary:174 20% 93%;--secondary-foreground:174 30% 15%;--accent:174 20% 93%;--accent-foreground:174 30% 15%;--muted:174 12% 93%;--muted-foreground:174 8% 46%;--background:174 10% 98%;--foreground:174 20% 12%;--card:0 0% 100%;--card-foreground:174 20% 12%;--border:174 12% 89%;--input:174 12% 89%;--ring:174 62% 38%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--success:142 71% 36%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--chart-1:174 62% 38%;--chart-2:207 89% 42%;--chart-3:38 92% 50%;--chart-4:280 60% 50%;--chart-5:0 84% 60%;--sidebar:0 0% 100%;--sidebar-foreground:174 20% 12%;--sidebar-accent:174 50% 94%;--sidebar-accent-foreground:174 62% 28%;--sidebar-border:174 12% 89%}[data-theme=teal][data-mode=dark]{--primary:174 62% 48%;--primary-foreground:0 0% 100%;--secondary:174 15% 18%;--secondary-foreground:174 12% 89%;--accent:174 15% 18%;--accent-foreground:174 12% 89%;--muted:174 15% 18%;--muted-foreground:174 10% 58%;--background:174 20% 8%;--foreground:174 12% 93%;--card:174 18% 12%;--card-foreground:174 12% 93%;--border:174 15% 22%;--input:174 15% 22%;--ring:174 62% 48%;--destructive:0 63% 31%;--destructive-foreground:0 0% 98%;--success:142 70% 29%;--success-foreground:0 0% 98%;--warning:38 80% 40%;--warning-foreground:0 0% 98%;--chart-1:174 62% 48%;--chart-2:207 90% 54%;--chart-3:38 92% 50%;--chart-4:280 60% 50%;--chart-5:0 84% 60%;--sidebar:174 18% 10%;--sidebar-foreground:174 12% 93%;--sidebar-accent:174 30% 18%;--sidebar-accent-foreground:174 62% 60%;--sidebar-border:174 15% 22%}[data-theme=berry]{--primary:322 65% 46%;--primary-foreground:0 0% 100%;--secondary:322 20% 93%;--secondary-foreground:322 30% 15%;--accent:322 20% 93%;--accent-foreground:322 30% 15%;--muted:322 12% 93%;--muted-foreground:322 8% 46%;--background:322 8% 98%;--foreground:322 20% 12%;--card:0 0% 100%;--card-foreground:322 20% 12%;--border:322 12% 89%;--input:322 12% 89%;--ring:322 65% 46%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--success:142 71% 36%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--chart-1:322 65% 46%;--chart-2:207 89% 42%;--chart-3:38 92% 50%;--chart-4:142 71% 36%;--chart-5:0 84% 60%;--sidebar:0 0% 100%;--sidebar-foreground:322 20% 12%;--sidebar-accent:322 50% 94%;--sidebar-accent-foreground:322 65% 36%;--sidebar-border:322 12% 89%}[data-theme=berry][data-mode=dark]{--primary:322 65% 56%;--primary-foreground:0 0% 100%;--secondary:322 15% 18%;--secondary-foreground:322 12% 89%;--accent:322 15% 18%;--accent-foreground:322 12% 89%;--muted:322 15% 18%;--muted-foreground:322 10% 58%;--background:322 20% 8%;--foreground:322 12% 93%;--card:322 18% 12%;--card-foreground:322 12% 93%;--border:322 15% 22%;--input:322 15% 22%;--ring:322 65% 56%;--destructive:0 63% 31%;--destructive-foreground:0 0% 98%;--success:142 70% 29%;--success-foreground:0 0% 98%;--warning:38 80% 40%;--warning-foreground:0 0% 98%;--chart-1:322 65% 56%;--chart-2:207 90% 54%;--chart-3:38 92% 50%;--chart-4:142 70% 40%;--chart-5:0 84% 60%;--sidebar:322 18% 10%;--sidebar-foreground:322 12% 93%;--sidebar-accent:322 30% 18%;--sidebar-accent-foreground:322 65% 64%;--sidebar-border:322 15% 22%}[data-theme=forest]{--primary:142 50% 36%;--primary-foreground:0 0% 100%;--secondary:142 16% 93%;--secondary-foreground:142 20% 15%;--accent:142 16% 93%;--accent-foreground:142 20% 15%;--muted:142 10% 93%;--muted-foreground:142 8% 46%;--background:142 8% 98%;--foreground:142 20% 12%;--card:0 0% 100%;--card-foreground:142 20% 12%;--border:142 10% 89%;--input:142 10% 89%;--ring:142 50% 36%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--success:142 71% 36%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--chart-1:142 50% 36%;--chart-2:207 89% 42%;--chart-3:38 92% 50%;--chart-4:322 65% 46%;--chart-5:0 84% 60%;--sidebar:0 0% 100%;--sidebar-foreground:142 20% 12%;--sidebar-accent:142 40% 94%;--sidebar-accent-foreground:142 50% 26%;--sidebar-border:142 10% 89%}[data-theme=forest][data-mode=dark]{--primary:142 50% 46%;--primary-foreground:0 0% 100%;--secondary:142 12% 18%;--secondary-foreground:142 10% 89%;--accent:142 12% 18%;--accent-foreground:142 10% 89%;--muted:142 12% 18%;--muted-foreground:142 8% 58%;--background:142 16% 8%;--foreground:142 10% 93%;--card:142 14% 12%;--card-foreground:142 10% 93%;--border:142 12% 22%;--input:142 12% 22%;--ring:142 50% 46%;--destructive:0 63% 31%;--destructive-foreground:0 0% 98%;--success:142 70% 29%;--success-foreground:0 0% 98%;--warning:38 80% 40%;--warning-foreground:0 0% 98%;--chart-1:142 50% 46%;--chart-2:207 90% 54%;--chart-3:38 92% 50%;--chart-4:322 65% 56%;--chart-5:0 84% 60%;--sidebar:142 14% 10%;--sidebar-foreground:142 10% 93%;--sidebar-accent:142 25% 18%;--sidebar-accent-foreground:142 50% 58%;--sidebar-border:142 12% 22%}[data-theme=marigold]{--primary:32 95% 44%;--primary-foreground:0 0% 100%;--secondary:32 20% 93%;--secondary-foreground:32 30% 15%;--accent:32 20% 93%;--accent-foreground:32 30% 15%;--muted:32 12% 93%;--muted-foreground:32 8% 46%;--background:32 10% 98%;--foreground:32 20% 12%;--card:0 0% 100%;--card-foreground:32 20% 12%;--border:32 12% 89%;--input:32 12% 89%;--ring:32 95% 44%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--success:142 71% 36%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--chart-1:32 95% 44%;--chart-2:207 89% 42%;--chart-3:142 71% 36%;--chart-4:322 65% 46%;--chart-5:0 84% 60%;--sidebar:0 0% 100%;--sidebar-foreground:32 20% 12%;--sidebar-accent:32 60% 94%;--sidebar-accent-foreground:32 95% 34%;--sidebar-border:32 12% 89%}[data-theme=marigold][data-mode=dark]{--primary:32 95% 52%;--primary-foreground:32 90% 8%;--secondary:32 15% 18%;--secondary-foreground:32 12% 89%;--accent:32 15% 18%;--accent-foreground:32 12% 89%;--muted:32 15% 18%;--muted-foreground:32 10% 58%;--background:32 18% 8%;--foreground:32 12% 93%;--card:32 16% 12%;--card-foreground:32 12% 93%;--border:32 15% 22%;--input:32 15% 22%;--ring:32 95% 52%;--destructive:0 63% 31%;--destructive-foreground:0 0% 98%;--success:142 70% 29%;--success-foreground:0 0% 98%;--warning:38 80% 40%;--warning-foreground:0 0% 98%;--chart-1:32 95% 52%;--chart-2:207 90% 54%;--chart-3:142 70% 40%;--chart-4:322 65% 56%;--chart-5:0 84% 60%;--sidebar:32 16% 10%;--sidebar-foreground:32 12% 93%;--sidebar-accent:32 30% 18%;--sidebar-accent-foreground:32 95% 62%;--sidebar-border:32 15% 22%}[data-theme=lavender]{--primary:262 60% 52%;--primary-foreground:0 0% 100%;--secondary:262 20% 93%;--secondary-foreground:262 25% 15%;--accent:262 20% 93%;--accent-foreground:262 25% 15%;--muted:262 12% 93%;--muted-foreground:262 8% 46%;--background:262 10% 98%;--foreground:262 20% 12%;--card:0 0% 100%;--card-foreground:262 20% 12%;--border:262 12% 89%;--input:262 12% 89%;--ring:262 60% 52%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--success:142 71% 36%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--chart-1:262 60% 52%;--chart-2:207 89% 42%;--chart-3:38 92% 50%;--chart-4:142 71% 36%;--chart-5:0 84% 60%;--sidebar:0 0% 100%;--sidebar-foreground:262 20% 12%;--sidebar-accent:262 50% 95%;--sidebar-accent-foreground:262 60% 42%;--sidebar-border:262 12% 89%}[data-theme=lavender][data-mode=dark]{--primary:262 60% 62%;--primary-foreground:0 0% 100%;--secondary:262 15% 18%;--secondary-foreground:262 12% 89%;--accent:262 15% 18%;--accent-foreground:262 12% 89%;--muted:262 15% 18%;--muted-foreground:262 10% 58%;--background:262 18% 8%;--foreground:262 12% 93%;--card:262 16% 12%;--card-foreground:262 12% 93%;--border:262 15% 22%;--input:262 15% 22%;--ring:262 60% 62%;--destructive:0 63% 31%;--destructive-foreground:0 0% 98%;--success:142 70% 29%;--success-foreground:0 0% 98%;--warning:38 80% 40%;--warning-foreground:0 0% 98%;--chart-1:262 60% 62%;--chart-2:207 90% 54%;--chart-3:38 92% 50%;--chart-4:142 70% 40%;--chart-5:0 84% 60%;--sidebar:262 16% 10%;--sidebar-foreground:262 12% 93%;--sidebar-accent:262 25% 18%;--sidebar-accent-foreground:262 60% 70%;--sidebar-border:262 15% 22%}[data-theme=steel]{--primary:215 20% 40%;--primary-foreground:0 0% 100%;--secondary:215 12% 93%;--secondary-foreground:215 15% 15%;--accent:215 12% 93%;--accent-foreground:215 15% 15%;--muted:215 8% 93%;--muted-foreground:215 6% 46%;--background:215 8% 98%;--foreground:215 15% 12%;--card:0 0% 100%;--card-foreground:215 15% 12%;--border:215 10% 89%;--input:215 10% 89%;--ring:215 20% 40%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--success:142 71% 36%;--success-foreground:0 0% 100%;--warning:38 92% 50%;--warning-foreground:0 0% 100%;--chart-1:215 20% 40%;--chart-2:207 89% 42%;--chart-3:38 92% 50%;--chart-4:142 71% 36%;--chart-5:0 84% 60%;--sidebar:0 0% 100%;--sidebar-foreground:215 15% 12%;--sidebar-accent:215 14% 94%;--sidebar-accent-foreground:215 20% 30%;--sidebar-border:215 10% 89%}[data-theme=steel][data-mode=dark]{--primary:215 20% 58%;--primary-foreground:0 0% 100%;--secondary:215 10% 18%;--secondary-foreground:215 8% 89%;--accent:215 10% 18%;--accent-foreground:215 8% 89%;--muted:215 10% 18%;--muted-foreground:215 8% 58%;--background:215 12% 10%;--foreground:215 8% 93%;--card:215 10% 14%;--card-foreground:215 8% 93%;--border:215 10% 22%;--input:215 10% 22%;--ring:215 20% 58%;--destructive:0 63% 31%;--destructive-foreground:0 0% 98%;--success:142 70% 29%;--success-foreground:0 0% 98%;--warning:38 80% 40%;--warning-foreground:0 0% 98%;--chart-1:215 20% 58%;--chart-2:207 90% 54%;--chart-3:38 92% 50%;--chart-4:142 70% 40%;--chart-5:0 84% 60%;--sidebar:215 10% 12%;--sidebar-foreground:215 8% 93%;--sidebar-accent:215 12% 18%;--sidebar-accent-foreground:215 20% 68%;--sidebar-border:215 10% 22%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px;overflow-x:hidden}body{color:hsl(var(--foreground));background-color:hsl(var(--background));min-height:100vh;font-family:Segoe UI Variable,Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,sans-serif;line-height:1.43;transition:background-color .2s,color .2s;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--radius-none:0;--radius-sm:2px;--radius:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--shadow-2:0 1px 2px #0000001f, 0 0 2px #0000000f;--shadow-4:0 2px 4px #00000024, 0 0 2px #0000000f;--shadow-8:0 4px 8px #00000024, 0 0 2px #0000000f;--shadow-16:0 8px 16px #00000024, 0 0 2px #0000000f;--shadow-28:0 14px 28px #00000024, 0 0 8px #0000000f;--shadow-64:0 32px 64px #0000002e, 0 0 8px #0000000f;--shadow-sm:var(--shadow-2);--shadow:var(--shadow-4);--shadow-md:var(--shadow-8);--shadow-lg:var(--shadow-16);--shadow-xl:var(--shadow-28);--transition-fast:.1s ease;--transition:.2s ease;--transition-slow:.3s ease;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--z-dropdown:50;--z-sticky:100;--z-fixed:200;--z-drawer:300;--z-modal:400;--z-toast:500;--sidebar-width:280px;--sidebar-collapsed-width:48px;--header-height:48px;--bottom-nav-height:56px}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:600;line-height:1.33}h1{font-size:1.714rem}h2{font-size:1.429rem}h3{font-size:1.143rem}h4{font-size:1rem}h5{font-size:.857rem}h6{font-size:.714rem}.text-caption{font-size:.857rem;line-height:1.143rem}.text-body{font-size:1rem;line-height:1.429rem}.text-subtitle{font-size:1.143rem;line-height:1.571rem}.text-title{font-size:1.429rem;line-height:1.857rem}.text-display{font-size:2rem;line-height:2.571rem}.text-xs{font-size:.714rem;line-height:1rem}.text-sm{font-size:.857rem;line-height:1.143rem}.text-base{font-size:1rem;line-height:1.429rem}.text-lg{font-size:1.143rem;line-height:1.571rem}.text-xl{font-size:1.429rem;line-height:1.857rem}.text-2xl{font-size:1.714rem;line-height:2.286rem}.text-3xl{font-size:2rem;line-height:2.571rem}.text-muted{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-destructive{color:hsl(var(--destructive))}.text-success{color:hsl(var(--success))}.text-warning{color:hsl(var(--warning))}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{width:100%;min-width:600px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground) / .2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .4)}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:1px;border-radius:var(--radius)}::selection{background:hsl(var(--primary) / .2);color:hsl(var(--foreground))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutToBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--duration-normal) ease forwards}.animate-scaleIn{animation:scaleIn var(--duration-normal) ease forwards}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@media (width>=640px){h1{font-size:2rem}h2{font-size:1.571rem}}@media (width>=1024px){h1{font-size:2.286rem}h2{font-size:1.714rem}h3{font-size:1.286rem}}.mobile-only,.mobile-only-flex{display:none!important}@media (width<=767px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-only-flex{display:flex!important}.hide-on-mobile{display:none!important}}@media print{body{color:#000;background:#fff}.no-print{display:none!important}}