.icon{display:inline-block;vertical-align:middle;flex-shrink:0;color:currentColor}.icon--default{color:currentColor}.icon--primary{color:var(--color-primary)}.icon--success{color:var(--color-success)}.icon--warning{color:var(--color-warning)}.icon--error{color:var(--color-error)}.icon--secondary{color:var(--color-text-secondary)}.icon--sm{width:16px;height:16px}.icon--md{width:20px;height:20px}.icon--lg{width:24px;height:24px}.icon--xl{width:32px;height:32px}.spinner{animation:spin 1.2s linear infinite;display:inline-block}.btn{align-items:center;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-btn);font-weight:var(--font-weight-semibold);justify-content:center;position:relative;text-decoration:none;transition:all var(--speed-default) var(--easing-default);border-radius:var(--border-radius-btn);height:var(--button-height-base);padding:var(--spacing-button-padding-y-base) var(--spacing-button-padding-x-base);background-color:var(--color-transparent);border:var(--border-width-thick) solid var(--color-mine-shaft);color:var(--color-mine-shaft);white-space:nowrap;line-height:1;text-size-adjust:100%;-webkit-text-size-adjust:100%;contain:layout}.btn:hover{text-decoration:none}.btn-xs{height:var(--button-height-xs);padding:var(--spacing-button-padding-y-xs) var(--spacing-button-padding-x-xs);font-size:var(--font-size-xs)}.btn-sm{height:var(--button-height-sm);padding:var(--spacing-button-padding-y-sm) var(--spacing-button-padding-x-sm);font-size:var(--font-size-sm)}.btn-md{height:var(--button-height-base);padding:var(--spacing-button-padding-y-base) var(--spacing-button-padding-x-base);font-size:var(--font-size-base)}.btn-lg{height:var(--button-height-lg);padding:var(--spacing-button-padding-y-lg) var(--spacing-button-padding-x-lg);font-size:var(--font-size-md)}.btn-xl{height:var(--button-height-xl);padding:var(--spacing-button-padding-y-xl) var(--spacing-button-padding-x-xl);font-size:var(--font-size-lg)}.btn-primary{border:var(--border-width-thick) solid var(--color-azure-radiance);color:var(--color-mine-shaft)}.btn-primary:hover:not(:disabled){background-color:var(--color-azure-radiance);color:var(--color-white);box-shadow:0 2px 4px var(--color-primary-shadow)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active);transform:translateY(1px)}.btn-secondary{background-color:var(--color-mine-shaft);border-color:var(--color-mine-shaft);color:var(--color-alabaster)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover);color:var(--color-white);box-shadow:0 2px 4px var(--color-secondary-shadow)}.btn-secondary:active:not(:disabled){background-color:var(--color-secondary-active);border-color:var(--color-secondary-active);transform:translateY(1px)}.btn-outline{border:var(--border-width-thick) solid var(--color-azure-radiance);color:var(--color-azure-radiance)}.btn-outline:hover:not(:disabled){background-color:var(--color-azure-radiance-10);border-color:var(--color-azure-radiance);color:var(--color-azure-radiance)}.btn-outline:active:not(:disabled){background-color:var(--color-outline-active);transform:translateY(1px)}.btn-ghost{border:none;color:var(--color-mine-shaft)}.btn-ghost:hover:not(:disabled){background-color:var(--color-ghost-hover)}.btn-ghost:active:not(:disabled){background-color:var(--color-ghost-active);transform:translateY(1px)}.btn-tertiary{background-color:transparent;border:var(--border-width-thick) solid transparent;color:var(--color-azure-radiance);text-decoration:underline}.btn-tertiary:hover:not(:disabled){color:var(--color-tertiary-hover);text-decoration:underline}.btn-tertiary:active:not(:disabled){color:var(--color-tertiary-active);transform:translateY(1px)}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-white);position:relative}.btn-danger:before{content:"";position:absolute;inset:-2px;border:var(--border-width-thick) solid transparent;border-radius:inherit;transition:border-color var(--speed-default) var(--easing-default)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);transform:translateY(-1px);box-shadow:0 4px 8px var(--color-error-shadow)}.btn-danger:focus:not(:disabled){outline:none}.btn-danger:focus:not(:disabled):before{border-color:var(--color-azure-radiance)}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px var(--color-error50)}@media (prefers-contrast: high){.btn-danger{background-color:var(--color-danger-high-contrast);border-color:var(--color-danger-high-contrast);color:var(--color-white);border-width:3px}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);filter:brightness(.85)}}@media (prefers-reduced-motion: reduce){.btn-danger{transition:none}.btn-danger:before{transition:none}.btn-danger:hover:not(:disabled){transform:none;box-shadow:none}.btn-danger:active:not(:disabled){transform:none;box-shadow:none}}.btn:disabled,.btn-disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-loading{color:transparent}.btn-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.btn-content{display:inline-flex;align-items:center;gap:var(--spacing-micro)}.btn-content.invisible{visibility:hidden}.alert{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius-lg);border:var(--border-width-default) solid}.alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert__content{flex:1;min-width:0}.alert__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.alert__message{font-size:var(--font-size-sm);line-height:var(--line-height-base)}.alert__dismiss{flex-shrink:0;opacity:var(--opacity-muted);transition:opacity var(--transition-default)}.alert__dismiss:hover{opacity:1}.alert--no-title{align-items:center}.alert--success{background-color:var(--color-success50);border-color:var(--color-success);color:var(--color-success)}.alert--success .alert__message{color:var(--color-gray700)}.alert--warning{background-color:var(--color-warning50);border-color:var(--color-warning);color:var(--color-warning)}.alert--warning .alert__message{color:var(--color-gray700)}.alert--error{background-color:var(--color-error50);border-color:var(--color-error);color:var(--color-error)}.alert--error .alert__message{color:var(--color-gray700)}.alert--info{background-color:var(--color-azure-radiance10);border-color:var(--color-azure-radiance);color:var(--color-azure-radiance)}.alert--info .alert__message{color:var(--color-gray700)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.02em;line-height:1;-webkit-user-select:none;user-select:none;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-primary{background:var(--color-azure-radiance);color:#fff}.avatar-secondary{background:var(--color-gray200);color:var(--color-gray700)}.avatar-neutral{background:var(--color-gray100);color:var(--color-gray600)}.avatar-interactive{cursor:pointer;border:none;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow var(--transition-default)}.avatar-interactive:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:var(--border-width-thick) solid transparent;transition:border-color var(--transition-default),transform var(--transition-default)}.avatar-interactive:hover{transform:scale(1.08);box-shadow:var(--shadow-xl)}.avatar-interactive:hover:after{border-color:var(--color-gray200)}.avatar-interactive.avatar-primary:hover:after{border-color:#4ba3f7}.avatar-interactive:active{transform:scale(.95);transition-duration:.1s}.avatar-interactive:focus-visible{outline:none}.avatar-interactive:focus-visible:after{border-color:var(--color-azure-radiance);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-azure-radiance)}.dropdown{position:relative;display:inline-block}.dropdown-trigger{cursor:pointer}.dropdown-panel{position:absolute;z-index:50;min-width:200px;background:#fff;border:var(--border-width-default) solid var(--color-gray200);border-radius:var(--border-radius-lg);overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);isolation:isolate;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.dropdown-panel-open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-bottom{top:100%;margin-top:var(--spacing-xs)}.dropdown-top{bottom:100%;margin-bottom:var(--spacing-xs)}.dropdown-right{right:0}.dropdown-left{left:0}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-gray700);background:none;border:none;text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-item:hover:not(.dropdown-item-disabled){background-color:var(--color-gray50)}.dropdown-item:active:not(.dropdown-item-disabled){background-color:var(--color-gray100)}.dropdown-item-danger{color:var(--color-danger)}.dropdown-item-danger:hover:not(.dropdown-item-disabled){background-color:#fceae8}.dropdown-item-disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-gray500)}.dropdown-item-danger .dropdown-item-icon{color:inherit}.dropdown-item-label{flex:1}.dropdown-divider{height:1px;margin:var(--spacing-xs) 0;background-color:var(--color-gray100)}.dropdown-header{padding:var(--spacing-md) var(--spacing-lg)}.card{background:var(--color-white);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--border-radius-base);box-shadow:var(--shadow-sm);font-size:var(--font-size-base)}.card-body{flex:1;padding:var(--spacing-card-padding-base);color:color-mix(in oklch,var(--color-text-primary),transparent 40%)}.card-header{border-bottom:var(--border-width-default) solid var(--color-border-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--spacing-card-padding-base)}.card-header-with-end{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-base)}.card-header-content{flex:1;min-width:0}.card-header-end{flex-shrink:0}.card-footer{border-top:var(--border-width-default) solid var(--color-border-primary);padding:var(--spacing-card-padding-base)}.card-padding-sm .card-body,.card-padding-sm .card-header,.card-padding-sm .card-header-with-end,.card-padding-sm .card-footer{padding:var(--spacing-card-padding-sm)}.card-padding-base .card-body,.card-padding-base .card-header,.card-padding-base .card-header-with-end,.card-padding-base .card-footer{padding:var(--spacing-card-padding-base)}.card-padding-lg .card-body,.card-padding-lg .card-header,.card-padding-lg .card-header-with-end,.card-padding-lg .card-footer{padding:var(--spacing-card-padding-lg)}.card-padding-none .card-body{padding:0}.card-padding-none .card-header,.card-padding-none .card-header-with-end,.card-padding-none .card-footer{padding:var(--spacing-base) var(--spacing-lg)}.card-elevated{box-shadow:var(--shadow-md)}.card-interactive{transition:all var(--speed-fast) var(--easing-default);cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-success{border:var(--border-width-default) solid var(--color-success);background:#2dc8700d}.card-warning{border:var(--border-width-default) solid var(--color-warning);background:#f7931e0d}.card-danger{border:var(--border-width-default) solid var(--color-danger);background:#b3261e0d}.card-primary{border:var(--border-width-default) solid var(--color-azure-radiance);background:#0071e30d}.card-flat{background:transparent;border:none;box-shadow:none}.card.card-borderless{border:none}.card.card-radius-none{border-radius:var(--border-radius-none)}.card.card-radius-sm{border-radius:var(--border-radius-sm)}.card.card-radius-lg{border-radius:var(--border-radius-lg)}.card.card-radius-base{border-radius:var(--border-radius-base)}.grid-item{display:flex;flex-direction:column;min-height:0;overflow:visible}.grid-item>.card{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.grid-item>.card .card-body{display:flex;flex-direction:column;min-height:0}@keyframes grid-item-pulse{0%{box-shadow:var(--shadow-sm)}30%{box-shadow:0 0 0 3px #0083e040;box-shadow:0 0 0 3px oklch(.6 .2 250 / .25);transform:scale(1.015)}to{box-shadow:var(--shadow-sm);transform:scale(1)}}.grid-item--pulse>.card{animation:grid-item-pulse .5s ease-out}.grid{display:grid;width:100%;overflow:hidden}.grid>*{min-width:0;min-height:0;max-width:100%;max-height:100%;overflow:hidden}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.grid-cols-none{grid-template-columns:none}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-auto{grid-template-rows:auto}.grid-rows-none{grid-template-rows:none}.grid-gap-none{gap:0}.grid-gap-xs{gap:var(--spacing-xs)}.grid-gap-sm{gap:var(--spacing-sm)}.grid-gap-md{gap:var(--spacing-md)}.grid-gap-base{gap:var(--spacing-base)}.grid-gap-lg{gap:var(--spacing-lg)}.grid-gap-xl{gap:var(--spacing-xl)}.grid-gap-2xl{gap:var(--spacing-2xl)}.grid-items-start{align-items:start}.grid-items-center{align-items:center}.grid-items-end{align-items:end}.grid-items-stretch{align-items:stretch}.grid-justify-start{justify-items:start}.grid-justify-center{justify-items:center}.grid-justify-end{justify-items:end}.grid-justify-stretch{justify-items:stretch}.grid-battery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-base)}.grid-battery.density-compact{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-xs)}.grid-battery.density-spacious{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-lg)}.grid-dashboard{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.grid-data-table{grid-template-columns:1fr;gap:var(--spacing-sm)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}.col-span-full{grid-column:1 / -1}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}.row-span-4{grid-row:span 4}.row-span-5{grid-row:span 5}.row-span-6{grid-row:span 6}@media (min-width: 640px){.grid-responsive .sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-responsive .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-responsive .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-responsive .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-responsive .sm\:grid-gap-sm{gap:var(--spacing-sm)}.grid-responsive .sm\:grid-gap-md{gap:var(--spacing-md)}}@media (min-width: 768px){.grid-responsive .md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-responsive .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-responsive .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-responsive .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-responsive .md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-responsive .md\:grid-gap-md{gap:var(--spacing-md)}.grid-responsive .md\:grid-gap-base{gap:var(--spacing-base)}}@media (min-width: 1024px){.grid-responsive .lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-responsive .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-responsive .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-responsive .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-responsive .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-responsive .lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-responsive .lg\:grid-gap-base{gap:var(--spacing-base)}.grid-responsive .lg\:grid-gap-lg{gap:var(--spacing-lg)}}@media (min-width: 1280px){.grid-responsive .xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-responsive .xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-responsive .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-responsive .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-responsive .xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-responsive .xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-responsive .xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-responsive .xl\:grid-gap-lg{gap:var(--spacing-lg)}}.input{width:100%;height:var(--button-height-base);padding:0 var(--spacing-base);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--border-radius-base);font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-white);transition:box-shadow var(--speed-fast) var(--easing-default),border-color var(--speed-fast) var(--easing-default);line-height:var(--line-height-base);text-size-adjust:100%;-webkit-text-size-adjust:100%}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input:disabled{background-color:var(--color-gray100);cursor:not-allowed;opacity:var(--opacity-muted)}.input-sm{height:var(--button-height-sm);font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}.input-lg{height:var(--button-height-lg);font-size:var(--font-size-lg);padding:0 var(--spacing-lg)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:var(--shadow-focus-error)}.select{width:100%;height:var(--button-height-base);padding:0 var(--spacing-xl) 0 var(--spacing-base);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--border-radius-base);font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-base) center;appearance:none;cursor:pointer;transition:box-shadow var(--speed-fast) var(--easing-default),border-color var(--speed-fast) var(--easing-default)}.select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.select:disabled{background-color:var(--color-gray100);cursor:not-allowed;opacity:var(--opacity-muted)}.select-sm{height:var(--button-height-sm);font-size:var(--font-size-sm);padding:0 var(--spacing-lg) 0 var(--spacing-sm)}.select-lg{height:var(--button-height-lg);font-size:var(--font-size-lg);padding:0 var(--spacing-xl) 0 var(--spacing-lg)}.select-error{border-color:var(--color-error)}.select-error:focus{box-shadow:var(--shadow-focus-error)}.checkbox{display:inline-flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;line-height:20px}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-box{display:inline-block;width:20px;height:20px;flex-shrink:0;border:var(--border-width-thick) solid var(--color-border-secondary);border-radius:var(--border-radius-sm);background-color:var(--color-white);transition:all var(--transition-default);position:relative}.checkbox-input:checked~.checkbox-box{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-box:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg);opacity:0;transition:opacity var(--transition-default)}.checkbox-input:checked~.checkbox-box:after{opacity:1}.checkbox-input:focus-visible~.checkbox-box{outline:none;box-shadow:var(--shadow-focus)}.checkbox-input:disabled~.checkbox-box{background-color:var(--color-gray100);border-color:var(--color-gray300);cursor:not-allowed;opacity:var(--opacity-muted)}.checkbox-input:disabled:checked~.checkbox-box{background-color:var(--color-gray400);border-color:var(--color-gray400)}.checkbox-input:disabled~.checkbox-label{opacity:var(--opacity-muted);cursor:not-allowed}.checkbox-label{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:20px;padding-top:0;text-size-adjust:100%;-webkit-text-size-adjust:100%}.checkbox:hover:not(:has(.checkbox-input:disabled)) .checkbox-box{border-color:var(--color-primary)}.checkbox-error .checkbox-box{border-color:var(--color-error)}.checkbox-error .checkbox-input:checked~.checkbox-box{background-color:var(--color-error);border-color:var(--color-error)}.checkbox-error .checkbox-input:focus-visible~.checkbox-box{box-shadow:var(--shadow-focus-error)}.checkbox-input:indeterminate~.checkbox-box{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:indeterminate~.checkbox-box:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;background-color:var(--color-white);border:none;transform:translate(-50%,-50%) rotate(0);opacity:1}.radio{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio-input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.radio-input:focus{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--border-radius-full)}.radio-input:disabled{cursor:not-allowed;opacity:var(--opacity-muted)}.radio-input:disabled~.radio-label{opacity:var(--opacity-muted);cursor:not-allowed}.radio-label{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1;text-size-adjust:100%;-webkit-text-size-adjust:100%}.radio-error .radio-input{accent-color:var(--color-error)}.radio-error .radio-input:focus{box-shadow:var(--shadow-focus-error)}.textarea{width:100%;min-height:120px;padding:var(--spacing-base);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--border-radius-base);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);resize:vertical;background-color:var(--color-white);transition:box-shadow var(--speed-fast) var(--easing-default),border-color var(--speed-fast) var(--easing-default)}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.textarea:disabled{background-color:var(--color-gray100);cursor:not-allowed;opacity:var(--opacity-muted)}.textarea::placeholder{color:var(--color-text-secondary)}.textarea-error{border-color:var(--color-error)}.textarea-error:focus{box-shadow:var(--shadow-focus-error)}.textarea-monospace{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;background-color:var(--color-gray50)}.tooltip-wrapper{position:relative;display:inline-block;cursor:help}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);display:flex;flex-direction:column;align-items:center;background:var(--color-gray-900, #1a1a1a);color:var(--color-white, #ffffff);border-radius:var(--border-radius-sm);line-height:var(--line-height-tight, 1.4);white-space:nowrap;z-index:9999;pointer-events:none;box-shadow:var(--shadow-xl)}.tooltip--sm{padding:var(--spacing-tooltip-padding-sm, 4px 8px);font-size:var(--font-size-xs, 11px)}.tooltip--md{padding:var(--spacing-tooltip-padding-md, 8px 16px);font-size:var(--font-size-base, 14px)}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-gray-900, #1a1a1a)}.label{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.label-required{color:var(--color-error);font-weight:var(--font-weight-semibold)}.form-field{margin-bottom:var(--spacing-lg)}.form-field-label-wrapper{display:flex;justify-content:space-between;align-items:center}.form-field-help{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-field-error-message{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-error);font-weight:var(--font-weight-semibold)}.form-field-error .form-field-help{display:none}.navigation{display:flex;background:var(--color-surface)}.navigation--horizontal{flex-direction:row;gap:var(--spacing-xs);padding:var(--spacing-base);border-bottom:var(--border-width-default) solid var(--color-border)}.navigation--vertical{flex-direction:column;gap:var(--spacing-xs);padding:0;min-width:200px}.navigation__item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius-base);transition:all var(--transition-default);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1}.navigation__item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.navigation__item--active{color:var(--color-primary);background:var(--color-primary-soft)}.navigation__item--active:hover{background:var(--color-primary-soft)}.navigation__label{flex:1}.navigation-section{margin-bottom:var(--spacing-sm)}:global(.navigation-section__header.btn){width:100%;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.navigation-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.navigation-section__chevron{display:flex;color:var(--color-text-tertiary);transition:transform var(--transition-default)}.navigation-section--collapsed .navigation-section__chevron{transform:rotate(-90deg)}.navigation-section__content{margin-top:var(--spacing-xs);padding-left:var(--spacing-md)}.logo{display:inline-block;vertical-align:middle;flex-shrink:0}.logo--full,.logo--compact{width:auto}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-base);text-transform:uppercase;letter-spacing:.02em;line-height:1;white-space:nowrap;transition:all var(--transition-default)}.badge.sm{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-base);min-height:20px;min-width:140px}.badge.md{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg);min-height:24px;min-width:150px}.badge.lg{font-size:var(--font-size-base);padding:var(--spacing-base) var(--spacing-xl);min-height:32px;min-width:160px}.badge.success{background-color:var(--color-success-50, rgba(34, 197, 94, .1));color:var(--color-success);border:var(--border-width-default) solid var(--color-success-100, var(--color-success))}.badge.warning{background-color:var(--color-warning-50, rgba(251, 191, 36, .1));color:var(--color-warning);border:var(--border-width-default) solid var(--color-warning-100, var(--color-warning))}.badge.error{background-color:var(--color-error-50, rgba(239, 68, 68, .1));color:var(--color-error);border:var(--border-width-default) solid var(--color-error-100, var(--color-error))}.badge.info{background-color:var(--color-info-50, rgba(0, 113, 227, .1));color:var(--color-azure-radiance);border:var(--border-width-default) solid var(--color-azure-radiance)}.badge.inactive{background-color:var(--color-gray50, rgba(0, 0, 0, .05));color:var(--color-text-secondary);border:var(--border-width-default) solid var(--color-border-primary)}.badge.primary{background-color:var(--color-primary-50, rgba(59, 130, 246, .1));color:var(--color-primary);border:var(--border-width-default) solid var(--color-primary-100, var(--color-primary))}.badge.secondary{background-color:var(--color-gray50, rgba(0, 0, 0, .05));color:var(--color-text-primary);border:var(--border-width-default) solid var(--color-border-primary)}.badge.neutral{background-color:var(--color-alabaster);color:var(--color-text-secondary);border:var(--border-width-default) solid var(--color-border-primary)}.breadcrumb{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;padding:0}.breadcrumb-list{display:flex;align-items:center;margin:0;padding:0;list-style:none;gap:var(--spacing-2)}.breadcrumb-item{display:flex;align-items:center;margin:0;padding:0}.breadcrumb-item:not(:last-child):after{content:"";margin-left:var(--spacing-2)}.breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-default);border-radius:var(--border-radius-sm);padding:var(--spacing-1) 0}.breadcrumb-link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-link:focus{outline:2px solid var(--color-focus);outline-offset:2px}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) 0}.breadcrumb-separator{display:inline-flex;align-items:center;color:var(--color-text-muted);margin:0 var(--spacing-sm)}.breadcrumb-separator .icon{margin:0 calc(var(--spacing-sm) * -.5)}.breadcrumb-separator-text{font-size:var(--font-size-sm);line-height:1}.breadcrumb-ellipsis{color:var(--color-text-muted);padding:var(--spacing-1) var(--spacing-2);cursor:default}.breadcrumb-ellipsis:focus{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--border-radius-sm)}.copy-button--icon .copy-button__text,.copy-button--text .copy-button__icon{display:none}.copy-button--copying .copy-button__icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-2xl);text-align:center}.error-page__content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.error-page__header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-base);color:var(--color-text-secondary)}.error-page__status-code{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.error-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.error-page__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.error-page__actions{display:flex;flex-direction:column;gap:var(--spacing-base);align-items:center}.error-page__actions>*{min-width:200px}.error-page__dev-info{margin-top:var(--spacing-xl);padding:var(--spacing-base);background:var(--color-gray-50);border:var(--border-width-default) solid var(--color-border-secondary);border-radius:var(--border-radius-base);text-align:left;width:100%}.error-page__dev-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-base);display:flex;align-items:center;gap:var(--spacing-sm)}.error-page__dev-title .copy-button{margin-left:auto}.error-page__dev-content{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:pre-wrap;overflow-wrap:break-word;background:var(--color-white);padding:var(--spacing-base);border:var(--border-width-default) solid var(--color-border-primary);border-radius:var(--border-radius-sm)}.error-page__dev-content pre{margin:0;font-family:inherit;font-size:inherit;white-space:pre-wrap;overflow-wrap:break-word}@media (min-width: 640px){.error-page__actions{flex-direction:row;justify-content:center}.error-page__actions>*{min-width:auto}}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-backdrop.closing{animation:fadeOut .2s ease-in-out}.modal{animation:slideIn .3s ease-out;max-height:90vh;overflow:auto}.modal.closing{animation:slideOut .3s ease-out}.modal.sm{width:90%;max-width:400px}.modal.md{width:90%;max-width:600px}.modal.lg{width:90%;max-width:800px}.modal .card-header{display:flex;align-items:center;justify-content:space-between}.modal .card-footer{display:flex;justify-content:flex-end;gap:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.progress-bar{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-bar-label{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.progress-bar-row{display:flex;align-items:center;gap:var(--spacing-sm)}.progress-bar-track{flex:1;height:4px;background:var(--color-neutral-200, var(--color-alabaster));border-radius:var(--border-radius-sm);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary, var(--color-azure-radiance));border-radius:var(--border-radius-sm);transition:width .3s ease}.progress-bar-compact-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.progress-bar-percentage{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:3ch;text-align:right}.skeleton{display:inline-block;background:linear-gradient(90deg,#d0d0d0,#e8e8e8,#d0d0d0);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;overflow:hidden}.skeleton-radius-none{border-radius:var(--border-radius-none)}.skeleton-radius-sm{border-radius:var(--border-radius-sm)}.skeleton-radius-base{border-radius:var(--border-radius-base)}.skeleton-radius-lg{border-radius:var(--border-radius-lg)}.skeleton-radius-full{border-radius:var(--border-radius-full)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}:global(.metric-card-wrapper){transition:transform var(--transition-default),box-shadow var(--transition-default)}:global(.metric-card-wrapper:hover){transform:translateY(-2px)}.metric-card{display:flex;align-items:flex-start;gap:var(--spacing-base)}.metric-icon-wrapper{width:48px;height:48px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;background:var(--color-alabaster);flex-shrink:0}.metric-icon-wrapper.primary-bg{background:var(--color-bg-selected)}.metric-icon-wrapper.success-bg{background:var(--color-success-50, rgba(34, 197, 94, .1))}.metric-icon-wrapper.warning-bg{background:var(--color-warning-50, rgba(251, 191, 36, .1))}.metric-icon-wrapper.error-bg{background:var(--color-error-50, rgba(239, 68, 68, .1))}.metric-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.02em}.metric-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.metric-value.success{color:var(--color-success)}.metric-value.warning{color:var(--color-warning)}.metric-value.error{color:var(--color-error)}.metric-trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.metric-trend.success{color:var(--color-success)}.metric-trend.warning{color:var(--color-warning)}.metric-trend.error{color:var(--color-error)}.metric-trend.neutral{color:var(--color-text-secondary)}.metric-progress-section{margin-top:var(--spacing-base)}.metric-projection{display:flex;flex-direction:column;gap:var(--spacing-micro);margin-top:var(--spacing-base);padding-top:var(--spacing-base);border-top:1px solid var(--color-border-primary)}.metric-loading-extras{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.metric-projection-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.metric-projection-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.metric-projection-sublabel{font-size:var(--font-size-xs);color:var(--color-text-tertiary, var(--color-text-secondary))}.metric-icon-wrapper.loading{background:var(--color-alabaster)}.metric-icon-skeleton{width:24px;height:24px;background:var(--color-gray50, var(--color-border-primary));border-radius:var(--border-radius-sm);animation:pulse 1.2s ease-in-out infinite alternate}.metric-value-skeleton{width:60px;height:36px;background:var(--color-alabaster);border-radius:var(--border-radius-sm);animation:pulse 1.2s ease-in-out infinite alternate}.metric-label-skeleton{width:80px;height:12px;background:var(--color-alabaster);border-radius:var(--border-radius-sm);animation:pulse 1.2s ease-in-out infinite alternate}.metric-trend-skeleton{width:100px;height:10px;background:var(--color-alabaster);border-radius:var(--border-radius-sm);animation:pulse 1.2s ease-in-out infinite alternate;margin-top:var(--spacing-xs)}@keyframes pulse{0%{opacity:1}to{opacity:var(--opacity-disabled)}}.tabs{display:flex;gap:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary)}.tabs-tab{padding:var(--spacing-sm) 0;background:none;border:none;border-bottom:2px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;margin-bottom:-1px;transition:color var(--transition-default),border-color var(--transition-default)}.tabs-tab:hover{color:var(--color-text-primary)}.tabs-tab.tabs-tab-active{color:var(--color-azure-radiance);border-bottom-color:var(--color-azure-radiance)}.tabs-tab:focus-visible{outline:2px solid var(--color-azure-radiance);outline-offset:2px;border-radius:var(--border-radius-sm)}.status-group-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.status-group-content{display:flex;flex-direction:column}.status-card-item{border-bottom:var(--border-width-default) solid var(--color-border-primary)}.status-card-item:last-child{border-bottom:none}.status-item{display:flex;justify-content:space-between;align-items:center;width:100%}.status-item.interactive{cursor:inherit}.status-info{display:flex;align-items:center;gap:var(--spacing-xs)}.status-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.uptime-bar-container{width:100%}.uptime-bar-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.uptime-bar-wrapper{position:relative}.uptime-bar-track{display:flex;gap:1px;background-color:var(--color-gray50);padding:2px;border-radius:var(--border-radius-sm);height:32px;align-items:center}.uptime-bar-segment{flex:1;height:24px;border-radius:var(--border-radius-form);transition:transform var(--transition-default),opacity var(--transition-default);cursor:pointer;position:relative}.uptime-bar-segment:hover{transform:scaleY(1.2);opacity:var(--opacity-hover)}.uptime-bar-healthy{background-color:var(--color-success)}.uptime-bar-degraded{background-color:var(--color-warning)}.uptime-bar-unhealthy{background-color:var(--color-error)}.uptime-bar-unknown{background-color:var(--color-gray200)}.uptime-bar-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-mine-shaft);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;z-index:9999;box-shadow:var(--shadow-xl);border:var(--border-width-default) solid var(--color-gray700)}.uptime-bar-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-mine-shaft)}.uptime-bar-tooltip-time{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-micro)}.uptime-bar-tooltip-status{font-size:var(--font-size-xs);opacity:var(--opacity-hover)}.uptime-bar-tooltip-healthy{color:var(--color-success)}.uptime-bar-tooltip-degraded{color:var(--color-warning)}.uptime-bar-tooltip-unhealthy{color:var(--color-error)}.uptime-bar-tooltip-unknown{color:var(--color-gray400)}.uptime-bar-timeline{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.uptime-bar-time{font-weight:var(--font-weight-semibold)}.donut-chart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs)}.donut-chart--sm{max-width:120px}.donut-chart--md{max-width:200px}.donut-chart--lg{max-width:280px}.donut-chart__svg{width:100%;overflow:visible}.donut-chart__value{font-size:28px;font-weight:var(--font-weight-semibold);fill:var(--color-text-primary)}.donut-chart--sm .donut-chart__value{font-size:20px}.donut-chart--lg .donut-chart__value{font-size:36px}.donut-chart__label{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:center}.donut-chart__sublabel{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.line-chart{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-height:120px}.line-chart__chart{position:relative;flex:1;min-height:0}.line-chart__svg{width:100%;height:100%;overflow:visible;display:block}.line-chart__point{position:absolute;transform:translate(-50%,-50%)}.line-chart__hit-area{width:28px;height:28px}.line-chart__point .tooltip-wrapper{cursor:crosshair}.line-chart__tooltip-label{font-size:var(--font-size-xs);opacity:.7}.line-chart__gridline{stroke:var(--color-border-subtle);stroke-width:1}.line-chart__axis{stroke:var(--color-border-primary);stroke-width:1.5}.line-chart__axis-label{font-size:11px;fill:var(--color-text-secondary)}.line-chart__area{fill:oklch(from var(--line-chart-color, var(--color-azure-radiance)) l c h / .12)}.line-chart__line{fill:none;stroke:var(--line-chart-color, var(--color-azure-radiance));stroke-width:2.5;stroke-linejoin:round}.line-chart__dot{fill:var(--line-chart-color, var(--color-azure-radiance));stroke:var(--color-white);stroke-width:1.5}.line-chart__dot--latest{stroke-width:2}.line-chart__hover-guide{stroke:oklch(from var(--line-chart-color, var(--color-azure-radiance)) l c h / .3);stroke-width:1;stroke-dasharray:3 3;pointer-events:none}.line-chart__x-labels{display:flex;justify-content:space-between;padding-left:40px;padding-right:16px;flex-shrink:0}.line-chart__x-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.line-chart__legend{display:flex;gap:var(--spacing-md);padding-left:40px;flex-shrink:0}.line-chart__legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.line-chart__legend-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.service-card{width:100%}.service-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-base)}.service-card-title{display:flex;flex-direction:column;gap:var(--spacing-xs)}.service-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.service-card-host{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-mono)}.service-card-body{display:flex;flex-direction:column;gap:var(--spacing-base)}.service-card-message{font-size:var(--font-size-base);color:var(--color-text-primary);padding:var(--spacing-sm);background-color:var(--color-gray50);border-radius:var(--border-radius-sm)}.service-card-metrics{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:var(--border-width-default) solid var(--color-border-primary)}.service-card-metric{display:flex;flex-direction:column;gap:var(--spacing-xs)}.service-card-metric-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.service-card-metric-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.service-card-uptime{margin:var(--spacing-sm) 0}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-bg-elevated);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:var(--border-width-default) solid var(--color-border-subtle);transition:box-shadow var(--transition-default)}.table:hover{box-shadow:var(--shadow-md)}.table--bordered{border:var(--border-width-default) solid var(--color-border-default)}.table--compact .table-cell,.table--compact .table-header-cell{padding:var(--spacing-table-padding-compact)}.table--comfortable .table-cell,.table--comfortable .table-header-cell{padding:var(--spacing-table-padding-comfortable)}.table--spacious .table-cell,.table--spacious .table-header-cell{padding:var(--spacing-table-padding-spacious)}.table thead tr:first-child th:first-child{border-top-left-radius:var(--border-radius-lg)}.table thead tr:first-child th:last-child{border-top-right-radius:var(--border-radius-lg)}.table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--border-radius-lg)}.table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--border-radius-lg)}.table-head{background-color:var(--color-gray-50, rgba(0, 0, 0, .02));border-bottom:var(--border-width-thick) solid var(--color-border-primary)}.table-foot{background-color:var(--color-gray-50, rgba(0, 0, 0, .02));border-top:var(--border-width-thick) solid var(--color-border-primary);font-weight:var(--font-weight-semibold)}.table-row{border-bottom:var(--border-width-default) solid var(--color-border-subtle);transition:background-color var(--transition-default),box-shadow var(--transition-default)}.table--striped .table-row:nth-child(2n){background-color:var(--color-gray-50, rgba(0, 0, 0, .02))}.table--hover .table-row:hover{background-color:var(--color-bg-hover)}.table-row.cursor-pointer:hover{transform:translateY(-1px)}.table-cell{padding:var(--spacing-table-padding-comfortable);text-align:left;vertical-align:middle;line-height:var(--line-height-base);font-size:var(--font-size-base);color:var(--color-text-primary)}.table--bordered .table-cell{border-right:var(--border-width-default) solid rgba(0,0,0,.08);border-bottom:var(--border-width-default) solid rgba(0,0,0,.08);border-left:var(--border-width-default) solid rgba(0,0,0,.08)}.table--compact .table-cell{padding:var(--spacing-table-padding-compact)}.table--comfortable .table-cell{padding:var(--spacing-table-padding-comfortable)}.table--spacious .table-cell{padding:var(--spacing-table-padding-spacious)}.table-header-cell{padding:var(--spacing-table-header-padding-comfortable);text-align:left;vertical-align:middle;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-secondary);background-color:var(--color-athens-gray);border-bottom:var(--border-width-default) solid var(--color-border-default)}.table--bordered .table-header-cell{border-top:var(--border-width-default) solid rgba(0,0,0,.08);border-right:var(--border-width-default) solid rgba(0,0,0,.08);border-bottom:var(--border-width-default) solid rgba(0,0,0,.08);border-left:var(--border-width-default) solid rgba(0,0,0,.08)}.table--compact .table-header-cell{padding:var(--spacing-table-header-padding-compact)}.table--comfortable .table-header-cell{padding:var(--spacing-table-header-padding-comfortable)}.table--spacious .table-header-cell{padding:var(--spacing-table-header-padding-spacious)}