:root{--brand-primary: #0f4223;--brand-primary-light: #1a5c34;--brand-lime: #b5d333;--brand-emerald: #10b981;--brand-teal: #14b8a6;--surface: #ffffff;--surface-muted: #f4f7f5;--text-primary: #0f4223;--text-secondary: #475569;--text-muted: #64748b;--border-light: #e2e8f0;--on-brand: #ffffff;--on-brand-muted: rgba(255, 255, 255, .75);--on-brand-subtle: rgba(255, 255, 255, .55);--vpn-50: #f0fdf6;--vpn-100: #dcfce9;--vpn-200: #bbf7d4;--vpn-300: #86efac;--vpn-400: var(--brand-lime);--vpn-500: var(--brand-emerald);--vpn-600: #059669;--vpn-700: var(--brand-primary-light);--vpn-800: var(--brand-primary);--vpn-900: #0a3319;--vpn-950: #062414;--slate-950: #020617;--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-700: #0369a1;--sky-900: #0c4a6e;--sky-950: #082f49;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-700: #b45309;--amber-900: #78350f;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-900: #7f1d1d;--red-950: #450a0a;--color-success: var(--vpn-400);--color-warning: var(--amber-400);--color-danger: var(--red-400);--color-error: var(--red-400);--color-info: var(--sky-400);--color-brand: var(--brand-emerald);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--shadow-glow: 0 0 20px rgba(181, 211, 51, .25);--shadow-card: 0 4px 20px rgba(15, 66, 35, .08);--shadow-card-dark: 0 4px 16px rgba(0, 0, 0, .2);--sidebar-width: 16rem;--sidebar-offset: var(--sidebar-width);--header-height: 4rem;--bg-elevated: var(--surface-muted);--border-color: var(--border-light);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem}*,*:before,*:after{box-sizing:border-box;border-color:var(--slate-700)}*{font-family:Inter,sans-serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:var(--font-sans);background:var(--surface);color:var(--text-primary);line-height:1.5}#root{min-height:100vh}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:var(--surface-muted)}::-webkit-scrollbar-thumb{background:var(--brand-primary-light);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}.icon{flex-shrink:0;width:1rem;height:1rem}.icon--xs{width:.75rem;height:.75rem}.icon--sm{width:.875rem;height:.875rem}.icon--md{width:1.25rem;height:1.25rem}.icon--lg{width:2rem;height:2rem}.icon--xl{width:2.5rem;height:2.5rem}.icon--spin{animation:spin 1s linear infinite}.icon--vpn,.icon--brand{color:var(--brand-emerald)}.icon--muted{color:var(--slate-600)}.icon--danger{color:var(--red-400)}.icon--warning{color:var(--amber-400)}.icon--success{color:var(--vpn-400)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app-shell{min-height:100vh;background:var(--surface-muted)}.app-main{padding-left:var(--sidebar-offset);background:var(--surface);min-height:100vh;max-width:100%;overflow-x:clip}.page{min-height:100vh;background:var(--surface)}.page-content{padding:2rem}.page-content--narrow{max-width:42rem}.page-content--spaced{display:flex;flex-direction:column;gap:1.5rem}.page-content--spaced-lg{display:flex;flex-direction:column;gap:2rem}.page-toolbar{display:flex;justify-content:flex-end;gap:.75rem}.page-toolbar--split{justify-content:space-between;align-items:center}.page-toolbar__start,.page-toolbar__end{display:flex;align-items:center;gap:.75rem}.search-field{position:relative;width:18rem}.search-field__icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-field__input{padding-left:2.1rem!important}.selection-count{font-size:.875rem;color:var(--text-muted);font-weight:500}.th--check,.td--check{width:2.5rem;text-align:center;vertical-align:middle}.table-check{width:1rem;height:1rem;cursor:pointer;accent-color:var(--brand-emerald, #059669)}.tr--selected td{background:color-mix(in srgb,var(--brand-emerald, #059669) 8%,transparent)}.page-toolbar-row{display:flex;align-items:center;justify-content:space-between}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;width:var(--sidebar-width);max-width:85vw;border-right:1px solid rgba(255,255,255,.08);background:var(--brand-primary);box-shadow:4px 0 24px #0f422326}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#0206178c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar__brand{display:flex;align-items:center;gap:.75rem;min-height:var(--header-height);padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar__close{display:none;margin-left:auto;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:var(--radius-lg);background:#ffffff14;color:var(--on-brand-muted);cursor:pointer;transition:background .15s,color .15s}.sidebar__close:hover{background:#ffffff29;color:var(--on-brand)}.sidebar__nav{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-xl);font-size:.875rem;font-weight:500;color:var(--on-brand-muted);text-decoration:none;transition:all .2s;border:1px solid transparent}.sidebar__link:hover{background:#ffffff14;color:var(--on-brand)}.sidebar__link--active{background:#b5d3332e;color:var(--brand-lime);border-color:#b5d33359;box-shadow:var(--shadow-glow)}.sidebar__footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.sidebar__backend{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-xl);background:#00000026;border:1px solid rgba(255,255,255,.08)}.sidebar__backend-title{margin:0;font-size:.75rem;font-weight:500;color:var(--on-brand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__backend-sub{margin:0;font-size:.625rem;color:var(--on-brand-subtle)}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--header-height);padding:0 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:var(--brand-primary);box-shadow:0 2px 12px #0f42231f}.header__lead{display:flex;align-items:center;gap:.75rem;min-width:0}.header__heading{min-width:0}.header__nav-toggle{display:none;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);background:#ffffff14;color:var(--on-brand);cursor:pointer;transition:background .15s}.header__nav-toggle:hover{background:#ffffff2e}.header__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--on-brand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__subtitle{margin:0;font-size:.875rem;color:var(--on-brand-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header__daemon-short{display:none}.header__user{display:none;flex-direction:column;align-items:flex-end;text-align:right}.header__user-email{font-size:.875rem;font-weight:500;color:var(--on-brand)}.header__user-role{font-size:.75rem;color:var(--brand-lime)}.header .btn--ghost{color:var(--on-brand-muted)}.header .btn--ghost:hover:not(:disabled){background:#ffffff1a;color:var(--on-brand)}@media (min-width: 640px){.header__user{display:flex}.header__logout-text{display:inline}}.header__logout-text{display:none}.glass-panel{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card)}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);padding:1.5rem}.card--flush{padding:0;overflow:hidden;border-radius:var(--radius-xl)}.card--accent{border-color:#10b98159;border-left:3px solid var(--brand-emerald)}.card--highlight{border-color:#0f422340;background:var(--surface-muted)}.card--empty{grid-column:1 / -1;padding:3rem;text-align:center}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.card__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.card__title--sm{font-size:1rem;font-family:var(--font-mono)}.card__title--accent{color:var(--brand-emerald)}.card__description{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;font-family:inherit;text-decoration:none}.btn:disabled{opacity:.65;pointer-events:none}.btn--primary:disabled{background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border-light);box-shadow:none;opacity:1}.btn--primary{background:linear-gradient(135deg,var(--brand-primary-light),var(--brand-emerald));color:var(--on-brand);box-shadow:var(--shadow-glow)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-emerald),var(--brand-lime));color:var(--brand-primary)}.btn--secondary{background:var(--surface-muted);color:var(--text-primary);border:1px solid var(--border-light)}.btn--secondary:hover:not(:disabled){background:var(--border-light)}.btn--danger{background:#dc2626e6;color:#fff}.btn--danger:hover:not(:disabled){background:var(--red-500)}.btn--danger-subtle{background:var(--surface-muted);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--red-500) 25%,var(--border-light))}.btn--danger-subtle:hover:not(:disabled){background:color-mix(in srgb,var(--red-500) 8%,var(--surface));border-color:color-mix(in srgb,var(--red-500) 45%,transparent);color:var(--red-600)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--text-primary)}.btn--outline{background:transparent;color:var(--brand-primary);border:1px solid var(--brand-emerald)}.btn--outline:hover:not(:disabled){background:#10b98114}.btn--sm{padding:.375rem .75rem;font-size:.75rem;border-radius:var(--radius-lg)}.btn--md{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--radius-xl)}.btn--lg{padding:.75rem 1.5rem;font-size:1rem;border-radius:var(--radius-xl)}.btn--block{width:100%}.btn-group{display:flex;justify-content:flex-end;gap:.5rem}.btn-group--spaced{padding-top:.5rem}.field{display:flex;flex-direction:column;gap:.25rem}.field__label-row{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-bottom:.375rem}.field__label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.125rem}.field__required{color:var(--red-500, #ef4444);margin-left:.25rem;font-weight:600}.field__input{width:100%;padding:.625rem 1rem;font-size:.875rem;font-family:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:border-color .2s,box-shadow .2s}.field__input::placeholder{color:var(--text-muted)}.field__input:focus{outline:none;border-color:var(--brand-emerald);box-shadow:0 0 0 2px #10b98133}.field__input:read-only{background:var(--surface-muted);color:var(--text-secondary);cursor:default}.field__input--error{border-color:var(--red-500)}.field__input--mono{min-height:7.5rem;font-family:var(--font-mono);font-size:.75rem}.input{width:100%;padding:.625rem 1rem;font-size:.875rem;font-family:inherit;color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--brand-emerald);box-shadow:0 0 0 2px #10b98133}select.field__input,select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .875rem center!important;background-size:1rem 1rem!important;padding-right:2.5rem!important;cursor:pointer}select.field__input:hover,select.input:hover{border-color:var(--brand-emerald)}select.field__input:focus,select.input:focus{outline:none;border-color:var(--brand-emerald);box-shadow:0 0 0 2px #10b98133;background-repeat:no-repeat!important;background-position:right .875rem center!important;background-size:1rem 1rem!important}select.field__input option,select.input option{background-color:var(--surface);color:var(--text-primary);padding:.625rem 1rem}.custom-select{position:relative;width:100%}.custom-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;font-family:inherit;font-weight:500;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;outline:none;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);text-align:left;-webkit-user-select:none;user-select:none;min-height:2.625rem}.custom-select__trigger:hover:not(:disabled){border-color:var(--brand-emerald)}.custom-select__trigger:focus-visible,.custom-select__trigger--open{border-color:var(--brand-emerald)!important;box-shadow:0 0 0 2px #10b98133!important}.custom-select__trigger--error{border-color:var(--red-500)!important}.custom-select__trigger--error:focus-visible,.custom-select__trigger--error.custom-select__trigger--open{box-shadow:0 0 0 2px #ef444433!important}.custom-select__trigger:disabled{background:var(--surface-muted);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.custom-select__content{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto}.custom-select__icon{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text-muted)}.custom-select__value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.custom-select__placeholder{color:var(--text-muted)}.custom-select__chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s}.custom-select__trigger:hover:not(:disabled) .custom-select__chevron,.custom-select__trigger--open .custom-select__chevron{color:var(--brand-emerald)}.custom-select__trigger--open .custom-select__chevron{transform:rotate(180deg)}.search-field .custom-select{width:100%}.search-field .custom-select__trigger{height:2.5rem;min-height:2.5rem;padding-left:2.25rem;padding-right:.875rem;border-radius:var(--radius-xl)}.custom-select__dropdown{position:fixed;z-index:99999;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:0 16px 36px -4px #0f422329,0 6px 16px -3px #00000014,0 0 0 1px #10b9811a;padding:.375rem;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.custom-select__dropdown--down{animation:customSelectFadeInDown .15s cubic-bezier(.16,1,.3,1)}.custom-select__dropdown--up{animation:customSelectFadeInUp .15s cubic-bezier(.16,1,.3,1)}@keyframes customSelectFadeInDown{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes customSelectFadeInUp{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select__search-wrapper{position:relative;display:flex;align-items:center;padding:.25rem .375rem .5rem;border-bottom:1px solid var(--border-light);margin-bottom:.25rem}.custom-select__search-icon{position:absolute;left:.875rem;color:var(--text-muted);pointer-events:none}.custom-select__search-input{width:100%;padding:.4375rem .75rem .4375rem 2rem;font-size:.8125rem;font-family:inherit;color:var(--text-primary);background:var(--surface-muted);border:1px solid transparent;border-radius:var(--radius-md);outline:none;transition:border-color .15s,background-color .15s}.custom-select__search-input:focus{border-color:var(--brand-emerald);background:var(--surface);box-shadow:0 0 0 1px var(--brand-emerald)}.custom-select__search-input::placeholder{color:var(--text-muted)}.custom-select__list{overflow-y:auto;overflow-x:hidden;max-height:inherit;flex:1 1 auto}.custom-select__list::-webkit-scrollbar{width:6px}.custom-select__list::-webkit-scrollbar-track{background:transparent}.custom-select__list::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:9999px}.custom-select__list::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.custom-select__empty{padding:1rem .75rem;font-size:.8125rem;color:var(--text-muted);text-align:center;font-style:italic}.custom-select__option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5625rem .875rem;margin:.125rem 0;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,color .12s ease}.custom-select__option:hover,.custom-select__option--highlighted{background-color:var(--surface-muted);color:var(--text-primary)}.custom-select__option--selected{background-color:var(--surface-muted)!important;color:var(--text-primary)!important;font-weight:600}.custom-select__option--selected:hover,.custom-select__option--selected.custom-select__option--highlighted{background-color:var(--slate-200)!important;color:var(--text-primary)!important}.custom-select__option--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.custom-select__option-text{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1 1 auto}.custom-select__option-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select__option-desc{font-size:.75rem;color:var(--text-muted);font-weight:400}.custom-select__check{flex-shrink:0;color:var(--text-primary);animation:customSelectCheckPop .15s cubic-bezier(.175,.885,.32,1.275)}@keyframes customSelectCheckPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.field__error{margin:0;font-size:.75rem;color:var(--red-400)}.field__static{margin:0;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--surface-muted);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.field__hint{margin:.25rem 0 0;font-size:.75rem;color:var(--text-muted)}.password-field{position:relative;display:block}.password-field__input{padding-right:2.75rem}.password-field__toggle{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:.35rem;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md, .5rem);cursor:pointer;transition:color .15s,background .15s}.password-field__toggle:hover{color:var(--text-primary);background:var(--surface-muted)}.field__input:disabled{background:var(--surface-muted);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.form-stack--spaced-top{margin-top:1rem}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge--default{background:var(--surface-muted);color:var(--text-secondary);border:1px solid var(--border-light)}.badge--success{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.35)}.header .badge--default{background:#ffffff1f;color:var(--on-brand-muted);border-color:#ffffff26}.header .badge--success{background:#b5d33333;color:var(--brand-lime);border-color:#b5d33366}.header .badge--danger{background:#ef444433;color:#fecaca;border-color:#ef444459}.badge--warning{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.35)}.badge--danger{background:#ef44441f;color:#b91c1c;border:1px solid rgba(239,68,68,.35)}.badge--info{background:#0ea5e91f;color:#0369a1;border:1px solid rgba(14,165,233,.35)}.badge--client{background:#3b82f61f;color:#1d4ed8;border:1px solid rgba(59,130,246,.35)}.badge--server{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.35)}.badge--ca{background:#8b5cf61f;color:#6d28d9;border:1px solid rgba(139,92,246,.35)}.badge--neutral{background:#64748b1a;color:#475569;border:1px solid rgba(100,116,139,.25)}.badge--inline{margin-left:.5rem}.badge__dot{width:.375rem;height:.375rem;border-radius:9999px}.badge__dot--success{background:var(--vpn-400);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.badge__dot--danger{background:var(--red-400)}.badge__dot--warning{background:var(--amber-400)}.table-wrap{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border-light)}.table{width:100%;font-size:.875rem;border-collapse:collapse}.table thead{background:var(--surface-muted);text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.table tbody tr{border-top:1px solid var(--border-light);transition:background .2s}.table tbody tr:hover{background:var(--surface-muted)}.table th,.table td{padding:.75rem 1rem}.table th{font-weight:500}.table td{color:var(--text-secondary)}.td--right{text-align:right}.td--actions,.th--actions{text-align:right;white-space:nowrap}.td--strong{font-weight:500;color:var(--text-primary)}.td--mono{font-family:var(--font-mono);font-size:.75rem}.td--muted{color:var(--text-muted)}.td--nowrap{white-space:nowrap}.td--expiring{color:var(--amber-400)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;width:100%;max-height:calc(100vh - 2rem);display:flex;flex-direction:column;overflow:hidden;animation:fade-in .2s ease-out}.modal--sm{max-width:28rem}.modal--md{max-width:32rem}.modal--lg{max-width:42rem}.modal--xl{max-width:64rem}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);flex-shrink:0}.modal__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal__description{margin:.125rem 0 0;font-size:.875rem;color:var(--text-muted)}.modal__body{padding:1.25rem 1.5rem;max-height:calc(85vh - 4rem);overflow-y:auto;flex:1 1 auto}.modal--no-scroll .modal__body{max-height:none;overflow:visible}.posture-detail{display:flex;flex-direction:column;gap:1rem}.posture-section{border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--surface-muted);overflow:hidden}.posture-section__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .875rem;border-bottom:1px solid var(--border-light);background:var(--surface)}.posture-section__title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.posture-section__title svg{color:var(--vpn-600)}.posture-section__count{font-size:.6875rem;font-weight:600;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border-light);border-radius:9999px;padding:.05rem .5rem}.posture-section__body{padding:.75rem .875rem}.posture-section__body--scroll{max-height:13rem;overflow-y:auto}.posture-kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem 1.25rem}.posture-kv__label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.15rem}.posture-kv__value{font-size:.8125rem;color:var(--text-primary);font-family:var(--font-mono);word-break:break-all}.posture-list{display:flex;flex-direction:column;gap:.375rem}.posture-list-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem .625rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-light)}.posture-list-item__main{min-width:0;display:flex;flex-direction:column;gap:.1rem}.posture-list-item__name{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.posture-list-item__meta{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono)}.posture-list-item__version{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--border-light);border-radius:9999px;padding:.05rem .5rem;flex-shrink:0;white-space:nowrap}.posture-search{position:relative;margin-bottom:.625rem}.posture-search input{width:100%;padding:.4rem .75rem .4rem 2.1rem;font-size:.8125rem;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-primary)}.posture-search svg{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.posture-empty{font-size:.8125rem;color:var(--text-muted);padding:.375rem 0}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.25rem;align-items:start}.form-grid-2__full{grid-column:1 / -1}.ad-sync-hint{margin:0;font-size:.75rem;color:var(--text-muted);line-height:1.35}.ad-sync-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-top:.25rem}@media (max-width: 640px){.form-grid-2{grid-template-columns:1fr}}.page-loader{display:flex;height:16rem;align-items:center;justify-content:center}.page-loader--fullscreen{min-height:100vh;height:auto;background:var(--surface)}.spinner{width:2rem;height:2rem;color:var(--brand-emerald);animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.empty-state__icon-wrap{margin-bottom:1rem;padding:1rem;border-radius:var(--radius-2xl);background:#10b98114;border:1px solid rgba(16,185,129,.2)}.empty-state__title{margin:0;font-size:1.125rem;font-weight:500;color:var(--text-primary)}.empty-state__description{margin:.25rem 0 0;max-width:24rem;font-size:.875rem;color:var(--text-muted)}.empty-state__action{margin-top:1rem}.alert{border-radius:var(--radius-xl);border:1px solid;padding:.75rem 1rem;font-size:.875rem}.alert--info{border-color:#14b8a666;background:#14b8a614;color:#0f766e}.alert--error{border-color:#b91c1c66;background:#ef444414;color:#b91c1c}.alert--success{border-color:#10b98166;background:#10b98114;color:#047857}.alert__row{display:flex;align-items:center;gap:.5rem}.toast-host{position:fixed;top:1.25rem;right:1.25rem;z-index:100;display:flex;flex-direction:column;gap:.5rem;max-width:24rem}.toast{display:flex;align-items:center;gap:.5rem;border-radius:var(--radius-xl);border:1px solid;padding:.75rem 1rem;font-size:.875rem;background:var(--surface);box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;animation:toast-in .18s ease-out}.toast__message{flex:1}.toast__close{display:flex;align-items:center;border:none;background:none;padding:0;color:inherit;opacity:.6;cursor:pointer}.toast__close:hover{opacity:1}.toast--success{border-color:#14532d;background:#14532d;color:#fff}.toast--error{border-color:#b91c1c66;color:#b91c1c}.toast--info{border-color:#14b8a666;color:#0f766e}.toast--warning{border-color:#d9770666;color:#b45309}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-page{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;overflow:hidden;padding:1.5rem 1rem;background:#f8faf9}.login-rings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.login-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:22rem}.login-logo-wrap{margin-bottom:.75rem}.app-logo-lg{width:4.5rem;height:4.5rem;object-fit:contain}.login-app-name{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--brand-primary);line-height:1.2}.login-app-sub{margin:.25rem 0 1.75rem;font-size:.875rem;color:var(--text-muted)}.login-card{width:100%;padding:2rem;background:var(--surface);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius-2xl);box-shadow:0 4px 24px #0f422314}.login-error{margin-bottom:.75rem;padding:.75rem 1rem;border-radius:var(--radius-xl);border:1px solid rgba(185,28,28,.35);background:#ef444414;color:#b91c1c;font-size:.875rem}.login-label{display:block;margin-top:1rem;margin-bottom:.375rem;font-size:.875rem;font-weight:500;color:var(--brand-primary)}.login-card>.login-error+.login-label,.login-card>.login-label:first-child{margin-top:0}.login-input{width:100%;padding:.625rem .875rem;font-size:.875rem;font-family:inherit;color:var(--text-primary);background:var(--surface-muted);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:border-color .15s,box-shadow .15s}.login-input:focus{outline:none;border-color:var(--brand-emerald);box-shadow:0 0 0 2px #10b9812e}.btn-signin{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.75rem 1rem;border:none;border-radius:var(--radius-xl);background:linear-gradient(90deg,var(--brand-primary),var(--brand-emerald));color:var(--on-brand);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s,filter .15s}.btn-signin:hover:not(:disabled){filter:brightness(1.05)}.btn-signin:disabled{opacity:.65;cursor:not-allowed}.login-footnote{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:1rem 0 0;font-size:.75rem;color:var(--text-muted);text-align:center}.spin{animation:spin 1s linear infinite}.stat-grid{display:grid;gap:1rem}@media (min-width: 420px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{border:1px solid}.stat-card--vpn{background:linear-gradient(135deg,#10b98114,#0f42230a);border-color:#10b98140}.stat-card--sky{background:linear-gradient(135deg,#14b8a61a,#0f42230a);border-color:#14b8a640}.stat-card--amber{background:linear-gradient(135deg,#b5d3331f,#0f42230a);border-color:#b5d33359}.stat-card__inner{display:flex;align-items:flex-start;justify-content:space-between}.stat-card__label{margin:0;font-size:.875rem;color:var(--text-muted)}.stat-card__value{margin:.25rem 0 0;font-size:1.875rem;font-weight:700;color:var(--text-primary)}.stat-card__sub{margin:.25rem 0 0;font-size:.75rem;color:var(--text-muted)}.stat-card__icon-wrap{padding:.75rem;border-radius:var(--radius-xl);background:var(--surface-muted)}.stat-card__icon--vpn{color:var(--vpn-400)}.stat-card__icon--sky{color:var(--sky-400)}.stat-card__icon--amber{color:var(--amber-400)}.tab-group{display:flex;gap:0;border-bottom:1px solid var(--border-light);margin-bottom:.75rem}.tab-group__tab{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s}.tab-group__tab:hover{color:var(--text-primary)}.tab-group__tab--active{color:#047857;border-bottom-color:var(--vpn-400)}.proposal-locked{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;color:#047857;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:9999px}.conn-info-panel{padding:.75rem 1rem;background:var(--surface-muted);border-top:1px solid var(--border-light)}.conn-info-panel dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem 1.5rem;margin:0}.conn-info-panel dt{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 .125rem}.conn-info-panel dd{margin:0;font-size:.875rem;color:var(--text-primary)}.table tbody tr.tr--expandable{cursor:pointer}.table tbody tr.tr--expanded{background:#10b9810a}.dashboard-grid{display:grid;gap:1.5rem}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.session-list{display:flex;flex-direction:column;gap:.5rem;max-height:18rem;overflow-y:auto}.session-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border-light)}.session-item__name{margin:0;font-size:.875rem;font-weight:500;color:var(--text-primary)}.session-item__meta{margin:0;font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.session-item__stats{text-align:right;font-size:.75rem;color:var(--text-secondary)}.session-item__stats p{margin:0}.health-list{display:flex;flex-direction:column;gap:.75rem}.health-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border-light)}.health-item__label{font-size:.875rem;color:var(--text-secondary)}.stats-box{margin-top:1rem;padding:1rem;border-radius:var(--radius-xl);background:#0f42230f;border:1px solid rgba(16,185,129,.2);font-family:var(--font-mono);font-size:.75rem;color:var(--brand-primary)}.stats-box p{margin:0}.empty-message{padding:2rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.tunnel-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 640px){.tunnel-grid--wide{grid-template-columns:repeat(2,1fr)}}.tunnel-card--tall .tunnel-card__body{gap:.75rem}.tunnel-card__meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.tunnel-card__meta-item--full{grid-column:1 / -1}.tunnel-card__meta-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.125rem}.tunnel-card__totals{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.tunnel-card__totals-values{display:inline-flex;align-items:center;gap:.625rem}.tunnel-card__traffic-item{display:inline-flex;align-items:center;gap:.25rem}.tunnel-card__graph-toggle{display:block;width:100%;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;text-align:center}.tunnel-card__graph-toggle:hover{color:var(--text-primary)}.tunnel-card__graph{display:none}.tunnel-card__graph--visible{display:block}@media (min-width: 640px){.tunnel-card__graph-toggle{display:none}.tunnel-card__graph{display:block}}.traffic-chart{background:transparent}.traffic-chart__legend{display:flex;gap:1rem;font-size:.6875rem;color:var(--text-muted);margin-bottom:.25rem}.traffic-chart__legend-in{display:inline-flex;align-items:center;gap:.25rem;color:#047857}.traffic-chart__legend-out{display:inline-flex;align-items:center;gap:.25rem;color:#10b981}.section-divider{border:none;border-top:1px solid var(--border-light);margin:2rem 0 1.5rem}.conn-health-panel{padding:1rem;background:var(--surface-muted);border-top:1px solid var(--border-light)}.conn-health-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.conn-health-panel__title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.conn-health-panel__graphs{display:none;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.conn-health-panel__graphs--visible{display:grid}@media (min-width: 640px){.conn-health-panel__graphs{display:grid;grid-template-columns:1fr 1fr}.conn-health-panel__header .tunnel-card__graph-toggle{display:none}}.conn-health-panel__graph-label{margin:0 0 .25rem;font-size:.75rem;font-weight:500;color:var(--text-muted)}.conn-health-panel__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem 1.5rem;margin:0}.conn-health-panel__stats dt{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 .125rem}.conn-health-panel__stats dd{margin:0;font-size:.875rem;color:var(--text-primary)}.tunnel-card__row{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-muted)}.tunnel-card__value{font-family:var(--font-mono);color:var(--text-primary)}.tunnel-card__value--accent{color:var(--vpn-400)}.tunnel-card__actions{margin-top:.5rem}.tunnel-card__body{display:flex;flex-direction:column;gap:.5rem}.profile-url{padding:1rem;border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border-light);font-family:var(--font-mono);font-size:.75rem;color:var(--brand-primary);word-break:break-all}.profile-actions{display:flex;gap:.5rem;margin-top:1rem}.settings-container{max-width:54rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.settings-nav{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem;background:var(--surface-muted);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:fit-content;align-self:flex-start}.settings-nav__item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-size:.875rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.settings-nav__item:hover{color:var(--text-primary)}.settings-nav__item--active{background:var(--surface);color:var(--brand-emerald);font-weight:600;box-shadow:0 2px 8px #0000000f}.settings-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media (min-width: 1024px){.settings-grid{grid-template-columns:minmax(320px,380px) 1fr}}.settings-column{display:flex;flex-direction:column;gap:1.5rem}.settings-profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-light)}.settings-avatar{width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-emerald));color:var(--on-brand);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:0 4px 14px #10b98140;flex-shrink:0;text-transform:uppercase}.settings-profile-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0}.settings-profile-name{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.settings-profile-email{font-size:.8125rem;color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-info-list{display:flex;flex-direction:column;gap:.75rem}.settings-info-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border-radius:var(--radius-lg);background:var(--surface-muted);border:1px solid var(--border-light);font-size:.8125rem}.settings-info-label{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-weight:500}.settings-info-value{color:var(--text-primary);font-weight:600}.port-config-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.port-config-grid{grid-template-columns:repeat(3,1fr)}}.port-card{padding:1.125rem;border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:.875rem;transition:all .2s ease}.port-card:focus-within{border-color:var(--brand-emerald);box-shadow:0 0 0 2px #10b98126;background:var(--surface)}.port-card__header{display:flex;align-items:center;justify-content:space-between}.port-card__title{font-size:.8125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.375rem}.port-card__tag{font-size:.6875rem;font-weight:700;text-transform:uppercase;padding:.125rem .4rem;border-radius:4px;background:#10b9811f;color:var(--brand-emerald)}.port-card__tag--udp{background:#14b8a61f;color:var(--brand-teal)}.port-card__input-wrap{position:relative}.port-card__input{width:100%;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;padding:.5rem .75rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--surface);color:var(--text-primary);outline:none;transition:all .2s}.port-card__input:focus{border-color:var(--brand-emerald)}.port-card__footer{display:flex;flex-direction:column;gap:.25rem}.port-card__default-badge{font-size:.6875rem;color:var(--text-muted);font-weight:500}.port-card__desc{font-size:.75rem;color:var(--text-secondary);line-height:1.35;margin:0}.policy-groups-container{display:flex;flex-direction:column;gap:1.5rem}.policy-group{display:flex;flex-direction:column;gap:.75rem}.policy-section-card{padding:1.125rem;border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:1rem}.policy-section-card--highlight{border-color:#10b98140;background:linear-gradient(135deg,rgba(16,185,129,.04),var(--surface-muted))}.policy-row-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.policy-info{display:flex;flex-direction:column;gap:.25rem}.policy-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.policy-description{font-size:.8125rem;color:var(--text-muted);margin:0;line-height:1.4}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .field{width:100%}.password-input-container .field__input{padding-right:2.75rem}.password-toggle-btn{position:absolute;right:.625rem;bottom:.55rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s}.password-toggle-btn:hover{color:var(--text-primary)}.password-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem .75rem;padding:.75rem;border-radius:var(--radius-lg);background:var(--surface-muted);border:1px solid var(--border-light);font-size:.75rem;margin-top:.5rem}.password-check-item{display:flex;align-items:center;gap:.375rem;color:var(--text-muted);transition:color .15s ease}.password-check-item--valid{color:var(--brand-emerald);font-weight:600}.settings-dl{display:flex;flex-direction:column;gap:.75rem;font-size:.875rem}.settings-dl__row{display:flex;justify-content:space-between}.settings-dl__label{color:var(--text-muted)}.settings-dl__value{color:var(--text-primary)}.settings-dl__value--accent{color:var(--vpn-400)}.text-accent{color:var(--brand-emerald)}.text-muted{color:var(--text-muted)}.grid-2-collapse{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.grid-3-collapse{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.toolbar-control{width:auto;min-width:13.5rem}.checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.code-block{margin:0;padding:.75rem;font-size:.75rem;background:var(--surface-muted, #f1f5f9);border-radius:.375rem;overflow-x:auto;white-space:pre-wrap}.text-white{color:var(--on-brand)}.font-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.mt-4{margin-top:1rem}.min-w-0{min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-grid--3{display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width: 1100px){.dashboard-grid--3{grid-template-columns:2fr 1fr}.dashboard-grid__wide{grid-column:1 / -1}}.header__user-block{display:flex;align-items:center;gap:.65rem}.header__avatar{width:2.25rem;height:2.25rem;border-radius:50%;background:linear-gradient(135deg,var(--brand-lime),var(--brand-emerald));color:var(--brand-primary);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo{display:flex;align-items:center;gap:.65rem;min-width:0}.brand-logo--sm .brand-logo__img{width:2.25rem;height:2.25rem}.brand-logo--md .brand-logo__img{width:2.75rem;height:2.75rem}.brand-logo--lg .brand-logo__img{width:4.5rem;height:4.5rem}.brand-logo__img{flex-shrink:0;object-fit:contain;border-radius:var(--radius-lg)}.brand-logo__title{margin:0;font-weight:700;letter-spacing:-.02em;color:var(--on-brand);line-height:1.2}.brand-logo--lg .brand-logo__title{color:var(--text-primary)}.brand-logo__subtitle{margin:0;font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-lime)}.brand-logo--lg .brand-logo__subtitle{color:var(--text-muted);text-transform:none;letter-spacing:0}.crypto-dl{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.crypto-dl__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem}.crypto-dl__row dt{color:var(--text-muted)}.crypto-dl__row dd{color:var(--text-primary);text-align:right}.crypto-dl__pqc{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.dashboard-section{display:flex;flex-direction:column;gap:1.25rem}.dashboard-section__full{width:100%}.crypto-strip{display:grid;gap:1rem;padding:0 1.25rem 1.25rem;grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.crypto-strip{grid-template-columns:repeat(4,1fr)}}.crypto-strip__item{padding:1rem;border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border-light)}.crypto-strip__label{margin:0 0 .35rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.crypto-strip__value{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary);word-break:break-word}.crypto-strip__pqc{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ike-events-section,.ike-events-section__card{width:100%}.ike-events-section__header{align-items:center;flex-wrap:nowrap}.ike-events-section__title-block{flex:1;min-width:0}.ike-events-section__clear{flex-shrink:0;margin-left:auto}.ike-events-section__body{min-height:300px}.ike-events-section__empty{display:flex;align-items:center;justify-content:center;min-height:300px;margin:0;color:var(--text-muted);font-size:.875rem}.ike-events-table{width:100%;table-layout:fixed}.ike-events-table__col-event{width:20%}.ike-events-table__col-remote{width:50%}.ike-events-table__col-time{width:30%}.ike-events-table__remote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.config-viewer{margin:0 1.25rem 1rem;padding:1rem;max-height:320px;overflow:auto;background:var(--surface-muted);border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.75rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap}.config-viewer__meta{padding:0 1.25rem 1rem;font-size:.8rem}.tr--expiring{background:#ef44440f}.td--small{font-size:.8rem}.tunnel-card__org{display:inline-flex;align-items:center;gap:.3rem;margin-bottom:.2rem;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.tunnel-card__badges{display:flex;gap:.35rem}.usage-bar{width:100%;height:6px;background:var(--surface-muted);border-radius:999px;overflow:hidden;margin-top:.625rem}.usage-bar__fill{height:100%;border-radius:999px;background:var(--brand-lime);transition:width .4s ease}.usage-bar__fill--warning{background:var(--amber-400, #fbbf24)}.usage-bar__fill--danger{background:var(--red-500, #ef4444)}.license-header-card{padding:1.25rem 1.5rem}.license-header-card__content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.license-header-card__icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--brand-lime) 15%,transparent);color:var(--brand-primary);flex-shrink:0}.license-header-card__icon svg{width:1.375rem;height:1.375rem}.license-header-card__info{flex:1;min-width:0}.license-header-card__org{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.license-header-card__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.license-header-card__dates{display:flex;flex-direction:column;gap:.25rem;text-align:right;margin-left:auto}.license-header-date-row{display:flex;gap:.5rem;font-size:.8125rem;align-items:baseline}.license-header-date-label{color:var(--text-muted);min-width:4.5rem;text-align:right}.license-header-date-value{color:var(--text-secondary);font-weight:500}.license-usage-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:1rem}@media (max-width: 900px){.license-usage-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.license-usage-grid{grid-template-columns:1fr}}.license-usage-card{padding:1.125rem 1.25rem 1rem}.license-usage-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.license-usage-card__count{display:flex;align-items:baseline;gap:.25rem;line-height:1}.license-count{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.license-count--over{font-size:1.75rem;font-weight:700;color:var(--red-500, #ef4444)}.license-count-sep{font-size:1.25rem;color:var(--text-muted);margin:0 .1rem}.license-count-max{font-size:1rem;color:var(--text-muted)}.license-usage-card--bw{min-width:10rem}.license-usage-card__bw{display:flex;align-items:baseline;gap:.375rem}.license-bw-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.license-bw-unit{font-size:.875rem;color:var(--text-muted)}.license-actions-row{display:flex;flex-wrap:wrap;gap:.625rem;padding:.25rem 1.25rem 1.25rem}.license-verify-grid{display:flex;flex-direction:column;gap:.5rem;background:var(--surface-muted);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:.875rem 1rem;margin-bottom:.25rem}.license-verify-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.875rem;gap:1rem}.license-verify-label{color:var(--text-muted);flex-shrink:0}.license-verify-value{color:var(--text-primary);font-weight:500;text-align:right;word-break:break-all}.license-verify-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;text-align:center;color:var(--text-secondary);font-size:.9rem}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.form-actions{display:flex;justify-content:flex-start;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-light)}.form-actions--plain{margin-top:.75rem;padding-top:0;border-top:none}.form-stack{display:flex;flex-direction:column;gap:1rem}.alert--warning{border-color:#b4530966;background:#fbbf241a;color:#b45309}.load-bar{display:flex;align-items:center;gap:.5rem;min-width:140px}.load-bar__track{flex:1;height:6px;background:var(--slate-200);border-radius:3px;overflow:hidden}.load-bar__fill{height:100%;border-radius:3px;transition:width .3s ease}.load-bar__label{font-size:.75rem;color:var(--text-muted);white-space:nowrap;font-family:var(--font-mono)}.node-history{padding:1rem}.node-history__title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.td--nested{padding:0!important;background:var(--surface-muted)}.td--empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.875rem}.td--center,.th--center{text-align:center!important;vertical-align:middle}.form-field{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.toggle-row{display:flex;align-items:center}.toggle{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__track{position:relative;display:inline-block;width:44px;height:24px;background:var(--slate-300);border-radius:999px;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .25s cubic-bezier(.4,0,.2,1)}.toggle__input:checked+.toggle__track{background:linear-gradient(135deg,var(--brand-primary-light),var(--brand-emerald));box-shadow:0 0 12px #10b98159}.toggle__input:checked+.toggle__track:after{transform:translate(20px)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--brand-emerald);outline-offset:2px}.toggle__label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.ip-binding-status{margin-top:.4rem}.ip-binding-bound,.ip-binding-note{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;padding:.5rem .75rem;border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--color-success) 25%,transparent)}.ip-binding-note{background:color-mix(in srgb,var(--color-warning) 10%,transparent);border-color:color-mix(in srgb,var(--color-warning) 25%,transparent)}.ip-binding-note--warn{background:color-mix(in srgb,var(--color-warning) 12%,transparent);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent)}.ip-binding-bound span,.ip-binding-note span{flex:1;min-width:0;line-height:1.4}.ip-binding-bound .icon,.ip-binding-note .icon{flex-shrink:0}.ip-binding-bound code{font-family:var(--font-mono, monospace);font-size:.8125rem;background:var(--surface-muted, rgba(255,255,255,.06));padding:.1em .4em;border-radius:4px}.ip-binding-btn,.ip-binding-bound .btn,.ip-binding-note .btn{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1.25;white-space:nowrap;border-radius:var(--radius-sm, 6px);background:#fff;color:var(--text-primary);border:1px solid rgba(0,0,0,.14);box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:all .15s ease-in-out}.ip-binding-btn:hover,.ip-binding-bound .btn:hover:not(:disabled),.ip-binding-note .btn:hover:not(:disabled){background:#f8fafc;border-color:#00000040;color:var(--brand-primary);box-shadow:0 2px 4px #00000014}.ip-binding-btn:active,.ip-binding-bound .btn:active:not(:disabled),.ip-binding-note .btn:active:not(:disabled){transform:translateY(1px)}.conn-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.875rem;margin-bottom:1.25rem}.conn-type-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:1.125rem;border-radius:var(--radius-xl);background:var(--surface-muted);border:2px solid var(--border-light);cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.conn-type-card:hover{border-color:var(--brand-emerald);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.conn-type-card--active{background:color-mix(in srgb,var(--brand-emerald) 8%,var(--surface));border-color:var(--brand-emerald);box-shadow:0 0 0 1px var(--brand-emerald),0 6px 16px #10b9811f}.conn-type-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.625rem}.conn-type-card__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.625rem;background:var(--surface);color:var(--brand-emerald);box-shadow:0 2px 6px #0000000f;border:1px solid var(--border-light)}.conn-type-card--active .conn-type-card__icon{background:var(--brand-emerald);color:#fff;border-color:var(--brand-emerald)}.conn-type-card__radio{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid var(--border-light);background:var(--surface);transition:all .2s}.conn-type-card--active .conn-type-card__radio{border-color:var(--brand-emerald);background:var(--brand-emerald);color:#fff}.conn-type-card__title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.conn-type-card__desc{font-size:.775rem;color:var(--text-secondary);line-height:1.35}.topology-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}@media (max-width: 640px){.topology-card-grid{grid-template-columns:1fr}}.topology-site-card{display:flex;flex-direction:column;gap:.75rem;padding:1.125rem;border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border-light);position:relative;overflow:hidden}.topology-site-card--local{border-top:3px solid var(--brand-emerald)}.topology-site-card--remote{border-top:3px solid var(--sky-400)}.topology-site-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.topology-site-card__badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.topology-site-card__badge--local{color:var(--brand-emerald)}.topology-site-card__badge--remote{color:var(--sky-400)}.psk-box{padding:1rem 1.125rem;border-radius:var(--radius-xl);background:var(--surface-muted);border:1px solid var(--border-light);margin-bottom:1.25rem}.psk-box__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.psk-input-wrapper{position:relative;display:flex;align-items:center}.psk-input-wrapper input{padding-right:2.75rem;font-family:var(--font-mono);font-size:.875rem;letter-spacing:.05em}.psk-eye-btn{position:absolute;right:.625rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .15s}.psk-eye-btn:hover{color:var(--text-primary)}.terminal-block{border-radius:var(--radius-xl);background:#090d16;border:1px solid #1e293b;box-shadow:0 8px 24px #00000040;overflow:hidden;margin-bottom:1rem}.terminal-block__header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:#0f172a;border-bottom:1px solid #1e293b}.terminal-block__dots{display:flex;align-items:center;gap:.375rem}.terminal-dot{width:.625rem;height:.625rem;border-radius:50%}.terminal-dot--red{background:#ff5f56}.terminal-dot--yellow{background:#ffbd2e}.terminal-dot--green{background:#27c93f}.terminal-block__filename{font-family:var(--font-mono);font-size:.75rem;color:#94a3b8}.terminal-block__body{padding:1rem;max-height:320px;overflow-y:auto;font-family:var(--font-mono);font-size:.8125rem;line-height:1.5;color:#f1f5f9;white-space:pre}.terminal-block__body code{font-family:inherit}@media (max-width: 1023.98px){:root{--sidebar-offset: 0rem}.sidebar{width:17rem;transform:translate(-100%);transition:transform .25s ease;box-shadow:none;will-change:transform}.sidebar--open{transform:translate(0);box-shadow:8px 0 32px #02061759}.sidebar__close,.header__nav-toggle{display:inline-flex}.sidebar-backdrop{display:block}.sidebar-backdrop--visible{opacity:1;pointer-events:auto}.body--nav-open{overflow:hidden}.header{padding:0 1.25rem}.page-content{padding:1.5rem}.card__header{flex-wrap:wrap}.card__title{flex-shrink:0;max-width:100%}.settings-grid,.dashboard-grid,.dashboard-grid--3{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar-backdrop{transition:none}}@media (max-width: 767.98px){.header{padding:.625rem 1rem}.header__lead{flex:1 1 0}.header__actions{gap:.5rem}.header__daemon-full{display:none}.header__daemon-short{display:inline}.header__title{font-size:1.0625rem}.header__subtitle{font-size:.8125rem}.page-toolbar,.page-toolbar--split,.page-toolbar-row{flex-wrap:wrap;align-items:stretch;gap:.625rem}.page-toolbar__start,.page-toolbar__end{flex-wrap:wrap;gap:.5rem}.page-toolbar__start{flex:1 1 100%}.page-toolbar__end{flex:1 1 100%;justify-content:flex-end}.search-field{width:100%;flex:1 1 14rem}.card{padding:1.125rem}.card__header{flex-wrap:wrap;gap:.625rem}.card--empty{padding:2rem 1.25rem}.tunnel-card__meta-grid,.password-checklist,.grid-2-collapse{grid-template-columns:1fr}.grid-3-collapse{grid-template-columns:1fr 1fr}.toolbar-control{width:100%;min-width:0;flex:1 1 12rem}.conn-info-panel dl,.conn-health-panel__stats,.posture-kv-grid{grid-template-columns:1fr 1fr}.settings-nav,.tab-group{display:flex;flex-wrap:wrap;width:100%;max-width:100%;row-gap:.375rem}.settings-nav__item,.tab-group__tab{flex:1 1 auto;justify-content:center;white-space:nowrap}.settings-info-item,.settings-dl__row,.license-verify-row,.health-item,.session-item{flex-direction:column;align-items:flex-start;gap:.25rem}.license-verify-value,.session-item__stats{text-align:left}.license-header-card__dates{margin-left:0;text-align:left;width:100%}.license-header-date-label{text-align:left;min-width:5rem}.modal__header{padding:.875rem 1.125rem}.modal__body{padding:1rem 1.125rem}}@media (max-width: 599.98px){.page-content{padding:1rem}.page-content--spaced{gap:1rem}.page-content--spaced-lg{gap:1.25rem}.header{padding:.5rem .875rem}.header__subtitle{display:none}.table-wrap{-webkit-overflow-scrolling:touch}.table th,.table td{padding:.625rem .75rem}.table{font-size:.8125rem}.td--actions,.th--actions{position:sticky;right:0;z-index:1;background:var(--surface);box-shadow:-6px 0 8px -6px #0f42232e}.table thead .th--actions,.table tbody tr:hover .td--actions{background:var(--surface-muted)}.table tbody .tr--selected .td--actions{background:color-mix(in srgb,var(--brand-emerald, #059669) 8%,var(--surface))}.page-toolbar__end>.btn,.page-toolbar__start>.btn{flex:1 1 auto}.btn-group,.modal__actions,.license-actions-row,.ad-sync-actions{flex-direction:column;align-items:stretch}.btn-group>.btn,.modal__actions>.btn,.license-actions-row>.btn,.ad-sync-actions>.btn{width:100%}.btn-group--inline-sm{flex-direction:row;align-items:center}.btn-group--inline-sm>.btn{width:auto}.conn-info-panel dl,.conn-health-panel__stats,.posture-kv-grid,.crypto-strip,.grid-3-collapse{grid-template-columns:1fr}.posture-list-item{flex-wrap:wrap;gap:.35rem .75rem}.modal-overlay{padding:.625rem;align-items:flex-end}.modal{max-height:calc(100vh - 1.25rem)}.modal__body{max-height:calc(100vh - 8rem)}.modal__title{font-size:1.0625rem}.field__input,.search-field__input,.login-input,.posture-search input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],select,textarea{font-size:1rem}.btn--sm{min-height:2.25rem}.btn{min-height:2.5rem}.stat-card__value,.license-count,.license-count--over{font-size:1.5rem}.license-bw-value{font-size:1.75rem}.terminal-block__body{font-size:.75rem;max-height:240px}.page-loader{height:10rem}.sidebar{width:15.5rem}}@media (max-width: 399.98px){.page-content{padding:.75rem}.header{padding:.5rem .625rem}.header__title{font-size:1rem}.header__nav-toggle{width:2.25rem;height:2.25rem}.card{padding:.875rem}.header__avatar{width:2rem;height:2rem}}.table-toolbar{display:flex;flex-direction:column;gap:.625rem}.table-toolbar__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.table-toolbar__controls,.table-toolbar__actions{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.table-toolbar__filter{width:auto;min-width:11rem;flex:0 0 auto}.table-toolbar__summary{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--text-muted)}.table-toolbar__clear{display:inline-flex;align-items:center;gap:.25rem;padding:0;border:none;background:none;cursor:pointer;font:inherit;color:var(--brand-emerald);font-weight:500}.table-toolbar__clear:hover{text-decoration:underline}@media (max-width: 640px){.table-toolbar__row{align-items:stretch}.table-toolbar__controls>.search-field{width:100%}.table-toolbar__filter{flex:1 1 100%}}.btn--icon{padding:0;width:2rem;height:2rem;border-radius:var(--radius-lg);flex-shrink:0}.btn--icon .icon{width:1rem;height:1rem}.tooltip-host{position:relative;display:inline-flex}.tooltip-host:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%) translateY(.25rem);z-index:50;padding:.3125rem .5rem;border-radius:var(--radius-md);background:var(--brand-primary);color:#fff;font-size:.6875rem;font-weight:500;line-height:1.3;white-space:nowrap;box-shadow:0 4px 12px #0000002e;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.tooltip-host[data-tooltip-side=top]:after{bottom:calc(100% + .375rem)}.tooltip-host[data-tooltip-side=bottom]:after{top:calc(100% + .375rem);transform:translate(-50%) translateY(-.25rem)}.tooltip-host[data-tooltip-side=left]:after{right:calc(100% + .375rem);left:auto;top:50%;transform:translateY(-50%) translate(.25rem)}.tooltip-host[data-tooltip-side=right]:after{left:calc(100% + .375rem);top:50%;transform:translateY(-50%) translate(-.25rem)}.tooltip-host:hover:after,.tooltip-host:focus-within:after{opacity:1;transform:translate(-50%) translateY(0)}.tooltip-host[data-tooltip-side=left]:hover:after,.tooltip-host[data-tooltip-side=left]:focus-within:after,.tooltip-host[data-tooltip-side=right]:hover:after,.tooltip-host[data-tooltip-side=right]:focus-within:after{transform:translateY(-50%) translate(0)}@media (prefers-reduced-motion: reduce){.tooltip-host:after{transition:opacity .14s ease;transform:translate(-50%)}.tooltip-host:hover:after,.tooltip-host:focus-within:after{transform:translate(-50%)}.tooltip-host[data-tooltip-side=left]:after,.tooltip-host[data-tooltip-side=left]:hover:after,.tooltip-host[data-tooltip-side=left]:focus-within:after,.tooltip-host[data-tooltip-side=right]:after,.tooltip-host[data-tooltip-side=right]:hover:after,.tooltip-host[data-tooltip-side=right]:focus-within:after{transform:translateY(-50%)}}.page-toolbar--wrap{flex-wrap:wrap;gap:.75rem}.page-toolbar--wrap .page-toolbar__start,.page-toolbar--wrap .page-toolbar__end{flex-wrap:wrap}.tenant-cell{display:flex;flex-direction:column;gap:.125rem}.tenant-cell__name{font-weight:600;color:var(--text-primary)}.tenant-cell__meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.tenant-cell__meta:empty{display:none}.tenant-cell__slug{font-family:var(--font-mono);font-size:.6875rem;background:var(--surface-muted);padding:.0625rem .3125rem;border-radius:var(--radius-sm)}.th--seats,.td--seats{width:9rem}.seat-meter{display:flex;flex-direction:column;gap:.25rem}.seat-meter__count{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary)}.seat-meter__count--over{color:var(--red-500)}.seat-meter__sep{margin:0 .1875rem;color:var(--text-muted);font-weight:400}.usage-bar--inline{margin-top:0;height:4px;max-width:7rem}.td--unit{color:var(--text-muted);font-size:.8125rem}.table td.td--right,.table th.td--right{font-variant-numeric:tabular-nums}.renews-cell{display:flex;flex-direction:column;gap:.125rem}.renews-cell__left{font-size:.75rem;color:var(--amber-400)}.renews-cell__left--urgent{color:var(--red-500);font-weight:600}.status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.status-cell__note{font-size:.6875rem;color:var(--text-muted)}.row-actions{display:flex;gap:.5rem;justify-content:flex-end;white-space:nowrap}@media (max-width: 640px){.usage-bar--inline{max-width:none}.row-actions{justify-content:flex-start}}