.navbar-container{position:relative;text-align:left}.navbar-topbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-surface, #ffffff);border-bottom:1px solid var(--color-border, #e5e7eb);display:flex;align-items:center;padding:0 12px 0 8px;z-index:1000}.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.topbar-center{flex:1 1 auto;display:flex;justify-content:center;padding:0 16px}.topbar-hamburger{background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-md, 6px);color:var(--color-text-muted, #6b7280);display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast, .12s ease)}.topbar-hamburger:hover{background:var(--color-bg-muted, #f3f4f6);color:var(--color-text-secondary, #374151)}.topbar-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-text-primary, #111827);padding:4px 8px;border-radius:var(--radius-md, 6px);min-height:40px}.topbar-logo img{max-height:32px;width:auto;object-fit:contain;display:block}.topbar-logo-text{font-size:15px;font-weight:var(--font-semibold, 600);letter-spacing:.2px}.topbar-search{position:relative;width:100%;max-width:480px}.topbar-search-input-wrap{display:inline-flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;background:var(--color-bg-muted, #f8f9fa);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 6px);color:var(--color-text-muted, #6b7280);transition:border-color var(--transition-fast, .12s ease),background var(--transition-fast, .12s ease)}.topbar-search-input-wrap:focus-within{background:var(--color-surface, #ffffff);border-color:var(--color-border-strong, #d1d5db)}.topbar-search-icon{flex:0 0 auto;color:var(--color-text-muted, #6b7280)}.topbar-search-input{flex:1 1 auto;min-width:0;height:100%;border:none;background:transparent;outline:none;font-size:var(--text-sm, 13px);color:var(--color-text-primary, #111827);padding:0}.topbar-search-input::placeholder{color:var(--color-text-muted, #6b7280)}.topbar-search-spinner{flex:0 0 auto;color:var(--color-text-muted, #6b7280);animation:topbar-search-spin .8s linear infinite}@keyframes topbar-search-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar-search-kbd{font-family:var(--font-family-mono, ui-monospace, monospace);font-size:11px;color:var(--color-text-muted, #6b7280);background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:4px;padding:1px 5px;line-height:1}.topbar-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:min(70vh,480px);overflow-y:auto;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 6px);box-shadow:0 10px 28px #0f172a1f,0 2px 6px #0f172a0f;padding:4px;z-index:1100}.topbar-search-group+.topbar-search-group{margin-top:4px;border-top:1px solid var(--color-border, #e5e7eb);padding-top:4px}.topbar-search-group-label{font-size:11px;font-weight:var(--font-semibold, 600);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #6b7280);padding:6px 10px 4px}.topbar-search-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:transparent;border:none;border-radius:4px;cursor:pointer;text-align:left;color:var(--color-text-primary, #111827);font-size:var(--text-sm, 13px)}.topbar-search-item.is-active,.topbar-search-item:focus-visible{background:var(--color-bg-muted, #f3f4f6);outline:none}.topbar-search-item-icon{flex:0 0 auto;color:var(--color-text-muted, #6b7280)}.topbar-search-item-label{flex:0 1 auto;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-medium, 500)}.topbar-search-item-subtitle{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted, #6b7280);font-size:12px;text-align:right}.topbar-search-empty{padding:12px 10px;color:var(--color-text-muted, #6b7280);font-size:var(--text-sm, 13px);text-align:center}.topbar-env-badge{font-family:var(--font-family-mono, ui-monospace, monospace);font-size:10px;font-weight:var(--font-bold, 700);letter-spacing:.5px;padding:3px 6px;border-radius:4px;text-transform:uppercase}.topbar-env-badge.env-staging{background:var(--color-warning-soft, #fff8e1);color:#8a5a00}.topbar-env-badge.env-local,.topbar-env-badge.env-development{background:var(--color-info-soft, #e7faff);color:#0b5f78}.topbar-icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-md, 6px);color:var(--color-text-muted, #6b7280);display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast, .12s ease)}.topbar-icon-btn:hover{background:var(--color-bg-muted, #f3f4f6);color:var(--color-text-secondary, #374151)}.topbar-user{position:relative}.topbar-user-trigger{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;background:none;border:1px solid transparent;border-radius:var(--radius-md, 6px);cursor:pointer;transition:background var(--transition-fast, .12s ease)}.topbar-user-trigger:hover{background:var(--color-bg-muted, #f3f4f6)}.topbar-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:var(--font-semibold, 600);letter-spacing:.3px}.topbar-user-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.topbar-user-name{font-size:13px;font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #111827)}.topbar-user-role{font-size:11px;color:var(--color-text-muted, #6b7280);text-transform:capitalize}.topbar-user-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, 10px);box-shadow:var(--shadow-md, 0 2px 4px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04));padding:6px;z-index:1100}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:var(--text-sm, 13px);color:var(--color-text-secondary, #374151);background:none;border:none;text-align:left;cursor:pointer;border-radius:var(--radius-md, 6px);text-decoration:none}.user-menu-item:hover{background:var(--color-bg-muted, #f3f4f6);color:var(--color-text-primary, #111827)}.user-menu-divider{height:1px;background:var(--color-border, #e5e7eb);margin:4px 2px}.user-menu-danger{color:var(--color-danger, #ef4444)}.user-menu-danger:hover{background:var(--color-danger-soft, #fde8e8);color:var(--color-danger, #ef4444)}.navbar-sidebar{position:fixed;top:56px;left:0;height:calc(100vh - 56px);background:var(--color-surface, #ffffff);border-right:1px solid var(--color-border, #e5e7eb);transition:width var(--transition-base, .18s ease);z-index:999;overflow:hidden}.navbar-sidebar.expanded{width:240px}.navbar-sidebar.collapsed{width:56px}.sidebar-inner{height:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.sidebar-nav{flex:1 1 auto;padding:12px 8px 8px;display:flex;flex-direction:column;gap:2px}.sidebar-sections{display:flex;flex-direction:column;gap:4px;margin-top:12px}.nav-section{padding-top:8px}.nav-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px 4px;background:none;border:none;cursor:pointer;text-align:left;color:var(--color-text-muted, #6b7280);border-radius:var(--radius-sm, 4px);transition:color var(--transition-fast, .12s ease)}.nav-section-header:hover,.nav-section-header:hover .nav-section-chevron{color:var(--color-text-secondary, #374151)}.nav-section-label{font-size:10px;font-weight:var(--font-bold, 700);letter-spacing:.8px;color:inherit;text-transform:uppercase}.nav-section-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-disabled, #9ca3af);transition:color var(--transition-fast, .12s ease)}.nav-section-divider{height:1px;background:var(--color-border, #e5e7eb);margin:8px 12px}.nav-section-items{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;text-decoration:none;color:var(--color-text-secondary, #374151);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, 13px);font-weight:var(--font-medium, 500);white-space:nowrap;background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast, .12s ease),color var(--transition-fast, .12s ease)}.nav-item:hover{background:rgba(0,0,0,.04);color:var(--color-text-primary, #111827)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:var(--font-semibold, 600)}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{flex-shrink:0;color:var(--color-text-muted, #6b7280)}.nav-item:hover .nav-icon{color:var(--color-text-secondary, #374151)}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:var(--radius-pill);background:var(--accent);color:var(--text-inverse);font-size:10.5px;font-weight:var(--font-bold);font-variant-numeric:tabular-nums;margin-left:6px}.navbar-sidebar.collapsed .nav-badge{display:none}.navbar-sidebar.collapsed .nav-item{padding:0;width:40px;height:40px;justify-content:center;margin:0 auto}.navbar-sidebar.collapsed .nav-section{padding-top:4px}.sidebar-foot{padding:8px;border-top:1px solid var(--color-border, #e5e7eb);display:flex;flex-direction:column;gap:4px}.sidebar-agency{display:flex;flex-direction:column;padding:6px 10px 2px;line-height:1.2}.sidebar-agency-label{font-size:10px;font-weight:var(--font-bold, 700);letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-muted, #6b7280)}.sidebar-agency-name{font-size:12px;color:var(--color-text-secondary, #374151);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-collapse-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;padding:6px 10px;color:var(--color-text-muted, #6b7280);font-size:12px;border-radius:var(--radius-md, 6px);cursor:pointer;align-self:flex-start}.sidebar-collapse-btn:hover{background:rgba(0,0,0,.04);color:var(--color-text-secondary, #374151)}.navbar-sidebar.collapsed .sidebar-collapse-btn{align-self:center;padding:8px}.sidebar-collapse-label{font-weight:var(--font-medium, 500)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:998;display:none}@media (max-width: 768px){.navbar-sidebar{width:240px!important;transform:translate(-100%);transition:transform var(--transition-base, .18s ease)}.navbar-sidebar.expanded{transform:translate(0)}.navbar-sidebar.collapsed{transform:translate(-100%)}.sidebar-overlay{display:block}.topbar-user-meta,.topbar-search-kbd{display:none}.topbar-search-input::placeholder{font-size:12px}}.settings-shell{max-width:820px;margin:0 auto;padding:24px 32px 120px;color:var(--text-1);font-family:var(--font-family-base);text-align:left}.settings-shell__header{margin:0 0 20px}.settings-shell__title{font-family:var(--font-family-display);font-size:30px;line-height:1.1;font-weight:400;color:var(--text-1);margin:0 0 6px;letter-spacing:-.01em}.settings-shell__description{font-size:13.5px;line-height:1.5;color:var(--text-2);margin:0;max-width:640px}.settings-shell__sections{display:flex;flex-direction:column;gap:20px;margin-top:24px}.settings-shell__loading,.settings-shell__error{padding:40px 0;text-align:center;color:var(--text-2);font-size:13.5px}.settings-shell__legacy-note{margin-top:24px;padding:12px 16px;background:var(--surface-1);border:1px dashed var(--border);border-radius:8px;font-size:12px;color:var(--text-3)}.settings-section{background:var(--surface-0);border:1px solid var(--border);border-radius:16px;overflow:hidden}.settings-section__header{padding:18px 20px 14px;border-bottom:1px solid var(--border)}.settings-section__title{font-size:15px;font-weight:600;color:var(--text-1);margin:0;letter-spacing:-.005em}.settings-section__description{font-size:12.5px;color:var(--text-2);margin:4px 0 0;line-height:1.45}.settings-section__body{display:flex;flex-direction:column}.settings-section--danger{border-color:#f3d3cd}.settings-section--danger .settings-section__header{border-bottom-color:#f3d3cd}.settings-section--danger .settings-section__title{color:var(--danger)}.setting-row{display:flex;gap:24px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);min-height:56px}.setting-row:last-child{border-bottom:none}.setting-row--stacked{flex-direction:column;align-items:stretch;gap:12px}.setting-row__label-cell{flex:1 1 auto;min-width:0}.setting-row__label{display:block;font-size:13.5px;font-weight:600;color:var(--text-1);line-height:1.3}.setting-row__description{display:block;font-size:12px;color:var(--text-3);margin-top:3px;line-height:1.45;max-width:460px}.setting-row__control{flex:0 0 auto;min-width:230px;display:flex;justify-content:flex-end;align-items:center;gap:8px}.setting-row__control--auto{min-width:auto}.setting-row--stacked .setting-row__control{justify-content:flex-start;min-width:0;width:100%}.setting-row--disabled .setting-row__label,.setting-row--disabled .setting-row__description{color:var(--text-3)}.setting-toggle{position:relative;display:inline-flex;align-items:center;width:40px;height:23px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast, .12s ease),border-color var(--transition-fast, .12s ease);padding:0;flex-shrink:0}.setting-toggle__thumb{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 2px #1412301f;transition:transform var(--transition-fast, .12s ease)}.setting-toggle[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.setting-toggle[aria-checked=true] .setting-toggle__thumb{transform:translate(17px)}.setting-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.setting-toggle:disabled{cursor:not-allowed;opacity:.5}.setting-segmented{display:inline-flex;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:3px;gap:2px}.setting-segmented__option{border:none;background:transparent;padding:6px 12px;font-family:var(--font-family-base);font-size:12.5px;font-weight:500;color:var(--text-2);border-radius:6px;cursor:pointer;transition:background var(--transition-fast, .12s ease),color var(--transition-fast, .12s ease);white-space:nowrap}.setting-segmented__option:hover:not([aria-pressed=true]):not(:disabled){color:var(--text-1);background:var(--surface-2)}.setting-segmented__option[aria-pressed=true]{background:var(--surface-0);color:var(--text-1);font-weight:600;box-shadow:0 1px 2px #1412300f}.setting-segmented__option:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.setting-segmented__option:disabled{cursor:not-allowed;opacity:.4}.setting-segmented__option[aria-pressed=true][data-tone=danger]{color:var(--danger)}.setting-input{width:100%;max-width:320px;height:34px;padding:0 10px;font-family:var(--font-family-base);font-size:13.5px;color:var(--text-1);background:var(--surface-0);border:1px solid var(--border);border-radius:8px;transition:border-color var(--transition-fast, .12s ease),box-shadow var(--transition-fast, .12s ease)}.setting-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.setting-input--error{border-color:var(--danger)}.setting-input__error{display:block;font-size:11.5px;color:var(--danger);margin-top:4px}.setting-readonly{font-size:13.5px;color:var(--text-2);display:inline-flex;align-items:center;gap:8px}.setting-readonly__value{color:var(--text-1);font-weight:500}.setting-readonly--muted{color:var(--text-3);font-style:italic}.save-bar{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(120%);display:flex;align-items:center;gap:16px;padding:12px 16px 12px 20px;background:var(--deep);color:#fff;border-radius:12px;box-shadow:0 12px 32px #14123047;transition:transform .18s ease-out,opacity .18s ease-out;opacity:0;pointer-events:none;z-index:500;max-width:min(760px,calc(100vw - 32px))}.save-bar--visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.save-bar__text{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.save-bar__title{font-size:13.5px;font-weight:600;color:#fff}.save-bar__sub{font-size:11.5px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-bar__actions{display:flex;gap:8px;flex-shrink:0}.save-bar__btn{height:34px;padding:0 14px;border-radius:8px;font-family:var(--font-family-base);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background var(--transition-fast, .12s ease),color var(--transition-fast, .12s ease)}.save-bar__btn--ghost{background:rgba(255,255,255,.08);color:#fff}.save-bar__btn--ghost:hover:not(:disabled){background:rgba(255,255,255,.16)}.save-bar__btn--primary{background:var(--mint);color:var(--deep)}.save-bar__btn--primary:hover:not(:disabled){background:#6BDCB8}.save-bar__btn:disabled{opacity:.6;cursor:not-allowed}.save-bar__error{color:#ffb6b6}.settings-nav{display:flex;flex-direction:column;gap:8px;padding:4px 0}.settings-nav__back{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;color:var(--text-2);text-decoration:none;font-size:12.5px;font-weight:500;border-radius:6px;transition:background var(--transition-fast, .12s ease),color var(--transition-fast, .12s ease)}.settings-nav__back:hover{background:var(--surface-1);color:var(--text-1)}.settings-nav__search{display:flex;align-items:center;gap:6px;padding:0 10px;margin:4px 0}.settings-nav__search input{flex:1;height:30px;padding:0 8px;font-family:var(--font-family-base);font-size:12.5px;color:var(--text-1);background:var(--surface-1);border:1px solid var(--border);border-radius:6px}.settings-nav__search input:focus{outline:none;border-color:var(--accent);background:var(--surface-0)}.settings-nav__group{display:flex;flex-direction:column;gap:1px;margin-top:6px}.settings-nav__group-label{display:flex;align-items:center;gap:5px;padding:8px 10px 4px;font-size:10px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.settings-nav__group-lock{color:var(--text-3);display:inline-flex;align-items:center}.settings-nav__item{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;color:var(--text-2);text-decoration:none;font-size:12.5px;font-weight:500;border-radius:6px;transition:background var(--transition-fast, .12s ease),color var(--transition-fast, .12s ease)}.settings-nav__item:hover{background:var(--surface-1);color:var(--text-1)}.settings-nav__item.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.settings-nav__item-icon{flex-shrink:0;color:currentColor;opacity:.85}.settings-nav__item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-nav__item-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;background:var(--surface-2);color:var(--text-2)}.settings-nav__item.is-active .settings-nav__item-badge{background:var(--surface-0);color:var(--accent)}.settings-nav__empty{padding:20px 10px;text-align:center;color:var(--text-3);font-size:12px}.navbar-sidebar.collapsed .settings-nav__group-label,.navbar-sidebar.collapsed .settings-nav__search,.navbar-sidebar.collapsed .settings-nav__item-label,.navbar-sidebar.collapsed .settings-nav__item-badge{display:none}.navbar-sidebar.collapsed .settings-nav__back{justify-content:center;padding:6px}.navbar-sidebar.collapsed .settings-nav__back span{display:none}.navbar-sidebar.collapsed .settings-nav__item{justify-content:center;padding:0;width:40px;height:40px;margin:0 auto}@media (max-width: 900px){.settings-shell{padding:20px 20px 120px}.setting-row{flex-direction:column;align-items:stretch;gap:10px}.setting-row__control{justify-content:flex-start;min-width:0}}.App{text-align:center;min-height:100vh;background:var(--bg)}.main-content{margin-top:56px;padding:24px;min-height:calc(100vh - 56px);transition:margin-left .3s ease}.main-content.sidebar-expanded{margin-left:240px}.main-content.sidebar-collapsed{margin-left:56px}.page-container{text-align:left;max-width:1200px;margin:0 auto}.page-container h1{color:var(--text-1);margin:0 0 16px;font-size:var(--text-2xl);font-weight:var(--font-bold)}.page-container p{color:var(--text-2);margin:0 0 32px;font-size:var(--text-base)}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:var(--text-1);margin:0 0 8px;font-size:var(--text-2xl);font-weight:var(--font-bold)}.dashboard-header p{color:var(--text-2);margin:0;font-size:var(--text-base)}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid var(--surface-2);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:40px}.metric-card{background:var(--surface-0);padding:20px;border-radius:var(--radius-card);border:1px solid var(--border);display:flex;align-items:center;gap:16px;transition:border-color var(--transition-fast)}.metric-card:hover{border-color:var(--accent)}.metric-icon{font-size:28px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:12px}.metric-content h3{color:var(--text-3);margin:0 0 8px;font-size:var(--text-eyebrow);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em}.metric-number{color:var(--text-1);font-family:var(--font-family-display);font-size:var(--text-3xl);font-weight:400;line-height:1;margin:0 0 4px;font-variant-numeric:tabular-nums}.metric-subtitle{color:var(--text-2);font-size:var(--text-sm);margin:0}.dashboard-content{display:grid;gap:24px}.dashboard-section h2{color:var(--text-1);margin:0 0 20px;font-size:var(--text-xl);font-weight:var(--font-semibold)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-action-card{background:var(--surface-0);padding:20px;border-radius:var(--radius-card);border:1px solid var(--border);text-align:center;cursor:pointer;transition:border-color var(--transition-fast)}.quick-action-card:hover{border-color:var(--accent)}.action-icon{font-size:28px;margin-bottom:12px;color:var(--accent)}.quick-action-card h3{color:var(--text-1);margin:0 0 8px;font-size:var(--text-lg);font-weight:var(--font-semibold)}.quick-action-card p{color:var(--text-2);margin:0;font-size:var(--text-sm)}.recent-activity{background:var(--surface-0);border-radius:var(--radius-card);border:1px solid var(--border);overflow:hidden}.activity-list{padding:0}.activity-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-1);color:var(--text-2);border-radius:8px}.activity-content h4{color:var(--text-1);margin:0 0 4px;font-size:var(--text-base);font-weight:var(--font-semibold)}.activity-content p{color:var(--text-2);margin:0 0 4px;font-size:var(--text-sm)}.activity-content small{color:var(--text-3);font-size:var(--text-meta)}.status-badge{padding:3px 10px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:var(--font-bold);letter-spacing:.02em;text-transform:capitalize}.status-badge.status-completed{background:var(--success-soft);color:var(--success)}.status-badge.status-in_progress{background:var(--accent-soft);color:var(--accent)}.status-badge.status-paused{background:var(--warning-soft);color:var(--warning)}.no-activity{padding:40px 24px;text-align:center}.no-activity p{color:var(--text-2);margin:0 0 16px;font-size:var(--text-base)}.btn-primary{background:var(--accent);color:var(--text-inverse);border:none;padding:10px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast)}.btn-primary:hover{background:var(--accent-hover)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.overview-card{background:var(--surface-0);padding:20px;border-radius:var(--radius-card);border:1px solid var(--border)}.overview-card h3{color:var(--text-1);margin:0 0 16px;font-size:var(--text-lg);font-weight:var(--font-semibold)}.overview-stats{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.stat-row span:first-child{color:var(--text-2);font-size:var(--text-sm);text-transform:capitalize}.stat-row span:last-child{color:var(--text-1);font-weight:var(--font-semibold);font-size:var(--text-base);font-variant-numeric:tabular-nums}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:32px}.feature-card{background:var(--surface-0);padding:20px;border-radius:var(--radius-card);border:1px solid var(--border);text-align:center}.feature-card h3{color:var(--text-1);margin:0 0 12px;font-size:var(--text-lg);font-weight:var(--font-semibold)}.feature-card p{color:var(--text-2);margin:0;font-size:var(--text-sm)}.employee-list h2{color:var(--text-1);margin:0 0 20px;font-size:var(--text-xl);font-weight:var(--font-semibold)}.employee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.employee-card{background:var(--surface-0);padding:20px;border-radius:var(--radius-card);border:1px solid var(--border);text-align:center}.employee-avatar{width:56px;height:56px;background:var(--accent-soft);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:var(--font-semibold);margin:0 auto 16px}.employee-card h4{color:var(--text-1);margin:0 0 8px;font-size:var(--text-lg);font-weight:var(--font-semibold)}.employee-card p{color:var(--text-2);margin:0 0 16px;font-size:var(--text-sm)}.status{padding:3px 10px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:var(--font-bold);letter-spacing:.02em}.status.active{background:var(--success-soft);color:var(--success)}@media (max-width: 768px){.main-content{margin-left:0!important;padding:16px}.features-grid,.employee-stats,.employee-grid,.dashboard-metrics,.quick-actions-grid,.overview-grid{grid-template-columns:1fr;gap:12px}.page-container h1,.dashboard-header h1{font-size:var(--text-xl)}.feature-card,.stat-card,.employee-card,.metric-card,.quick-action-card,.overview-card{padding:16px}.metric-card{flex-direction:column;text-align:center;gap:12px}.metric-icon{width:48px;height:48px;font-size:22px}.metric-number{font-size:var(--text-3xl)}.activity-item{padding:14px 16px}.dashboard-section h2{font-size:var(--text-lg)}}.login-form-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f9fafb;padding:20px}.login-form{background:white;padding:40px;border-radius:12px;box-shadow:0 1px 3px #0000001a;width:100%;max-width:400px;transition:transform .2s ease,box-shadow .2s ease}.login-form:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.login-form h2{text-align:center;margin-bottom:8px;color:#111827;font-size:32px;font-weight:700}.login-subtitle{text-align:center;color:#6b7280;margin-bottom:32px;font-size:16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;color:#111827;font-weight:600;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .2s ease;box-sizing:border-box;background:white}.form-group input:focus{outline:none;border-color:#5438dc}.form-group input.error{border-color:#e74c3c}.error-message{display:block;color:#e74c3c;font-size:12px;margin-top:4px}.auth-error{background:#fdf2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.login-button{width:100%;background:#5438DC;color:#fff;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.login-button:hover:not(:disabled){background:#4530b8}.login-button:disabled{background:#cbd5e0;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e1e5e9}.login-footer p{color:#6b7280;font-size:14px}.register-link{color:#5438dc;text-decoration:none;font-weight:600}.register-link:hover{text-decoration:underline}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;gap:8px}.loading-spinner,.loading-text{font-size:16px;color:#666}.unauthorized-container{text-align:center;padding:40px 20px;max-width:500px;margin:0 auto}.unauthorized-container h2{color:#e74c3c;margin-bottom:16px}.unauthorized-container p{color:#666;margin-bottom:12px}.login-link{display:inline-block;background:#667eea;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;margin-top:20px}.login-link:hover{background:#5a67d8}.agency-header{background:white;border-bottom:1px solid #e1e5e9;box-shadow:0 2px 4px #0000000d}.agency-header-content{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;max-width:1200px;margin:0 auto}.agency-info{display:flex;align-items:center;gap:12px}.agency-name{font-size:24px;font-weight:600;color:#333;margin:0}.agency-plan{background:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.user-info{display:flex;align-items:center;gap:16px}.user-details{display:flex;align-items:center;gap:12px}.user-name{font-weight:500;color:#333}.user-role{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.badge-admin{background:#fef3c7;color:#92400e}.badge-manager{background:#dbeafe;color:#1e40af}.badge-employee{background:#d1fae5;color:#065f46}.badge-viewer{background:#f3e8ff;color:#7c3aed}.badge-default{background:#f3f4f6;color:#374151}.user-menu-container{position:relative}.user-menu-trigger{background:none;border:none;cursor:pointer;padding:0}.user-avatar{width:40px;height:40px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.user-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 10px 30px #0000001a;min-width:280px;z-index:20;margin-top:8px}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.user-menu-info{flex:1}.user-menu-name{font-weight:600;color:#333;margin-bottom:2px}.user-menu-email{font-size:14px;color:#666;margin-bottom:4px}.user-menu-role{padding:2px 8px;border-radius:8px;font-size:11px;font-weight:500;text-transform:uppercase;display:inline-block}.user-menu-divider{height:1px;background:#e1e5e9;margin:0 16px}.user-menu-items{padding:8px 0}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#333;text-decoration:none;font-size:14px;transition:background-color .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer}.user-menu-item:hover{background:#f8fafc}.logout-item{color:#e74c3c}.menu-item-icon{font-size:16px}.agency-status-bar{background:#f8fafc;padding:8px 24px;border-top:1px solid #e1e5e9;display:flex;gap:24px;max-width:1200px;margin:0 auto}.status-item{display:flex;align-items:center;gap:6px}.status-label{font-size:12px;color:#666;font-weight:500}.status-value{font-size:12px;font-weight:600}.plan-free{color:#666}.plan-basic{color:#667eea}.plan-premium{color:#f59e0b}.status-active{color:#10b981}.status-inactive{color:#ef4444}.profile-page{padding:24px;max-width:800px;margin:0 auto}.profile-container{background:white;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.profile-container h1{padding:24px 24px 0;margin:0;color:#333;font-size:24px;font-weight:600}.profile-tabs{display:flex;border-bottom:1px solid #e1e5e9;padding:0 24px;margin-top:24px}.tab-button{background:none;border:none;padding:16px 24px;font-size:14px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-button:hover{color:#333}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.profile-tab{padding:24px}.readonly-field{padding:12px 16px;background:#f8fafc;border:1px solid #e1e5e9;border-radius:8px;color:#666;font-size:16px}.save-button{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.save-button:hover:not(:disabled){background:#5a67d8}.save-button:disabled{background:#cbd5e0;cursor:not-allowed}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.user-management-page{padding:24px;max-width:1200px;margin:0 auto}.user-management-container{background:white;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.page-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e1e5e9}.page-header h1{margin:0;color:#333;font-size:24px;font-weight:600}.create-user-button{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.create-user-button:hover:not(:disabled){background:#5a67d8}.create-user-button:disabled{background:#cbd5e0;cursor:not-allowed}.modal-content form{padding:24px;overflow:auto}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button{background:#f8fafc;color:#666;border:1px solid #e1e5e9;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#e2e8f0;color:#333}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#f8fafc;padding:16px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e1e5e9;font-size:14px}.users-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.users-table tr:hover{background:#f8fafc}.user-info{display:flex;align-items:center;gap:12px}.user-name{font-weight:500;color:#333;margin-bottom:2px}.user-email{font-size:14px;color:#666}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status.active{background:#d1fae5;color:#065f46}.status.inactive{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px;align-items:center}.role-select{padding:6px 12px;border:1px solid #e1e5e9;border-radius:6px;font-size:12px;background:white;cursor:pointer}.role-select:disabled{background:#f8fafc;color:#666;cursor:not-allowed}.deactivate-button{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.deactivate-button:hover:not(:disabled){background:#fecaca}.deactivate-button:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;background:white;cursor:pointer;transition:border-color .2s ease}select:focus{outline:none;border-color:#667eea}select:disabled{background:#f8fafc;color:#666;cursor:not-allowed}:root{--surface-0: #FFFFFF;--surface-1: #F7F8FA;--surface-2: #EEF0F3;--bg: #F3F4F7;--border: #E9E9F1;--text-1: #141230;--text-2: #5A5872;--text-3: #9491A8;--text-inverse: #FFFFFF;--accent: #5438DB;--accent-hover: #4530B8;--accent-soft: #EEEAFF;--mint: #4ECCA3;--mint-soft: #EDFFEB;--deep: #1E1A45;--success: #1E8A66;--success-soft: #E6F5EE;--warning: #B9770A;--warning-soft: #FFF3DC;--danger: #C0392B;--danger-soft: #FFECEC;--info: #1C7ED6;--info-soft: #E7F3FC;--color-primary: var(--accent);--color-primary-hover: var(--accent-hover);--color-primary-soft: var(--accent-soft);--color-success: var(--success);--color-success-soft: var(--success-soft);--color-warning: var(--warning);--color-warning-soft: var(--warning-soft);--color-danger: var(--danger);--color-danger-soft: var(--danger-soft);--color-info: var(--info);--color-info-soft: var(--info-soft);--color-bg: var(--surface-0);--color-bg-muted: var(--surface-1);--color-surface: var(--surface-0);--color-surface-raised: var(--surface-1);--color-border: var(--border);--color-border-strong: #D6D6E1;--color-text-primary: var(--text-1);--color-text-secondary: var(--text-2);--color-text-muted: var(--text-2);--color-text-disabled: var(--text-3);--color-text-inverse: var(--text-inverse);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--font-family-display: "Lalezar", "Archivo", system-ui, -apple-system, sans-serif;--font-family-base: "Archivo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-eyebrow: 10.5px;--text-meta: 11.5px;--text-xs: 11.5px;--text-sm: 13px;--text-base: 14px;--text-md: 13.5px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--text-display: 42px;--line-tight: 1.2;--line-normal: 1.45;--line-relaxed: 1.6;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-card: 20px;--radius-pill: 999px;--shadow-sm: 0 4px 12px rgba(20, 18, 48, .08), 0 1px 2px rgba(20, 18, 48, .04);--shadow-md: 0 16px 40px rgba(20, 18, 48, .14), 0 2px 6px rgba(20, 18, 48, .06);--shadow-lg: var(--shadow-md);--transition-fast: .12s ease;--transition-base: .18s ease-out}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms}}[data-reduce-motion=true]{--transition-fast: 0ms;--transition-base: 0ms}[data-theme=dark]{--surface-0: #1E1A45;--surface-1: #26214F;--surface-2: #322C5E;--bg: #171335;--border: #3A3466;--text-1: #F1EFFA;--text-2: #B7B2D6;--text-3: #7F7BA8;--text-inverse: #141230;--accent-soft: #2E2568;--success-soft: #14453A;--warning-soft: #4A3616;--danger-soft: #4A2A2A;--info-soft: #163F5D;--color-border-strong: #4A447A}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family-base);font-size:var(--text-base);color:var(--text-1);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{height:100%}button{font-family:inherit}a{text-decoration:none;color:inherit}body{overflow-x:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.tnum,table td,table th{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.display,.display-hero{font-family:var(--font-family-display);font-weight:400;letter-spacing:.01em;line-height:1}.mono,code,kbd,samp{font-family:var(--font-family-mono)}