:root{color-scheme:light;--c-brand-900: #0b1220;--c-brand-800: #0f172a;--c-brand-700: #1e293b;--c-brand-600: #334155;--c-accent: #2563eb;--c-accent-hover: #1d4ed8;--c-accent-soft: #dbeafe;--c-sky: #38bdf8;--c-bg: #f6f7f9;--c-surface: #ffffff;--c-surface-2: #f9fafb;--c-border: #e5e7eb;--c-border-strong: #d1d5db;--c-text: #0f172a;--c-text-muted: #64748b;--c-text-subtle: #94a3b8;--c-text-invert: #f8fafc;--c-success: #16a34a;--c-success-soft: #dcfce7;--c-warning: #d97706;--c-warning-soft: #fef3c7;--c-danger: #dc2626;--c-danger-soft: #fee2e2;--c-info: #0284c7;--c-info-soft: #e0f2fe;--c-neutral-soft: #f1f5f9;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.25;--lh-normal: 1.5;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);--sidebar-w: 260px;--sidebar-w-collapsed: 76px;--header-h: 64px;--content-max: 1280px;--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur: .2s;--z-header: 40;--z-sidebar: 50;--z-overlay: 60;--z-modal: 70;--z-toast: 80}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{line-height:var(--lh-tight);font-weight:var(--fw-semibold);color:var(--c-text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{display:block;max-width:100%}ul{list-style:none;padding:0}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--radius-sm)}.u-muted{color:var(--c-text-muted)}.u-subtle{color:var(--c-text-subtle)}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-flex{display:flex}.u-items-center{align-items:center}.u-justify-between{justify-content:space-between}.u-gap-2{gap:var(--sp-2)}.u-gap-3{gap:var(--sp-3)}.u-gap-4{gap:var(--sp-4)}.u-mt-2{margin-top:var(--sp-2)}.u-mt-4{margin-top:var(--sp-4)}.u-mt-6{margin-top:var(--sp-6)}.u-wrap{flex-wrap:wrap}.u-grow{flex:1}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-6)}.page-header__title{font-size:var(--fs-2xl);letter-spacing:-.01em}.page-header__subtitle{color:var(--c-text-muted);margin-top:var(--sp-1);font-size:var(--fs-base)}.section-title{font-size:var(--fs-lg);margin-bottom:var(--sp-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:0 var(--sp-4);height:38px;border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--fs-base);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn--block{width:100%}.btn--primary{background:var(--c-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn--secondary{background:var(--c-surface);border-color:var(--c-border-strong);color:var(--c-text)}.btn--secondary:hover:not(:disabled){background:var(--c-surface-2)}.btn--ghost{background:transparent;color:var(--c-text-muted)}.btn--ghost:hover:not(:disabled){background:var(--c-neutral-soft);color:var(--c-text)}.btn--danger{background:var(--c-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--icon{width:38px;padding:0}.btn__spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.field{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-4)}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text)}.field__req{color:var(--c-danger);margin-left:2px}.field__hint{font-size:var(--fs-xs);color:var(--c-text-muted)}.field__error{font-size:var(--fs-xs);color:var(--c-danger)}.input,.select,.textarea{width:100%;height:40px;padding:0 var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);font-size:var(--fs-base);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.textarea{height:auto;min-height:88px;padding:var(--sp-3);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--c-text-subtle)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.input--invalid,.select--invalid,.textarea--invalid{border-color:var(--c-danger)}.input--invalid:focus,.select--invalid:focus,.textarea--invalid:focus{box-shadow:0 0 0 3px var(--c-danger-soft)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-3) center;padding-right:var(--sp-8)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card__body{padding:var(--sp-5)}.card__header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.card__title{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.card--interactive{cursor:pointer;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--c-border-strong)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--c-accent-soft);color:var(--c-accent-hover);font-weight:var(--fw-semibold);overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--square{border-radius:var(--radius-md)}.avatar--brand{background:var(--c-brand-800);color:var(--c-sky)}.avatar--sm{width:32px;height:32px;font-size:var(--fs-sm)}.avatar--md{width:44px;height:44px;font-size:var(--fs-md)}.avatar--lg{width:64px;height:64px;font-size:var(--fs-xl)}.avatar--xl{width:96px;height:96px;font-size:var(--fs-2xl)}.badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:3px var(--sp-3);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:1.4}.badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge--success{background:var(--c-success-soft);color:#15803d}.badge--warning{background:var(--c-warning-soft);color:#b45309}.badge--danger{background:var(--c-danger-soft);color:#b91c1c}.badge--info{background:var(--c-info-soft);color:#0369a1}.badge--neutral{background:var(--c-neutral-soft);color:var(--c-text-muted)}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--c-border);overflow-x:auto}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--c-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--sp-2);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tab:hover{color:var(--c-text)}.tab--active{color:var(--c-accent);border-bottom-color:var(--c-accent)}.tab-panel{padding-top:var(--sp-5)}.table-wrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.table th,.table td{text-align:left;padding:var(--sp-3) var(--sp-4);vertical-align:middle}.table thead th{background:var(--c-surface-2);color:var(--c-text-muted);font-weight:var(--fw-semibold);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--c-border);white-space:nowrap}.table tbody tr{border-bottom:1px solid var(--c-border);transition:background var(--dur-fast) var(--ease)}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:var(--c-surface-2)}.table__actions{display:flex;gap:var(--sp-2);justify-content:flex-end}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-6);color:var(--c-text-muted)}.state__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--c-neutral-soft);color:var(--c-text-subtle)}.state__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--c-text)}.state__desc{max-width:380px;font-size:var(--fs-base)}.state--error .state__icon{background:var(--c-danger-soft);color:var(--c-danger)}.spinner{width:32px;height:32px;border:3px solid var(--c-border-strong);border-right-color:var(--c-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{position:relative;overflow:hidden;background:var(--c-neutral-soft);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:var(--z-modal);animation:fade var(--dur) var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:calc(100vh - 2 * var(--sp-8));display:flex;flex-direction:column;animation:pop var(--dur) var(--ease)}.modal--lg{max-width:720px}.modal--sm{max-width:420px}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5);border-bottom:1px solid var(--c-border)}.modal__title{font-size:var(--fs-lg)}.modal__body{padding:var(--sp-5);overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--c-border)}.toast-viewport{position:fixed;bottom:var(--sp-5);right:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);z-index:var(--z-toast);max-width:360px}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-brand-800);color:var(--c-text-invert);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--fs-base);animation:pop var(--dur) var(--ease);border-left:3px solid var(--c-info)}.toast--success{border-left-color:var(--c-success)}.toast--error{border-left-color:var(--c-danger)}.toast__close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1rem;line-height:1;opacity:.8}.toast__close:hover{opacity:1}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.info-row{display:flex;flex-direction:column;gap:2px}.info-row__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-subtle);font-weight:var(--fw-semibold)}.info-row__value{font-size:var(--fs-base);color:var(--c-text);word-break:break-word}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:100%;height:100%;transition:grid-template-columns var(--dur) var(--ease)}.app-shell--collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{grid-row:1;background:var(--c-brand-800);color:var(--c-text-invert);display:flex;flex-direction:column;min-height:0;z-index:var(--z-sidebar)}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-3);height:var(--header-h);padding:0 var(--sp-5);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar__logo{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:#38bdf824;border-radius:var(--radius-md);color:var(--c-sky)}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1.1;overflow:hidden}.sidebar__brand-name{font-weight:var(--fw-bold);font-size:var(--fs-md);letter-spacing:.01em}.sidebar__brand-sub{font-size:var(--fs-xs);color:var(--c-text-subtle)}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column;gap:2px}.sidebar__group-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-subtle);padding:var(--sp-3) var(--sp-3) var(--sp-2)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-md);color:#cbd5e1;font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);position:relative}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item--active{background:var(--c-accent);color:#fff}.nav-item--active:hover{background:var(--c-accent-hover)}.nav-item__icon{flex-shrink:0;display:grid;place-items:center}.nav-item__label{white-space:nowrap;overflow:hidden}.sidebar__footer{padding:var(--sp-3);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar__user{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--radius-md)}.sidebar__user-info{overflow:hidden;line-height:1.2}.sidebar__user-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.sidebar__user-role{font-size:var(--fs-xs);color:var(--c-text-subtle)}.app-shell--collapsed .sidebar__brand-text,.app-shell--collapsed .sidebar__group-label,.app-shell--collapsed .nav-item__label,.app-shell--collapsed .sidebar__user-info{display:none}.app-shell--collapsed .nav-item{justify-content:center}.app-shell--collapsed .sidebar__brand{justify-content:center;padding:0}.app-shell--collapsed .sidebar__user{justify-content:center}.main{grid-row:1;display:flex;flex-direction:column;min-width:0;min-height:0}.header{height:var(--header-h);flex-shrink:0;background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:0 var(--sp-6);position:sticky;top:0;z-index:var(--z-header)}.header__left{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.header__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.header__right{display:flex;align-items:center;gap:var(--sp-3)}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid transparent;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--c-text-muted);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.icon-btn:hover{background:var(--c-neutral-soft);color:var(--c-text)}.content{flex:1;overflow-y:auto;padding:var(--sp-6)}.content__inner{max-width:var(--content-max);margin:0 auto}.sidebar__backdrop,.header__menu-btn,.sidebar__close{display:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.branch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}.dashboard-cols{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-6);align-items:start}@media (max-width: 1024px){.dashboard-cols{grid-template-columns:1fr}}@media (max-width: 860px){.app-shell,.app-shell--collapsed{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(84vw,var(--sidebar-w));transform:translate(-100%);transition:transform var(--dur) var(--ease);box-shadow:var(--shadow-lg)}.sidebar--open{transform:translate(0)}.sidebar__brand-text,.sidebar__group-label,.nav-item__label,.sidebar__user-info{display:block!important}.nav-item{justify-content:flex-start!important}.sidebar__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:var(--z-overlay);animation:fade var(--dur) var(--ease)}.sidebar__close,.header__menu-btn{display:grid}.header{padding:0 var(--sp-4)}.content{padding:var(--sp-4)}.header__collapse-btn{display:none}}@media (max-width: 560px){.page-header__title{font-size:var(--fs-xl)}.stat-grid{grid-template-columns:1fr 1fr;gap:var(--sp-3)}.employee-grid{grid-template-columns:1fr}.header__title{display:none}.modal__footer{flex-direction:column-reverse}.modal__footer .btn{width:100%}}@media (max-width: 380px){.stat-grid{grid-template-columns:1fr}}.login{min-height:100%;display:grid;grid-template-columns:1.1fr .9fr;background:var(--c-bg)}.login__aside{background:radial-gradient(1200px 600px at 20% -10%,#1e3a8a 0%,var(--c-brand-800) 55%);color:var(--c-text-invert);padding:var(--sp-12);display:flex;flex-direction:column;justify-content:space-between}.login__brand{display:flex;align-items:center;gap:var(--sp-3);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.login__brand-logo{width:40px;height:40px;display:grid;place-items:center;background:#38bdf829;border-radius:var(--radius-md);color:var(--c-sky)}.login__headline{font-size:2rem;line-height:1.2;max-width:22ch;margin-bottom:var(--sp-4)}.login__tagline{color:#cbd5e1;max-width:40ch}.login__points{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-6)}.login__point{display:flex;align-items:center;gap:var(--sp-3);color:#e2e8f0}.login__point-icon{color:var(--c-sky)}.login__main{display:grid;place-items:center;padding:var(--sp-8)}.login__card{width:100%;max-width:380px}.login__title{font-size:var(--fs-2xl)}.login__subtitle{color:var(--c-text-muted);margin:var(--sp-2) 0 var(--sp-6)}.login__hint{margin-top:var(--sp-4);padding:var(--sp-3);background:var(--c-info-soft);border:1px solid #bae6fd;border-radius:var(--radius-md);font-size:var(--fs-sm);color:#075985}.login__error{margin-bottom:var(--sp-4);padding:var(--sp-3);background:var(--c-danger-soft);border:1px solid #fecaca;border-radius:var(--radius-md);color:#b91c1c;font-size:var(--fs-sm)}.login__pw-wrap{position:relative}.login__pw-toggle{position:absolute;right:var(--sp-2);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--c-text-muted);cursor:pointer;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm)}.login__pw-toggle:hover{background:var(--c-neutral-soft)}@media (max-width: 860px){.login{grid-template-columns:1fr}.login__aside{display:none}}.stat-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.stat-card__label{font-size:var(--fs-sm);color:var(--c-text-muted)}.stat-card__value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em;margin-top:var(--sp-1)}.stat-card__meta{font-size:var(--fs-xs);color:var(--c-text-subtle);margin-top:var(--sp-1)}.stat-card__icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--c-accent-soft);color:var(--c-accent-hover)}.stat-card__icon--green{background:var(--c-success-soft);color:#15803d}.stat-card__icon--amber{background:var(--c-warning-soft);color:#b45309}.stat-card__icon--sky{background:var(--c-info-soft);color:#0369a1}.emp-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5)}.emp-card__top{display:flex;align-items:center;gap:var(--sp-3)}.emp-card__id{font-size:var(--fs-xs);color:var(--c-text-subtle);font-weight:var(--fw-medium)}.emp-card__name{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.emp-card__branch{display:flex;align-items:center;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--c-border);font-size:var(--fs-sm);color:var(--c-text-muted)}.emp-card__conns{display:flex;gap:var(--sp-2);flex-wrap:wrap}.branch-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5)}.branch-card__top{display:flex;align-items:center;gap:var(--sp-3)}.branch-card__name{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.branch-card__code{font-size:var(--fs-xs);color:var(--c-text-subtle)}.branch-card__meta{font-size:var(--fs-sm);color:var(--c-text-muted);display:flex;flex-direction:column;gap:var(--sp-1)}.branch-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--sp-3);border-top:1px solid var(--c-border)}.toolbar{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-5)}.toolbar__search{flex:1;min-width:200px;max-width:360px;position:relative}.toolbar__search .input{padding-left:var(--sp-8)}.toolbar__search-icon{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--c-text-subtle);pointer-events:none}.toolbar__spacer{flex:1}.detail-head{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;padding:var(--sp-6)}.detail-head__main{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.detail-head__name{font-size:var(--fs-2xl);letter-spacing:-.01em}.detail-head__row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;color:var(--c-text-muted);font-size:var(--fs-base)}.detail-head__branch{display:inline-flex;align-items:center;gap:var(--sp-2)}.detail-head__spacer{flex:1}.conn-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}@media (max-width: 720px){.conn-grid{grid-template-columns:1fr}}.conn-panel{display:flex;flex-direction:column;gap:var(--sp-4)}.conn-panel__head{display:flex;align-items:center;gap:var(--sp-3)}.conn-panel__logo{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0}.conn-panel__logo--google{background:#fff;border:1px solid var(--c-border)}.conn-panel__logo--whatsapp{background:#e7f9ef}.conn-panel__title{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.conn-panel__actions{display:flex;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-2)}.timeline{display:flex;flex-direction:column}.timeline__item{display:flex;gap:var(--sp-3);padding-bottom:var(--sp-4);position:relative}.timeline__item:not(:last-child):before{content:"";position:absolute;left:15px;top:30px;bottom:0;width:2px;background:var(--c-border)}.timeline__dot{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--c-neutral-soft);color:var(--c-text-muted);z-index:1}.timeline__dot--login{background:var(--c-info-soft);color:#0369a1}.timeline__dot--security{background:var(--c-danger-soft);color:#b91c1c}.timeline__dot--location{background:var(--c-accent-soft);color:var(--c-accent-hover)}.timeline__dot--sync{background:var(--c-success-soft);color:#15803d}.timeline__title{font-weight:var(--fw-medium);font-size:var(--fs-base)}.timeline__desc{color:var(--c-text-muted);font-size:var(--fs-sm)}.timeline__time{color:var(--c-text-subtle);font-size:var(--fs-xs);margin-top:2px}.thread{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border)}.thread:last-child{border-bottom:none}.thread__main{flex:1;min-width:0}.thread__name{font-weight:var(--fw-medium);font-size:var(--fs-base)}.thread__msg{color:var(--c-text-muted);font-size:var(--fs-sm)}.thread__side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1)}.thread__time{font-size:var(--fs-xs);color:var(--c-text-subtle)}.thread__unread{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--c-success);color:#fff;font-size:var(--fs-xs);display:grid;place-items:center}.map-placeholder{height:260px;border-radius:var(--radius-lg);background:linear-gradient(0deg,#2563eb0a,#2563eb0a),repeating-linear-gradient(0deg,var(--c-border) 0,var(--c-border) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,var(--c-border) 0,var(--c-border) 1px,transparent 1px,transparent 32px),var(--c-surface-2);border:1px solid var(--c-border);display:grid;place-items:center;position:relative;color:var(--c-text-muted)}.map-placeholder__pin{color:var(--c-accent)}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--sp-6);align-items:start}.settings-nav{display:flex;flex-direction:column;gap:2px}.settings-nav__item{text-align:left;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:none;border:none;cursor:pointer;color:var(--c-text-muted);font-weight:var(--fw-medium)}.settings-nav__item:hover{background:var(--c-neutral-soft);color:var(--c-text)}.settings-nav__item--active{background:var(--c-accent-soft);color:var(--c-accent-hover)}@media (max-width: 720px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto}.settings-nav__item{white-space:nowrap}}.employee-picker{max-width:480px}