:root{--color-primary-light: #34d399;--color-primary: #047857;--color-primary-dark: #065f46;--color-fold-dark: #0f3d2c;--color-text: #052e16;--color-text-secondary: #3f6657;--color-text-inverse: var(--color-surface-white);--color-surface-mint: #ecfdf5;--color-surface-white: #ffffff;--color-border: #cfe6da;--color-focus-ring: #065f46;--color-success: #15803d;--color-warning: #92400e;--color-error: #b91c1c;--color-active-bg: #d8f3e7;--color-active-text: #065f46;--gradient-brand: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 65%, var(--color-primary-dark) 100%);--gradient-surface: linear-gradient(180deg, var(--color-surface-mint) 0%, var(--color-surface-white) 100%);--shadow-sm: 0 1px 2px rgba(5, 46, 22, .06), 0 1px 1px rgba(5, 46, 22, .04);--shadow-md: 0 8px 20px rgba(5, 46, 22, .1), 0 2px 6px rgba(5, 46, 22, .06);--shadow-lg: 0 20px 45px rgba(5, 46, 22, .16), 0 6px 14px rgba(5, 46, 22, .08);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.75rem;--line-height-base: 1.5;--line-height-tight: 1.15;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--focus-ring-width: 3px;--focus-ring-offset: 2px;--motion-duration-fast: .15s;--motion-duration-base: .24s;--motion-ease: cubic-bezier(.16, 1, .3, 1)}.wordmark{display:inline-block;position:relative;overflow:hidden;--logo-h: 2.75rem;height:var(--logo-h);width:calc(var(--logo-h) * 1120 / 435)}.brand-wordmark-image{display:block;position:absolute;top:calc(var(--logo-h) * -278 / 435);left:calc(var(--logo-h) * -160 / 435);height:calc(var(--logo-h) * 1024 / 435);width:calc(var(--logo-h) * 1536 / 435);max-width:none}.wordmark--inverse .brand-wordmark-image{top:0;left:0;height:100%;width:100%}.logo-tile{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--gradient-brand);flex-shrink:0}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-surface-mint)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav-item:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}a{color:var(--color-primary)}a:hover{color:var(--color-primary-dark)}button{color:var(--color-primary-dark);background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .75rem;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-ease),border-color var(--motion-duration-fast) var(--motion-ease)}button:hover:not(:disabled){background:var(--color-surface-mint);border-color:var(--color-primary)}button:disabled{opacity:.6;cursor:not-allowed}input:not([type=checkbox]):not([type=radio]),select,textarea{color:var(--color-text);background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .6rem;font-family:var(--font-family-base);font-size:var(--font-size-sm)}input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:var(--color-primary-light)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--gradient-surface)}.auth-brand{display:flex;justify-content:center;margin-bottom:var(--space-6)}.auth-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:360px;padding:var(--space-8) var(--space-6);background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.auth-form h1{text-align:center;font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 var(--space-2)}.auth-form label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.auth-form input{width:100%;padding:.6rem .7rem;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family-base)}.auth-form input:hover{border-color:var(--color-primary-light)}.auth-form button{margin-top:var(--space-3);padding:.7rem;font-size:var(--font-size-base);cursor:pointer;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);font-weight:600;box-shadow:var(--shadow-sm);transition:background var(--motion-duration-fast) var(--motion-ease)}.auth-form button:hover:not(:disabled){background:var(--color-primary-dark)}.auth-form button:disabled{opacity:.7;cursor:not-allowed}.form-error{color:var(--color-error);margin:0;font-size:var(--font-size-sm);font-weight:600}.shell{display:flex;min-height:100vh}.shell-nav{width:220px;flex-shrink:0;background:var(--color-text);color:var(--color-text-inverse);display:flex;flex-direction:column;padding:var(--space-6) var(--space-4)}.shell-brand{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-weight:700;margin-bottom:var(--space-6)}.shell-brand-suffix{color:var(--color-text-inverse);opacity:.75;font-size:var(--font-size-sm);letter-spacing:.02em;text-transform:uppercase}.shell-nav nav{display:flex;flex-direction:column;gap:var(--space-1)}.shell-nav a{color:var(--color-text-inverse);opacity:.85;text-decoration:none;padding:.5rem .6rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:background var(--motion-duration-fast) var(--motion-ease),opacity var(--motion-duration-fast) var(--motion-ease)}.shell-nav a:hover{opacity:1;background:color-mix(in srgb,var(--color-surface-white) 8%,transparent)}.shell-nav a.active{background:var(--color-primary);color:var(--color-text-inverse);opacity:1;font-weight:600}.shell-nav-disabled{color:var(--color-text-inverse);opacity:.4;padding:.5rem .6rem;font-size:var(--font-size-sm);cursor:not-allowed}.shell-account{margin-top:auto;padding-top:var(--space-4);border-top:1px solid color-mix(in srgb,var(--color-surface-white) 12%,transparent);font-size:.85rem}.shell-account-email{overflow-wrap:break-word;word-break:break-word}.shell-role{color:var(--color-primary-light);text-transform:capitalize}.shell-account a{display:block;color:var(--color-text-inverse);opacity:.85;margin:.5rem 0}.shell-content{flex:1;padding:var(--space-8);min-width:0;background:var(--color-surface-mint)}.shell-content h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin:0 0 var(--space-6)}.shell-content h2{font-size:var(--font-size-lg);margin:var(--space-6) 0 var(--space-3)}@media (max-width: 640px){.shell{flex-direction:column}.shell-nav{width:100%;padding:var(--space-3) var(--space-4)}.shell-brand{margin-bottom:var(--space-3)}.shell-nav nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}.shell-account{margin-top:var(--space-3);padding-top:var(--space-3)}.shell-content{padding:var(--space-4)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-tile{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-duration-fast) var(--motion-ease)}.stat-tile:hover{box-shadow:var(--shadow-md)}.stat-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--color-text-secondary);text-transform:uppercase}.stat-value{font-size:1.6rem;font-weight:700;color:var(--color-text);margin-top:var(--space-1)}.stat-sub{font-size:.85rem;color:var(--color-text-secondary);margin-top:var(--space-1)}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface-white)}.data-table th{text-align:left;padding:.6rem .75rem;background:var(--color-surface-mint);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-secondary)}.data-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--color-border);font-size:.9rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--color-surface-mint)}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.status-active{background:var(--color-active-bg);color:var(--color-success)}.status-suspended{background:#fef9c3;color:var(--color-warning)}.status-deleted{background:#fee2e2;color:var(--color-error)}.status-inactive{background:#f3f4f6;color:var(--color-text-secondary)}.status-pending_activation,.status-pending{background:#dbeafe;color:#1e40af}.status-processing{background:#ede9fe;color:#6d28d9}.status-retryable_failed{background:#fef9c3;color:var(--color-warning)}.status-succeeded{background:var(--color-active-bg);color:var(--color-success)}.status-permanent_failed{background:#fee2e2;color:var(--color-error)}.service-tree-inactive{color:var(--color-text-secondary)}.pagination{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tab-row{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.tab-button{background:none;border:none;border-radius:0;padding:.6rem .9rem;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid transparent;transition:color var(--motion-duration-fast) var(--motion-ease),border-color var(--motion-duration-fast) var(--motion-ease)}.tab-button:hover:not(:disabled){color:var(--color-text);background:none;border-color:var(--color-border)}.tab-button-active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);font-weight:600}.tab-button-active:hover:not(:disabled){border-bottom-color:var(--color-primary)}.audit-log-value{max-width:24rem;max-height:8rem;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.8rem;margin:0}.detail-grid{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2) var(--space-4)}.detail-grid dt{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.detail-grid dd{margin:0;overflow-wrap:break-word;word-break:break-word}@media (max-width: 480px){.detail-grid{grid-template-columns:1fr}.detail-grid dt{margin-top:.5rem}.detail-grid dt:first-child{margin-top:0}}.status-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.confirm-box{margin-top:var(--space-3);padding:var(--space-4);background:var(--color-surface-white);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:400px}.confirm-box p{margin-top:0}.muted{color:var(--color-text-secondary)}.service-tree-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem}.activation-token-box{margin-top:var(--space-3);padding:var(--space-4);background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-width:480px}.activation-token-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.mfa-qr-code{display:flex;justify-content:center;padding:.75rem;margin-bottom:.5rem;background:var(--color-surface-white);border-radius:var(--radius-sm)}.shell-language{display:block;margin-top:var(--space-4);color:var(--color-text-inverse);opacity:.85;font-size:var(--font-size-sm)}.shell-language+select{width:100%;margin:var(--space-1) 0 var(--space-2)}.page-heading-with-help,.detail-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-heading-with-help{margin-bottom:var(--space-6)}.page-heading-with-help h1,.detail-section-heading h2{margin-bottom:var(--space-1)}.eyebrow{margin:0 0 var(--space-1);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.page-intro{max-width:68ch;margin:0;color:var(--color-text-secondary)}.context-help-trigger{width:44px;height:44px;min-width:44px;margin:0;display:inline-grid;place-items:center;padding:0;border:0;border-radius:var(--radius-md);background:transparent}.context-help-trigger span{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-mint);color:var(--color-primary-dark);font-family:Georgia,serif;font-size:12px;font-weight:700;line-height:1}.context-help-trigger:hover:not(:disabled){border-color:transparent;background:transparent}.context-help-trigger:hover span{border-color:var(--color-primary);background:var(--color-active-bg)}.context-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-primary-dark) 48%,transparent)}.context-help-dialog{width:min(36rem,100%);max-height:calc(100vh - var(--space-8));overflow:auto;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-white);box-shadow:var(--shadow-lg)}.discard-changes-dialog{width:min(30rem,100%);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-white);box-shadow:var(--shadow-lg)}.discard-changes-dialog h2{margin-top:0}.context-help-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.context-help-dialog h2{margin:0}.context-help-dialog header button{width:44px;height:44px;padding:0;border-radius:var(--radius-full);font-size:var(--font-size-xl)}.context-help-dialog dl{display:grid;grid-template-columns:minmax(8rem,.35fr) 1fr;gap:var(--space-3) var(--space-4);margin:var(--space-6) 0 0}.context-help-dialog dt{font-weight:700}.context-help-dialog dd{margin:0;color:var(--color-text-secondary)}.service-management-grid{display:grid;grid-template-columns:minmax(22rem,.9fr) minmax(28rem,1.1fr);gap:var(--space-6);align-items:start}.service-catalog-panel,.service-detail-panel{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-white);box-shadow:var(--shadow-sm)}.service-catalog-tools,.service-detail-panel>section{padding:var(--space-4)}.service-catalog-table{max-height:42rem;overflow:auto;border-top:1px solid var(--color-border)}.service-catalog-table .data-table{min-width:48rem}.service-catalog-table tr[aria-selected=true]{background:var(--color-active-bg)}.grouped-form fieldset{display:grid;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.grouped-form legend{padding:0 var(--space-2);color:var(--color-primary-dark);font-weight:700}.label-with-help{display:flex;align-items:center;gap:var(--space-1);min-height:44px}.grouped-form input:not([type=checkbox]),.grouped-form select{width:100%}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.form-actions button[type=submit]{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.service-preview,.diagnostic-details,.lifecycle-confirmation{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gradient-surface)}.service-preview{display:flex;justify-content:space-between;gap:var(--space-3)}.diagnostic-details code{display:block;overflow-wrap:anywhere;margin-top:var(--space-2)}@media (max-width: 70rem){.service-management-grid{grid-template-columns:1fr}}@media (max-width: 40rem){.page-heading-with-help,.detail-section-heading{gap:var(--space-2)}.context-help-dialog dl{grid-template-columns:1fr;gap:var(--space-1)}.context-help-dialog dd{margin-bottom:var(--space-3)}}@media (prefers-reduced-motion: reduce){.context-help-dialog,.context-help-backdrop{animation:none;transition:none}}.active-configuration{display:grid;gap:var(--space-6);margin:var(--space-6) 0}.configuration-group{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-white);box-shadow:var(--shadow-sm)}.configuration-group h2{margin-top:0}.configuration-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-3)}.configuration-card{display:grid;gap:var(--space-2);align-content:start;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--gradient-surface)}.configuration-card-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.configuration-card h3,.configuration-card p{margin:0}.configuration-card code{color:var(--color-text-secondary);font-size:.75rem;overflow-wrap:anywhere}.configuration-value{font-size:var(--font-size-xl);color:var(--color-primary-dark)}.configuration-gap{margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-warning);background:var(--color-surface-white)}