@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--color-primary-50:#e8f5e9;--color-primary-100:#c8e6c9;--color-primary-200:#a5d6a7;--color-primary-300:#81c784;--color-primary-400:#66bb6a;--color-primary-500:#4caf50;--color-primary-600:#43a047;--color-primary-700:#388e3c;--color-primary-800:#2e7d32;--color-primary-900:#1b5e20;--gradient-primary:linear-gradient(135deg, #43a047 0%, #2e7d32 100%);--gradient-primary-subtle:linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);--color-neutral-0:#fff;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#eee;--color-neutral-300:#e0e0e0;--color-neutral-400:#bdbdbd;--color-neutral-500:#9e9e9e;--color-neutral-600:#757575;--color-neutral-700:#616161;--color-neutral-800:#424242;--color-neutral-900:#212121;--color-neutral-950:#0a0a0a;--color-success-50:#e8f5e9;--color-success-500:#4caf50;--color-success-700:#388e3c;--color-error-50:#ffebee;--color-error-500:#ef5350;--color-error-700:#d32f2f;--color-warning-50:#fff8e1;--color-warning-500:#ffa726;--color-warning-700:#f57c00;--color-info-50:#e3f2fd;--color-info-500:#42a5f5;--color-info-700:#1976d2;--surface-background:#fafafa;--surface-card:#fff;--surface-elevated:#fff;--surface-sidebar:#fff;--surface-header:#fff;--surface-hover:#f5f5f5;--surface-selected:#e8f5e9;--surface-disabled:#fafafa;--border-color:#e0e0e0;--border-color-light:#eee;--border-color-focus:#4caf50;--text-primary:#212121;--text-secondary:#757575;--text-tertiary:#9e9e9e;--text-inverse:#fff;--text-link:#2e7d32;--text-on-primary:#fff;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000a;--shadow-xl:0 20px 25px #0000001a, 0 8px 10px #0000000a;--shadow-focus:0 0 0 3px #4caf5040;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--surface-background:#121212;--surface-card:#1e1e1e;--surface-elevated:#252525;--surface-sidebar:#1a1a1a;--surface-header:#1a1a1a;--surface-hover:#2a2a2a;--surface-selected:#1b3a1b;--surface-disabled:#1a1a1a;--border-color:#333;--border-color-light:#2a2a2a;--border-color-focus:#66bb6a;--text-primary:#f5f5f5;--text-secondary:#bdbdbd;--text-tertiary:#757575;--text-inverse:#212121;--text-link:#81c784;--text-on-primary:#fff;--color-primary-500:#66bb6a;--gradient-primary:linear-gradient(135deg, #66bb6a 0%, #43a047 100%)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}a{color:inherit;text-decoration:none}:root{--font-family-base:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.02em}body{font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-primary)}h1{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h2{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h3{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-normal)}p{font-size:var(--text-base);line-height:var(--line-height-normal)}small{font-size:var(--text-sm);color:var(--text-secondary)}.interactive{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.interactive:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight var(--transition-slow) ease forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-neutral-200) 25%, var(--color-neutral-100) 50%, var(--color-neutral-200) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}body{background-color:var(--surface-background);color:var(--text-primary);min-height:100vh}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--gradient-primary);color:var(--text-on-primary);border-color:var(--color-primary-700)}.btn--primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-md)}.btn--secondary{color:var(--color-primary-700);border-color:var(--color-primary-300);background:0 0}.btn--secondary:hover:not(:disabled){background:var(--color-primary-50)}.btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn--danger{background:var(--color-error-500);color:var(--text-on-primary);border-color:var(--color-error-700)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:var(--font-family-base);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input:hover{border-color:var(--color-neutral-400)}.input:focus{border-color:var(--border-color-focus);box-shadow:var(--shadow-focus);outline:none}.input::placeholder{color:var(--text-tertiary)}.input--error{border-color:var(--color-error-500)}.input--error:focus{box-shadow:0 0 0 3px #ef535040}.input-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2);display:block}.input-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.input-error-text{font-size:var(--text-xs);color:var(--color-error-500);margin-top:var(--space-1)}.card{background:var(--surface-card);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast)}.card--interactive:hover{box-shadow:var(--shadow-md)}.card__header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.table-container{border:1px solid var(--border-color-light);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-secondary);background:var(--color-neutral-50);text-align:left;border-bottom:1px solid var(--border-color)}.table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border-color-light)}.table tr:hover td{background:var(--surface-hover)}.table tr:last-child td{border-bottom:none}.badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:var(--line-height-tight);align-items:center;display:inline-flex}.badge--success{background:var(--color-success-50);color:var(--color-success-700)}.badge--error{background:var(--color-error-50);color:var(--color-error-700)}.badge--warning{background:var(--color-warning-50);color:var(--color-warning-700)}.badge--info{background:var(--color-info-50);color:var(--color-info-700)}.badge--neutral{background:var(--color-neutral-100);color:var(--color-neutral-700)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--transition-fast) ease;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;animation:slideUp var(--transition-slow) ease;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__header{padding:var(--space-6);border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.modal__body{padding:var(--space-6)}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color-light);display:flex}.toast{top:var(--space-6);right:var(--space-6);z-index:2000;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;animation:slideInRight var(--transition-slow) ease;border-left:4px solid;display:flex;position:fixed}.toast--success{border-left-color:var(--color-success-500)}.toast--error{border-left-color:var(--color-error-500)}.toast--warning{border-left-color:var(--color-warning-500)}.toast--info{border-left-color:var(--color-info-500)}.layout{min-height:100vh;transition:grid-template-columns var(--transition-base);grid-template-rows:64px 1fr;grid-template-columns:260px 1fr;display:grid}.layout--sidebar-minimized{grid-template-columns:70px 1fr}.layout__header{padding:0 var(--space-6);background:var(--gradient-primary);z-index:100;border-bottom:1px solid #ffffff1f;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.layout__sidebar{background:var(--surface-sidebar);border-right:1px solid var(--border-color-light);height:calc(100vh - 64px);transition:width var(--transition-base);flex-direction:column;grid-row:2;display:flex;position:sticky;top:64px;overflow:hidden}.layout__sidebar--minimized{width:70px}.layout__content{padding:var(--space-8);background:var(--surface-background);grid-row:2;overflow-y:auto}@media (width<=1024px){.layout{grid-template-columns:1fr!important}.layout__sidebar{display:none}.layout__sidebar--open{z-index:200;width:280px;height:calc(100vh - 64px);position:fixed;inset:64px 0 0;display:flex!important}}@media (width<=768px){.layout__header{padding:0 var(--space-4)}.layout__content{padding:var(--space-4)}}.header-left{align-items:center;gap:var(--space-4);display:flex}.tenant-badge{font-size:var(--text-base);font-weight:var(--font-weight-semibold);text-shadow:0 1px 2px #0000001a;color:var(--color-neutral-0)!important}.mobile-toggle-btn,.desktop-toggle-btn{color:var(--color-neutral-0);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-toggle-btn:hover,.desktop-toggle-btn:hover{background:#ffffff26}.mobile-toggle-btn{display:none}@media (width<=1024px){.mobile-toggle-btn{display:flex}.desktop-toggle-btn{display:none}}.sidebar-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color-light);box-sizing:border-box;flex-shrink:0;height:80px;display:flex}.layout__sidebar--minimized .sidebar-header{padding:var(--space-4) 0;justify-content:center}.sidebar-user-avatar{border-radius:var(--radius-full);background:var(--gradient-primary-subtle);width:44px;height:44px;color:var(--color-primary-800);font-weight:var(--font-weight-bold);font-size:var(--text-base);border:2px solid var(--color-primary-200);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}[data-theme=dark] .sidebar-user-avatar{background:var(--color-neutral-800);color:var(--color-primary-500);border-color:var(--color-neutral-700)}.user-avatar-img{object-fit:cover;width:100%;height:100%}.sidebar-user-details{flex-direction:column;display:flex;overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-role{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.sidebar-body{padding:var(--space-2) 0;flex-grow:1;overflow-y:auto}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color-light);box-sizing:border-box;flex-shrink:0;align-items:center;display:flex}.layout__sidebar--minimized .sidebar-footer{padding:var(--space-4) var(--space-2);justify-content:center}.sidebar-logout-btn{align-items:center;gap:var(--space-3);color:var(--text-secondary);cursor:pointer;width:100%;padding:10px var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:var(--font-weight-medium);font-size:var(--text-sm);background:0 0;border:none;display:flex}.sidebar-logout-btn:hover{background:var(--color-error-50);color:var(--color-error-700)}[data-theme=dark] .sidebar-logout-btn:hover{color:var(--color-error-500);background:#ef535026}.layout__sidebar--minimized .sidebar-logout-btn{border-radius:var(--radius-full);justify-content:center;width:44px;height:44px;padding:10px 0}.sidebar-logout-icon{flex-shrink:0;width:18px;height:18px}.nav-section-title{padding:var(--space-5) var(--space-5) var(--space-2) var(--space-5);font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);align-items:center;gap:var(--space-2);display:flex}.nav-section-title:before{content:"";background-color:var(--color-primary-500);border-radius:50%;width:4px;height:4px;display:inline-block}.page-header{margin-bottom:var(--space-8)}.page-header__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.page-header__description{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.page-header__actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-fast);border-left:3px solid #0000;border-radius:0;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item--active{color:var(--color-primary-700);background:var(--color-primary-50);border-left-color:var(--color-primary-500);font-weight:var(--font-weight-semibold)}.nav-item__icon{flex-shrink:0;width:20px;height:20px}.layout__sidebar--minimized .nav-item{padding:var(--space-3) 0;border-left-width:4px;justify-content:center}.layout__sidebar--minimized .nav-item__label,.layout__sidebar--minimized .nav-section-title{display:none}.layout__sidebar--minimized .nav-section-divider{background:var(--border-color-light);height:1px;margin:var(--space-3) var(--space-4)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-neutral-700)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-600)}*{scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}[data-theme=dark] *{scrollbar-color:var(--color-neutral-700) transparent}@media (width<=640px){.page-header__title{font-size:var(--text-xl)}.card{padding:var(--space-4)!important;border-radius:var(--radius-md)!important}.form-grid{gap:var(--space-3)!important;grid-template-columns:1fr!important}.table th,.table td{padding:var(--space-3) var(--space-4)!important}}.toast-container[data-v-f656dc3e]{top:var(--space-6);right:var(--space-6);z-index:2000;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast[data-v-f656dc3e]{pointer-events:auto;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid;min-width:300px;max-width:400px;margin-bottom:0;display:flex;position:relative;top:auto;right:auto}.toast-icon[data-v-f656dc3e]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-success[data-v-f656dc3e]{color:var(--color-success-700)}.icon-warning[data-v-f656dc3e]{color:var(--color-warning-700)}.icon-error[data-v-f656dc3e]{color:var(--color-error-700)}.icon-info[data-v-f656dc3e]{color:var(--color-info-700)}.toast-content[data-v-f656dc3e]{flex-grow:1}.toast-message[data-v-f656dc3e]{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.toast-close[data-v-f656dc3e]{color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close[data-v-f656dc3e]:hover{background:var(--surface-hover);color:var(--text-primary)}