*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{height:100%;overflow:hidden;line-height:var(--line-height-normal);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-secondary)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}p{line-height:var(--line-height-normal)}fieldset{border:none;padding:0;margin:0}legend{padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--color-primary);color:#fff}#root{height:100%;min-height:0;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.w-full{width:100%}.max-w-full{max-width:100%}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideInUp var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-spin{animation:spin 1s linear infinite}body{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6,.heading{font-family:var(--font-heading);font-weight:var(--font-weight-semibold)}p,.body-text{font-family:var(--font-body)}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;background-color:var(--bg-primary);border-right:1px solid var(--border-color);transition:width var(--transition-normal);overflow:hidden;flex-shrink:0}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-4);border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-header__logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.sidebar-header__logo svg,.sidebar-header__logo img{max-width:100%;max-height:100%}.sidebar-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;flex:1;padding:var(--space-3);gap:var(--space-1);overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:8px;height:8px}.sidebar-nav::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.sidebar-nav-item{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.sidebar-nav-item:disabled{cursor:not-allowed}.sidebar-nav-item{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--border-radius);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none}.sidebar-nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-nav-item:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.sidebar-nav-item--active{background-color:var(--bg-tertiary);color:var(--color-primary)}.sidebar-nav-item--active:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--color-primary)}.sidebar-nav-item--collapsed{justify-content:center;padding:var(--space-3)}.sidebar-nav-item__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-nav-item__icon svg{width:100%;height:100%}.sidebar-nav-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border-color);flex-shrink:0}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-6);flex-shrink:0}.header--default{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.header--transparent{background-color:transparent;border-bottom:none}.header-title{display:flex;flex-direction:column;gap:var(--space-1)}.header-title__main{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.2}.header-title__sub{font-size:var(--font-size-sm);color:var(--text-secondary)}.header-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.header-actions .avatar__status{border-color:var(--bg-secondary)}.header-user-menu{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-fast)}.header-user-menu:hover{background-color:var(--bg-secondary)}.header-user-menu__avatar{width:36px;height:36px;border-radius:var(--border-radius-full);overflow:hidden;background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.header-user-menu__avatar img{width:100%;height:100%;object-fit:cover}.header-user-menu__info{display:flex;flex-direction:column;text-align:left}.header-user-menu__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.2}.header-user-menu__email{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.2}.page-container{flex:1;min-height:0;width:100%;margin:0 auto;overflow-y:scroll;scrollbar-gutter:stable both-edges}.page-container::-webkit-scrollbar{width:8px;height:8px}.page-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.page-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.page-container::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.page-container--max-sm{max-width:640px}.page-container--max-md{max-width:768px}.page-container--max-lg{max-width:1024px}.page-container--max-xl{max-width:var(--container-max-width)}.page-container--max-full{max-width:100%}.page-container--padding-none{padding:0}.page-container--padding-sm{padding:var(--space-3)}.page-container--padding-md{padding:var(--space-4)}.page-container--padding-lg{padding:var(--space-6)}.page-section+.page-section{margin-top:var(--space-8)}.page-section__header{margin-bottom:var(--space-4)}.page-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.page-section__description{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.grid{display:grid}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-5{grid-template-columns:repeat(5,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}.grid--gap-none{gap:0}.grid--gap-sm{gap:var(--space-2)}.grid--gap-md{gap:var(--space-4)}.grid--gap-lg{gap:var(--space-6)}@media(max-width:639px){.grid--responsive{grid-template-columns:1fr}}.grid-item{min-width:0}.grid-item--span-1{grid-column:span 1}.grid-item--span-2{grid-column:span 2}.grid-item--span-3{grid-column:span 3}.grid-item--span-4{grid-column:span 4}.grid-item--span-5{grid-column:span 5}.grid-item--span-6{grid-column:span 6}.grid-item--span-7{grid-column:span 7}.grid-item--span-8{grid-column:span 8}.grid-item--span-9{grid-column:span 9}.grid-item--span-10{grid-column:span 10}.grid-item--span-11{grid-column:span 11}.grid-item--span-12{grid-column:span 12}@media(min-width:640px){.grid-item--sm-span-1{grid-column:span 1}.grid-item--sm-span-2{grid-column:span 2}.grid-item--sm-span-3{grid-column:span 3}.grid-item--sm-span-4{grid-column:span 4}.grid-item--sm-span-5{grid-column:span 5}.grid-item--sm-span-6{grid-column:span 6}.grid-item--sm-span-7{grid-column:span 7}.grid-item--sm-span-8{grid-column:span 8}.grid-item--sm-span-9{grid-column:span 9}.grid-item--sm-span-10{grid-column:span 10}.grid-item--sm-span-11{grid-column:span 11}.grid-item--sm-span-12{grid-column:span 12}}@media(min-width:768px){.grid-item--md-span-1{grid-column:span 1}.grid-item--md-span-2{grid-column:span 2}.grid-item--md-span-3{grid-column:span 3}.grid-item--md-span-4{grid-column:span 4}.grid-item--md-span-5{grid-column:span 5}.grid-item--md-span-6{grid-column:span 6}.grid-item--md-span-7{grid-column:span 7}.grid-item--md-span-8{grid-column:span 8}.grid-item--md-span-9{grid-column:span 9}.grid-item--md-span-10{grid-column:span 10}.grid-item--md-span-11{grid-column:span 11}.grid-item--md-span-12{grid-column:span 12}}@media(min-width:1024px){.grid-item--lg-span-1{grid-column:span 1}.grid-item--lg-span-2{grid-column:span 2}.grid-item--lg-span-3{grid-column:span 3}.grid-item--lg-span-4{grid-column:span 4}.grid-item--lg-span-5{grid-column:span 5}.grid-item--lg-span-6{grid-column:span 6}.grid-item--lg-span-7{grid-column:span 7}.grid-item--lg-span-8{grid-column:span 8}.grid-item--lg-span-9{grid-column:span 9}.grid-item--lg-span-10{grid-column:span 10}.grid-item--lg-span-11{grid-column:span 11}.grid-item--lg-span-12{grid-column:span 12}}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.card--default{background-color:var(--bg-primary)}.card--bordered{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:none}.card--elevated{background-color:var(--bg-primary);border:none;box-shadow:var(--shadow-md)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-4)}.card--padding-lg{padding:var(--space-6)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-header__content{flex:1;min-width:0}.card-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header__subtitle{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.card-header__action{flex-shrink:0;margin-left:var(--space-4)}.card-body{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.card-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.card-footer--left{justify-content:flex-start}.card-footer--center{justify-content:center}.card-footer--right{justify-content:flex-end}.card-footer--between{justify-content:space-between}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.stat-card--bordered{box-shadow:none;border:1px solid var(--border-color)}.stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.stat-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.stat-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius);background-color:var(--bg-secondary);color:var(--text-secondary)}.stat-card__icon svg{width:20px;height:20px}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.stat-card__trend{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--font-size-sm)}.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-error)}.stat-card__trend--neutral{color:var(--text-muted)}.stat-card__trend-icon{display:flex;align-items:center;justify-content:center}.stat-card__trend-icon svg{width:16px;height:16px}.stat-card__trend-value{font-weight:var(--font-weight-medium)}.stat-card__trend-label{color:var(--text-muted)}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.table{width:100%;border-collapse:collapse;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.table--sm .table-header-cell,.table--sm .table-cell{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.table--md .table-header-cell,.table--md .table-cell{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.table--lg .table-header-cell,.table--lg .table-cell{padding:var(--space-4) var(--space-5);font-size:var(--font-size-base)}.table--striped .table-body .table-row:nth-child(2n){background-color:var(--bg-secondary)}.table--hoverable .table-body .table-row:hover{background-color:var(--bg-secondary)}.table-head{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.table-header-cell{text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary);white-space:nowrap}.table-header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header-cell--sortable:hover,.table-header-cell--asc,.table-header-cell--desc{color:var(--text-primary)}.table-header-cell--asc .table-header-cell__sort-icon,.table-header-cell--desc .table-header-cell__sort-icon{opacity:1}.table-header-cell__content{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2)}.table-header-cell[align=right] .table-header-cell__content{justify-content:flex-end}.table-header-cell[align=center] .table-header-cell__content{justify-content:center}.table-header-cell__sort-icon{display:flex;align-items:center;justify-content:center;opacity:.3;transition:opacity var(--transition-fast)}.table-header-cell__sort-icon svg{width:16px;height:16px}.table-row{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.table-row:last-child{border-bottom:none}.table-row--selected{background-color:#3b82f60d}.table-cell{color:var(--text-primary);vertical-align:middle}.table-empty-state__content{display:flex;flex-direction:column;align-items:center;padding:var(--space-10) var(--space-4);text-align:center}.table-empty-state__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--space-3);color:var(--text-muted)}.table-empty-state__icon svg{width:100%;height:100%}.table-empty-state__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.table-empty-state__description{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-muted)}.badge{display:flex;align-items:center;justify-content:center;gap:var(--space-1);display:inline-flex;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);white-space:nowrap}.badge--sm{padding:2px var(--space-2);font-size:10px}.badge--md{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.badge--lg{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.badge--default{background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge--primary{background-color:#3b82f61a;color:var(--color-primary)}.badge--secondary{background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge--success{background-color:#22c55e1a;color:var(--color-success)}.badge--warning{background-color:#f59e0b1a;color:var(--color-warning)}.badge--error{background-color:#ef44441a;color:var(--color-error)}.badge--info{background-color:#3b82f61a;color:var(--color-info)}.badge--outline{background-color:transparent;border:1px solid currentColor}.badge--dot .badge__dot{display:block}.badge__dot{width:6px;height:6px;border-radius:var(--border-radius-full);background-color:currentColor;display:none}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);background-color:var(--avatar-bg, var(--bg-tertiary));overflow:hidden;flex-shrink:0}.avatar--xs{width:24px;height:24px;font-size:10px}.avatar--sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar--md{width:40px;height:40px;font-size:var(--font-size-sm)}.avatar--lg{width:48px;height:48px;font-size:var(--font-size-base)}.avatar--xl{width:64px;height:64px;font-size:var(--font-size-lg)}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__fallback{font-weight:var(--font-weight-medium);color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar--count{background-color:var(--bg-tertiary)}.avatar--count .avatar__fallback{color:var(--text-secondary)}.avatar--with-status .avatar__status{display:block}.avatar__status{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:var(--border-radius-full);border:2px solid var(--bg-primary);display:none}.avatar__status--online{background-color:var(--color-success)}.avatar__status--offline{background-color:var(--text-muted)}.avatar__status--away{background-color:var(--color-warning)}.avatar__status--busy{background-color:var(--color-error)}.avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.avatar-group .avatar{border:2px solid var(--bg-primary);margin-left:-8px}.avatar-group .avatar:last-child{margin-left:0}.avatar-group--xs .avatar{margin-left:-6px}.avatar-group--sm .avatar{margin-left:-8px}.avatar-group--md .avatar{margin-left:-10px}.avatar-group--lg .avatar{margin-left:-12px}.avatar-group--xl .avatar{margin-left:-16px}.btn{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.btn:disabled{cursor:not-allowed}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);transition:all var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{position:relative}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--font-size-xs);border-radius:var(--border-radius-sm)}.btn--md{height:40px;padding:0 var(--space-4);font-size:var(--font-size-sm)}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--font-size-base)}.btn--primary{color:#fff;background-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn--secondary{color:#fff;background-color:var(--color-secondary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.btn--secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.btn--outline{color:var(--text-primary);background-color:transparent;border:1px solid var(--border-color)}.btn--outline:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-color-hover)}.btn--outline:active:not(:disabled){background-color:var(--bg-tertiary)}.btn--ghost{color:var(--text-primary);background-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--bg-secondary)}.btn--ghost:active:not(:disabled){background-color:var(--bg-tertiary)}.btn--danger{color:#fff;background-color:var(--color-error)}.btn--danger:hover:not(:disabled){background-color:var(--color-error-hover)}.btn--danger:active:not(:disabled){background-color:#b91c1c}.btn--full-width{width:100%}.btn--loading{pointer-events:none}.btn--loading .btn__text{opacity:0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__icon svg{width:1em;height:1em}.btn__icon--left{margin-right:var(--space-1)}.btn__icon--right{margin-left:var(--space-1)}.btn__spinner{position:absolute;display:flex;align-items:center;justify-content:center}.btn__spinner svg{width:1.25em;height:1.25em;animation:spin .75s linear infinite}.btn__text{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.icon-btn{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-fast);flex-shrink:0}.icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn--sm{width:32px;height:32px}.icon-btn--md{width:40px;height:40px}.icon-btn--lg{width:48px;height:48px}.icon-btn--default{background-color:var(--bg-secondary);color:var(--text-primary)}.icon-btn--default:hover:not(:disabled){background-color:var(--bg-tertiary)}.icon-btn--default:active:not(:disabled){background-color:var(--border-color)}.icon-btn--primary{background-color:var(--color-primary);color:#fff}.icon-btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.icon-btn--primary:active:not(:disabled){background-color:var(--color-primary-active)}.icon-btn--ghost{background-color:transparent;color:var(--text-secondary)}.icon-btn--ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.icon-btn--ghost:active:not(:disabled){background-color:var(--bg-tertiary)}.icon-btn--danger{background-color:transparent;color:var(--color-error)}.icon-btn--danger:hover:not(:disabled){background-color:var(--color-error-subtle)}.icon-btn--danger:active:not(:disabled){background-color:var(--color-error);color:#fff}.icon-btn__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.icon-btn__icon svg{width:100%;height:100%}.icon-toggle-btn{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-fast);flex-shrink:0}.icon-toggle-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.icon-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.icon-toggle-btn--sm{width:32px;height:32px}.icon-toggle-btn--md{width:40px;height:40px}.icon-toggle-btn--lg{width:48px;height:48px}.icon-toggle-btn--default{background-color:var(--bg-secondary);color:var(--text-secondary)}.icon-toggle-btn--default:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.icon-toggle-btn--default:active:not(:disabled){background-color:var(--border-color)}.icon-toggle-btn--default.icon-toggle-btn--on{background-color:var(--bg-tertiary);color:var(--text-primary)}.icon-toggle-btn--primary{background-color:var(--bg-secondary);color:var(--text-secondary)}.icon-toggle-btn--primary:hover:not(:disabled){background-color:var(--color-primary-subtle);color:var(--color-primary)}.icon-toggle-btn--primary:active:not(:disabled){background-color:var(--color-primary);color:#fff}.icon-toggle-btn--primary.icon-toggle-btn--on{background-color:var(--color-primary);color:#fff}.icon-toggle-btn--primary.icon-toggle-btn--on:hover:not(:disabled){background-color:var(--color-primary-hover)}.icon-toggle-btn--ghost{background-color:transparent;color:var(--text-secondary)}.icon-toggle-btn--ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.icon-toggle-btn--ghost:active:not(:disabled){background-color:var(--bg-tertiary)}.icon-toggle-btn--ghost.icon-toggle-btn--on{color:var(--text-primary)}.icon-toggle-btn__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.icon-toggle-btn__icon svg{width:100%;height:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.input-wrapper--full-width{width:100%}.input__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.input__container{position:relative;display:flex;align-items:center}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--border-color-hover)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary)}.input--sm{height:32px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.input--md{height:40px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.input--lg{height:48px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}.input--error{border-color:var(--color-error)}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input--with-left-icon{padding-left:calc(var(--space-4) + 1.25em)}.input--with-right-icon{padding-right:calc(var(--space-4) + 1.25em)}.input__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.input__icon svg{width:1.25em;height:1.25em}.input__icon--left{left:var(--space-3)}.input__icon--right{right:var(--space-3);pointer-events:auto}.input__error{font-size:var(--font-size-xs);color:var(--color-error)}.input__hint{font-size:var(--font-size-xs);color:var(--text-muted)}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.select-wrapper--full-width{width:100%}.select__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.select__container{position:relative;display:flex;align-items:center}.select{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select::placeholder{color:var(--text-muted)}.select:hover:not(:disabled){border-color:var(--border-color-hover)}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary)}.select{appearance:none;padding-right:calc(var(--space-4) + 1.25em);cursor:pointer}.select--sm{height:32px;padding:var(--space-1) var(--space-2);padding-right:calc(var(--space-3) + 1.25em);font-size:var(--font-size-xs)}.select--md{height:40px;padding:var(--space-2) var(--space-3);padding-right:calc(var(--space-4) + 1.25em);font-size:var(--font-size-sm)}.select--lg{height:48px;padding:var(--space-3) var(--space-4);padding-right:calc(var(--space-5) + 1.25em);font-size:var(--font-size-base)}.select--error{border-color:var(--color-error)}.select--error:hover:not(:disabled){border-color:var(--color-error)}.select--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.select option{background-color:var(--bg-primary);color:var(--text-primary)}.select__icon{position:absolute;right:var(--space-3);display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.select__icon svg{width:1.25em;height:1.25em}.select__error{font-size:var(--font-size-xs);color:var(--color-error)}.select__hint{font-size:var(--font-size-xs);color:var(--text-muted)}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox-wrapper--disabled .checkbox{cursor:not-allowed}.checkbox-wrapper--error .checkbox__control{border-color:var(--color-error)}.checkbox{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox__input:checked+.checkbox__control{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox__input:checked+.checkbox__control .checkbox__check-path{opacity:1}.checkbox__input:indeterminate+.checkbox__control{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox__input:indeterminate+.checkbox__control .checkbox__indeterminate-path{opacity:1}.checkbox__input:focus-visible+.checkbox__control{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox__control{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);transition:all var(--transition-fast);color:#fff}.checkbox-wrapper--sm .checkbox__control{width:16px;height:16px}.checkbox-wrapper--md .checkbox__control{width:20px;height:20px}.checkbox-wrapper--lg .checkbox__control{width:24px;height:24px}.checkbox__icon{width:70%;height:70%;transition:all var(--transition-fast)}.checkbox__check-path,.checkbox__indeterminate-path{opacity:0;transition:opacity var(--transition-fast)}.checkbox__content{display:flex;flex-direction:column;gap:2px;padding-top:1px}.checkbox__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4}.checkbox__description{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.checkbox__error{font-size:var(--font-size-xs);color:var(--color-error);margin-left:calc(20px + var(--space-2))}.switch-wrapper{display:inline-flex}.switch-wrapper--disabled{opacity:.5;cursor:not-allowed}.switch-wrapper--disabled .switch{cursor:not-allowed}.switch{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.switch__input:checked+.switch__track{background-color:var(--color-primary)}.switch__input:checked+.switch__track .switch__thumb{transform:translate(100%)}.switch__input:focus-visible+.switch__track{outline:2px solid var(--color-primary);outline-offset:2px}.switch__track{position:relative;display:flex;align-items:center;flex-shrink:0;background-color:var(--bg-tertiary);border-radius:var(--border-radius-full);transition:background-color var(--transition-fast)}.switch-wrapper--sm .switch__track{width:32px;height:18px;padding:2px}.switch-wrapper--md .switch__track{width:44px;height:24px;padding:3px}.switch-wrapper--lg .switch__track{width:56px;height:30px;padding:4px}.switch__thumb{display:block;background-color:#fff;border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.switch-wrapper--sm .switch__thumb{width:14px;height:14px}.switch-wrapper--md .switch__thumb{width:18px;height:18px}.switch-wrapper--lg .switch__thumb{width:22px;height:22px}.switch__content{display:flex;flex-direction:column;gap:2px}.switch__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.4}.switch__description{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group--error .form-group__label{color:var(--color-error)}.form-group__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-group__required{color:var(--color-error);margin-left:2px}.form-group__error{font-size:var(--font-size-xs);color:var(--color-error)}.form-group__hint{font-size:var(--font-size-xs);color:var(--text-muted)}.form-row{display:grid;width:100%}.form-row--cols-1{grid-template-columns:1fr}.form-row--cols-2{grid-template-columns:repeat(2,1fr)}.form-row--cols-3{grid-template-columns:repeat(3,1fr)}.form-row--cols-4{grid-template-columns:repeat(4,1fr)}.form-row--gap-sm{gap:var(--space-3)}.form-row--gap-md{gap:var(--space-4)}.form-row--gap-lg{gap:var(--space-6)}@media(max-width:767px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.form-actions--left{justify-content:flex-start}.form-actions--center{justify-content:center}.form-actions--right{justify-content:flex-end}.form-actions--between{justify-content:space-between}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--border-radius-lg);border:1px solid transparent}.alert--info{background-color:#3b82f61a;border-color:#3b82f633;color:var(--color-info)}.alert--info .alert__title{color:#1e40af}[data-theme=dark] .alert--info .alert__title{color:#93c5fd}.alert--success{background-color:#22c55e1a;border-color:#22c55e33;color:var(--color-success)}.alert--success .alert__title{color:#166534}[data-theme=dark] .alert--success .alert__title{color:#86efac}.alert--warning{background-color:#f59e0b1a;border-color:#f59e0b33;color:var(--color-warning)}.alert--warning .alert__title{color:#92400e}[data-theme=dark] .alert--warning .alert__title{color:#fcd34d}.alert--error{background-color:#ef44441a;border-color:#ef444433;color:var(--color-error)}.alert--error .alert__title{color:#991b1b}[data-theme=dark] .alert--error .alert__title{color:#fca5a5}.alert__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert__icon svg{width:20px;height:20px}.alert__content{flex:1;min-width:0}.alert__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.alert__message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.alert__dismiss{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.alert__dismiss:disabled{cursor:not-allowed}.alert__dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;margin:calc(var(--space-1) * -1);border-radius:var(--border-radius);opacity:.7;transition:opacity var(--transition-fast),background-color var(--transition-fast)}.alert__dismiss:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.alert__dismiss:hover{opacity:1;background-color:#0000001a}.alert__dismiss svg{width:16px;height:16px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn var(--transition-fast) ease-out}.modal{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;max-height:calc(100vh - var(--space-8));animation:scaleIn var(--transition-normal) ease-out;z-index:var(--z-modal)}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:500px}.modal--lg{width:100%;max-width:700px}.modal--xl{width:100%;max-width:900px}.modal--full{width:calc(100% - var(--space-8));height:calc(100% - var(--space-8));max-width:none;max-height:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-header__close{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.modal-header__close:disabled{cursor:not-allowed}.modal-header__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);color:var(--text-muted);transition:all var(--transition-fast)}.modal-header__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-header__close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-header__close svg{width:20px;height:20px}.modal-body{flex:1;padding:var(--space-6);overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px;height:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.modal-body{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.modal-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);flex-shrink:0}.modal-footer--left{justify-content:flex-start}.modal-footer--center{justify-content:center}.modal-footer--right{justify-content:flex-end}.modal-footer--between{justify-content:space-between}.toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);pointer-events:none}.toast-container--top-right{top:0;right:0;align-items:flex-end}.toast-container--top-left{top:0;left:0;align-items:flex-start}.toast-container--bottom-right{bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.toast-container--bottom-left{bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}.toast-container--top-center{top:0;left:50%;transform:translate(-50%);align-items:center}.toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.toast{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:var(--space-3);min-width:300px;max-width:400px;padding:var(--space-3) var(--space-4);pointer-events:auto;animation:slideInUp var(--transition-normal) ease-out;box-shadow:var(--shadow-lg)}.toast--info{border-left:4px solid var(--color-primary)}.toast--success{border-left:4px solid var(--color-success)}.toast--warning{border-left:4px solid var(--color-warning)}.toast--error{border-left:4px solid var(--color-error)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.toast__message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.toast__dismiss{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.toast__dismiss:disabled{cursor:not-allowed}.toast__dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--border-radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.toast__dismiss:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toast__dismiss:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.toast__dismiss svg{width:16px;height:16px}.dialog-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn var(--transition-fast) ease-out}.dialog{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);width:100%;max-width:400px;text-align:center;animation:scaleIn var(--transition-normal) ease-out;z-index:var(--z-modal);overflow:hidden}.dialog-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:var(--space-6) auto var(--space-4);border-radius:var(--border-radius-full)}.dialog-icon svg{width:24px;height:24px}.dialog-icon--default{background-color:var(--bg-secondary);color:var(--text-secondary)}.dialog-icon--info{background-color:#3b82f61a;color:var(--color-info)}.dialog-icon--warning{background-color:#f59e0b1a;color:var(--color-warning)}.dialog-icon--danger{background-color:#ef44441a;color:var(--color-error)}.dialog-icon--success{background-color:#22c55e1a;color:var(--color-success)}.dialog-content{padding:0 var(--space-6) var(--space-6)}.dialog-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.dialog-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.dialog-actions{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.overlay-panel-backdrop{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast) ease-out}.overlay-panel{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);position:fixed;z-index:var(--z-modal);display:flex;flex-direction:column;background-color:var(--bg-primary);box-shadow:var(--shadow-xl);overflow:hidden}.overlay-panel--center{top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--border-radius-lg);animation:scaleIn var(--transition-normal) ease-out;max-width:calc(100vw - var(--space-8));max-height:calc(100vh - var(--space-8))}.overlay-panel--right{top:0;right:0;bottom:0;height:100%;border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);animation:slideInFromRight var(--transition-normal) ease-out;max-width:calc(100vw - var(--space-8))}.overlay-panel--left{top:0;left:0;bottom:0;height:100%;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;animation:slideInFromLeft var(--transition-normal) ease-out;max-width:calc(100vw - var(--space-8))}.overlay-panel--top{top:0;left:0;right:0;width:100%;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);animation:slideInDown var(--transition-normal) ease-out;max-height:calc(100vh - var(--space-8))}.overlay-panel--bottom{bottom:0;left:0;right:0;width:100%;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;animation:slideInUp var(--transition-normal) ease-out;max-height:calc(100vh - var(--space-8))}.overlay-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0}.overlay-panel-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.overlay-panel-header__close{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.overlay-panel-header__close:disabled{cursor:not-allowed}.overlay-panel-header__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);color:var(--text-muted);transition:all var(--transition-fast)}.overlay-panel-header__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.overlay-panel-header__close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.overlay-panel-header__close svg{width:20px;height:20px}.overlay-panel-body{flex:1;overflow-y:auto}.overlay-panel-body::-webkit-scrollbar{width:8px;height:8px}.overlay-panel-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.overlay-panel-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.overlay-panel-body::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.overlay-panel-body--padding-none{padding:0}.overlay-panel-body--padding-sm{padding:var(--space-3)}.overlay-panel-body--padding-md{padding:var(--space-6)}.overlay-panel-body--padding-lg{padding:var(--space-8)}.overlay-panel-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);flex-shrink:0}.overlay-panel-footer--left{justify-content:flex-start}.overlay-panel-footer--center{justify-content:center}.overlay-panel-footer--right{justify-content:flex-end}.overlay-panel-footer--between{justify-content:space-between}.breadcrumbs__list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-1);list-style:none}.breadcrumbs__item{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.breadcrumbs__link{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.breadcrumbs__link{border-radius:var(--border-radius-sm)}.breadcrumbs__link:hover{color:var(--color-primary)}.breadcrumbs__text{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-muted)}.breadcrumbs__text--current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.breadcrumbs__ellipsis{font-size:var(--font-size-sm);color:var(--text-muted);padding:0 var(--space-1)}.breadcrumbs__separator{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.breadcrumbs__separator svg{width:16px;height:16px}.breadcrumbs__icon{display:flex;align-items:center;justify-content:center}.breadcrumbs__icon svg{width:16px;height:16px}.tabs{display:flex;flex-direction:column}.tabs-list{display:flex;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--border-color)}.tabs--pills .tabs-list{border-bottom:none;gap:var(--space-2)}.tabs--underline .tabs-list{gap:0}.tab{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.tab:disabled{cursor:not-allowed}.tab{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);transition:all var(--transition-fast)}.tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);background-color:transparent;border-radius:var(--border-radius) var(--border-radius) 0 0;margin-bottom:-1px;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.tab:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-secondary)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:transparent}.tab--active:hover:not(:disabled){color:var(--color-primary);background-color:transparent}.tab--disabled{opacity:.5;cursor:not-allowed}.tabs--pills .tab{border-radius:var(--border-radius);border-bottom:none;margin-bottom:0}.tabs--pills .tab--active{color:#fff;background-color:var(--color-primary)}.tabs--pills .tab--active:hover:not(:disabled){background-color:var(--color-primary-hover)}.tabs--underline .tab{border-radius:0;padding:var(--space-3) var(--space-4)}.tabs--underline .tab--active{font-weight:var(--font-weight-medium)}.tab__icon{display:flex;align-items:center;justify-content:center}.tab__icon svg{width:16px;height:16px}.tabs-panel{padding:var(--space-4) 0;animation:fadeIn var(--transition-fast) ease-out}.pagination{display:flex;align-items:center;gap:var(--space-1)}.pagination--disabled{opacity:.5;pointer-events:none}.pagination__button{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.pagination__button:disabled{cursor:not-allowed}.pagination__button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);transition:all var(--transition-fast)}.pagination__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination__button{width:36px;height:36px;color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-color)}.pagination__button:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-color-hover);color:var(--text-primary)}.pagination__button:disabled{opacity:.4;cursor:not-allowed}.pagination__button svg{width:16px;height:16px}.pagination__pages{display:flex;align-items:center;gap:var(--space-1);margin:0 var(--space-1)}.pagination__page{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.pagination__page:disabled{cursor:not-allowed}.pagination__page{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);transition:all var(--transition-fast)}.pagination__page:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pagination__page{min-width:36px;height:36px;padding:0 var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-color)}.pagination__page:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-color-hover);color:var(--text-primary)}.pagination__page--active{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}.pagination__page--active:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.pagination__dots{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-muted);font-size:var(--font-size-sm)}.dropdown-menu{position:relative;display:inline-block}.dropdown-menu-trigger{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.dropdown-menu-trigger:disabled{cursor:not-allowed}.dropdown-menu-trigger{display:inline-flex;align-items:center;cursor:pointer}.dropdown-menu-trigger:disabled{cursor:not-allowed;opacity:.5}.dropdown-menu-content{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);position:fixed;z-index:var(--z-popover);min-width:180px;max-width:280px;max-height:320px;overflow-y:auto}.dropdown-menu-content::-webkit-scrollbar{width:8px;height:8px}.dropdown-menu-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.dropdown-menu-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.dropdown-menu-content::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.dropdown-menu-content{padding:var(--space-1) 0;box-shadow:var(--shadow-lg);animation:fadeIn var(--transition-fast) ease-out,slideInDown var(--transition-fast) ease-out}.dropdown-menu-item{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.dropdown-menu-item:disabled{cursor:not-allowed}.dropdown-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;transition:background-color var(--transition-fast)}.dropdown-menu-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dropdown-menu-item:hover:not(:disabled){background-color:var(--bg-secondary)}.dropdown-menu-item:focus{background-color:var(--bg-secondary);outline:none}.dropdown-menu-item--danger{color:var(--color-error)}.dropdown-menu-item--danger:hover:not(:disabled){background-color:#ef44441a}.dropdown-menu-item--danger:focus{background-color:#ef44441a}.dropdown-menu-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-menu-item__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.dropdown-menu-item__icon svg{width:100%;height:100%}.dropdown-menu-item__label{flex:1}.dropdown-menu-divider{height:1px;margin:var(--space-1) 0;border:none;background-color:var(--border-color)}.dropdown-menu-label{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.skeleton{background-color:var(--bg-tertiary)}.skeleton--text{height:1em;border-radius:var(--border-radius-sm);transform-origin:0 55%}.skeleton--circular{border-radius:var(--border-radius-full)}.skeleton--rectangular{border-radius:var(--border-radius)}.skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--wave{position:relative;overflow:hidden}.skeleton--wave:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-wave 1.6s linear infinite}[data-theme=dark] .skeleton--wave:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.skeleton-text{display:flex;flex-direction:column}.skeleton-text--sm{gap:var(--space-2)}.skeleton-text--md{gap:var(--space-3)}.skeleton-text--lg{gap:var(--space-4)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes skeleton-wave{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}.tooltip{position:fixed;z-index:var(--z-tooltip);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-inverse);background-color:var(--bg-inverse);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-width:240px;word-wrap:break-word;animation:fadeIn var(--transition-fast) ease-out}.tooltip__arrow{position:absolute;width:8px;height:8px;background-color:var(--bg-inverse);transform:rotate(45deg)}.tooltip--top .tooltip__arrow{bottom:-4px;left:50%;margin-left:-4px}.tooltip--bottom .tooltip__arrow{top:-4px;left:50%;margin-left:-4px}.tooltip--left .tooltip__arrow{right:-4px;top:50%;margin-top:-4px}.tooltip--right .tooltip__arrow{left:-4px;top:50%;margin-top:-4px}.progress-bar{display:flex;align-items:center;gap:var(--space-2);width:100%}.progress-bar--label-top{flex-direction:column;align-items:stretch;gap:var(--space-1)}.progress-bar__track{flex:1;background-color:var(--bg-tertiary);border-radius:var(--border-radius-full);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--border-radius-full);transition:width var(--transition-normal);display:flex;align-items:center;justify-content:center}.progress-bar__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap}.progress-bar__label--inside{color:#fff;font-size:10px;padding:0 var(--space-2)}.progress-bar__label--top{align-self:flex-end}.progress-bar--sm .progress-bar__track{height:4px}.progress-bar--md .progress-bar__track{height:8px}.progress-bar--lg .progress-bar__track{height:16px}.progress-bar--lg .progress-bar__label--inside{font-size:var(--font-size-xs)}.progress-bar--default .progress-bar__fill{background-color:var(--color-primary)}.progress-bar--success .progress-bar__fill{background-color:var(--color-success)}.progress-bar--warning .progress-bar__fill{background-color:var(--color-warning)}.progress-bar--error .progress-bar__fill{background-color:var(--color-error)}.progress-bar--info .progress-bar__fill{background-color:var(--color-info)}.progress-bar--striped .progress-bar__fill{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar--animated .progress-bar__fill{animation:progress-stripes 1s linear infinite}.progress-bar--indeterminate .progress-bar__fill{width:40%!important;animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8)}.empty-state--compact{padding:var(--space-4)}.empty-state--compact .empty-state__icon{width:48px;height:48px;margin-bottom:var(--space-3)}.empty-state--compact .empty-state__icon svg{width:24px;height:24px}.empty-state--compact .empty-state__title{font-size:var(--font-size-base)}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--space-4);color:var(--text-muted);background-color:var(--bg-tertiary);border-radius:var(--border-radius-full)}.empty-state__icon svg{width:40px;height:40px}.empty-state__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.empty-state__description{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);max-width:360px;line-height:var(--line-height-relaxed)}.empty-state__action{margin-top:var(--space-4);display:flex;gap:var(--space-2)}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.textarea-wrapper--full-width{width:100%}.textarea__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea::placeholder{color:var(--text-muted)}.textarea:hover:not(:disabled){border-color:var(--border-color-hover)}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary)}.textarea{min-height:80px;line-height:var(--line-height-normal)}.textarea--resize-none{resize:none}.textarea--resize-vertical{resize:vertical}.textarea--resize-horizontal{resize:horizontal}.textarea--resize-both{resize:both}.textarea--error{border-color:var(--color-error)}.textarea--error:hover:not(:disabled){border-color:var(--color-error)}.textarea--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.textarea__footer{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);min-height:1.25em}.textarea__messages{flex:1}.textarea__error{font-size:var(--font-size-xs);color:var(--color-error)}.textarea__hint{font-size:var(--font-size-xs);color:var(--text-muted)}.textarea__count{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper--full-width{width:100%}.search-input-wrapper--disabled{opacity:.6;cursor:not-allowed}.search-input-wrapper--sm .search-input{height:32px;padding:var(--space-1) var(--space-2);padding-left:calc(var(--space-4) + 1em);padding-right:calc(var(--space-4) + 1em);font-size:var(--font-size-xs)}.search-input-wrapper--sm .search-input__icon--search{left:var(--space-2)}.search-input-wrapper--sm .search-input__icon--search svg{width:14px;height:14px}.search-input-wrapper--sm .search-input__clear,.search-input-wrapper--sm .search-input__icon--loading,.search-input-wrapper--sm .search-input__shortcut{right:var(--space-2)}.search-input-wrapper--sm .search-input__clear svg,.search-input-wrapper--sm .search-input__icon--loading svg{width:14px;height:14px}.search-input-wrapper--md .search-input{height:40px;padding:var(--space-2) var(--space-3);padding-left:calc(var(--space-4) + 1.25em);padding-right:calc(var(--space-4) + 1.25em);font-size:var(--font-size-sm)}.search-input-wrapper--md .search-input__icon--search{left:var(--space-3)}.search-input-wrapper--md .search-input__clear,.search-input-wrapper--md .search-input__icon--loading,.search-input-wrapper--md .search-input__shortcut{right:var(--space-3)}.search-input-wrapper--lg .search-input{height:48px;padding:var(--space-3) var(--space-4);padding-left:calc(var(--space-5) + 1.5em);padding-right:calc(var(--space-5) + 1.5em);font-size:var(--font-size-base)}.search-input-wrapper--lg .search-input__icon--search{left:var(--space-4)}.search-input-wrapper--lg .search-input__icon--search svg{width:20px;height:20px}.search-input-wrapper--lg .search-input__clear,.search-input-wrapper--lg .search-input__icon--loading,.search-input-wrapper--lg .search-input__shortcut{right:var(--space-4)}.search-input-wrapper--lg .search-input__clear svg,.search-input-wrapper--lg .search-input__icon--loading svg{width:20px;height:20px}.search-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input::placeholder{color:var(--text-muted)}.search-input:hover:not(:disabled){border-color:var(--border-color-hover)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.search-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary)}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-input__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.search-input__icon svg{width:16px;height:16px}.search-input__icon--loading{color:var(--color-primary)}.search-input__spinner{animation:spin 1s linear infinite}.search-input__clear{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.search-input__clear:disabled{cursor:not-allowed}.search-input__clear{position:absolute;display:flex;align-items:center;justify-content:center;padding:var(--space-1);color:var(--text-muted);border-radius:var(--border-radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.search-input__clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-input__clear:hover{color:var(--text-secondary);background-color:var(--bg-tertiary)}.search-input__clear svg{width:16px;height:16px}.search-input__shortcut{position:absolute;display:inline-flex;align-items:center;padding:2px var(--space-1);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--text-muted);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);pointer-events:none}.account-panel{display:flex;flex-direction:column}.account-panel__details{display:grid;grid-template-columns:80px 1fr;gap:var(--space-5) var(--space-6);align-items:center;margin:0;padding:0}.account-panel__details dt{font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.account-panel__details dd{margin:0;padding:0;font-size:var(--font-size-base);color:var(--text-primary)}.account-panel__roles{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.brand-page{padding:var(--space-8);max-width:1200px;margin:0 auto}.brand-page__header{margin-bottom:var(--space-8);text-align:center}.brand-page__title{font-size:var(--font-size-4xl);color:var(--color-millbeck-navy);margin-bottom:var(--space-2)}.brand-page__subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.brand-page__section{margin-bottom:var(--space-10)}.brand-page__section-title{font-size:var(--font-size-2xl);color:var(--color-millbeck-navy);margin-bottom:var(--space-6);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-millbeck-red)}.color-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.color-palette__item{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.color-palette__swatch{height:120px;display:flex;align-items:flex-end;padding:var(--space-3)}.color-palette__info{padding:var(--space-4);background:var(--bg-primary)}.color-palette__name{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.color-palette__value{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-secondary)}.typography-showcase__group{margin-bottom:var(--space-8);padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--border-radius-lg)}.typography-showcase__label{font-size:var(--font-size-sm);color:var(--color-millbeck-red);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.typography-showcase__font-info{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-2)}.typography-showcase h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-2)}.typography-showcase h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.typography-showcase h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.typography-showcase h4{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.typography-showcase h5{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.typography-showcase h6{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.typography-showcase p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary);max-width:65ch}.usage-examples__row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.usage-examples__card{flex:1;min-width:280px;padding:var(--space-6);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.usage-examples__card--navy{background:var(--color-millbeck-navy);color:var(--text-inverse)}.usage-examples__card--navy h4{color:var(--color-millbeck-light-blue)}.usage-examples__card--navy p{color:#fffc}.usage-examples__card--light-blue{background:var(--color-millbeck-light-blue)}.usage-examples__card--light-blue h4{color:var(--color-millbeck-navy)}.usage-examples__card h4{margin-bottom:var(--space-3)}.usage-examples__card p{margin-bottom:var(--space-4)}.usage-examples__buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}.brand-btn{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.brand-btn:disabled{cursor:not-allowed}.brand-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);transition:all var(--transition-fast)}.brand-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.brand-btn{padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);font-weight:var(--font-weight-medium);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.brand-btn--red{background:var(--color-millbeck-red);color:#fff;border:none}.brand-btn--red:hover{background:var(--color-primary-hover)}.brand-btn--navy{background:var(--color-millbeck-navy);color:#fff;border:none}.brand-btn--navy:hover{background:var(--color-millbeck-navy-light)}.brand-btn--outline{background:transparent;color:var(--color-millbeck-red);border:2px solid var(--color-millbeck-red)}.brand-btn--outline:hover{background:var(--color-millbeck-red);color:#fff}.brand-btn--outline-light{background:transparent;color:#fff;border:2px solid white}.brand-btn--outline-light:hover{background:#fff;color:var(--color-millbeck-navy)}.login-page{display:flex;min-height:100vh}.login-page__promo{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-primary);color:#fff}.login-page__promo-title{font-size:4rem;font-weight:var(--font-weight-bold);margin:0 0 var(--space-2);letter-spacing:-.02em}.login-page__promo-subtitle{font-size:var(--font-size-xl);margin:0;opacity:.85;font-weight:var(--font-weight-normal)}.login-page__form-panel{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:var(--space-8)}.login-page__container{width:100%;max-width:400px}.login-page__branding{text-align:center;margin-bottom:var(--space-8)}.login-page__logo{width:48px;height:auto;margin:0 auto var(--space-4);display:block}.login-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1)}.login-page__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.login-page__fields{display:flex;flex-direction:column;gap:var(--space-4)}.login-page__forgot{text-align:center;margin-top:var(--space-4)}.login-page__forgot-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.login-page__forgot-link:hover{text-decoration:underline}.login-page__password-toggle{all:unset;cursor:pointer;display:flex;align-items:center;color:var(--text-secondary)}.login-page__password-toggle:hover{color:var(--text-primary)}.forgot-password-page__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-4)}.forgot-password-page__back{text-align:center;margin-top:var(--space-4)}.forgot-password-page__back-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.forgot-password-page__back-link:hover{text-decoration:underline}.reset-password-page__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.reset-password-page__back-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.reset-password-page__back-link:hover{text-decoration:underline}.dashboard-layout{display:flex;height:100vh}.dashboard-layout__logo{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary)}.dashboard-layout__main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.overview-page{display:block}.overview-page__data-limit-card{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.overview-page__data-limit-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.overview-page__data-limit-title{min-width:0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.overview-page__data-limit-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--border-radius);background-color:var(--bg-secondary);color:var(--text-secondary)}.overview-page__data-limit-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;font-variant-numeric:tabular-nums}.overview-page__data-limit-subtitle{color:var(--text-muted);font-size:var(--font-size-sm)}.overview-page__usage{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.overview-page__usage-label{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.overview-page__usage--success .overview-page__usage-label{color:var(--color-success)}.overview-page__usage--warning .overview-page__usage-label{color:var(--color-warning)}.overview-page__usage--error .overview-page__usage-label{color:var(--color-error)}.overview-page__usage-empty,.overview-page__usage-note{color:var(--text-muted);font-size:var(--font-size-xs)}.overview-page__supplier-grid{margin-top:var(--space-5)}.overview-page__inventory-alert{margin-top:var(--space-4)}.overview-page__supplier-card{height:100%}.overview-page__supplier-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.overview-page__supplier-metric{min-width:0;padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.overview-page__supplier-metric strong{display:block;margin-top:var(--space-1);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums}.overview-page__supplier-metric-label{display:block;overflow:hidden;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.overview-page__status-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.overview-page__status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.overview-page__supplier-usage{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.overview-page__supplier-usage-title{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.overview-page__muted{margin:var(--space-4) 0 0;color:var(--text-muted);font-size:var(--font-size-sm)}.overview-page__error{padding:var(--space-3);color:var(--color-error);font-size:var(--font-size-sm);background:var(--bg-error-subtle, rgba(239, 68, 68, .08));border-radius:var(--border-radius)}.overview-page__sync-counts{font-variant-numeric:tabular-nums}.overview-page__sync-failed{color:var(--color-error);font-size:var(--font-size-xs)}.overview-page__clickable-row{cursor:pointer;transition:background-color var(--transition-fast)}.overview-page__clickable-row:hover{background-color:var(--bg-secondary)}.overview-page__rank{display:inline-block;width:1.5em;color:var(--text-muted);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.overview-page__cell-right{text-align:right;font-variant-numeric:tabular-nums}.overview-page__margin-negative{color:var(--color-error);font-weight:var(--font-weight-medium)}.overview-page__alert-badge{margin-left:var(--space-2)}.integration-health__section:not(:first-child){border-top:1px solid var(--border-color);margin-top:var(--space-4);padding-top:var(--space-4)}.integration-health__section-title{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.integration-health__list{display:flex;flex-direction:column;gap:var(--space-3)}.integration-health__row{display:flex;justify-content:space-between;align-items:center}.integration-health__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.integration-health__result{display:flex;align-items:center;gap:var(--space-2)}.integration-health__latency,.integration-health__empty{font-size:var(--font-size-xs);color:var(--text-muted)}.zoey-picker{display:flex;flex-direction:column;gap:var(--space-3)}.zoey-picker__list{display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow-y:auto}.zoey-picker__account{padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.zoey-picker__account:hover:not(.zoey-picker__account--used){border-color:var(--border-color-hover);background-color:var(--bg-secondary)}.zoey-picker__account--selected{border-color:var(--color-primary);background-color:var(--bg-secondary)}.zoey-picker__account--used{opacity:.45;cursor:not-allowed}.zoey-picker__account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.zoey-picker__account-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-primary)}.zoey-picker__account-badges{display:flex;gap:var(--space-2)}.zoey-picker__account-details{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--text-muted)}.xero-import{display:flex;flex-direction:column;gap:var(--space-4)}.xero-import__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.xero-import__warning{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-warning);margin:0}.xero-import__source-counts{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.xero-import__summary{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.xero-import__actions-bar{display:flex;justify-content:space-between;align-items:center}.xero-import__bulk-actions{display:flex;gap:var(--space-2)}.xero-import__count{font-size:var(--font-size-sm);color:var(--text-muted)}.xero-import__table-row{cursor:pointer}.xero-import__table-row--ignored{opacity:.5}.xero-import__table-row--match-high{border-left:3px solid var(--color-success)}.xero-import__table-row--match-low{border-left:3px solid var(--color-warning)}.xero-import__table-row--already-linked{opacity:.45;cursor:default}.xero-import__name-cell{display:flex;flex-direction:column;gap:var(--space-1)}.xero-import__contact-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.xero-import__matched-name{font-size:var(--font-size-xs);color:var(--text-muted)}.xero-import__already-linked-code{font-size:var(--font-size-sm);color:var(--text-muted);font-family:monospace}.xero-import__zoey-cell{display:flex;flex-direction:column;gap:2px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);min-height:36px;justify-content:center}.xero-import__zoey-cell:hover:not(.xero-import__zoey-cell--disabled){border-color:var(--border-color-hover);background-color:var(--bg-secondary)}.xero-import__zoey-cell--disabled{cursor:default;opacity:.5}.xero-import__zoey-cell-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.2}.xero-import__zoey-cell-code{font-size:var(--font-size-xs);color:var(--text-muted)}.xero-import__zoey-cell-placeholder{font-size:var(--font-size-sm);color:var(--text-muted)}.xero-import__changes{font-size:var(--font-size-xs);color:var(--text-secondary)}.xero-import__filter-bar{display:flex;gap:var(--space-2);align-items:flex-start}.xero-import__filter-bar .search-input{flex:1}.xero-import__filter-bar .select{width:180px;flex-shrink:0}.xero-import__progress{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) 0}.xero-import__progress-text{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.xero-import__results{display:flex;flex-direction:column;gap:var(--space-3)}.xero-import__results-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--space-2) 0 0}.xero-import .pagination{align-self:center}.xero-import__loading{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) 0;align-items:center}.xero-import__loading-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.xero-import__bulk-progress{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0}.xero-import__current-customer{font-weight:var(--font-weight-medium);color:var(--text-primary)}.xero-import__phase-indicators{display:flex;gap:var(--space-2);flex-wrap:wrap}.xero-import__step-indicators{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-2) 0}.xero-import__step-dot{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);opacity:.4}.xero-import__step-dot--active{opacity:1}.xero-import__step-dot--done{opacity:.8}.xero-import__step-dot-circle{width:28px;height:28px;border-radius:var(--border-radius-full);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.xero-import__step-dot--active .xero-import__step-dot-circle{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--text-inverse)}.xero-import__step-dot--done .xero-import__step-dot-circle{border-color:var(--color-success);background-color:var(--color-success);color:var(--text-inverse)}.xero-import__step-dot-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.xero-import__step-dot--active .xero-import__step-dot-label{color:var(--text-primary)}.xero-import__error-list{margin-top:var(--space-1)}.xero-import__error-toggle{all:unset;font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer}.xero-import__error-toggle:hover{text-decoration:underline}.xero-import__error-items{list-style:none;padding:0;margin:var(--space-2) 0 0;max-height:200px;overflow-y:auto}.xero-import__error-item{font-size:var(--font-size-xs);color:var(--text-secondary);padding:var(--space-1) 0;border-bottom:1px solid var(--border-color)}.xero-import__error-item:last-child{border-bottom:none}.xero-import__error-item strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.unlinked-services-card{display:flex;flex-direction:column;gap:var(--space-5)}.unlinked-services-card__total{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--border-radius)}.unlinked-services-card__total-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius);background:var(--color-warning-light, var(--bg-tertiary));color:var(--color-warning)}.unlinked-services-card__total-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.unlinked-services-card__total-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.unlinked-services-card__breakdown{display:flex;flex-direction:column;gap:var(--space-2)}.unlinked-services-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--border-radius)}.unlinked-services-card__row-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.unlinked-services-card__row-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.unlinked-services-card__row-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.unlinked-services-card__actions{display:flex;justify-content:flex-end}.unlinked-services-overlay{display:flex;flex-direction:column;gap:var(--space-4)}.unlinked-services-overlay__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.unlinked-services-overlay__description code{font-family:var(--font-family-mono, monospace);background:var(--bg-tertiary);padding:0 var(--space-1);border-radius:var(--border-radius-sm);font-size:.9em}.unlinked-services-overlay__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.unlinked-services-overlay__count{font-size:var(--font-size-sm);color:var(--text-muted)}.unlinked-services-overlay__cli{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm)}.unlinked-services-overlay__customer-link{color:var(--color-primary);text-decoration:none}.unlinked-services-overlay__customer-link:hover{text-decoration:underline}.unlinked-services-overlay__error{font-size:var(--font-size-xs);color:var(--text-muted);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.unlinked-services-overlay__pagination{display:flex;justify-content:center;margin-top:var(--space-4)}.customer-overlay{display:flex;flex-direction:column;gap:var(--space-4)}.customer-overlay__section-header{display:flex;justify-content:space-between;align-items:center}.customer-overlay__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0}.customer-overlay__item-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:var(--space-3);background:var(--bg-secondary)}.customer-overlay__item-header{display:flex;justify-content:space-between;align-items:flex-start}.customer-overlay__empty{color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-3) 0}.customers-page__toolbar{display:flex;align-items:center;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.customers-page__filters{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;min-width:0}.customers-page__search{width:min(100%,360px)}.customers-page__filter-trigger{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.customers-page__filter-trigger:hover{border-color:var(--border-color-hover);background:var(--bg-secondary)}.customers-page__supplier-options{display:flex;flex-direction:column;gap:var(--space-2);min-width:220px;padding:var(--space-2) var(--space-3)}.customers-page__supplier-empty{color:var(--text-muted);font-size:var(--font-size-sm)}.customers-page__clear-filter{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.customers-page__clear-filter:disabled{cursor:not-allowed}.customers-page__clear-filter{width:100%;padding:var(--space-2) var(--space-3);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;transition:background-color var(--transition-fast)}.customers-page__clear-filter:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.customers-page__clear-filter:hover{background:var(--bg-secondary)}.customers-page__row{cursor:pointer}.customers-page__customer-name,.customers-page__sim-count{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.customers-page__usage{display:flex;flex-direction:column;gap:var(--space-2);min-width:220px;max-width:320px}.customers-page__usage-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm)}.customers-page__usage-label span:first-child{color:var(--text-primary);font-weight:var(--font-weight-medium)}.customers-page__warning-pill{display:inline-flex;align-items:center;gap:var(--space-1)}.customers-page__warnings-tooltip{display:flex;flex-direction:column;gap:var(--space-2);max-width:280px}.customers-page__warnings-tooltip-item{color:var(--text-inverse);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.customers-page__muted{color:var(--text-muted)}.customers-page__pagination{display:flex;justify-content:center;margin-top:var(--space-4)}@media(max-width:767px){.customers-page__toolbar{align-items:stretch}.customers-page__filters,.customers-page__search{width:100%}}.customer-details-panel{display:flex;gap:0;min-height:0;align-items:stretch}.customer-details-panel__sidebar{flex-shrink:0;width:240px;padding:var(--space-4);background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);margin-right:var(--space-4)}.customer-details-panel__nav{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.customer-details-panel__nav-item{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.customer-details-panel__nav-item:disabled{cursor:not-allowed}.customer-details-panel__nav-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:left;border-radius:var(--border-radius);border-left:3px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.customer-details-panel__nav-item:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.customer-details-panel__nav-item--active{background-color:var(--bg-tertiary);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:var(--font-weight-medium)}.customer-details-panel__nav-item--active:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--color-primary)}.customer-details-panel__nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.customer-details-panel__nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.customer-details-panel__nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-details-panel__content{flex:1;min-width:0;padding:0}.customer-details-panel__card-body{font-size:var(--font-size-sm)}.customer-details-panel__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.customer-details-panel__fields{display:flex;flex-direction:column;gap:var(--space-1)}.customer-details-panel__field{display:flex;align-items:baseline;gap:var(--space-2);min-height:0}.customer-details-panel__label{font-weight:var(--font-weight-medium);color:var(--text-secondary);flex-shrink:0;min-width:4.5em}.customer-details-panel__value{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.customer-details-panel__value-with-badge{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.customer-details-panel__sub-value{font-size:var(--font-size-xs);color:var(--text-muted)}.customer-details-panel__list{display:flex;flex-direction:column;gap:var(--space-2)}.customer-details-panel__address{padding:var(--space-2) 0;border-bottom:1px solid var(--border-color)}.customer-details-panel__address:last-child{border-bottom:none}.customer-details-panel__address-lines{margin-top:var(--space-1);margin-left:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.customer-details-panel__contact-person{padding:var(--space-2) 0;border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm)}.customer-details-panel__contact-person:last-child{border-bottom:none}.customer-details-panel__contact-person .customer-details-panel__sub-value{margin-top:var(--space-0)}.customer-details-panel__integrations{display:flex;flex-direction:column;gap:var(--space-2)}.customer-details-panel__integration{display:flex;align-items:center;gap:var(--space-2);min-width:0}.customer-details-panel__integration-value{display:inline-flex;align-items:center;gap:var(--space-2)}.customer-details-panel__not-set{color:var(--text-muted);font-style:italic}.customer-details-panel__edit-btn{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.customer-details-panel__edit-btn:disabled{cursor:not-allowed}.customer-details-panel__edit-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--border-radius-sm);color:var(--text-muted);transition:color var(--transition-fast),background-color var(--transition-fast)}.customer-details-panel__edit-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.customer-details-panel__edit-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.customer-details-panel__badge-button{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.customer-details-panel__badge-button:disabled{cursor:not-allowed}.customer-details-panel__badge-button{cursor:pointer;border-radius:var(--border-radius-full);transition:opacity var(--transition-fast)}.customer-details-panel__badge-button:hover{opacity:.8}.customer-details-panel__badge-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.customer-overview-tab{display:flex;flex-direction:column;gap:var(--space-4)}.customer-overview-tab__warnings{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding-left:var(--space-4)}.customer-overview-tab__warning{color:var(--text-secondary)}.customer-overview-tab__usage-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);height:100%;min-width:0;padding:var(--space-4)}.customer-overview-tab__usage-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.customer-overview-tab__usage-title{min-width:0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-overview-tab__usage-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--border-radius);background-color:var(--bg-secondary);color:var(--text-secondary)}.customer-overview-tab__usage-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2}.customer-overview-tab__usage-detail{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.customer-overview-tab__usage-card--success .customer-overview-tab__usage-detail{color:var(--color-success)}.customer-overview-tab__usage-card--warning .customer-overview-tab__usage-detail{color:var(--color-warning)}.customer-overview-tab__usage-card--error .customer-overview-tab__usage-detail{color:var(--color-error)}.customer-overview-tab__usage-empty{color:var(--text-muted);font-size:var(--font-size-sm)}.customer-overview-tab__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);align-items:stretch}.customer-overview-tab__stats .stat-card{height:100%}.services-table__usage{display:flex;flex-direction:column;gap:var(--space-1);min-width:160px}.services-table__usage-label{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap}.services-table__usage--success .services-table__usage-label{color:var(--color-success)}.services-table__usage--warning .services-table__usage-label{color:var(--color-warning)}.services-table__usage--error .services-table__usage-label{color:var(--color-error)}.services-table__usage--unknown{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.import-sims{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0}.import-sims__mode-toggle{display:flex;gap:0;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;width:fit-content}.import-sims__mode-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--bg-primary);color:var(--text-secondary);border:none;cursor:pointer;transition:all var(--transition-fast)}.import-sims__mode-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.import-sims__mode-btn--active{background:var(--color-primary);color:var(--text-inverse)}.import-sims__mode-btn--active:hover{background:var(--color-primary-hover);color:var(--text-inverse)}.import-sims__mode-btn+.import-sims__mode-btn{border-left:1px solid var(--border-color)}.import-sims__services-intro{display:flex;align-items:center;gap:var(--space-4);justify-content:space-between}.import-sims__services-intro p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.import-sims__supplier-row{display:flex;gap:var(--space-3);align-items:flex-end}.import-sims__supplier-select{flex:1;max-width:300px}.import-sims__loading{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) 0;align-items:center}.import-sims__loading-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.import-sims__summary-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.import-sims__summary-actions{display:flex;gap:var(--space-2)}.import-sims__table-wrapper{flex:1;min-height:0;overflow-y:auto}.import-sims__table-wrapper::-webkit-scrollbar{width:8px;height:8px}.import-sims__table-wrapper::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.import-sims__table-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.import-sims__table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.import-sims__iccid{font-family:monospace;font-size:var(--font-size-xs)}.import-sims__sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.import-sims__sortable:hover{color:var(--text-primary)}.import-sims__sort-icon{margin-left:var(--space-1);font-size:var(--font-size-xs);opacity:.5}.import-sims__sort-icon--active{opacity:1}.import-sims__unmatched{margin-top:var(--space-4);border-top:1px solid var(--border-color);padding-top:var(--space-4)}.import-sims__unmatched-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0 0 var(--space-3) 0}.import-sims__error-text{font-size:var(--font-size-xs);color:var(--color-error)}.services-panel{display:flex;flex-direction:column;gap:var(--space-4)}.services-panel__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.services-panel__sync-controls{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.services-panel__last-synced{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.services-panel__actions{display:flex;gap:var(--space-2)}.notification-detail{display:flex;flex-direction:column;gap:var(--space-5)}.notification-detail__meta{display:flex;align-items:center;gap:var(--space-3)}.notification-detail__date{font-size:var(--font-size-sm);color:var(--text-muted)}.notification-detail__info{display:flex;flex-direction:column;gap:var(--space-2)}.notification-detail__info-row{display:flex;align-items:center;gap:var(--space-3)}.notification-detail__info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:100px}.notification-detail__info-value{font-size:var(--font-size-sm);color:var(--text-primary)}.notification-detail__preview{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.notification-detail__preview-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.notification-detail__iframe{width:100%;min-height:340px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#f5f5f5}.notifications-panel{display:flex;flex-direction:column;gap:var(--space-4)}.account-managers-panel{padding:var(--space-6) 0}.account-managers-panel__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.account-managers-panel__name-cell{display:flex;align-items:center;gap:var(--space-2)}.invoices-panel{display:flex;flex-direction:column;gap:var(--space-4)}.invoices-panel__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.invoices-panel__sync-controls{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.invoices-panel__last-synced{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.yearly-cost-tooltip{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-3);box-shadow:var(--shadow-md);font-size:var(--font-size-xs)}.yearly-cost-tooltip__date{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.yearly-cost-tooltip__row{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-1);color:var(--text-secondary);padding:2px 0}.yearly-cost-tooltip__dot{width:8px;height:8px;border-radius:var(--border-radius-full);flex-shrink:0}.yearly-cost-tooltip__total{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--border-color)}.customer-costs-tab{display:flex;flex-direction:column;gap:var(--space-4)}.customer-costs-tab__toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.customer-costs-tab__nav{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.customer-costs-tab__period-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);min-width:180px;text-align:center}.customer-costs-tab__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);align-items:stretch}.customer-costs-tab__stats>.tooltip-trigger{display:block!important;height:100%}.customer-costs-tab__stats .stat-card{height:100%}.customer-costs-tab__chart-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.customer-costs-tab__chart-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.customer-costs-tab__table-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2);overflow-x:auto}.customer-costs-tab__cell-right{text-align:right}.customer-costs-tab__margin-negative{color:var(--color-error);font-weight:var(--font-weight-medium)}.customer-costs-tab__error{color:var(--color-error);font-size:var(--font-size-sm)}.zoey-connect{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0}.zoey-connect__actions{display:flex;gap:var(--space-2);align-items:center}.zoey-connect__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.zoey-connect__loading{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) 0;align-items:center}.zoey-connect__loading-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.zoey-connect__account-list{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-height:0;overflow-y:auto}.zoey-connect__account-list::-webkit-scrollbar{width:8px;height:8px}.zoey-connect__account-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.zoey-connect__account-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.zoey-connect__account-list::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.zoey-connect__account{padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.zoey-connect__account:hover{border-color:var(--border-color-hover);background-color:var(--bg-secondary)}.zoey-connect__account--selected{border-color:var(--color-primary);background-color:var(--bg-secondary)}.zoey-connect__account--closed{opacity:.6}.zoey-connect__account-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.zoey-connect__account-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-primary)}.zoey-connect__account-details{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--text-muted)}.customer-detail-page__breadcrumbs{margin-bottom:var(--space-2)}.customer-detail-page__header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.customer-detail-page__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.customer-detail-page__loading,.customer-detail-page__not-found{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.customer-detail-page__tabs{margin-top:var(--space-2)}.customer-detail-page__actions-dropdown .dropdown-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--border-radius);color:var(--text-secondary);background:transparent}.customer-detail-page__actions-dropdown .dropdown-menu-trigger:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.sim-details-tab{display:flex;flex-direction:column;gap:var(--space-4)}.sim-details-tab__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3);color:var(--text-primary)}.sim-details-tab__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:var(--space-4) 0 var(--space-2);color:var(--text-primary)}.sim-details-tab__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-2)}.sim-details-tab__field{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0}.sim-details-tab__label{font-weight:var(--font-weight-medium);color:var(--text-secondary);flex-shrink:0;min-width:120px;font-size:var(--font-size-sm)}.sim-details-tab__value{color:var(--text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sim-details-tab__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.sim-details-tab__error{color:var(--color-error);font-size:var(--font-size-sm);padding:var(--space-2) 0}.sim-details-tab__profiles{border-top:1px solid var(--border-color);margin-top:var(--space-2)}.sim-details-tab__profile{padding:var(--space-3) 0}.sim-details-tab__profile+.sim-details-tab__profile{border-top:1px solid var(--border-color)}.sim-details-tab__apns{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);padding-left:calc(120px + var(--space-3))}.sim-details-tab__apn-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.tariff-tab{display:flex;flex-direction:column;gap:var(--space-4)}.tariff-tab__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3);color:var(--text-primary)}.tariff-tab__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.tariff-tab__header-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tariff-tab__synced-at{font-size:var(--font-size-xs);color:var(--text-muted)}.tariff-tab__loading{display:flex;flex-direction:column;gap:var(--space-2)}.tariff-tab__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-2)}.tariff-tab__field{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0}.tariff-tab__label{font-weight:var(--font-weight-medium);color:var(--text-secondary);flex-shrink:0;min-width:140px;font-size:var(--font-size-sm)}.tariff-tab__value{color:var(--text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.usage-chart-tooltip{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-3);box-shadow:var(--shadow-md);font-size:var(--font-size-xs)}.usage-chart-tooltip__date{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.usage-chart-tooltip__row{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-1);color:var(--text-secondary);padding:2px 0}.usage-chart-tooltip__dot{width:8px;height:8px;border-radius:var(--border-radius-full);flex-shrink:0}.usage-chart-tooltip__total{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--border-color)}.usage-chart-tooltip__note{margin-top:var(--space-2);color:var(--text-secondary)}.usage-tab{display:flex;flex-direction:column;gap:var(--space-4)}.usage-tab__toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.usage-tab__nav{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.usage-tab__period-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);min-width:180px;text-align:center}.usage-tab__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.usage-tab__chart-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);min-height:350px}.usage-tab__sync-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted)}.usage-tab__error{color:var(--color-error);font-size:var(--font-size-sm)}.sim-detail-page__breadcrumbs{margin-bottom:var(--space-4)}.sim-detail-page__title{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sim-detail-page__tabs{margin-top:var(--space-2)}.sim-detail-page__loading,.sim-detail-page__not-found{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.service-details-tab{display:flex;flex-direction:column;gap:var(--space-4)}.service-details-tab__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3);color:var(--text-primary)}.service-details-tab__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-2)}.service-details-tab__field{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0}.service-details-tab__label{font-weight:var(--font-weight-medium);color:var(--text-secondary);flex-shrink:0;min-width:140px;font-size:var(--font-size-sm)}.service-details-tab__value{color:var(--text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.service-details-tab__link{color:var(--color-primary);text-decoration:none}.service-details-tab__link:hover{text-decoration:underline}.service-details-tab__error{color:var(--color-error);font-size:var(--font-size-sm)}.service-tariff-tab{display:flex;flex-direction:column;gap:var(--space-4)}.service-tariff-tab__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3);color:var(--text-primary)}.service-tariff-tab__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.service-tariff-tab__header-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.service-tariff-tab__synced-at{font-size:var(--font-size-xs);color:var(--text-muted)}.service-tariff-tab__loading{display:flex;flex-direction:column;gap:var(--space-2)}.service-tariff-tab__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-2)}.service-tariff-tab__field{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0}.service-tariff-tab__label{font-weight:var(--font-weight-medium);color:var(--text-secondary);flex-shrink:0;min-width:140px;font-size:var(--font-size-sm)}.service-tariff-tab__value{color:var(--text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.service-history-tab{display:flex;flex-direction:column;gap:var(--space-4)}.service-history-tab__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3);color:var(--text-primary)}.service-history-tab__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-2)}.service-history-tab__field{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0}.service-history-tab__label{font-weight:var(--font-weight-medium);color:var(--text-secondary);flex-shrink:0;min-width:180px;font-size:var(--font-size-sm)}.service-history-tab__value{color:var(--text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.service-detail-page__breadcrumbs{margin-bottom:var(--space-4)}.service-detail-page__title{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-detail-page__tabs{margin-top:var(--space-2)}.service-detail-page__loading,.service-detail-page__not-found{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.sims-page__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.sims-page__toolbar-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2)}.sims-page__search{max-width:400px;flex:1 1 280px}.sims-page__filters{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.sims-page__filters .select-wrapper{flex:0 0 auto;min-width:160px;max-width:200px}.sims-page__pagination{margin-top:var(--space-4);display:flex;justify-content:center}.sims-page__inventory-overview,.sims-page__table-alert,.sims-page__create-alert{margin-bottom:var(--space-4)}.sims-page__link-cell{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.sims-page__link-cell:disabled{cursor:not-allowed}.sims-page__link-cell{color:var(--color-primary);font-weight:var(--font-weight-medium);text-align:left}.sims-page__link-cell:hover{color:var(--color-primary-hover);text-decoration:underline}.sims-page__link-cell:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.sims-page__create-form{display:contents}.sims-page__create-form .overlay-panel-body{display:flex;flex-direction:column;gap:var(--space-4)}.sims-page__detail-form{display:contents}.sims-page__detail-form .overlay-panel-body{display:flex;flex-direction:column;gap:var(--space-5)}.sims-page__detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary)}.sims-page__detail-summary>div{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.sims-page__detail-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.sims-page__detail-hint{color:var(--text-muted);font-size:var(--font-size-sm)}.sims-page__workflow-panel,.sims-page__events-panel{display:flex;flex-direction:column;gap:var(--space-3)}.sims-page__panel-title{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.sims-page__customer-picker,.sims-page__events-list{display:flex;flex-direction:column;gap:var(--space-3)}.sims-page__event-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary)}.sims-page__event-main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sims-page__event-main span{color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap}.sims-page__event-status{color:var(--text-secondary);font-size:var(--font-size-sm)}.sims-page__event-notes{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.sims-page__event-actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2)}.sims-page__usage{min-width:180px;max-width:240px;color:var(--text-muted);font-size:var(--font-size-sm)}.sims-page__usage--success{color:var(--color-success)}.sims-page__usage--warning{color:var(--color-warning)}.sims-page__usage--error{color:var(--color-error)}.sims-page__usage-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1);white-space:nowrap}@media(max-width:767px){.sims-page__toolbar{align-items:stretch;flex-direction:column}.sims-page__search{max-width:none}.sims-page__toolbar-actions{justify-content:flex-start}.sims-page__detail-summary{grid-template-columns:1fr}.sims-page__event-main{align-items:flex-start;flex-direction:column}}.tabs__panel{padding-top:var(--space-4)}.user-details-panel{display:flex;gap:0;min-height:0;align-items:stretch}.user-details-panel__sidebar{flex-shrink:0;width:240px;padding:var(--space-4);background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);margin-right:var(--space-4)}.user-details-panel__nav{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.user-details-panel__nav-item{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.user-details-panel__nav-item:disabled{cursor:not-allowed}.user-details-panel__nav-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:left;border-radius:var(--border-radius);border-left:3px solid transparent;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.user-details-panel__nav-item:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.user-details-panel__nav-item--active{background-color:var(--bg-tertiary);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:var(--font-weight-medium)}.user-details-panel__nav-item--active:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--color-primary)}.user-details-panel__nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.user-details-panel__nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.user-details-panel__nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details-panel__content{flex:1;min-width:0;padding:0}.user-details-panel__card-body{font-size:var(--font-size-sm)}.user-details-panel__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.user-details-panel__fields{display:flex;flex-direction:column;gap:var(--space-3)}.user-details-panel__field{display:flex;align-items:baseline;gap:var(--space-2);min-height:0}.user-details-panel__label{font-weight:var(--font-weight-medium);color:var(--text-secondary);flex-shrink:0;min-width:5.5em}.user-details-panel__value{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.user-details-panel__roles{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.user-details-panel__actions{margin-top:var(--space-4);display:flex;justify-content:flex-end}.accounts-panel{padding:var(--space-6) 0}.accounts-panel__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.sales-targets-panel{display:grid;gap:var(--space-4)}.sales-targets-panel__form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(220px,2fr) auto;gap:var(--space-3);align-items:end}@media(max-width:1023px){.sales-targets-panel__form{grid-template-columns:1fr 1fr}}@media(max-width:639px){.sales-targets-panel__form{grid-template-columns:1fr}}.sales-targets-panel__form-action{display:flex;justify-content:flex-end}.sales-targets-panel__month,.sales-targets-panel__progress{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);min-width:0}.sales-targets-panel__progress{min-width:180px}.sales-targets-panel__progress .progress-bar{flex:1}.sales-targets-panel__progress span{min-width:42px;color:var(--text-secondary);font-size:var(--font-size-sm);text-align:right}.sales-targets-panel__snapshot{padding:2px var(--space-1);border-radius:var(--border-radius-sm);background:var(--bg-tertiary);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.sales-targets-panel__positive{color:var(--color-success);font-weight:var(--font-weight-semibold)}.sales-targets-panel__negative{color:var(--text-secondary)}.user-detail-page__breadcrumbs{margin-bottom:var(--space-2)}.user-detail-page__header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.user-detail-page__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.user-detail-page__loading,.user-detail-page__not-found{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted)}.user-detail-page__tabs{margin-top:var(--space-2)}.user-detail-page__actions-dropdown .dropdown-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--border-radius);color:var(--text-secondary);background:transparent}.user-detail-page__actions-dropdown .dropdown-menu-trigger:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.sales-page__toolbar{display:flex;align-items:center;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.sales-page__switcher{width:220px}.sales-page__period-controls{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);flex-wrap:wrap}.sales-page__year-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.sales-page__year-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);min-width:92px;text-align:center}.sales-page__year-label--wide{min-width:132px;align-self:center}.sales-page__tab-panel{display:grid;gap:var(--space-6)}.sales-page__chart-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.sales-page__customer-row{cursor:pointer}.sales-page__pagination{display:flex;align-items:center;justify-content:center}.sales-page__balance-note{display:flex;align-items:center;justify-content:center;gap:var(--space-1);color:var(--text-muted);font-size:var(--font-size-xs);margin:0 var(--space-6) var(--space-6)}.revenue-chart{width:100%}.revenue-chart--loading{height:280px;background:var(--bg-secondary);border-radius:var(--border-radius);animation:pulse 1.5s ease-in-out infinite}.revenue-chart__tooltip{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-sm)}.revenue-chart__tooltip-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0 0 var(--space-1)}.revenue-chart__tooltip-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.revenue-chart__tooltip-value:last-child{margin-bottom:0}.revenue-chart--empty{height:280px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--text-muted)}.sales-target-chart{width:100%}.sales-target-chart--loading{height:280px;background:var(--bg-secondary);border-radius:var(--border-radius);animation:pulse 1.5s ease-in-out infinite}.sales-target-chart--empty{height:280px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--font-size-sm)}.sales-target-chart__scale{position:relative;height:20px;padding:0 0 var(--space-2) 180px;color:var(--text-muted);font-size:var(--font-size-xs)}.sales-target-chart__scale span{position:absolute;bottom:var(--space-2);transform:translate(-50%);white-space:nowrap}.sales-target-chart__scale span:first-child{left:180px;transform:none}.sales-target-chart__scale span:nth-child(2){left:calc(180px + (100% - 180px)*.8)}.sales-target-chart__scale span:last-child{right:0;transform:none}@media(max-width:639px){.sales-target-chart__scale{padding-left:0}.sales-target-chart__scale span:first-child{left:0}.sales-target-chart__scale span:nth-child(2){left:80%}}.sales-target-chart__rows{display:grid;gap:var(--space-4)}.sales-target-chart__row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-3) var(--space-5);align-items:center}@media(max-width:639px){.sales-target-chart__row{grid-template-columns:1fr;gap:var(--space-2)}}.sales-target-chart__row-header{min-width:0}.sales-target-chart__name{display:block;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-target-chart__value{display:block;margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--font-size-xs)}.sales-target-chart__track{position:relative;height:18px;overflow:hidden;border-radius:var(--border-radius-sm);background:var(--bg-tertiary)}.sales-target-chart__fill{position:absolute;inset:0 auto 0 0;border-radius:var(--border-radius-sm);transition:width var(--transition-normal)}.sales-target-chart__threshold{position:absolute;top:0;bottom:0;z-index:1;width:2px;background:var(--bg-primary)}.sales-target-chart__threshold--near{left:80%;opacity:.8}.sales-target-chart__threshold--target{right:0;background:var(--text-secondary)}.sales-target-chart__row-footer{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-muted);font-size:var(--font-size-xs)}.sales-target-chart__row-footer span:first-child{color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media(max-width:639px){.sales-target-chart__row-footer{grid-column:1}}.status-chart__legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.status-chart__legend-item{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-secondary)}.status-chart__legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.job-detail__summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.job-detail__field{display:flex;flex-direction:column;gap:var(--space-1)}.job-detail__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.job-detail__value{font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-all}.job-detail__value--mono{font-family:monospace;font-size:var(--font-size-xs)}.job-detail__section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3);display:flex;justify-content:flex-start;gap:var(--space-2);align-items:center}.job-detail__error{margin-bottom:var(--space-4)}.job-detail__result{margin-bottom:var(--space-6)}.job-detail__result pre{background:var(--bg-tertiary);border-radius:var(--border-radius);padding:var(--space-3);font-size:var(--font-size-xs);overflow-x:auto;margin:0}.job-detail__result pre::-webkit-scrollbar{width:8px;height:8px}.job-detail__result pre::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.job-detail__result pre::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.job-detail__result pre::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.job-detail__logs{display:flex;flex-direction:column;gap:var(--space-2)}.job-detail__log-entry{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-sm);background:var(--bg-secondary);font-size:var(--font-size-sm);align-items:flex-start}.job-detail__log-time{flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-muted);font-family:monospace;min-width:75px}.job-detail__log-level{flex-shrink:0;min-width:50px}.job-detail__log-message{flex:1;color:var(--text-primary);word-break:break-word}.job-detail__empty-logs{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--space-6) 0}.schedule-section__toolbar{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.schedule-section__table-wrap{margin-top:var(--space-4)}.schedule-section__frequency{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-secondary)}.schedule-section__last-run{font-size:var(--font-size-sm);color:var(--text-muted)}.schedule-section__actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2)}:root{--color-millbeck-red: #f0331c;--color-millbeck-red-light: rgba(240, 51, 28, .5);--color-millbeck-navy: #111827;--color-millbeck-navy-light: rgba(17, 24, 39, .5);--color-millbeck-light-blue: #cef4fa;--color-millbeck-light-blue-light: rgba(206, 244, 250, .5);--color-primary: #f0331c;--color-primary-hover: #d92d18;--color-primary-active: #c22814;--color-secondary: #64748b;--color-secondary-hover: #475569;--color-secondary-active: #334155;--color-success: #22c55e;--color-success-hover: #16a34a;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-error: #ef4444;--color-error-hover: #dc2626;--color-info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-inverse: #0f172a;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-color-hover: #cbd5e1;--border-color-focus: var(--color-primary);--border-radius-sm: 4px;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-heading: "Rethink Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Rethink Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-family: "Rethink Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px;--container-max-width: 1280px}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-inverse: #f8fafc;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-inverse: #0f172a;--border-color: #334155;--border-color-hover: #475569;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3)}.jobs-page__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.jobs-page__filters{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-3)}.jobs-page__filters .select-wrapper{flex:0 0 auto;min-width:160px;max-width:200px}.jobs-page__actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);flex-shrink:0}.jobs-page__pagination{margin-top:var(--space-4);display:flex;justify-content:center}.jobs-page__duration--running{color:var(--color-info);font-weight:var(--font-weight-medium)}.jobs-page__source{color:var(--text-muted);font-size:var(--font-size-xs)}.worker-health{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;cursor:default}.worker-health__dot{width:8px;height:8px;border-radius:var(--border-radius-full);flex-shrink:0}.worker-health__icon{animation:spin 1.5s linear infinite;color:var(--text-muted)}.worker-health__label{color:inherit}.worker-health__uptime{color:var(--text-muted);font-weight:var(--font-weight-normal)}.worker-health--healthy{background:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success)}.worker-health--healthy .worker-health__dot{background:var(--color-success);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success) 20%,transparent)}.worker-health--offline{background:color-mix(in srgb,var(--text-muted) 10%,transparent);color:var(--text-muted)}.worker-health--offline .worker-health__dot{background:var(--text-muted)}.worker-health--error{background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error)}.worker-health--error .worker-health__dot{background:var(--color-error);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error) 20%,transparent)}.worker-health--loading{color:var(--text-muted)}.tariff-costs-page__controls{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.tariff-costs-page__code{font-family:monospace;font-size:var(--font-size-sm);color:var(--text-secondary)}.tariff-cost-detail__breadcrumbs{margin-bottom:var(--space-4)}.tariff-cost-detail__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.tariff-cost-detail__subtitle{font-family:monospace;font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-4) 0}.tariff-cost-detail__tabs{margin-top:var(--space-4)}.tariff-cost-detail__error,.tariff-cost-detail__not-found{color:var(--text-secondary);padding:var(--space-8) 0;text-align:center}.tariff-info-tab{display:flex;flex-direction:column;gap:var(--space-4)}.tariff-info-tab__header{margin-bottom:var(--space-4)}.tariff-info-tab__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.tariff-info-tab__header-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.tariff-info-tab__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.tariff-info-tab__field{display:flex;flex-direction:column;gap:var(--space-1)}.tariff-info-tab__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.tariff-info-tab__value{font-size:var(--font-size-sm);color:var(--text-primary)}.tariff-costs-tab{display:flex;flex-direction:column;gap:var(--space-4)}.tariff-costs-tab__card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.tariff-costs-tab__reference-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.tariff-costs-tab__ref-field{display:flex;flex-direction:column;gap:var(--space-1)}.tariff-costs-tab__ref-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.tariff-costs-tab__ref-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.tariff-costs-tab__form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.tariff-costs-tab__form-header .tariff-costs-tab__card-title{margin-bottom:0}.tariff-costs-tab__no-cost{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.tariff-costs-tab__alert{margin-bottom:var(--space-3)}.tariff-costs-tab__formula-help{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm)}.tariff-costs-tab__formula-help p{margin:0;line-height:var(--line-height-normal)}.tariff-costs-tab__formula-help pre{margin:0;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);white-space:pre-wrap;overflow-wrap:anywhere}.tariff-costs-tab__formula-help-title,.tariff-costs-tab__formula-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.tariff-costs-tab__active-badge{margin-left:var(--space-2)}.tariff-costs-tab__notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:var(--text-secondary);font-size:var(--font-size-sm)}.tariff-sims-tab{display:flex;flex-direction:column;gap:var(--space-4)}.tariff-sims-tab__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tariff-sims-tab__iccid-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.tariff-sims-tab__iccid-link:hover{color:var(--color-primary-hover);text-decoration:underline}.tariff-sims-tab__iccid-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tariff-sims-tab__service-cell{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.tariff-sims-tab__service-code{color:var(--text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.tariff-sims-tab__pagination{display:flex;align-items:center;justify-content:center}@media(max-width:639px){.tariff-sims-tab__toolbar{align-items:flex-start;flex-direction:column}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.notifications-page{display:flex;flex-direction:column;gap:var(--space-6)}.notifications-page__topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:start}.notifications-page__send-button{white-space:nowrap}.notifications-page__type-card{min-width:0}.notifications-page__summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4)}.notifications-page__summary-item{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.notifications-page__summary-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.notifications-page__summary-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.notifications-page__summary-actions{display:flex;justify-content:flex-end;margin-top:var(--space-5)}.notifications-page__config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:end}.notifications-page__config-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--space-10)}.notifications-page__config-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.notifications-page__time-row,.notifications-page__channels,.notifications-page__email-edit,.notifications-page__email-display,.notifications-page__section-toolbar{display:flex;align-items:center;gap:var(--space-3)}.notifications-page__channels{min-height:var(--space-10)}.notifications-page__customers{display:flex;flex-direction:column;gap:var(--space-4)}.notifications-page__section-toolbar{width:100%;max-width:calc(var(--space-16) * 9)}.notifications-page__section-toolbar .search-input-wrapper{flex:1;min-width:calc(var(--space-16) * 3)}.notifications-page__status-filter{display:inline-flex;flex-shrink:0;align-items:center;padding:var(--space-1);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.notifications-page__status-filter-option{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.notifications-page__status-filter-option:disabled{cursor:not-allowed}.notifications-page__status-filter-option{min-height:var(--space-8);padding:var(--space-1) var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.notifications-page__status-filter-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.notifications-page__status-filter-option:hover{color:var(--text-primary)}.notifications-page__status-filter-option[aria-pressed=true]{color:var(--text-primary);background-color:var(--bg-primary);box-shadow:var(--shadow-sm)}.notifications-page__email-edit{min-width:calc(var(--space-16) * 4)}.notifications-page__email-display{justify-content:space-between;min-width:calc(var(--space-16) * 3.5)}.notifications-page__email-display span{color:var(--text-secondary);overflow-wrap:anywhere}.notifications-page__activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.admin-notification{display:flex;flex-direction:column;gap:var(--space-4)}.admin-notification__customer-picker{position:relative}.admin-notification__customer-results{position:absolute;top:calc(100% + var(--space-1));right:0;left:0;z-index:var(--z-popover);max-height:calc(var(--space-16) * 4);overflow-y:auto;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg)}.admin-notification__customer-results::-webkit-scrollbar{width:8px;height:8px}.admin-notification__customer-results::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.admin-notification__customer-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.admin-notification__customer-results::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.admin-notification__customer-result{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:inherit}.admin-notification__customer-result:disabled{cursor:not-allowed}.admin-notification__customer-result{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3);color:var(--text-primary);text-align:left;transition:background-color var(--transition-fast)}.admin-notification__customer-result:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.admin-notification__customer-result:hover,.admin-notification__customer-result:focus-visible,.admin-notification__customer-result[aria-selected=true]{background-color:var(--bg-secondary)}.admin-notification__customer-result--muted{color:var(--text-muted);cursor:default}.admin-notification__customer-result--muted:hover{background-color:transparent}.admin-notification__customer-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.admin-notification__customer-email{color:var(--text-muted);font-size:var(--font-size-xs);overflow-wrap:anywhere}.admin-notification__channels{display:flex;flex-direction:column;gap:var(--space-2)}.admin-notification__hint{color:var(--text-muted);font-size:var(--font-size-xs)}@media(max-width:1023px){.notifications-page__topbar,.notifications-page__summary,.notifications-page__config-grid,.notifications-page__activity-grid{grid-template-columns:1fr}.notifications-page__send-button,.notifications-page__summary-actions button{width:100%}.notifications-page__time-row,.notifications-page__section-toolbar,.notifications-page__email-edit{align-items:stretch;flex-direction:column}.notifications-page__status-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.notifications-page__email-edit,.notifications-page__email-display{min-width:0}}