@keyframes pulse-radar{0%{opacity:.8;transform:scale(.95)}70%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(2.2)}}.text-input-ui{flex-direction:column;gap:.25rem;width:100%;display:flex}.text-input-ui__label{color:var(--color-text-secondary,#475569);letter-spacing:-.01em;font-size:.75rem;font-weight:600}.text-input-ui__required{color:var(--color-danger,#ef4444);margin-left:.15rem}.text-input-ui__wrapper{align-items:center;width:100%;display:flex;position:relative}.text-input-ui__field{width:100%;color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.text-input-ui__field::placeholder{color:var(--color-text-muted,#64748b)}.text-input-ui__field:hover:not(:disabled){border-color:var(--color-border-strong,#cbd5e1)}.text-input-ui__field:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb26}.text-input-ui__field:disabled{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-muted,#64748b);cursor:not-allowed;opacity:.7}.text-input-ui__field--error{border-color:var(--color-danger,#ef4444)}.text-input-ui__field--error:focus{border-color:var(--color-danger,#ef4444);box-shadow:0 0 0 3px #ef444426}.text-input-ui__field--with-left-icon{padding-left:2rem}.text-input-ui__field--with-right-icon{padding-right:2rem}.text-input-ui__icon{color:var(--color-text-muted,#64748b);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.text-input-ui__icon--left{left:.75rem}.text-input-ui__icon--right{right:.75rem}.text-input-ui__error{color:var(--color-danger,#ef4444);margin-top:.125rem;font-size:.625rem;font-weight:500}.select-ui{flex-direction:column;gap:.25rem;width:100%;display:flex}.select-ui__label{color:var(--color-text-secondary,#475569);letter-spacing:-.01em;font-size:.75rem;font-weight:600}.select-ui__required{color:var(--color-danger,#ef4444);margin-left:.15rem}.select-ui__wrapper{align-items:center;width:100%;display:flex;position:relative}.select-ui__field{width:100%;color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);cursor:pointer;appearance:none;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;outline:none;padding:.5rem 2rem .5rem .75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.select-ui__field:hover:not(:disabled){border-color:var(--color-border-strong,#cbd5e1)}.select-ui__field:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb26}.select-ui__field:disabled{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-muted,#64748b);cursor:not-allowed;opacity:.7}.select-ui__field--error{border-color:var(--color-danger,#ef4444)}.select-ui__field--error:focus{border-color:var(--color-danger,#ef4444);box-shadow:0 0 0 3px #ef444426}.select-ui__field--compact{padding:.35rem 1.5rem .35rem .5rem;font-size:.75rem}.select-ui__caret{color:var(--color-text-muted,#64748b);pointer-events:none;justify-content:center;align-items:center;transition:color .15s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;right:.75rem}.select-ui__error-text{color:var(--color-danger,#ef4444);margin-top:.125rem;font-size:.625rem;font-weight:500}.button-ui{cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:.0625rem solid #0000;border-radius:.5rem;outline:none;justify-content:center;align-items:center;gap:.5rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.button-ui:active:not(:disabled){transform:scale(.98)}.button-ui:focus-visible{box-shadow:0 0 0 2px var(--color-bg-base), 0 0 0 4px var(--color-primary,#2563eb);outline:none}.button-ui:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.button-ui--sm{border-radius:.375rem;padding:.375rem .75rem;font-size:.75rem}.button-ui--md{padding:.5rem 1rem;font-size:.875rem}.button-ui--lg{border-radius:.75rem;padding:.625rem 1.25rem;font-size:1rem}.button-ui--primary{background:var(--color-primary-gradient,linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%));color:#fff;box-shadow:0 1px 2px #0f172a26,inset 0 1px #ffffff38}.button-ui--primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 12px #2563eb59,inset 0 1px #ffffff4d}.button-ui--secondary{background-color:var(--color-bg-surface,#fff);color:var(--color-text-primary,#0f172a);border-color:var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d)}.button-ui--secondary:hover:not(:disabled){background-color:var(--color-bg-hover,#f1f5f9);border-color:var(--color-border-strong,#cbd5e1);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);color:var(--color-text-primary,#0f172a)}.button-ui--danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 1px 2px #dc262633,inset 0 1px #fff3}.button-ui--danger:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 12px #ef444459,inset 0 1px #ffffff40}.button-ui--ghost{color:var(--color-text-secondary,#475569);background-color:#0000;border-color:#0000}.button-ui--ghost:hover:not(:disabled){background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-primary,#0f172a)}.button-ui--success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 1px 2px #10b98133,inset 0 1px #fff3}.button-ui--success:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 12px #10b98159,inset 0 1px #ffffff40}.button-ui--full-width{width:100%}.button-ui__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.badge-ui{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:9999rem;align-items:center;gap:.375rem;padding:.2rem .55rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.6875rem;font-weight:600;line-height:1.2;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.badge-ui--primary{background-color:var(--color-primary-subtle,#eff6ff);color:var(--color-primary,#2563eb);border:.0625rem solid rgba(var(--color-primary,#2563eb), .25)}.badge-ui--success{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success-text,#065f46);border:.0625rem solid var(--color-success-border,#a7f3d0)}.badge-ui--warning{background-color:var(--color-warning-bg,#fffbeb);color:var(--color-warning-text,#92400e);border:.0625rem solid var(--color-warning-border,#fde68a)}.badge-ui--danger{background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger-text,#991b1b);border:.0625rem solid var(--color-danger-border,#fecaca)}.badge-ui--info{background-color:var(--color-info-bg,#f0f9ff);color:var(--color-info-text,#0369a1);border:.0625rem solid var(--color-info-border,#bae6fd)}.badge-ui--neutral{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-secondary,#475569);border:.0625rem solid var(--color-border-subtle,#e2e8f0)}.badge-ui__dot{background-color:currentColor;border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem;box-shadow:0 0 6px}.card-ui{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:.75rem;transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}.card-ui:hover{border-color:var(--color-border-strong,#cbd5e1)}.card-ui{flex-direction:column;padding:1.5rem;display:flex}@media (width<=48rem){.card-ui{padding:1rem}}@media (width<=25rem){.card-ui{padding:.75rem}}.card-ui__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card-ui__title{color:var(--color-text-primary,#0f172a);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.card-ui__subtitle{color:var(--color-text-muted,#64748b);margin:.25rem 0 0;font-size:.75rem}.card-ui__actions{align-items:center;gap:.5rem;display:flex}.card-ui__body{flex:1}.card-ui__footer{border-top:.0625rem solid var(--color-border-subtle,#e2e8f0);justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.75rem;display:flex}@keyframes modal-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-card-enter{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-ui{z-index:1050;background-color:var(--color-backdrop,#0f172aa6);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:1rem;animation:.15s cubic-bezier(.16,1,.3,1) modal-backdrop-enter;display:flex;position:fixed;inset:0}@media (width<=30rem){.modal-ui{padding:.5rem}}.modal-ui__card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);width:100%;max-width:28rem;box-shadow:var(--shadow-xl,0 20px 28px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f);border-radius:1rem;max-height:90vh;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) modal-card-enter;position:relative;overflow-y:auto}.modal-ui__card::-webkit-scrollbar{width:.375rem;height:.375rem}.modal-ui__card::-webkit-scrollbar-track{background:0 0}.modal-ui__card::-webkit-scrollbar-thumb{background:var(--color-border-strong,#cbd5e1);border-radius:9999rem}.modal-ui__card::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted,#64748b)}@media (width<=30rem){.modal-ui__card{border-radius:.75rem;max-height:94vh;padding:1rem}}.modal-ui__card--sm{max-width:20rem}.modal-ui__card--md{max-width:28rem}.modal-ui__card--lg{max-width:36rem}.modal-ui__card--xl{max-width:48rem}.modal-ui__card--full{max-width:95vw}.modal-ui__header{border-bottom:.0625rem solid var(--color-border-subtle,#e2e8f0);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.modal-ui__title-group{align-items:center;gap:.5rem;min-width:0;display:flex}.modal-ui__icon{color:var(--color-primary,#2563eb);flex-shrink:0;align-items:center;display:flex}.modal-ui__title{letter-spacing:-.02em;color:var(--color-text-primary,#0f172a);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.125rem;font-weight:700;overflow:hidden}@media (width<=30rem){.modal-ui__title{font-size:1rem}}.modal-ui__close{color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.modal-ui__close:hover{color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-hover,#f1f5f9)}.modal-ui__close:active{transform:scale(.92)}.modal-ui__body{margin-bottom:1.5rem}@media (width<=30rem){.modal-ui__body{margin-bottom:1rem}}.modal-ui__footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}@media (width<=30rem){.modal-ui__footer{gap:.5rem}.modal-ui__footer button{flex:auto}}.private-sidebar{width:16.25rem;color:var(--color-sidebar-text,#94a3b8);border-right:.0625rem solid var(--color-sidebar-border,#ffffff14);background:linear-gradient(#090d16 0%,#060910 100%);flex-direction:column;flex-shrink:0;height:100%;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:1px 0 3px #00000040}@media (width<=48rem){.private-sidebar{z-index:1046;border-right:.0625rem solid #ffffff1f;width:17rem;max-width:85vw;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0009}.private-sidebar--open{transform:translate(0)}}.private-sidebar__backdrop{display:none}@media (width<=48rem){.private-sidebar__backdrop{-webkit-backdrop-filter:blur(4px);z-index:1045;background-color:#04070db3;display:block;position:fixed;inset:0}}.private-sidebar__header{border-bottom:.0625rem solid var(--color-sidebar-border,#ffffff14);justify-content:space-between;align-items:center;gap:.75rem;height:4rem;padding:0 1.5rem;display:flex}@media (width<=48rem){.private-sidebar__header{padding:0 1rem}}.private-sidebar__header .logo-badge{background:var(--color-primary-gradient,linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%));color:#fff;letter-spacing:-.02em;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.125rem;height:2.125rem;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 0 16px #2563eb66,inset 0 1px #ffffff40}.private-sidebar__header .logo-text{color:#fff;letter-spacing:-.02em;white-space:nowrap;font-size:1rem;font-weight:700}.private-sidebar__brand{align-items:center;gap:.75rem;min-width:0;display:flex}.private-sidebar__close-btn{color:var(--color-sidebar-text,#94a3b8);transition:color .15s cubic-bezier(.16,1,.3,1);display:none}.private-sidebar__close-btn:hover{color:#fff}@media (width<=48rem){.private-sidebar__close-btn{display:inline-flex}}.private-sidebar__nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;display:flex;overflow-y:auto}.private-sidebar__nav::-webkit-scrollbar{width:.375rem;height:.375rem}.private-sidebar__nav::-webkit-scrollbar-track{background:0 0}.private-sidebar__nav::-webkit-scrollbar-thumb{background:var(--color-border-strong,#cbd5e1);border-radius:9999rem}.private-sidebar__nav::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted,#64748b)}@media (width<=48rem){.private-sidebar__nav{padding:1rem .75rem}}.private-sidebar__nav .nav-group{flex-direction:column;gap:.25rem;width:100%;display:flex}.private-sidebar__nav .nav-group__children{border-left:.0625rem solid #ffffff14;flex-direction:column;gap:.25rem;margin-top:.25rem;margin-left:1rem;padding-left:1.25rem;display:flex}.private-sidebar__nav .nav-item{color:var(--color-sidebar-text,#94a3b8);letter-spacing:-.01em;border-radius:.5rem;align-items:center;gap:.75rem;padding:.55rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.private-sidebar__nav .nav-item__icon{flex-shrink:0;width:1.125rem;height:1.125rem;transition:transform .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1)}.private-sidebar__nav .nav-item:hover{color:#fff;background-color:#ffffff0f}.private-sidebar__nav .nav-item:hover .nav-item__icon{color:var(--color-primary-light,#3b82f6);transform:translate(1px)}.private-sidebar__nav .nav-item.active{color:#fff;background:linear-gradient(90deg,#2563eb33 0%,#2563eb0f 100%);border:.0625rem solid #3b82f633;font-weight:600}.private-sidebar__nav .nav-item.active:before{content:"";background-color:var(--color-primary-light,#3b82f6);width:3px;box-shadow:0 0 8px var(--color-primary-light,#3b82f6);border-radius:9999rem;position:absolute;top:25%;bottom:25%;left:0}.private-sidebar__nav .nav-item.active .nav-item__icon{color:var(--color-primary-light,#3b82f6)}.private-sidebar__nav .nav-item--sub{padding:.35rem .65rem;font-size:.75rem}.public-sidebar{background-color:var(--color-bg-surface,#fff);border-right:.0625rem solid var(--color-border-subtle,#e2e8f0);flex-direction:column;gap:.5rem;width:15rem;padding:1rem;display:flex}.public-sidebar__heading{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;padding:.5rem;font-size:.75rem;font-weight:600}.public-sidebar__nav{flex-direction:column;gap:.25rem;display:flex}.public-sidebar__item{color:var(--color-text-secondary,#475569);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;transition:all .15s cubic-bezier(.16,1,.3,1)}.public-sidebar__item:hover{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-primary,#0f172a)}.private-topbar{-webkit-backdrop-filter:blur(12px);background-color:rgba(var(--color-bg-surface-rgb), .85);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-bottom:.0625rem solid var(--color-border-subtle,#e2e8f0);height:4rem;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);z-index:1020;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}@media (width<=48rem){.private-topbar{padding:0 .75rem}}.private-topbar__left{align-items:center;gap:.75rem;min-width:0;display:flex}@media (width<=48rem){.private-topbar__left{gap:.5rem}}.private-topbar__menu-btn{padding:.25rem .5rem;display:none}@media (width<=48rem){.private-topbar__menu-btn{display:inline-flex}}.private-topbar__title{letter-spacing:-.02em;color:var(--color-text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}@media (width<=48rem){.private-topbar__title{max-width:10rem;font-size:.875rem}}@media (width<=25rem){.private-topbar__title{display:none}}.private-topbar__actions{align-items:center;gap:.75rem;display:flex}@media (width<=48rem){.private-topbar__actions{gap:.5rem}}@media (width<=25rem){.private-topbar__actions{gap:.25rem}}.private-topbar__actions .agent-badge{letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:9999rem;align-items:center;gap:.45rem;padding:.25rem .65rem;font-size:.6875rem;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}@media (width<=48rem){.private-topbar__actions .agent-badge{padding:.2rem .45rem;font-size:.625rem}}@media (width<=25rem){.private-topbar__actions .agent-badge{gap:.25rem;padding:.15rem .35rem}}.private-topbar__actions .agent-badge .dot{border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem}.private-topbar__actions .agent-badge--online{border:.0625rem solid var(--color-success-border,#a7f3d0);background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success-text,#065f46)}.private-topbar__actions .agent-badge--online .dot{background-color:var(--color-success,#10b981);box-shadow:0 0 8px var(--color-success,#10b981);position:relative}.private-topbar__actions .agent-badge--online .dot:after{content:"";border:1px solid var(--color-success,#10b981);border-radius:50%;animation:2.2s cubic-bezier(.24,0,.38,1) infinite pulse-radar;position:absolute;inset:-.15rem}.private-topbar__actions .agent-badge--offline{border:.0625rem solid var(--color-danger-border,#fecaca);background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger-text,#991b1b)}.private-topbar__actions .agent-badge--offline .dot{background-color:var(--color-danger,#ef4444)}.private-topbar__actions .operational-badge{border:.0625rem solid var(--color-border-subtle,#e2e8f0);background-color:var(--color-bg-surface,#fff);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);color:var(--color-text-secondary,#475569);border-radius:.5rem;align-items:center;gap:.375rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}@media (width<=48rem){.private-topbar__actions .operational-badge{display:none}}.private-topbar__actions .operational-badge:hover{border-color:var(--color-border-strong,#cbd5e1);color:var(--color-text-primary,#0f172a)}.private-topbar__actions .operational-badge__icon{color:var(--color-text-muted,#64748b);align-items:center;display:flex}.private-topbar__actions .operational-badge--telephony{border-color:rgba(var(--color-info,#0284c7), .3);background-color:var(--color-info-bg,#f0f9ff);color:var(--color-info-text,#0369a1);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem}.private-topbar__actions .operational-badge--telephony .operational-badge__icon{color:var(--color-info,#0284c7)}.private-topbar__actions .agent-name{letter-spacing:-.01em;color:var(--color-text-primary,#0f172a);font-size:.875rem;font-weight:600}@media (width<=48rem){.private-topbar__actions .agent-name{display:none}}.private-topbar__actions .private-topbar__tour-btn{color:var(--color-text-secondary,#475569);border-color:var(--color-border-subtle,#e2e8f0);gap:.5rem;font-weight:500}.private-topbar__actions .private-topbar__tour-btn:hover{color:var(--color-primary,#2563eb);border-color:rgba(var(--color-primary,#2563eb), .4);background-color:var(--color-primary-subtle,#eff6ff)}[data-theme=dark] .private-topbar__actions .private-topbar__tour-btn:hover{color:#93c5fd;background-color:#2563eb26}@media (width<=48rem){.private-topbar__actions .private-topbar__tour-btn{display:none}}.private-topbar__actions .sign-out-btn{border:.0625rem solid var(--color-border-subtle,#e2e8f0);background-color:var(--color-bg-surface,#fff);color:var(--color-text-muted,#64748b);cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1)}@media (width<=48rem){.private-topbar__actions .sign-out-btn{padding:.25rem .5rem}}.private-topbar__actions .sign-out-btn:hover{background-color:var(--color-bg-hover,#f1f5f9);border-color:var(--color-border-strong,#cbd5e1);color:var(--color-danger,#ef4444)}.private-topbar__actions .sign-out-btn:active{transform:scale(.97)}.public-topbar{background-color:var(--color-bg-surface,#fff);border-bottom:.0625rem solid var(--color-border-subtle,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;height:4rem;padding:0 2rem;display:flex}.public-topbar__brand{align-items:center;gap:.75rem;display:flex}.public-topbar__brand .logo-badge{background:linear-gradient(135deg, var(--color-primary-light,#3b82f6), var(--color-secondary,#0284c7));width:2rem;height:2rem;color:var(--color-text-inverse,#fff);border-radius:.5rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.public-topbar__brand .logo-title{color:var(--color-text-primary,#0f172a);font-size:1rem;font-weight:700}.public-topbar__brand .portal-tag{background-color:rgba(var(--color-primary,#2563eb), .1);color:var(--color-primary-dark,#1d4ed8);text-transform:uppercase;letter-spacing:.05em;border-radius:9999rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600}.public-topbar__links{align-items:center;gap:1rem;display:flex}.public-topbar__links .link-item{color:var(--color-text-secondary,#475569);font-size:.875rem;font-weight:500;transition:color .15s cubic-bezier(.16,1,.3,1)}.public-topbar__links .link-item:hover{color:var(--color-primary,#2563eb)}.private-footer{border-top:.0625rem solid var(--color-border-subtle,#e2e8f0);background-color:var(--color-bg-surface,#fff);color:var(--color-text-muted,#64748b);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;font-size:.75rem;display:flex}.private-footer__version{color:var(--color-text-muted,#64748b)}.private-footer__env{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-secondary,#475569);border:.0625rem solid var(--color-border-subtle,#e2e8f0);text-transform:uppercase;border-radius:.25rem;padding:.125rem .375rem;font-size:.625rem;font-weight:600}.public-footer{background-color:var(--color-bg-surface,#fff);border-top:.0625rem solid var(--color-border-subtle,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.public-footer__copyright{color:var(--color-text-muted,#64748b);font-size:.75rem}.public-footer__meta{align-items:center;gap:1rem;display:flex}.public-footer__meta .meta-link{color:var(--color-text-muted,#64748b);font-size:.75rem;transition:color .15s cubic-bezier(.16,1,.3,1)}.public-footer__meta .meta-link:hover{color:var(--color-primary,#2563eb)}.public-footer__meta .security-badge{color:var(--color-success,#10b981);align-items:center;gap:.25rem;font-size:.625rem;font-weight:500;display:inline-flex}.beginner-guide-overlay{z-index:1060;pointer-events:auto;position:fixed;inset:0}.beginner-guide-mask{z-index:1;cursor:pointer;pointer-events:auto;width:100vw;height:100vh;position:fixed;inset:0}.beginner-guide-backdrop-fallback{-webkit-backdrop-filter:blur(6px);z-index:1;cursor:pointer;background-color:#050912c2;position:fixed;inset:0}.beginner-guide-spotlight-ring{z-index:2;box-shadow:0 0 0 2px rgba(var(--color-primary-light,#3b82f6), .9), 0 0 24px #2563eb73, inset 0 0 12px #2563eb26;pointer-events:none;border-radius:.75rem;transition:all .25s cubic-bezier(.16,1,.3,1);animation:2.4s ease-in-out infinite guideRingPulse;position:fixed}@keyframes guideRingPulse{0%,to{box-shadow:0 0 0 2px rgba(var(--color-primary-light,#3b82f6), .9), 0 0 20px #2563eb66, inset 0 0 10px #2563eb1f}50%{box-shadow:0 0 0 3px rgba(var(--color-secondary-light,#38bdf8), 1), 0 0 32px #38bdf899, inset 0 0 16px #38bdf833}}.beginner-guide-card{z-index:10;background:var(--color-bg-elevated,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);-webkit-backdrop-filter:blur(16px);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) guideCardSlideUp;display:flex;box-shadow:0 20px 40px -10px #00000040,0 0 0 1px #ffffff0d,0 1px 2px #0000001a}[data-theme=dark] .beginner-guide-card{background:#0f172af0;border-color:#ffffff1f;box-shadow:0 24px 48px -12px #0009,0 0 0 1px #ffffff1a}.beginner-guide-card__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.beginner-guide-card__badge-row{align-items:center;gap:.5rem;display:flex}.beginner-guide-card .category-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--color-primary-subtle,#eff6ff);color:var(--color-primary-dark,#1d4ed8);border:.0625rem solid rgba(var(--color-primary,#2563eb), .2);border-radius:9999rem;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.625rem;font-weight:600;display:inline-flex}[data-theme=dark] .beginner-guide-card .category-badge{color:#93c5fd;background:#2563eb29;border-color:#60a5fa4d}.beginner-guide-card .category-badge__icon{align-items:center;display:flex}.beginner-guide-card .step-counter{color:var(--color-text-muted,#64748b);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600}.beginner-guide-card__close-btn{color:var(--color-text-muted,#64748b);border-radius:.5rem;padding:.25rem}.beginner-guide-card__close-btn:hover{color:var(--color-text-primary,#0f172a);background:var(--color-bg-hover,#f1f5f9)}.beginner-guide-card__body{flex-direction:column;gap:.5rem;display:flex}.beginner-guide-card__title{letter-spacing:-.015em;color:var(--color-text-primary,#0f172a);font-size:1rem;font-weight:700;line-height:1.25}.beginner-guide-card__description{color:var(--color-text-secondary,#475569);font-size:.875rem;line-height:1.55}.beginner-guide-card__tips{background:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-radius:.5rem;margin-top:.5rem;padding:.75rem}[data-theme=dark] .beginner-guide-card__tips{background:#1e293b80;border-color:#ffffff0f}.beginner-guide-card__tips .tips-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#64748b);margin-bottom:.5rem;font-size:.625rem;font-weight:700;display:block}.beginner-guide-card__tips .tips-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.beginner-guide-card__tips .tip-item{color:var(--color-text-secondary,#475569);align-items:flex-start;gap:.5rem;font-size:.75rem;line-height:1.4;display:flex}.beginner-guide-card__tips .tip-item__icon{color:var(--color-success,#10b981);flex-shrink:0;margin-top:.125rem}.beginner-guide-card__footer{border-top:.0625rem solid var(--color-border-subtle,#e2e8f0);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.beginner-guide-card__footer .step-dots{align-items:center;gap:.25rem;display:flex}.beginner-guide-card__footer .step-dot{background:var(--color-border-strong,#cbd5e1);cursor:pointer;border:none;border-radius:9999rem;width:.5rem;height:.5rem;padding:0;transition:all .15s cubic-bezier(.16,1,.3,1)}.beginner-guide-card__footer .step-dot:hover{background:var(--color-primary-light,#3b82f6)}.beginner-guide-card__footer .step-dot--active{background:var(--color-primary,#2563eb);width:1.25rem}.beginner-guide-card__footer .step-dot--completed{background:rgba(var(--color-primary,#2563eb), .5)}.beginner-guide-card__footer .footer-actions{align-items:center;gap:.5rem;display:flex}.beginner-guide-card__kbd-hint{color:var(--color-text-muted,#64748b);justify-content:center;align-items:center;gap:.5rem;font-size:.625rem;display:flex}.beginner-guide-card__kbd-hint kbd{background:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-strong,#cbd5e1);color:var(--color-text-secondary,#475569);border-radius:.375rem;padding:.1rem .35rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.625rem;box-shadow:0 1px #0000001a}[data-theme=dark] .beginner-guide-card__kbd-hint kbd{color:#94a3b8;background:#1e293b;border-color:#ffffff1f}@keyframes guideCardSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.public-layout{background-color:var(--color-bg-base,#f8fafc);flex-direction:column;min-height:100vh;display:flex}.public-layout__content{flex-direction:column;flex:1;min-width:0;display:flex}.session-loader{background-color:var(--color-bg-base,#f8fafc);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100vw;height:100vh;display:flex}.session-loader__spinner{border:2px solid var(--color-border-subtle,#e2e8f0);border-top-color:var(--color-primary,#2563eb);border-radius:50%;width:2rem;height:2rem}.session-loader__text{color:var(--color-text-secondary,#475569);font-size:.875rem;font-weight:500}.access-denied-view{background-color:var(--color-bg-base,#f8fafc);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1rem;display:flex}.access-denied-view__card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);text-align:center;width:100%;max-width:28rem;box-shadow:var(--shadow-xl,0 20px 28px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f);border-radius:.75rem;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}@media (width<=30rem){.access-denied-view__card{padding:1.25rem}}.access-denied-view__card h2{letter-spacing:-.02em;color:var(--color-text-primary,#0f172a);margin:0;font-size:1.25rem;font-weight:700}.access-denied-view__card p{color:var(--color-text-secondary,#475569);margin:0;font-size:.875rem;line-height:1.5}.access-denied-view__icon{background-color:var(--color-danger-bg,#fef2f2);width:3.5rem;height:3.5rem;color:var(--color-danger,#ef4444);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #ef444433}.access-denied-view__actions{width:100%;margin-top:.5rem}.access-denied-view__actions .btn-signout{border:.0625rem solid var(--color-border-strong,#cbd5e1);background-color:var(--color-bg-surface,#fff);width:100%;color:var(--color-text-primary,#0f172a);cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1)}.access-denied-view__actions .btn-signout:hover{background-color:var(--color-bg-hover,#f1f5f9)}.access-denied-view__actions .btn-signout:active{transform:scale(.98)}.login-page{justify-content:center;align-items:center;min-height:calc(100vh - 7.5rem);padding:1.5rem 1rem;display:flex}@media (width<=25rem){.login-page{padding:1rem .5rem}}.login-page__card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);width:100%;max-width:27.5rem;box-shadow:var(--shadow-xl,0 20px 28px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f), 0 0 80px #2563eb14;border-radius:1.25rem;padding:2.25rem 2rem;position:relative;overflow:hidden}.login-page__card:before{content:"";background:var(--color-primary-gradient,linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%));height:3px;position:absolute;top:0;left:0;right:0}@media (width<=30rem){.login-page__card{border-radius:1rem;padding:1.5rem 1.25rem}}@media (width<=25rem){.login-page__card{padding:1.25rem 1rem}}.login-page__header{text-align:center;margin-bottom:1.5rem}.login-page__header .login-page__brand{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.login-page__header .login-page__brand .logo-badge{background:var(--color-primary-gradient,linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%));color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 0 16px #2563eb66,inset 0 1px #ffffff40}.login-page__header h2{letter-spacing:-.025em;color:var(--color-text-primary,#0f172a);margin:0;font-size:1.5rem;font-weight:700}.login-page__header p{color:var(--color-text-muted,#64748b);margin-top:.25rem;font-size:.875rem}.login-page__error{background-color:var(--color-danger-bg,#fef2f2);border:.0625rem solid rgba(var(--color-danger,#ef4444), .25);color:var(--color-danger,#ef4444);border-radius:.5rem;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.75rem;line-height:1.4;display:flex}.login-page__error-icon{flex-shrink:0;margin-top:.125rem}.login-page__form{flex-direction:column;gap:1rem;display:flex}.login-page__field{flex-direction:column;gap:.25rem;display:flex}.login-page__label{color:var(--color-text-secondary,#475569);letter-spacing:-.01em;font-size:.75rem;font-weight:600}.login-page__password-wrapper{align-items:center;display:flex;position:relative}.login-page__input{border:.0625rem solid var(--color-border-subtle,#e2e8f0);width:100%;color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-base,#f8fafc);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;padding:.55rem .75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;transition:all .15s cubic-bezier(.16,1,.3,1)}.login-page__input:hover:not(:disabled){border-color:var(--color-border-strong,#cbd5e1)}.login-page__input:focus{border-color:var(--color-primary,#2563eb);background-color:var(--color-bg-surface,#fff);outline:none;box-shadow:0 0 0 3px #2563eb26}.login-page__input:disabled{background-color:var(--color-bg-hover,#f1f5f9);cursor:not-allowed;opacity:.7}.login-page__input::placeholder{color:var(--color-text-muted,#64748b)}.login-page__input--password{padding-right:2.5rem}.login-page__password-toggle{color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:color .15s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;right:.5rem}.login-page__password-toggle:hover{color:var(--color-text-primary,#0f172a)}.login-page__password-toggle:focus{outline:none}.login-page__submit-btn{background:var(--color-primary-gradient,linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%));color:#fff;letter-spacing:-.01em;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #2563eb59,inset 0 1px #ffffff40}.login-page__submit-btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 6px 18px #2563eb73}.login-page__submit-btn:active:not(:disabled){transform:scale(.98)}.login-page__submit-btn:focus{outline:none;box-shadow:0 0 0 3px #2563eb40}.login-page__submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-boundary{background-color:var(--color-bg-base,#f8fafc);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.error-boundary__card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);text-align:center;width:100%;max-width:30rem;box-shadow:var(--shadow-xl,0 20px 28px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f);border-radius:.75rem;padding:2rem;position:relative;overflow:hidden}.error-boundary__card:before{content:"";background:linear-gradient(90deg,#ef4444,#f59e0b);height:3px;position:absolute;top:0;left:0;right:0}@media (width<=30rem){.error-boundary__card{padding:1.25rem}}.error-boundary__badge{background-color:var(--color-danger-bg,#fef2f2);width:3.5rem;height:3.5rem;color:var(--color-danger,#ef4444);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.75rem;font-weight:500;display:flex;box-shadow:0 0 24px #ef444440}.error-boundary__title{letter-spacing:-.02em;color:var(--color-text-primary,#0f172a);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.error-boundary__message{color:var(--color-text-muted,#64748b);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.error-boundary__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.error-boundary__btn{background:var(--color-primary-gradient,var(--color-primary,#2563eb));color:var(--color-text-inverse,#fff);cursor:pointer;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0003,inset 0 1px #ffffff26}.error-boundary__btn:hover{filter:brightness(1.08);box-shadow:0 4px 12px #2563eb4d}.error-boundary__btn:active{transform:scale(.98)}.network-banner{z-index:1030;width:100%;box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}@media (width<=30rem){.network-banner{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem .75rem}}.network-banner__content{align-items:center;gap:.75rem;display:flex}.network-banner__icon{flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.network-banner__icon svg{width:1.125rem;height:1.125rem}.network-banner__text{line-height:1.4}.network-banner__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (width<=30rem){.network-banner__actions{align-self:flex-end}}.network-banner__btn{appearance:none;color:inherit;cursor:pointer;background:0 0;border:.0625rem solid;border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .15s cubic-bezier(.16,1,.3,1),opacity .15s cubic-bezier(.16,1,.3,1)}.network-banner__btn:hover:not(:disabled){background-color:rgba(var(--color-text-primary,#0f172a), .08)}.network-banner__btn:disabled{opacity:.6;cursor:not-allowed}.network-banner--offline{background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger-text,#991b1b);border-bottom:.0625rem solid var(--color-danger-border,#fecaca)}.network-banner--checking{background-color:var(--color-warning-bg,#fffbeb);color:var(--color-warning-text,#92400e);border-bottom:.0625rem solid var(--color-warning-border,#fde68a)}.network-banner--restored{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success-text,#065f46);border-bottom:.0625rem solid var(--color-success-border,#a7f3d0)}.error-page{background-color:var(--color-bg-base,#f8fafc);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.error-page__card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);text-align:center;width:100%;max-width:30rem;box-shadow:var(--shadow-xl,0 20px 28px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f);border-radius:.75rem;padding:2rem;position:relative;overflow:hidden}.error-page__card:before{content:"";background:linear-gradient(90deg,#ef4444,#f59e0b);height:3px;position:absolute;top:0;left:0;right:0}@media (width<=30rem){.error-page__card{padding:1.25rem}}.error-page__badge{background-color:var(--color-danger-bg,#fef2f2);width:3.5rem;height:3.5rem;color:var(--color-danger,#ef4444);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.5rem;font-weight:500;display:flex;box-shadow:0 0 24px #ef444440}.error-page__title{letter-spacing:-.02em;color:var(--color-text-primary,#0f172a);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.error-page__message{color:var(--color-text-muted,#64748b);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.error-page__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.error-page__btn{cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1)}.error-page__btn:active{transform:scale(.98)}.error-page__btn--secondary{background-color:var(--color-bg-surface,#fff);color:var(--color-text-primary,#0f172a);border:.0625rem solid var(--color-border-strong,#cbd5e1)}.error-page__btn--secondary:hover{background-color:var(--color-bg-hover,#f1f5f9)}.error-page__btn--primary{background:var(--color-primary-gradient,var(--color-primary,#2563eb));color:var(--color-text-inverse,#fff);border:none;box-shadow:0 .0625rem .1875rem #0003,inset 0 .0625rem #ffffff26}.error-page__btn--primary:hover{filter:brightness(1.08);box-shadow:0 4px 12px #2563eb4d}.not-found-page{text-align:center;max-width:27.5rem;margin:5rem auto}@media (width<=30rem){.not-found-page{margin:2rem auto}}.not-found-page__message{color:var(--color-text-secondary,#475569);margin-bottom:1.5rem}.not-found-page__btn{background:var(--color-primary-gradient,var(--color-primary,#2563eb));color:var(--color-text-inverse,#fff);border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-block;box-shadow:0 1px 3px #0003,inset 0 1px #ffffff26}.not-found-page__btn:hover{filter:brightness(1.08);color:var(--color-text-inverse,#fff);box-shadow:0 4px 12px #2563eb4d}.not-found-page__btn:active{transform:scale(.98)}@keyframes incoming-radar-wave{0%{opacity:.85;transform:scale(.9)}to{opacity:0;transform:scale(1.9)}}.incoming-call-modal{z-index:999999;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.incoming-call-modal__backdrop{-webkit-backdrop-filter:blur(12px);z-index:1;background-color:#04070dbf;position:absolute;inset:0}.incoming-call-modal__card{z-index:2;-webkit-overflow-scrolling:touch;background-color:var(--color-bg-surface,#fff);text-align:center;width:100%;max-width:28rem;max-height:calc(100dvh - 2rem);box-shadow:var(--shadow-xl,0 20px 28px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f), 0 0 48px #10b98138;border:.0625rem solid #10b98159;border-radius:1.25rem;padding:1.5rem 1.5rem 1.25rem;animation:.2s cubic-bezier(.16,1,.3,1) modal-card-enter;position:relative;overflow-y:auto}@media (width<=30rem){.incoming-call-modal__card{border-radius:.75rem;padding:1.25rem 1rem 1rem}}.incoming-call-modal__radar{justify-content:center;align-items:center;width:5.5rem;height:5.5rem;margin:0 auto 1.25rem;display:flex;position:relative}.incoming-call-modal__radar-wave{background-color:rgba(var(--color-success,#10b981), .15);border:1.5px solid rgba(var(--color-success,#10b981), .4);border-radius:9999rem;animation:2.2s cubic-bezier(0,0,.2,1) infinite incoming-radar-wave;position:absolute;inset:0}.incoming-call-modal__radar-wave--delayed{animation:2.2s cubic-bezier(0,0,.2,1) 1.1s infinite incoming-radar-wave;display:block}.incoming-call-modal__radar-icon{z-index:2;color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:9999rem;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;position:relative;box-shadow:0 0 20px #10b98180,inset 0 1px #ffffff4d}.incoming-call-modal__title{letter-spacing:-.025em;color:var(--color-text-primary,#0f172a);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.incoming-call-modal__subtitle{color:var(--color-text-muted,#64748b);margin:0 0 1.25rem;font-size:.875rem}.incoming-call-modal__details{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);text-align:left;border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.incoming-call-modal__detail-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.incoming-call-modal__detail-label{color:var(--color-text-muted,#64748b);align-items:center;gap:.5rem;font-weight:500;display:flex}.incoming-call-modal__detail-value{color:var(--color-text-primary,#0f172a);font-weight:600}.incoming-call-modal__detail-value--mono{color:var(--color-text-secondary,#475569);letter-spacing:.02em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.incoming-call-modal__booking-btn{background-color:rgba(var(--color-primary,#2563eb), .08);border:.0625rem solid rgba(var(--color-primary,#2563eb), .25);color:var(--color-primary,#2563eb);cursor:pointer;border-radius:.5rem;align-items:center;gap:.25rem;padding:.2rem .5rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.incoming-call-modal__booking-btn:hover{background-color:rgba(var(--color-primary,#2563eb), .16);border-color:var(--color-primary,#2563eb)}.incoming-call-modal__copy-success{color:var(--color-success,#10b981)}.incoming-call-modal__actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=25rem){.incoming-call-modal__actions{grid-template-columns:1fr;gap:.5rem}}.incoming-call-modal__btn{letter-spacing:-.01em;cursor:pointer;border:.0625rem solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:700;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.incoming-call-modal__btn:active{transform:scale(.97)}.incoming-call-modal__btn--accept{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 16px #10b98166,inset 0 1px #ffffff40}.incoming-call-modal__btn--accept:hover{filter:brightness(1.08);box-shadow:0 6px 20px #10b98180}.incoming-call-modal__btn--reject{background-color:var(--color-bg-surface,#fff);color:var(--color-danger,#ef4444);border:.0625rem solid var(--color-border-strong,#cbd5e1);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d)}.incoming-call-modal__btn--reject:hover{background-color:var(--color-danger-bg,#fef2f2);border-color:var(--color-danger-border,#fecaca)}.incoming-call-modal__shortcuts-hint{color:var(--color-text-muted,#64748b);justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;font-size:.75rem;display:flex}.incoming-call-modal__shortcut-item{align-items:center;gap:.25rem;display:inline-flex}.incoming-call-modal__shortcut-item kbd{border:.0625rem solid var(--color-border-strong,#cbd5e1);background-color:var(--color-bg-base,#f8fafc);color:var(--color-text-secondary,#475569);border-radius:.25rem;padding:.15rem .4rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;box-shadow:0 1px #0000001a}.incoming-call-modal__shortcut-divider{background-color:var(--color-border-strong,#cbd5e1);border-radius:9999rem;width:.25rem;height:.25rem;display:inline-block}.webrtc-quality-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);background-color:#00000073;border:.0625rem solid #ffffff1f;border-radius:9999rem;align-items:center;gap:.75rem;padding:.25rem .75rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;display:flex}.webrtc-quality-hud__item{color:var(--color-border-subtle,#e2e8f0);align-items:center;gap:.25rem;display:flex}.webrtc-quality-hud__item--wifi-icon{color:var(--color-primary-light,#3b82f6)}.webrtc-quality-hud__item--degraded{color:var(--color-danger,#ef4444)}.webrtc-quality-hud__mos{border-radius:.375rem;padding:.125rem .5rem;font-weight:700}.webrtc-quality-hud__mos--excellent{background-color:rgba(var(--color-success,#10b981), .25);color:var(--color-success,#10b981)}.webrtc-quality-hud__mos--good{background-color:rgba(var(--color-info,#0284c7), .25);color:var(--color-secondary-light,#38bdf8)}.webrtc-quality-hud__mos--fair{background-color:rgba(var(--color-warning,#f59e0b), .25);color:var(--color-warning,#f59e0b)}.webrtc-quality-hud__mos--poor{background-color:rgba(var(--color-danger,#ef4444), .25);color:var(--color-danger,#ef4444)}.audio-device-selector{background-color:rgba(var(--color-text-inverse,#fff), .15);border:.0625rem solid rgba(var(--color-text-inverse,#fff), .2);border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .5rem;display:inline-flex}.audio-device-selector__icon{color:var(--color-primary-light,#3b82f6);align-items:center;display:flex}.audio-device-selector__select{color:var(--color-text-inverse,#fff);cursor:pointer;background:0 0;border:none;outline:none;max-width:9rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem}.audio-device-selector__select option{color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-surface,#fff)}.dtmf-keypad{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-xl,0 20px 28px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f);border-radius:1rem;flex-direction:column;gap:.75rem;width:14rem;padding:.75rem;display:flex}.dtmf-keypad__display{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);color:var(--color-primary,#2563eb);text-align:right;letter-spacing:.1em;border-radius:.5rem;min-height:2.25rem;padding:.5rem .75rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;font-weight:500;overflow-x:auto;box-shadow:inset 0 2px 4px #00000026}.dtmf-keypad__grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.dtmf-keypad__btn{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-strong,#cbd5e1);cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);-webkit-user-select:none;user-select:none;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:.5rem .25rem;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.dtmf-keypad__btn:hover{background-color:var(--color-bg-hover,#f1f5f9);border-color:var(--color-primary,#2563eb);transform:translateY(-1px);box-shadow:0 4px 10px #2563eb26}.dtmf-keypad__btn:active{background-color:var(--color-primary-subtle,#eff6ff);transform:scale(.92);box-shadow:inset 0 1px 3px #0003}.dtmf-keypad__digit{color:var(--color-text-primary,#0f172a);font-size:1.125rem;font-weight:700;line-height:1.2}.dtmf-keypad__letters{color:var(--color-text-muted,#64748b);letter-spacing:.08em;min-height:.75rem;font-size:.625rem;font-weight:500}.call-transfer-modal__body{flex-direction:column;gap:1rem;display:flex}.call-transfer-modal__caller-banner{background:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.call-transfer-modal__caller-label{color:var(--color-text-muted,#64748b);font-weight:500}.call-transfer-modal__caller-value{color:var(--color-text-primary,#0f172a);font-weight:600}.call-transfer-modal__field{flex-direction:column;gap:.5rem;display:flex}.call-transfer-modal__label{color:var(--color-text-secondary,#475569);font-size:.75rem;font-weight:500}.call-transfer-modal__mode-toggle{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=30rem){.call-transfer-modal__mode-toggle{grid-template-columns:1fr;gap:.5rem}}.call-transfer-modal__mode-option{border:.0625rem solid var(--color-border-subtle,#e2e8f0);background:var(--color-bg-base,#f8fafc);cursor:pointer;text-align:left;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;flex-direction:column;align-items:flex-start;padding:.75rem;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.call-transfer-modal__mode-option:hover{border-color:var(--color-border-strong,#cbd5e1);background:var(--color-bg-surface,#fff);transform:translateY(-1px)}.call-transfer-modal__mode-option:active{transform:scale(.98)}.call-transfer-modal__mode-option--active{border-color:var(--color-primary,#2563eb);background:var(--color-primary-subtle,#eff6ff);box-shadow:0 0 0 1px var(--color-primary,#2563eb)}.call-transfer-modal__mode-option--active .call-transfer-modal__mode-name{color:var(--color-primary,#2563eb);font-weight:600}.call-transfer-modal__mode-name{color:var(--color-text-primary,#0f172a);margin-bottom:.25rem;font-size:.75rem;font-weight:500}.call-transfer-modal__mode-desc{color:var(--color-text-muted,#64748b);font-size:.625rem;line-height:1.3}.call-transfer-modal__textarea{width:100%;min-height:80px;color:var(--color-text-primary,#0f172a);background:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-strong,#cbd5e1);resize:vertical;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;padding:.75rem;font-size:.875rem;transition:all .15s cubic-bezier(.16,1,.3,1)}.call-transfer-modal__textarea:focus{border-color:var(--color-primary,#2563eb);outline:none;box-shadow:0 0 0 3px #2563eb26}.call-transfer-modal__error{color:var(--color-danger,#ef4444);font-size:.75rem}.active-call-bar{color:#fff;z-index:1040;box-shadow:var(--shadow-xl,0 20px 28px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f), 0 0 32px #10b98133;background:linear-gradient(135deg,#0c1829 0%,#08101e 100%);border:.0625rem solid #10b98159;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex;position:relative}@media (width<=48rem){.active-call-bar{border-radius:.75rem;gap:.75rem;padding:.75rem}}.active-call-bar__left{align-items:center;gap:1rem;display:flex}@media (width<=48rem){.active-call-bar__left{justify-content:space-between;gap:.5rem;width:100%}}.active-call-bar__pulse-indicator{background-color:var(--color-status-available,#10b981);width:.75rem;height:.75rem;box-shadow:0 0 10px var(--color-status-available,#10b981);border-radius:9999rem;flex-shrink:0;position:relative}.active-call-bar__pulse-indicator:after{content:"";border:1.5px solid var(--color-status-available,#10b981);border-radius:50%;animation:2s cubic-bezier(.24,0,.38,1) infinite pulse-radar;position:absolute;inset:-.25rem}.active-call-bar__meta{flex-direction:column;gap:.125rem;display:flex}.active-call-bar__title{letter-spacing:-.01em;color:#fff;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.active-call-bar__booking-badge{letter-spacing:.03em;color:#fff;background-color:#ffffff1f;border:.0625rem solid #ffffff29;border-radius:9999rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:600}.active-call-bar__timer{color:#34d399;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9375rem;font-weight:700}.active-call-bar__center{align-items:center;gap:.75rem;display:flex}.active-call-bar__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width<=48rem){.active-call-bar__actions{justify-content:space-between;gap:.5rem;width:100%}}.active-call-bar__btn{cursor:pointer;letter-spacing:-.01em;border:.0625rem solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.75rem;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.active-call-bar__btn:active{transform:scale(.96)}@media (width<=48rem){.active-call-bar__btn{flex:auto;justify-content:center;padding:.35rem .5rem;font-size:.625rem}}@media (width<=25rem){.active-call-bar__btn span{display:none}}.active-call-bar__btn--mute{color:#fff;background-color:#ffffff1a;border-color:#ffffff1f}.active-call-bar__btn--mute:hover{background-color:#ffffff2e;border-color:#ffffff40}.active-call-bar__btn--mute.is-muted{background-color:var(--color-warning,#f59e0b);color:#fff;box-shadow:0 0 12px #f59e0b66}.active-call-bar__btn--hold{color:#fff;background-color:#ffffff1a;border-color:#ffffff1f}.active-call-bar__btn--hold:hover{background-color:#ffffff2e}.active-call-bar__btn--hold.is-on-hold{background-color:var(--color-status-busy,#f97316);color:#fff;box-shadow:0 0 12px #f9731666}.active-call-bar__btn--pci{color:#fff;background-color:#ffffff1a;border-color:#ffffff1f}.active-call-bar__btn--pci:hover{background-color:#ffffff2e}.active-call-bar__btn--pci.is-pci-paused{background-color:var(--color-danger,#ef4444);color:#fff;box-shadow:0 0 12px #ef444466}.active-call-bar__btn--dtmf{color:#fff;background-color:#ffffff1a;border-color:#ffffff1f}.active-call-bar__btn--dtmf:hover{background-color:#ffffff2e}.active-call-bar__btn--dtmf.is-active{background-color:var(--color-primary,#2563eb);color:#fff}.active-call-bar__btn--transfer{color:#fff;background-color:#ffffff1a;border-color:#ffffff1f}.active-call-bar__btn--transfer:hover{background-color:#ffffff2e}.active-call-bar__btn--hangup{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);font-weight:700;box-shadow:0 2px 8px #ef444459}.active-call-bar__btn--hangup:hover{filter:brightness(1.08);box-shadow:0 4px 14px #ef444480}.active-call-bar__keypad-popover{z-index:1000;position:absolute;top:calc(100% + .5rem);right:1rem}.active-call-bar__pci-banner{color:#fca5a5;background-color:#ef44442e;border:.0625rem solid #ef444473;border-radius:.5rem;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;display:flex}.calls-queue-widget__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calls-queue-widget__title{letter-spacing:-.01em;color:var(--color-text-primary,#0f172a);margin:0;font-size:1rem;font-weight:700}.calls-queue-widget__subtitle{color:var(--color-text-muted,#64748b);margin:.25rem 0 0;font-size:.75rem}.calls-queue-widget__refresh-btn{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);cursor:pointer;color:var(--color-text-secondary,#475569);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;justify-content:center;align-items:center;padding:.25rem .5rem;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.calls-queue-widget__refresh-btn:hover:not(:disabled){background-color:var(--color-bg-hover,#f1f5f9);border-color:var(--color-border-strong,#cbd5e1);color:var(--color-primary,#2563eb)}.calls-queue-widget__refresh-btn:active:not(:disabled){transform:scale(.95)}.calls-queue-widget__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.calls-queue-widget__grid{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;display:grid}@media (width<=25rem){.calls-queue-widget__grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}.calls-queue-widget__card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.75rem;flex-direction:column;padding:1rem;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.calls-queue-widget__card:hover{box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-color:var(--color-border-strong,#cbd5e1);transform:translateY(-2px)}@media (width<=25rem){.calls-queue-widget__card{padding:.75rem .5rem}}.calls-queue-widget__label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;display:flex}.calls-queue-widget__value{color:var(--color-text-primary,#0f172a);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:.25rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.5rem;font-weight:700}.calls-queue-widget__value--alert{color:var(--color-danger,#ef4444)}.calls-queue-widget__value--available{color:var(--color-success,#10b981)}.calls-queue-widget__subtext{color:var(--color-text-muted,#64748b);font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:.625rem}.recent-calls-list{margin-top:1.5rem}.recent-calls-list__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.recent-calls-list__title{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.125rem;font-weight:600}.recent-calls-list__subtitle{color:var(--color-text-muted,#64748b);margin:.25rem 0 0;font-size:.75rem}.recent-calls-list__error{background-color:var(--color-danger-bg,#fef2f2);border:.0625rem solid var(--color-danger-border,#fecaca);color:var(--color-danger-text,#991b1b);border-radius:.375rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.recent-calls-list__error svg{flex-shrink:0}.recent-calls-list__error-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;margin-left:auto;display:flex}.recent-calls-list__error-close:hover{opacity:1}.recent-calls-list__empty{text-align:center;color:var(--color-text-muted,#64748b);padding:2rem 1rem;font-size:.875rem}.recent-calls-list__table-wrapper{overflow-x:auto}.recent-calls-list__table-wrapper::-webkit-scrollbar{width:.375rem;height:.375rem}.recent-calls-list__table-wrapper::-webkit-scrollbar-track{background:0 0}.recent-calls-list__table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border-strong,#cbd5e1);border-radius:9999rem}.recent-calls-list__table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted,#64748b)}.recent-calls-list__table{border-collapse:collapse;text-align:left;width:100%;min-width:44rem;font-size:.875rem}.recent-calls-list__th{border-bottom:.0625rem solid var(--color-border-subtle,#e2e8f0);color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;padding:.75rem .5rem;font-size:.75rem;font-weight:600}.recent-calls-list__th--right{text-align:right}.recent-calls-list__tr{border-bottom:.0625rem solid var(--color-bg-active,#e2e8f0);transition:background-color .15s cubic-bezier(.16,1,.3,1)}.recent-calls-list__tr:hover{background-color:var(--color-bg-hover,#f1f5f9)}.recent-calls-list__td{color:var(--color-text-primary,#0f172a);vertical-align:middle;padding:.75rem .5rem}.recent-calls-list__td--right{text-align:right}.recent-calls-list__td--time{color:var(--color-text-muted,#64748b);font-size:.75rem}.recent-calls-list__td--duration{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.recent-calls-list__caller-cell{align-items:center;gap:.5rem;display:flex}.recent-calls-list__caller-icon{color:var(--color-success,#10b981);align-items:center;display:flex}.recent-calls-list__caller-name{color:var(--color-text-primary,#0f172a);font-weight:600}.recent-calls-list__caller-identity{color:var(--color-text-muted,#64748b);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.recent-calls-list__empty-value{color:var(--color-text-muted,#64748b);font-size:.75rem}.recent-calls-list__actions-group{align-items:center;gap:.5rem;display:inline-flex}.recent-calls-list__playback-btn{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-strong,#cbd5e1);cursor:pointer;color:var(--color-primary,#2563eb);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.recent-calls-list__playback-btn:hover:not(:disabled){background-color:var(--color-bg-hover,#f1f5f9);border-color:var(--color-primary,#2563eb);box-shadow:0 2px 8px #2563eb26}.recent-calls-list__playback-btn:active:not(:disabled){transform:scale(.96)}.recent-calls-list__playback-btn:disabled{opacity:.6;cursor:not-allowed}.recent-calls-list__anonymize-btn{border:.0625rem solid var(--color-border-strong,#cbd5e1);cursor:pointer;color:var(--color-text-muted,#64748b);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);background-color:#0000;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.recent-calls-list__anonymize-btn:hover:not(:disabled){background-color:var(--color-danger-bg,#fef2f2);border-color:var(--color-danger-border,#fecaca);color:var(--color-danger-text,#991b1b)}.recent-calls-list__anonymize-btn:active:not(:disabled){transform:scale(.96)}.recent-calls-list__anonymize-btn:disabled{opacity:.5;cursor:not-allowed}.recent-calls-list__no-rec{color:var(--color-text-muted,#64748b);font-size:.75rem}.recent-calls-list__player-panel{background-color:var(--color-primary-subtle,#eff6ff);border:.0625rem solid var(--color-primary-light,#3b82f6);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:.75rem;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;display:flex}.recent-calls-list__player-header{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.recent-calls-list__player-title{color:var(--color-primary-dark,#1d4ed8);align-items:center;gap:.5rem;font-weight:600;display:flex}.recent-calls-list__player-link{color:var(--color-primary,#2563eb);align-items:center;gap:.25rem;font-weight:500;text-decoration:none;display:inline-flex}.recent-calls-list__player-link:hover{text-decoration:underline}.recent-calls-list__audio-player{width:100%;margin-top:.25rem}.call-disposition-modal__summary{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.75rem;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.call-disposition-modal__summary-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.call-disposition-modal__summary-label{color:var(--color-text-muted,#64748b);font-weight:500}.call-disposition-modal__summary-value{color:var(--color-text-primary,#0f172a);font-weight:500}.call-disposition-modal__summary-value--mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.call-disposition-modal__form{flex-direction:column;gap:1rem;display:flex}.call-disposition-modal__field{flex-direction:column;gap:.25rem;display:flex}.call-disposition-modal__label{color:var(--color-text-secondary,#475569);font-size:.75rem;font-weight:500}.call-disposition-modal__textarea{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-strong,#cbd5e1);width:100%;min-height:5rem;color:var(--color-text-primary,#0f172a);resize:vertical;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;transition:all .15s cubic-bezier(.16,1,.3,1)}.call-disposition-modal__textarea:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb26}.call-disposition-modal__textarea::placeholder{color:var(--color-text-muted,#64748b)}.call-disposition-modal__error{background-color:var(--color-danger-bg,#fef2f2);border:.0625rem solid var(--color-danger-border,#fecaca);color:var(--color-danger-text,#991b1b);border-radius:.375rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.75rem}.supervisor-hud{background:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem;position:relative;overflow:hidden}.supervisor-hud:before{content:"";background:linear-gradient(90deg, var(--color-primary,#2563eb), transparent);height:2px;position:absolute;top:0;left:0;right:0}@media (width<=30rem){.supervisor-hud{margin-bottom:1rem;padding:1rem .75rem}}@media (width<=25rem){.supervisor-hud{padding:.75rem .5rem}}.supervisor-hud__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.supervisor-hud__title-group{align-items:center;gap:.75rem;display:flex}.supervisor-hud__icon-badge{background:rgba(var(--color-primary,#2563eb), .1);width:32px;height:32px;color:var(--color-primary,#2563eb);border-radius:.5rem;justify-content:center;align-items:center;display:flex}.supervisor-hud__title{color:var(--color-text-primary,#0f172a);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.supervisor-hud__subtitle{color:var(--color-text-muted,#64748b);margin:0;font-size:.75rem}.supervisor-hud__refresh-btn{color:var(--color-text-primary,#0f172a);border:.0625rem solid var(--color-border-strong,#cbd5e1);cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);background:0 0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.supervisor-hud__refresh-btn:hover:not(:disabled){background-color:var(--color-bg-hover,#f1f5f9);border-color:var(--color-primary,#2563eb)}.supervisor-hud__refresh-btn:active:not(:disabled){transform:scale(.96)}.supervisor-hud__refresh-btn:disabled{opacity:.6;cursor:not-allowed}.supervisor-hud__refresh-icon{transition:transform .2s cubic-bezier(.16,1,.3,1)}.supervisor-hud__refresh-icon--spinning{opacity:.7}.supervisor-hud__refresh-text{font-size:.75rem}.supervisor-hud__error-notice{background-color:var(--color-warning-bg,#fffbeb);border:.0625rem solid var(--color-warning-border,#fde68a);color:var(--color-warning-text,#92400e);border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.75rem;line-height:1.4;display:flex}.supervisor-hud__error-notice svg{color:var(--color-warning,#f59e0b);flex-shrink:0}.supervisor-hud__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}@media (width<=30rem){.supervisor-hud__grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem}}.supervisor-hud__card{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;flex-direction:column;padding:1rem;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.supervisor-hud__card:hover{border-color:var(--color-border-strong,#cbd5e1);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);transform:translateY(-2px)}.supervisor-hud__card--optimal{border-color:var(--color-success-border,#a7f3d0);background-color:var(--color-success-bg,#ecfdf5)}.supervisor-hud__card--optimal .supervisor-hud__card-value,.supervisor-hud__card--optimal .supervisor-hud__card-icon{color:var(--color-success,#10b981)}.supervisor-hud__card--warning{border-color:var(--color-warning-border,#fde68a);background-color:var(--color-warning-bg,#fffbeb)}.supervisor-hud__card--warning .supervisor-hud__card-value,.supervisor-hud__card--warning .supervisor-hud__card-icon{color:var(--color-warning,#f59e0b)}.supervisor-hud__card--critical{border-color:var(--color-danger-border,#fecaca);background-color:var(--color-danger-bg,#fef2f2)}.supervisor-hud__card--critical .supervisor-hud__card-value,.supervisor-hud__card--critical .supervisor-hud__card-icon{color:var(--color-danger,#ef4444)}.supervisor-hud__card-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.supervisor-hud__card-label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.03em;font-size:.625rem;font-weight:500}.supervisor-hud__card-icon{color:var(--color-text-muted,#64748b)}.supervisor-hud__card-value{color:var(--color-text-primary,#0f172a);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:.25rem;font-size:1.5rem;font-weight:700;line-height:1.2}.supervisor-hud__card-hint{color:var(--color-text-muted,#64748b);font-size:.75rem;line-height:1.3}.reservation-screen-pop{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden}.reservation-screen-pop:before{content:"";background:linear-gradient(90deg, var(--color-primary,#2563eb), transparent);height:2px;position:absolute;top:0;left:0;right:0}@media (width<=30rem){.reservation-screen-pop{border-radius:.75rem;margin-bottom:1rem;padding:1rem}}@media (width<=25rem){.reservation-screen-pop{padding:.75rem .5rem}}.reservation-screen-pop__header{border-bottom:.0625rem solid var(--color-border-subtle,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}@media (width<=30rem){.reservation-screen-pop__header{gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}}.reservation-screen-pop__title-group{align-items:center;gap:.75rem;display:flex}.reservation-screen-pop__icon-badge{background-color:var(--color-primary-subtle,#eff6ff);width:2.5rem;height:2.5rem;color:var(--color-primary,#2563eb);border:.0625rem solid rgba(var(--color-primary,#2563eb), .2);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.75rem;justify-content:center;align-items:center;display:flex}.reservation-screen-pop__title{color:var(--color-text-primary,#0f172a);margin:0;font-size:1rem;font-weight:600}.reservation-screen-pop__subtitle{color:var(--color-text-muted,#64748b);margin:0;font-size:.75rem}.reservation-screen-pop__search-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width<=30rem){.reservation-screen-pop__search-form{width:100%}}.reservation-screen-pop__search-input{border:.0625rem solid var(--color-border-strong,#cbd5e1);background-color:var(--color-bg-base,#f8fafc);color:var(--color-text-primary,#0f172a);min-width:14rem;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem;transition:all .15s cubic-bezier(.16,1,.3,1)}@media (width<=30rem){.reservation-screen-pop__search-input{flex:100%;min-width:100%}}.reservation-screen-pop__search-input:focus{border-color:var(--color-primary,#2563eb);background-color:var(--color-bg-surface,#fff);outline:none;box-shadow:0 0 0 3px #2563eb26}.reservation-screen-pop__search-btn{background:var(--color-primary-gradient,var(--color-primary,#2563eb));color:var(--color-text-inverse,#fff);cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border:none;border-radius:.5rem;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.reservation-screen-pop__search-btn:hover{filter:brightness(1.08);box-shadow:0 2px 8px #2563eb40}.reservation-screen-pop__search-btn:active{transform:scale(.96)}.reservation-screen-pop__dismiss-btn{border:.0625rem solid var(--color-border-subtle,#e2e8f0);color:var(--color-text-muted,#64748b);cursor:pointer;background-color:#0000;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.reservation-screen-pop__dismiss-btn:hover{background-color:var(--color-bg-base,#f8fafc);color:var(--color-text-primary,#0f172a)}.reservation-screen-pop__dismiss-btn:active{transform:scale(.96)}.reservation-screen-pop__badges-bar{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.reservation-screen-pop__code-btn{color:var(--color-primary,#2563eb);background-color:rgba(var(--color-primary,#2563eb), .08);border:.0625rem solid rgba(var(--color-primary,#2563eb), .25);cursor:pointer;border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:500;display:inline-flex}.reservation-screen-pop__code-btn:hover{background-color:rgba(var(--color-primary,#2563eb), .15)}.reservation-screen-pop__total-pill{color:var(--color-text-primary,#0f172a);margin-left:auto;font-size:.75rem;font-weight:500}@media (width<=30rem){.reservation-screen-pop__total-pill{width:100%;margin-left:0}}.reservation-screen-pop__grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}@media (width<=30rem){.reservation-screen-pop__grid{grid-template-columns:1fr;gap:.75rem}}.reservation-screen-pop__card{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.reservation-screen-pop__card-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary,#475569);border-bottom:.0625rem solid var(--color-border-subtle,#e2e8f0);align-items:center;gap:.5rem;margin:0 0 .25rem;padding-bottom:.5rem;font-size:.75rem;font-weight:500;display:flex}.reservation-screen-pop__card-icon{color:var(--color-primary,#2563eb)}.reservation-screen-pop__info-row{justify-content:space-between;align-items:flex-start;gap:.5rem;font-size:.75rem;display:flex}.reservation-screen-pop__label{color:var(--color-text-muted,#64748b);white-space:nowrap;font-weight:500}.reservation-screen-pop__value{color:var(--color-text-primary,#0f172a);text-align:right;font-weight:500}.reservation-screen-pop__value--link{color:var(--color-info,#0284c7);text-decoration:none}.reservation-screen-pop__value--link:hover{text-decoration:underline}.reservation-screen-pop__value--mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.reservation-screen-pop__empty{text-align:center;color:var(--color-text-muted,#64748b);flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.reservation-screen-pop__empty-icon{color:var(--color-text-muted,#64748b);opacity:.5}.reservation-screen-pop__empty-text{max-width:24rem;margin:0;font-size:.875rem}.reservation-screen-pop__loader{color:var(--color-text-muted,#64748b);flex-direction:column;align-items:center;gap:.75rem;padding:2rem;font-size:.875rem;display:flex}.reservation-screen-pop__spinner{border:.1875rem solid var(--color-border-subtle,#e2e8f0);border-top-color:var(--color-primary,#2563eb);border-radius:9999rem;width:2rem;height:2rem}.support-layout{background-color:var(--color-bg-base,#f8fafc);width:100vw;height:100vh;display:flex;overflow:hidden}.support-layout__main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.support-layout__content{flex:1;padding:1.5rem;overflow-y:auto}.support-layout__content::-webkit-scrollbar{width:.375rem;height:.375rem}.support-layout__content::-webkit-scrollbar-track{background:0 0}.support-layout__content::-webkit-scrollbar-thumb{background:var(--color-border-strong,#cbd5e1);border-radius:9999rem}.support-layout__content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted,#64748b)}@media (width<=48rem){.support-layout__content{padding:.75rem}}.dashboard-page{flex-direction:column;gap:1.25rem;display:flex}.dashboard-page__heading{letter-spacing:-.025em;color:var(--color-text-primary,#0f172a);margin:0;font-size:1.25rem;font-weight:700}.dashboard-page__subtitle{color:var(--color-text-secondary,#475569);margin:.25rem 0 0;font-size:.875rem;font-weight:400}.dashboard-page__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (width<=30rem){.dashboard-page__actions{width:100%}.dashboard-page__actions button{flex:100%;justify-content:center}}.dashboard-page__grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}@media (width<=30rem){.dashboard-page__grid{grid-template-columns:1fr;gap:.75rem}}.dashboard-metric-card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:.75rem;flex-direction:column;padding:1.25rem;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.dashboard-metric-card:before{content:"";opacity:.7;background:linear-gradient(90deg,#2563eb66 0%,#3b82f6cc 50%,#2563eb1a 100%);height:2px;transition:opacity .15s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0}.dashboard-metric-card:hover{box-shadow:var(--shadow-md,0 4px 8px -1px #0f172a14, 0 2px 4px -2px #0f172a0d);border-color:var(--color-border-strong,#cbd5e1);transform:translateY(-2px)}.dashboard-metric-card:hover:before{opacity:1}.dashboard-metric-card__top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.dashboard-metric-card__label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:600}.dashboard-metric-card__icon{color:var(--color-text-muted,#64748b);align-items:center;display:flex}.dashboard-metric-card__dot{background-color:var(--color-text-muted,#64748b);border-radius:9999rem;width:.5rem;height:.5rem;position:relative}.dashboard-metric-card__dot--available{background-color:var(--color-success,#10b981);box-shadow:0 0 8px var(--color-success,#10b981)}.dashboard-metric-card__dot--available:after{content:"";border:1.5px solid var(--color-success,#10b981);border-radius:50%;animation:2.2s cubic-bezier(.24,0,.38,1) infinite pulse-radar;position:absolute;inset:-.15rem}.dashboard-metric-card__dot--on_call,.dashboard-metric-card__dot--busy{background-color:var(--color-warning,#f59e0b);box-shadow:0 0 6px var(--color-warning,#f59e0b)}.dashboard-metric-card__dot--away{background-color:var(--color-status-away,#f59e0b)}.dashboard-metric-card__dot--offline{background-color:var(--color-text-muted,#64748b)}.dashboard-metric-card__value{letter-spacing:-.03em;color:var(--color-text-primary,#0f172a);font-variant-numeric:tabular-nums;font-size:1.625rem;font-weight:700;line-height:1.2}.dashboard-metric-card__value--mono{letter-spacing:-.02em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dashboard-metric-card__subtext{color:var(--color-text-muted,#64748b);font-variant-numeric:tabular-nums;margin-top:.5rem;font-size:.75rem}.dashboard-metric-card__subtext .text-success{color:var(--color-success,#10b981);font-weight:600}.dashboard-metric-card__subtext .text-danger{color:var(--color-danger,#ef4444);font-weight:600}.dashboard-metric-card__footer{margin-top:1rem}.dashboard-metric-card__select{width:100%;color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);cursor:pointer;border-radius:.5rem;padding:.45rem .65rem;font-size:.75rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1)}.dashboard-metric-card__select:hover{border-color:var(--color-border-strong,#cbd5e1)}.dashboard-metric-card__select:focus{border-color:var(--color-primary,#2563eb);outline:none;box-shadow:0 0 0 2px #2563eb33}.calls-page{flex-direction:column;gap:1.5rem;width:100%;display:flex}.calls-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.calls-page__title-group{flex-direction:column;display:flex}.calls-page__heading{letter-spacing:-.025em;color:var(--color-text-primary,#0f172a);align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.calls-page__heading-icon{color:var(--color-primary,#2563eb)}.calls-page__subtitle{color:var(--color-text-muted,#64748b);margin:.25rem 0 0;font-size:.875rem}.calls-page__controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.calls-page__device-badge{box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:9999rem;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.calls-page__device-badge--ready{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success,#10b981);border:.0625rem solid rgba(var(--color-success,#10b981), .3)}.calls-page__device-badge--registering{background-color:var(--color-warning-bg,#fffbeb);color:var(--color-warning,#f59e0b);border:.0625rem solid rgba(var(--color-warning,#f59e0b), .3)}.calls-page__device-badge--error{background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger,#ef4444);border:.0625rem solid rgba(var(--color-danger,#ef4444), .3)}.calls-page__device-badge--offline{background-color:var(--color-bg-active,#e2e8f0);color:var(--color-text-muted,#64748b);border:.0625rem solid var(--color-border-subtle,#e2e8f0)}.calls-page__status-control{align-items:center;display:inline-flex;position:relative}.calls-page__status-dot{pointer-events:none;z-index:1;border-radius:9999rem;width:.625rem;height:.625rem;position:absolute;left:.75rem}.calls-page__status-dot--available{background-color:var(--color-status-available,#10b981);box-shadow:0 0 8px var(--color-status-available,#10b981)}.calls-page__status-dot--on_call{background-color:var(--color-status-oncall,#ef4444);box-shadow:0 0 8px var(--color-status-oncall,#ef4444)}.calls-page__status-dot--busy{background-color:var(--color-status-busy,#f97316)}.calls-page__status-dot--away{background-color:var(--color-status-away,#f59e0b)}.calls-page__status-dot--offline{background-color:var(--color-status-offline,#94a3b8)}.calls-page__status-select{border:.0625rem solid var(--color-border-strong,#cbd5e1);background-color:var(--color-bg-surface,#fff);cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.5rem;outline:none;padding:.5rem 1rem .5rem 1.875rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1)}.calls-page__status-select:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb26}.calls-page__status-select--available{color:var(--color-status-available,#10b981)}.calls-page__status-select--on-call{color:var(--color-status-oncall,#ef4444)}.calls-page__status-select--busy{color:var(--color-status-busy,#f97316)}.calls-page__status-select--away{color:var(--color-status-away,#f59e0b)}.calls-page__status-select--offline{color:var(--color-status-offline,#94a3b8)}.calls-page__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=64rem){.calls-page__grid{grid-template-columns:2fr 1fr}}.calls-page__column{flex-direction:column;gap:1.5rem;display:flex}.calls-page__section-title{color:var(--color-text-primary,#0f172a);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:500;display:flex}.calls-page__section-icon{color:var(--color-primary,#2563eb)}.calls-page__field-group{flex-direction:column;gap:.25rem;display:flex}.calls-page__field-label{color:var(--color-text-secondary,#475569);font-size:.75rem;font-weight:500}.calls-page__device-error-banner{background-color:var(--color-danger-bg,#fef2f2);border:.0625rem solid var(--color-danger-border,#fecaca);color:var(--color-danger-text,#991b1b);border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}@media (width<=30rem){.calls-page__device-error-banner{flex-direction:column;align-items:flex-start;gap:.5rem}.calls-page__device-error-banner button{justify-content:center;width:100%}}.calls-page__device-error-content{flex-direction:column;flex:1;gap:.125rem;display:flex}.calls-page__device-error-title{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.calls-page__device-error-desc{font-size:.875rem;line-height:1.4}.calls-page__device-error-icon{color:var(--color-danger,#ef4444);flex-shrink:0}.role-modal__form{flex-direction:column;gap:1.25rem;display:flex}@media (width<=48rem){.role-modal__form{gap:1rem}}.role-modal__error{background-color:var(--color-danger-bg,#fef2f2);border:.0625rem solid var(--color-danger-border,#fecaca);color:var(--color-danger-text,#991b1b);border-radius:.375rem;padding:.75rem;font-size:.75rem}.role-modal__meta-grid{grid-template-columns:2fr 1fr;gap:1rem;display:grid}@media (width<=48rem){.role-modal__meta-grid{grid-template-columns:1fr}}.role-modal__field{flex-direction:column;gap:.25rem;display:flex}.role-modal__label{color:var(--color-text-secondary,#475569);font-size:.75rem;font-weight:500}.role-modal__input,.role-modal__select{width:100%;color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-strong,#cbd5e1);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.375rem;outline:none;padding:.5rem .75rem;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;transition:all .15s cubic-bezier(.16,1,.3,1)}.role-modal__input:focus,.role-modal__select:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb26}.role-modal__custom-level{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.role-modal__custom-level-label{color:var(--color-text-muted,#64748b);font-size:.625rem}.role-modal__permissions-section{flex-direction:column;gap:.75rem;display:flex}.role-modal__section-heading{color:var(--color-text-primary,#0f172a);margin:0;font-size:.875rem;font-weight:500}.role-modal__section-subtitle{color:var(--color-text-muted,#64748b);margin:0;font-size:.75rem;line-height:1.4}.role-modal__domains-list{flex-direction:column;gap:1rem;display:flex}.role-domain-group{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}@media (width<=30rem){.role-domain-group{padding:.75rem .5rem}}.role-domain-group__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.role-domain-group__title{color:var(--color-text-primary,#0f172a);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.role-domain-group__desc{color:var(--color-text-muted,#64748b);margin:.125rem 0 0;font-size:.625rem}.role-domain-group__toggle-all{color:var(--color-primary,#2563eb);cursor:pointer;background:0 0;border:none;font-size:.625rem;font-weight:500;text-decoration:underline}.role-domain-group__toggle-all:hover{color:var(--color-primary-dark,#1d4ed8)}.role-domain-group__grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.5rem;display:grid}@media (width<=30rem){.role-domain-group__grid{grid-template-columns:1fr}}.role-perm-card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.375rem;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.role-perm-card:hover{border-color:var(--color-primary-light,#3b82f6);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);transform:translateY(-1px)}.role-perm-card--checked{border-color:var(--color-primary,#2563eb);background-color:var(--color-primary-subtle,#eff6ff);box-shadow:0 0 0 1px var(--color-primary,#2563eb)}.role-perm-card__checkbox{cursor:pointer;accent-color:var(--color-primary,#2563eb);margin-top:.2rem}.role-perm-card__content{flex-direction:column;gap:.125rem;display:flex}.role-perm-card__label{color:var(--color-text-primary,#0f172a);font-size:.75rem;font-weight:500}.role-perm-card__desc{color:var(--color-text-muted,#64748b);font-size:.625rem;line-height:1.3}.roles-page{flex-direction:column;gap:1.25rem;max-width:80rem;margin:0 auto;padding:1.5rem;display:flex}@media (width<=48rem){.roles-page{gap:1rem;padding:.75rem}}@media (width<=25rem){.roles-page{gap:.75rem;padding:.5rem}}.roles-page__header-card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:.75rem;padding:1.5rem}@media (width<=48rem){.roles-page__header-card{padding:1rem}}.roles-page__header-content{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}@media (width<=48rem){.roles-page__header-content{flex-direction:column;align-items:stretch}}.roles-page__badge-wrap{background-color:var(--color-primary-subtle,#eff6ff);color:var(--color-primary,#2563eb);border-radius:.25rem;align-items:center;gap:.375rem;margin-bottom:.5rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.roles-page__header-icon{color:var(--color-primary,#2563eb)}.roles-page__scope-badge{text-transform:uppercase;letter-spacing:.05em}.roles-page__heading{letter-spacing:-.025em;color:var(--color-text-primary,#0f172a);margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.roles-page__subtitle{color:var(--color-text-muted,#64748b);max-width:48rem;margin:.375rem 0 0;font-size:.875rem;font-weight:400;line-height:1.5}.roles-page__header-actions{align-items:center;gap:.75rem;display:flex}@media (width<=48rem){.roles-page__header-actions{justify-content:flex-end;width:100%}}.roles-btn{cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);white-space:nowrap;border:.0625rem solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.roles-btn:active:not(:disabled){transform:scale(.98)}.roles-btn:disabled{opacity:.6;cursor:not-allowed}.roles-btn--primary{background-color:var(--color-primary,#2563eb);color:var(--color-text-inverse,#fff);border-color:var(--color-primary,#2563eb)}.roles-btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover,#1e40af)}.roles-btn--secondary{background-color:var(--color-bg-surface,#fff);color:var(--color-text-secondary,#475569);border-color:var(--color-border-strong,#cbd5e1)}.roles-btn--secondary:hover:not(:disabled){background-color:var(--color-bg-hover,#f1f5f9);border-color:var(--color-border-strong,#cbd5e1)}.roles-btn--danger{background-color:var(--color-danger,#ef4444);color:var(--color-text-inverse,#fff);border-color:var(--color-danger,#ef4444)}.roles-btn--danger:hover:not(:disabled){background-color:var(--color-danger-hover,#dc2626)}.roles-feedback{border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.roles-feedback--success{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success-text,#065f46);border:.0625rem solid var(--color-success-border,#a7f3d0)}.roles-feedback--error{background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger-text,#991b1b);border:.0625rem solid var(--color-danger-border,#fecaca)}.roles-feedback__close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;margin-left:auto;padding:.25rem;display:flex}.roles-feedback__close:hover{opacity:1}.roles-toolbar{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}@media (width<=48rem){.roles-toolbar{flex-direction:column;align-items:stretch}}.roles-toolbar__search{flex:1;align-items:center;max-width:28rem;display:flex;position:relative}@media (width<=48rem){.roles-toolbar__search{max-width:100%}}.roles-toolbar__search-icon{color:var(--color-text-muted,#64748b);pointer-events:none;position:absolute;left:.75rem}.roles-toolbar__search-input{width:100%;color:var(--color-text-primary,#0f172a);background-color:var(--color-input-bg,#fff);border:.0625rem solid var(--color-input-border,#cbd5e1);border-radius:.5rem;outline:none;padding:.5rem 2.25rem;font-size:.875rem;font-weight:400}.roles-toolbar__search-input:focus{border-color:var(--color-primary,#2563eb)}.roles-toolbar__clear-btn{color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;right:.75rem}.roles-toolbar__clear-btn:hover{color:var(--color-text-secondary,#475569)}.roles-toolbar__filters{align-items:center;gap:.5rem;display:flex}@media (width<=48rem){.roles-toolbar__filters{justify-content:space-between;width:100%}}.roles-toolbar__filter-label{color:var(--color-text-secondary,#475569);white-space:nowrap;font-size:.875rem;font-weight:500}.roles-toolbar__select{color:var(--color-text-primary,#0f172a);background-color:var(--color-input-bg,#fff);border:.0625rem solid var(--color-input-border,#cbd5e1);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.875rem;font-weight:400}.roles-toolbar__select:focus{border-color:var(--color-primary,#2563eb)}.roles-loading,.roles-error,.roles-empty{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);text-align:center;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.roles-loading{color:var(--color-text-muted,#64748b);font-size:.875rem;font-weight:400}.roles-error{color:var(--color-danger-text,#991b1b);background-color:var(--color-danger-bg,#fef2f2);border-color:var(--color-danger-border,#fecaca);font-size:.875rem;font-weight:500}.roles-empty__icon{color:var(--color-text-muted,#64748b)}.roles-empty__title{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.125rem;font-weight:500}.roles-empty__desc{color:var(--color-text-muted,#64748b);max-width:28rem;margin:0;font-size:.875rem;line-height:1.5}.roles-list{flex-direction:column;gap:1rem;display:flex}.role-card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:.75rem;padding:1.25rem 1.5rem;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}.role-card:hover{box-shadow:var(--shadow-md,0 4px 8px -1px #0f172a14, 0 2px 4px -2px #0f172a0d);border-color:var(--color-border-strong,#cbd5e1)}.role-card{flex-direction:column;gap:1rem;display:flex}.role-card__top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}@media (width<=48rem){.role-card__top{flex-direction:column;align-items:stretch}}.role-card__identity{flex-direction:column;gap:.25rem;display:flex}.role-card__title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.role-card__name{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.125rem;font-weight:500}.role-card__meta{color:var(--color-text-muted,#64748b);font-size:.75rem}.role-card__meta code{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-secondary,#475569);border-radius:.25rem;padding:.125rem .375rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.role-card__actions{align-items:center;gap:.5rem;display:flex}@media (width<=48rem){.role-card__actions{justify-content:flex-end}}.role-card__btn{cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border:.0625rem solid #0000;border-radius:.25rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.role-card__btn:active{transform:scale(.96)}.role-card__btn--edit{background-color:var(--color-primary-subtle,#eff6ff);color:var(--color-primary,#2563eb);border-color:rgba(var(--color-primary,#2563eb), .3)}.role-card__btn--edit:hover{background-color:var(--color-bg-hover,#f1f5f9)}.role-card__btn--delete{background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger-text,#991b1b);border-color:var(--color-danger-border,#fecaca)}.role-card__btn--delete:hover{background-color:var(--color-bg-hover,#f1f5f9)}.role-card__stats-row{color:var(--color-text-secondary,#475569);border-top:.0625rem solid var(--color-border-subtle,#e2e8f0);flex-wrap:wrap;align-items:center;gap:1.5rem;padding-top:.25rem;font-size:.8125rem;display:flex}.role-card__stat{color:var(--color-text-secondary,#475569);align-items:center;gap:.375rem;display:flex}.role-card__stat svg{color:var(--color-text-muted,#64748b)}.role-card__stat strong{color:var(--color-text-primary,#0f172a);font-weight:500}.role-card__permissions{flex-direction:column;gap:.5rem;display:flex}.role-card__permissions-title{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.role-card__pills{flex-wrap:wrap;gap:.375rem;display:flex}.role-card__pill{background-color:var(--color-bg-base,#f8fafc);color:var(--color-text-secondary,#475569);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:400;display:inline-block}.role-level-badge{border:.0625rem solid #0000;border-radius:.25rem;align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.role-level-badge--lvl1{background-color:var(--color-primary-subtle,#eff6ff);color:var(--color-primary,#2563eb);border-color:rgba(var(--color-primary,#2563eb), .3)}.role-level-badge--lvl2{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success-text,#065f46);border-color:var(--color-success-border,#a7f3d0)}.role-level-badge--lvl3{background-color:var(--color-warning-bg,#fffbeb);color:var(--color-warning-text,#92400e);border-color:var(--color-warning-border,#fde68a)}.role-level-badge--lvl4{background-color:var(--color-info-bg,#f0f9ff);color:var(--color-info-text,#0369a1);border-color:var(--color-info-border,#bae6fd)}.role-level-badge--lvl5{background-color:var(--color-bg-active,#e2e8f0);color:var(--color-text-secondary,#475569);border-color:var(--color-border-subtle,#e2e8f0)}.role-confirm-body{color:var(--color-text-secondary,#475569);flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;font-size:.875rem;line-height:1.5;display:flex}.role-confirm-body p{margin:0}.role-confirm-warning{background-color:var(--color-danger-bg,#fef2f2);border:.0625rem solid var(--color-danger-border,#fecaca);color:var(--color-danger-text,#991b1b);border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.8125rem;display:flex}.role-confirm-note{color:var(--color-text-muted,#64748b);font-size:.8125rem}.roles-icon-danger{color:var(--color-danger,#ef4444)}.roles-spin{animation:1s linear infinite spin}.temp-pass-modal__body{flex-direction:column;gap:1rem;display:flex}.temp-pass-modal__intro{color:var(--color-text-secondary,#475569);margin:0;font-size:.875rem;line-height:1.5}.temp-pass-modal__intro code{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-primary,#0f172a);border-radius:.25rem;padding:.125rem .375rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem}.temp-pass-modal__intro strong{color:var(--color-text-primary,#0f172a);font-weight:500}.temp-pass-box{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.temp-pass-box__label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.temp-pass-box__value-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.temp-pass-box__code{color:var(--color-primary,#2563eb);letter-spacing:.05em;-webkit-user-select:all;user-select:all;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.125rem;font-weight:500}.temp-pass-box__copy-btn{color:var(--color-primary,#2563eb);background-color:var(--color-primary-subtle,#eff6ff);border:.0625rem solid rgba(var(--color-primary,#2563eb), .3);cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.25rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.temp-pass-box__copy-btn:active{transform:scale(.96)}.temp-pass-box__copy-btn:hover{background-color:var(--color-primary,#2563eb);color:var(--color-text-inverse,#fff)}.temp-pass-box__copy-btn--copied{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success-text,#065f46);border-color:var(--color-success-border,#a7f3d0)}.temp-pass-box__copy-error{color:var(--color-text-muted,#64748b);margin:.25rem 0 0;font-size:.625rem;line-height:1.4}.temp-pass-alert{background-color:var(--color-warning-bg,#fffbeb);border:.0625rem solid var(--color-warning-border,#fde68a);border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.temp-pass-alert__icon{color:var(--color-warning,#f59e0b);flex-shrink:0;margin-top:.125rem}.temp-pass-alert__text{flex-direction:column;gap:.25rem;display:flex}.temp-pass-alert__heading{color:var(--color-warning-text,#92400e);font-size:.8125rem;font-weight:500}.temp-pass-alert__desc{color:var(--color-warning-text,#92400e);margin:0;font-size:.75rem;line-height:1.45}.temp-pass-alert__desc strong{font-weight:500}.team-page{flex-direction:column;gap:1.25rem;max-width:80rem;margin:0 auto;padding:1.5rem;display:flex}@media (width<=48rem){.team-page{gap:1rem;padding:.75rem}}@media (width<=25rem){.team-page{gap:.75rem;padding:.5rem}}.team-page__header-card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:.75rem;padding:1.5rem;position:relative;overflow:hidden}.team-page__header-card:before{content:"";background:linear-gradient(90deg, var(--color-primary,#2563eb), transparent);height:2px;position:absolute;top:0;left:0;right:0}@media (width<=48rem){.team-page__header-card{padding:1rem}}.team-page__header-content{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}@media (width<=48rem){.team-page__header-content{flex-direction:column;align-items:stretch}}.team-page__badge-wrap{background-color:var(--color-primary-subtle,#eff6ff);color:var(--color-primary,#2563eb);border-radius:.25rem;align-items:center;gap:.375rem;margin-bottom:.5rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.team-page__header-icon{color:var(--color-primary,#2563eb)}.team-page__scope-badge{text-transform:uppercase;letter-spacing:.05em}.team-page__heading{letter-spacing:-.025em;color:var(--color-text-primary,#0f172a);margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.team-page__subtitle{color:var(--color-text-muted,#64748b);max-width:48rem;margin:.375rem 0 0;font-size:.875rem;font-weight:400;line-height:1.5}.team-page__header-actions{align-items:center;gap:.75rem;display:flex}@media (width<=48rem){.team-page__header-actions{justify-content:flex-end;width:100%}}.team-btn{cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);white-space:nowrap;border:.0625rem solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.team-btn:active:not(:disabled){transform:scale(.98)}.team-btn:disabled{opacity:.6;cursor:not-allowed}.team-btn--primary{background:var(--color-primary-gradient,var(--color-primary,#2563eb));color:var(--color-text-inverse,#fff);border-color:var(--color-primary,#2563eb);box-shadow:0 1px 3px #0003,inset 0 1px #ffffff26}.team-btn--primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 12px #2563eb4d,inset 0 1px #fff3}.team-btn--secondary{background-color:var(--color-bg-surface,#fff);color:var(--color-text-secondary,#475569);border-color:var(--color-border-strong,#cbd5e1)}.team-btn--secondary:hover:not(:disabled){background-color:var(--color-bg-hover,#f1f5f9);border-color:var(--color-border-strong,#cbd5e1);color:var(--color-text-primary,#0f172a)}.team-feedback{border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.team-feedback--success{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success-text,#065f46);border:.0625rem solid var(--color-success-border,#a7f3d0)}.team-feedback--error{background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger-text,#991b1b);border:.0625rem solid var(--color-danger-border,#fecaca)}.team-feedback__close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;margin-left:auto;padding:.25rem;display:flex}.team-feedback__close:hover{opacity:1}.team-toolbar{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}@media (width<=48rem){.team-toolbar{flex-direction:column;align-items:stretch}}.team-toolbar__search{flex:1;align-items:center;max-width:28rem;display:flex;position:relative}@media (width<=48rem){.team-toolbar__search{max-width:100%}}.team-toolbar__search-icon{color:var(--color-text-muted,#64748b);pointer-events:none;position:absolute;left:.75rem}.team-toolbar__search-input{width:100%;color:var(--color-text-primary,#0f172a);background-color:var(--color-input-bg,#fff);border:.0625rem solid var(--color-input-border,#cbd5e1);border-radius:.5rem;outline:none;padding:.5rem 2.25rem;font-size:.875rem;font-weight:400;transition:all .15s cubic-bezier(.16,1,.3,1)}.team-toolbar__search-input:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb26}.team-toolbar__clear-btn{color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;right:.75rem}.team-toolbar__clear-btn:hover{color:var(--color-text-secondary,#475569)}.team-toolbar__filters{align-items:center;gap:1rem;display:flex}@media (width<=48rem){.team-toolbar__filters{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}}.team-toolbar__filter-item{align-items:center;gap:.5rem;display:flex}@media (width<=48rem){.team-toolbar__filter-item{justify-content:space-between}}.team-toolbar__label{color:var(--color-text-secondary,#475569);white-space:nowrap;font-size:.875rem;font-weight:500}.team-toolbar__select{color:var(--color-text-primary,#0f172a);background-color:var(--color-input-bg,#fff);border:.0625rem solid var(--color-input-border,#cbd5e1);border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.875rem;font-weight:400;transition:all .15s cubic-bezier(.16,1,.3,1)}.team-toolbar__select:focus{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb26}.team-loading,.team-error,.team-empty{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);text-align:center;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.team-loading{color:var(--color-text-muted,#64748b);font-size:.875rem;font-weight:400}.team-error{color:var(--color-danger-text,#991b1b);background-color:var(--color-danger-bg,#fef2f2);border-color:var(--color-danger-border,#fecaca);font-size:.875rem;font-weight:500}.team-empty__icon{color:var(--color-text-muted,#64748b)}.team-empty__title{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.125rem;font-weight:500}.team-empty__desc{color:var(--color-text-muted,#64748b);max-width:28rem;margin:0;font-size:.875rem;line-height:1.5}.team-table-wrapper{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:.75rem;overflow-x:auto}.team-table{border-collapse:collapse;text-align:left;width:100%;min-width:50rem;font-size:.875rem}.team-table thead{background-color:var(--color-table-header-bg,#f8fafc);border-bottom:.0625rem solid var(--color-border-subtle,#e2e8f0)}.team-table thead th{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:500}.team-table tbody tr{border-bottom:.0625rem solid var(--color-border-subtle,#e2e8f0)}.team-table tbody tr:last-child{border-bottom:none}.team-table tbody tr:hover{background-color:var(--color-table-row-hover,#f8fafc)}.team-table td{color:var(--color-text-secondary,#475569);vertical-align:middle;padding:.875rem 1rem}.team-table__th-actions{text-align:right}.team-table__tr--inactive{opacity:.7;background-color:var(--color-bg-hover,#f1f5f9)}.team-user-cell{align-items:center;gap:.75rem;display:flex}.team-user-cell__avatar{background-color:var(--color-primary-subtle,#eff6ff);width:2.25rem;height:2.25rem;color:var(--color-primary,#2563eb);border:.0625rem solid rgba(var(--color-primary,#2563eb), .3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:500;display:flex}.team-user-cell__details{flex-direction:column;gap:.125rem;display:flex}.team-user-cell__name{color:var(--color-text-primary,#0f172a);font-weight:500}.team-user-cell__email{color:var(--color-text-muted,#64748b);font-size:.75rem}.team-emp-badge{color:var(--color-primary,#2563eb);background-color:var(--color-primary-subtle,#eff6ff);border:.0625rem solid rgba(var(--color-primary,#2563eb), .3);border-radius:.25rem;align-self:flex-start;margin-top:.125rem;padding:.1rem .375rem;font-size:.6875rem;font-weight:500;display:inline-block}.team-phone-cell{color:var(--color-text-secondary,#475569);white-space:nowrap;font-size:.8125rem}.team-role-cell{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.team-role-cell__title{color:var(--color-text-primary,#0f172a);font-size:.8125rem;font-weight:500}.team-role-cell__badges{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.team-dept-badge{background-color:var(--color-bg-base,#f8fafc);color:var(--color-text-secondary,#475569);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-radius:.25rem;align-items:center;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.team-tz-curr-cell{flex-direction:column;gap:.25rem;display:flex}.team-tz-curr-cell__tz,.team-tz-curr-cell__curr{color:var(--color-text-secondary,#475569);align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.team-tz-curr-cell__icon{color:var(--color-text-muted,#64748b);flex-shrink:0}.team-currency-pill{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-primary,#0f172a);border:.0625rem solid var(--color-border-strong,#cbd5e1);border-radius:.25rem;padding:.05rem .35rem;font-size:.6875rem;font-weight:500}.team-contact-cell{flex-direction:column;gap:.25rem;display:flex}.team-contact-cell__routing{align-items:center;gap:.375rem;display:flex}.team-ext-badge{background-color:var(--color-primary-subtle,#eff6ff);color:var(--color-primary,#2563eb);border:.0625rem solid rgba(var(--color-primary,#2563eb), .3);border-radius:.25rem;align-items:center;padding:.1rem .375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.team-ext-none{color:var(--color-text-muted,#64748b);font-size:.6875rem}.team-caps-hint{color:var(--color-text-muted,#64748b);background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-radius:.25rem;padding:.1rem .3rem;font-size:.6875rem}.team-level-badge{border-radius:.25rem;align-items:center;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.team-level-badge--lvl1{background-color:var(--color-primary-subtle,#eff6ff);color:var(--color-primary,#2563eb);border:.0625rem solid rgba(var(--color-primary,#2563eb), .3)}.team-level-badge--lvl2{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success-text,#065f46);border:.0625rem solid var(--color-success-border,#a7f3d0)}.team-level-badge--lvl3{background-color:var(--color-warning-bg,#fffbeb);color:var(--color-warning-text,#92400e);border:.0625rem solid var(--color-warning-border,#fde68a)}.team-level-badge--lvl4{background-color:var(--color-info-bg,#f0f9ff);color:var(--color-info-text,#0369a1);border:.0625rem solid var(--color-info-border,#bae6fd)}.team-level-badge--lvl5{background-color:var(--color-bg-active,#e2e8f0);color:var(--color-text-secondary,#475569);border:.0625rem solid var(--color-border-subtle,#e2e8f0)}.team-status-badge{border-radius:.25rem;align-items:center;padding:.2rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.team-status-badge--active{background-color:var(--color-success-bg,#ecfdf5);color:var(--color-success-text,#065f46);border:.0625rem solid var(--color-success-border,#a7f3d0)}.team-status-badge--inactive{background-color:var(--color-danger-bg,#fef2f2);color:var(--color-danger-text,#991b1b);border:.0625rem solid var(--color-danger-border,#fecaca)}.team-security-badge{border-radius:.25rem;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.team-security-badge--pending{background-color:var(--color-warning-bg,#fffbeb);color:var(--color-warning-text,#92400e);border:.0625rem solid var(--color-warning-border,#fde68a)}.team-security-badge--ready{background-color:var(--color-bg-base,#f8fafc);color:var(--color-text-secondary,#475569);border:.0625rem solid var(--color-border-subtle,#e2e8f0)}.team-actions-cell{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.team-action-btn{cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);border:.0625rem solid #0000;border-radius:.25rem;align-items:center;gap:.25rem;padding:.3125rem .5rem;font-size:.75rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.team-action-btn:active{transform:scale(.96)}.team-action-btn--edit{background-color:var(--color-primary-subtle,#eff6ff);color:var(--color-primary,#2563eb);border-color:rgba(var(--color-primary,#2563eb), .3)}.team-action-btn--edit:hover{background-color:var(--color-primary,#2563eb);color:var(--color-text-inverse,#fff);border-color:var(--color-primary,#2563eb)}.team-action-btn--reset{background-color:var(--color-bg-base,#f8fafc);color:var(--color-text-secondary,#475569);border-color:var(--color-border-strong,#cbd5e1)}.team-action-btn--reset:hover{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-primary,#0f172a);border-color:var(--color-border-strong,#cbd5e1)}.team-confirm-modal__body{color:var(--color-text-secondary,#475569);flex-direction:column;gap:.75rem;padding:.25rem 0;font-size:.875rem;line-height:1.5;display:flex}.team-confirm-modal__body p{margin:0}.team-confirm-modal__body code{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-primary,#0f172a);border-radius:.25rem;padding:.125rem .375rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.team-confirm-modal__body strong{color:var(--color-text-primary,#0f172a);font-weight:500}.team-confirm-alert{background-color:var(--color-warning-bg,#fffbeb);border:.0625rem solid var(--color-warning-border,#fde68a);color:var(--color-warning-text,#92400e);border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.8125rem;display:flex}.team-confirm-alert svg{flex-shrink:0;margin-top:.125rem}.team-icon-primary{color:var(--color-primary,#2563eb)}.team-spin{animation:1s linear infinite spin}.agent-page-container{flex-direction:column;gap:1.5rem;max-width:64rem;margin:0 auto;padding:1.5rem;display:flex}@media (width<=48rem){.agent-page-container{gap:1rem;padding:.75rem}}@media (width<=25rem){.agent-page-container{gap:.75rem;padding:.5rem}}.agent-page-header{flex-direction:column;gap:.75rem;display:flex}.agent-page-header__content{flex-direction:column;gap:.25rem;display:flex}.agent-page-header__title{letter-spacing:-.025em;color:var(--color-text-primary,#0f172a);margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.agent-page-header__desc{color:var(--color-text-muted,#64748b);margin:0;font-size:.875rem;line-height:1.4}.agent-back-btn{border:.0625rem solid var(--color-border-strong,#cbd5e1);color:var(--color-text-secondary,#475569);cursor:pointer;background:0 0;border-radius:.5rem;align-self:flex-start;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.agent-back-btn:hover{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-primary,#0f172a)}.agent-page-form{flex-direction:column;gap:1.25rem;display:flex}.agent-page-error{background-color:var(--color-danger-bg,#fef2f2);border:.0625rem solid var(--color-danger-border,#fecaca);color:var(--color-danger-text,#991b1b);border-radius:.5rem;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;display:flex}.agent-page-loading{color:var(--color-text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;font-size:.875rem;display:flex}.agent-spin{animation:1s linear infinite spin}.agent-card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:.75rem;position:relative;overflow:hidden}.agent-card:before{content:"";background:linear-gradient(90deg, var(--color-primary,#2563eb), transparent);height:2px;position:absolute;top:0;left:0;right:0}.agent-card__header{border-bottom:.0625rem solid var(--color-border-subtle,#e2e8f0);background-color:var(--color-bg-base,#f8fafc);border-top-left-radius:.75rem;border-top-right-radius:.75rem;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.agent-card__icon{color:var(--color-primary,#2563eb);flex-shrink:0;margin-top:.2rem}.agent-card__title{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.0625rem;font-weight:500}.agent-card__desc{color:var(--color-text-muted,#64748b);margin:.125rem 0 0;font-size:.75rem}.agent-card__body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.agent-form-row{gap:1rem;display:flex}@media (width<=48rem){.agent-form-row--2col{flex-direction:column;gap:1rem}}.agent-form-row--phone{grid-template-columns:5.5rem 1fr;gap:.75rem;display:grid}.agent-field{flex-direction:column;flex:1;gap:.375rem;display:flex}.agent-field--cc{flex:none}.agent-field--custom-pass{margin-top:.5rem}.agent-field__label{color:var(--color-text-secondary,#475569);font-size:.8125rem;font-weight:500}.agent-field__req{color:var(--color-danger,#ef4444)}.agent-field__input,.agent-field__select{color:var(--color-text-primary,#0f172a);background-color:var(--color-input-bg,#fff);border:.0625rem solid var(--color-input-border,#cbd5e1);border-radius:.5rem;outline:none;padding:.5625rem .75rem;font-size:.875rem;font-weight:400}.agent-field__input:focus,.agent-field__select:focus{border-color:var(--color-primary,#2563eb)}.agent-field__input:disabled,.agent-field__input--disabled,.agent-field__select:disabled,.agent-field__select--disabled{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-muted,#64748b);cursor:not-allowed}.agent-field__input--mono,.agent-field__select--mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.agent-field__tip{color:var(--color-text-muted,#64748b);font-size:.75rem;line-height:1.35}.agent-chips-grid{flex-wrap:wrap;gap:.5rem;display:flex}.agent-chip{border:.0625rem solid var(--color-border-subtle,#e2e8f0);background-color:var(--color-bg-base,#f8fafc);color:var(--color-text-secondary,#475569);cursor:pointer;border-radius:.25rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.agent-chip:hover{background-color:var(--color-bg-hover,#f1f5f9)}.agent-chip--active{background-color:var(--color-primary-subtle,#eff6ff);border-color:rgba(var(--color-primary,#2563eb), .3);color:var(--color-primary,#2563eb)}.agent-days-row{flex-wrap:wrap;gap:.5rem;display:flex}.agent-day-btn{border:.0625rem solid var(--color-border-strong,#cbd5e1);background-color:var(--color-bg-surface,#fff);color:var(--color-text-secondary,#475569);cursor:pointer;border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500}.agent-day-btn:hover{background-color:var(--color-bg-hover,#f1f5f9)}.agent-day-btn--active{background-color:var(--color-primary,#2563eb);border-color:var(--color-primary,#2563eb);color:var(--color-text-inverse,#fff)}.agent-security-box{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-radius:.5rem;flex-direction:column;gap:.875rem;padding:1.125rem;display:flex}.agent-security-box__header{color:var(--color-primary,#2563eb);align-items:center;gap:.375rem;display:flex}.agent-security-box__title{color:var(--color-text-primary,#0f172a);font-size:.8125rem;font-weight:500}.agent-security-box__tip{color:var(--color-text-muted,#64748b);align-items:flex-start;gap:.375rem;font-size:.75rem;line-height:1.4;display:flex}.agent-security-box__tip svg{color:var(--color-primary,#2563eb);flex-shrink:0;margin-top:.125rem}.agent-toggle-box{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);border-radius:.5rem;padding:.875rem 1rem}.agent-toggle-row{align-items:center;display:flex}.agent-toggle-label{color:var(--color-text-secondary,#475569);cursor:pointer;align-items:flex-start;gap:.625rem;font-size:.8125rem;font-weight:400;display:flex}.agent-toggle-title{color:var(--color-text-primary,#0f172a);font-weight:500;display:block}.agent-toggle-desc{color:var(--color-text-muted,#64748b);margin:.25rem 0 0;font-size:.75rem;line-height:1.35}.agent-toggle-checkbox{width:1rem;height:1rem;accent-color:var(--color-primary,#2563eb);cursor:pointer;flex-shrink:0;margin-top:.125rem}.agent-form-footer{border-top:.0625rem solid var(--color-border-subtle,#e2e8f0);justify-content:flex-end;align-items:center;gap:.75rem;padding-top:1rem;display:flex}@media (width<=30rem){.agent-form-footer{flex-direction:column-reverse;align-items:stretch}.agent-form-footer .agent-btn{width:100%}}.agent-btn{cursor:pointer;box-shadow:var(--shadow-xs,0 1px 2px #0f172a0d);white-space:nowrap;border:.0625rem solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.agent-btn:active:not(:disabled){transform:scale(.98)}.agent-btn:disabled{opacity:.6;cursor:not-allowed}.agent-btn--primary{background:var(--color-primary-gradient,var(--color-primary,#2563eb));color:var(--color-text-inverse,#fff);border-color:var(--color-primary,#2563eb);box-shadow:0 1px 3px #0003,inset 0 1px #ffffff26}.agent-btn--primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 12px #2563eb4d,inset 0 1px #fff3}.agent-btn--secondary{background-color:var(--color-bg-surface,#fff);color:var(--color-text-secondary,#475569);border-color:var(--color-border-strong,#cbd5e1)}.agent-btn--secondary:hover:not(:disabled){background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-primary,#0f172a)}.agent-success-card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-strong,#cbd5e1);box-shadow:var(--shadow-lg,0 12px 20px -3px #0f172a17, 0 4px 6px -4px #0f172a0a);text-align:center;border-radius:.75rem;flex-direction:column;align-items:center;gap:1.5rem;max-width:36rem;margin:2rem auto;padding:2.5rem;display:flex}@media (width<=30rem){.agent-success-card{margin:1rem auto;padding:1rem .75rem}}.agent-success-card__icon-wrap{background-color:var(--color-success-bg,#ecfdf5);border:.0625rem solid var(--color-success-border,#a7f3d0);width:3.5rem;height:3.5rem;color:var(--color-success,#10b981);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .75rem;display:flex}.agent-success-card__title{color:var(--color-text-primary,#0f172a);margin:0;font-size:1.25rem;font-weight:500}.agent-success-card__subtitle{color:var(--color-text-muted,#64748b);margin:.5rem 0 0;font-size:.875rem;line-height:1.5}.agent-success-card__cred-box{background-color:var(--color-bg-base,#f8fafc);border:.0625rem solid var(--color-border-subtle,#e2e8f0);text-align:left;border-radius:.5rem;flex-direction:column;gap:.5rem;width:100%;padding:1rem 1.25rem;display:flex}.agent-success-card__cred-box .agent-success-card__copy-error{color:var(--color-text-muted,#64748b);margin:.25rem 0 0;font-size:.625rem;line-height:1.4}.agent-success-card__cred-label{color:var(--color-text-muted,#64748b);letter-spacing:.05em;font-size:.6875rem;font-weight:500}.agent-success-card__cred-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.agent-success-card__cred-code{color:var(--color-primary,#2563eb);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.125rem;font-weight:500}.agent-success-card__copy-btn{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-strong,#cbd5e1);color:var(--color-text-secondary,#475569);cursor:pointer;border-radius:.25rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.agent-success-card__copy-btn:hover{background-color:var(--color-bg-hover,#f1f5f9);color:var(--color-text-primary,#0f172a)}.agent-success-card__alert{background-color:var(--color-warning-bg,#fffbeb);border:.0625rem solid var(--color-warning-border,#fde68a);color:var(--color-warning-text,#92400e);text-align:left;border-radius:.5rem;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.4;display:flex}.agent-success-card__alert svg{flex-shrink:0;margin-top:.125rem}.agent-success-card__actions{justify-content:center;width:100%;display:flex}:root,[data-theme=light]{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-primary-hover:#1e40af;--color-primary-subtle:#eff6ff;--color-primary-gradient:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--color-secondary:#0284c7;--color-secondary-light:#38bdf8;--color-secondary-dark:#0369a1;--color-bg-base:#f8fafc;--color-bg-surface:#fff;--color-bg-elevated:#fff;--color-bg-hover:#f1f5f9;--color-bg-active:#e2e8f0;--color-bg-surface-rgb:255, 255, 255;--color-bg-base-rgb:248, 250, 252;--color-sidebar-bg:#0b0f19;--color-sidebar-text:#94a3b8;--color-sidebar-text-active:#fff;--color-sidebar-border:#ffffff14;--color-sidebar-hover:#ffffff0f;--color-table-header-bg:#f8fafc;--color-table-row-hover:#f8fafc;--color-input-bg:#fff;--color-input-border:#cbd5e1;--color-border-subtle:#e2e8f0;--color-border-strong:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-inverse:#fff;--color-status-available:#10b981;--color-status-oncall:#ef4444;--color-status-busy:#f97316;--color-status-away:#f59e0b;--color-status-offline:#94a3b8;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-success-text:#065f46;--color-success-border:#a7f3d0;--color-success-hover:#059669;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-warning-text:#92400e;--color-warning-border:#fde68a;--color-warning-hover:#d97706;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-danger-text:#991b1b;--color-danger-border:#fecaca;--color-danger-hover:#dc2626;--color-info:#0284c7;--color-info-bg:#f0f9ff;--color-info-text:#0369a1;--color-info-border:#bae6fd;--color-info-hover:#0369a1;--color-backdrop:#0f172aa6;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a12, 0 1px 2px #0f172a0a;--shadow-md:0 4px 8px -1px #0f172a14, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 12px 20px -3px #0f172a17, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 28px -5px #0f172a1f, 0 8px 10px -6px #0f172a0f;--shadow-glow-call:0 0 24px #10b98159;--shadow-glow-primary:0 0 20px #2563eb40}[data-theme=dark]{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-primary-hover:#2563eb;--color-primary-subtle:#3b82f626;--color-primary-gradient:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--color-secondary:#38bdf8;--color-secondary-light:#7dd3fc;--color-secondary-dark:#0284c7;--color-bg-base:#090d16;--color-bg-surface:#101625;--color-bg-elevated:#171f32;--color-bg-hover:#1b243b;--color-bg-active:#232e4a;--color-bg-surface-rgb:16, 22, 37;--color-bg-base-rgb:9, 13, 22;--color-sidebar-bg:#07090f;--color-sidebar-text:#94a3b8;--color-sidebar-text-active:#f8fafc;--color-sidebar-border:#ffffff14;--color-sidebar-hover:#ffffff0f;--color-table-header-bg:#141b2d;--color-table-row-hover:#162035;--color-input-bg:#0d121e;--color-input-border:#232e47;--color-border-subtle:#ffffff14;--color-border-strong:#ffffff29;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#090d16;--color-status-available:#10b981;--color-status-oncall:#ef4444;--color-status-busy:#f97316;--color-status-away:#f59e0b;--color-status-offline:#64748b;--color-success:#10b981;--color-success-bg:#10b98126;--color-success-text:#6ee7b7;--color-success-border:#10b9814d;--color-success-hover:#059669;--color-warning:#f59e0b;--color-warning-bg:#f59e0b26;--color-warning-text:#fcd34d;--color-warning-border:#f59e0b4d;--color-warning-hover:#d97706;--color-danger:#ef4444;--color-danger-bg:#ef444426;--color-danger-text:#fca5a5;--color-danger-border:#ef44444d;--color-danger-hover:#dc2626;--color-info:#38bdf8;--color-info-bg:#38bdf826;--color-info-text:#7dd3fc;--color-info-border:#38bdf84d;--color-info-hover:#0284c7;--color-backdrop:#04070dbf;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 1px 3px #00000073, inset 0 1px 0 #ffffff14;--shadow-md:0 4px 12px #0000008c, inset 0 1px 0 #ffffff14;--shadow-lg:0 12px 24px -4px #000000a6, inset 0 1px 0 #ffffff1a;--shadow-xl:0 24px 38px -6px #000c, inset 0 1px 0 #ffffff1f;--shadow-glow-call:0 0 28px #10b98173;--shadow-glow-primary:0 0 24px #3b82f659}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;height:100%;font-size:100%}body{height:100%;color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-base,#f8fafc);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100%;display:flex}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0;width:100%}body{color:var(--color-text-primary,#0f172a);background-color:var(--color-bg-base,#f8fafc);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary,#0f172a);line-height:1.25}h1{letter-spacing:-.03em;font-size:1.875rem;font-weight:700}h2{letter-spacing:-.025em;font-size:1.5rem;font-weight:700}h3{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}h4{letter-spacing:-.015em;font-size:1.125rem;font-weight:600}h5{font-size:1rem;font-weight:500}h6{font-size:.875rem;font-weight:500}p{color:var(--color-text-secondary,#475569);font-size:1rem;line-height:1.6}.text-muted{color:var(--color-text-muted,#64748b)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-2xs{font-size:.625rem}.text-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-tabular{font-variant-numeric:tabular-nums}.label-micro{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted,#64748b);font-size:.625rem;font-weight:600}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}strong,b{font-weight:600}code,kbd,samp,pre{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em}small{font-size:.75rem}.page-container{flex-direction:column;gap:1.25rem;display:flex}.base-card{background-color:var(--color-bg-surface,#fff);border:.0625rem solid var(--color-border-subtle,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px #0f172a12, 0 1px 2px #0f172a0a);border-radius:.75rem;transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}.base-card:hover{border-color:var(--color-border-strong,#cbd5e1)}.base-card{padding:1.5rem;position:relative;overflow:hidden}@media (width<=48rem){.base-card{padding:1rem}}@media (width<=25rem){.base-card{padding:.75rem}}.base-card__header{border-bottom:.0625rem solid var(--color-border-subtle,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.base-card__header h2,.base-card__header h3{letter-spacing:-.02em;color:var(--color-text-primary,#0f172a);margin:0;font-size:1.125rem;font-weight:600}