:root{--navy-950:#171b38;--navy-900:#1f2550;--navy-800:#2e3669;--navy-700:#3c4682;--navy-600:#4d59a0;--navy-500:#6470b8;--navy-400:#8791ca;--navy-300:#aeb5dd;--navy-200:#d2d6ee;--navy-100:#e9ebf6;--navy-50:#f4f5fb;--green-900:#0f5c00;--green-800:#188400;--green-700:#1fac00;--green-600:#26d400;--green-500:#2ee900;--green-400:#5cf13a;--green-300:#8ff573;--green-200:#c1faae;--green-100:#e2fdd8;--green-50:#f1fef0;--white:#fff;--black:#0c0e1a;--fg-primary:var(--navy-800);--fg-secondary:#565f8f;--fg-tertiary:#8991b8;--fg-inverse:var(--white);--fg-on-green:var(--navy-900);--surface-page:var(--white);--surface-sunken:var(--navy-50);--surface-card:var(--white);--surface-institutional:var(--navy-800);--surface-institutional-deep:var(--navy-950);--border-subtle:var(--navy-100);--border-default:var(--navy-200);--border-strong:var(--navy-400);--action-primary:var(--navy-800);--action-primary-hover:var(--navy-900);--action-primary-active:var(--navy-950);--action-activate:var(--green-500);--action-activate-hover:var(--green-600);--action-activate-active:var(--green-700);--focus-ring:var(--green-500);--link:var(--navy-700);--link-hover:var(--navy-900);--success:var(--green-600);--warning:#c98a00;--danger:#c23b3b;--info:var(--navy-600)}:root[data-theme=dark]{--fg-primary:var(--navy-50);--fg-secondary:var(--navy-200);--fg-tertiary:var(--navy-400);--surface-page:var(--navy-950);--surface-sunken:var(--black);--surface-card:var(--navy-900);--surface-institutional:var(--navy-950);--surface-institutional-deep:var(--black);--border-subtle:var(--navy-800);--border-default:var(--navy-700);--border-strong:var(--navy-500);--action-primary:var(--navy-600);--action-primary-hover:var(--navy-500);--action-primary-active:var(--navy-400);--link:var(--navy-300);--link-hover:var(--navy-100);--warning:#e0a100;--danger:#e2665f;--info:var(--navy-400)}@font-face{font-family:Urbanist;src:url(/assets/Urbanist-VariableFont-DzfMcl07.ttf)format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Urbanist;src:url(/assets/Urbanist-Italic-VariableFont-DGXBno1D.ttf)format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont-c8O0ljhh.ttf)format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Italic-VariableFont-B-9PvMw6.ttf)format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}:root{--font-display:"Urbanist",ui-sans-serif,system-ui,sans-serif;--font-body:"Inter",ui-sans-serif,system-ui,sans-serif;--font-signature:"Georgia","Times New Roman",serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #171b380f,0 1px 1px #171b380a;--shadow-md:0 4px 12px #171b3814,0 2px 4px #171b380a;--shadow-lg:0 12px 32px #171b381f,0 4px 8px #171b380f;--shadow-focus:0 0 0 3px #2ee90059;--ease-standard:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--container-max:1200px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100svh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg-primary);background:var(--surface-sunken);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--fg-primary);margin:0}p{margin:0}a{color:var(--link)}a:hover{color:var(--link-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:0 0}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:0 var(--space-5);height:44px;font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-sm{height:36px;padding:0 var(--space-4);font-size:var(--text-xs)}.btn-primary{background:var(--action-primary);color:var(--fg-inverse)}.btn-primary:hover:not(:disabled){background:var(--action-primary-hover)}.btn-activate{background:var(--action-activate);color:var(--fg-on-green)}.btn-activate:hover:not(:disabled){background:var(--action-activate-hover)}.btn-ghost{color:var(--fg-primary);border-color:var(--border-default);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger);color:var(--white)}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-secondary)}.field-required{color:var(--danger);margin-left:2px}.field-help{font-size:var(--text-xs);color:var(--fg-tertiary)}.field-error{font-size:var(--text-xs);color:var(--danger)}.input,.select,.textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);width:100%;color:var(--fg-primary);padding:0 var(--space-4);height:44px;font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.textarea{height:auto;min-height:88px;padding:var(--space-3) var(--space-4);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--fg-tertiary)}.input:focus,.select:focus,.textarea:focus{border-color:var(--action-activate);box-shadow:var(--shadow-focus);outline:none}.input.has-error,.select.has-error,.textarea.has-error{border-color:var(--danger)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-sunken);color:var(--fg-tertiary);cursor:not-allowed}.checkbox-field{align-items:center;gap:var(--space-2);height:44px;display:flex}.checkbox-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--action-activate)}.checkbox-field label{font-size:var(--text-sm);color:var(--fg-primary)}.form-grid{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.form-grid .col-span-2{grid-column:1/-1}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.form-section-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-tertiary);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);margin-top:var(--space-1);grid-column:1/-1}.form-section-title:first-child{border-top:none;margin-top:0;padding-top:0}.form-alert{background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);grid-column:1/-1}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;line-height:1.4;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-success{background:var(--green-50);color:var(--success)}:root[data-theme=dark] .badge-success{background:color-mix(in srgb, var(--success) 20%, transparent)}.badge-neutral{background:var(--surface-sunken);color:var(--fg-secondary)}.badge-warning{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning)}.badge-danger{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.badge-info{background:var(--navy-100);color:var(--info)}:root[data-theme=dark] .badge-info{background:color-mix(in srgb, var(--info) 22%, transparent)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.spinner{border:2.5px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite f4h-spin;display:inline-block}@keyframes f4h-spin{to{transform:rotate(360deg)}}.loading-row{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-16) 0;color:var(--fg-secondary);display:flex}.empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-16) var(--space-6);color:var(--fg-secondary);flex-direction:column;display:flex}.empty-state h3{color:var(--fg-primary);font-size:var(--text-md)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--fg-tertiary);font-weight:var(--weight-semibold);background:var(--surface-card);position:sticky;top:0}.table tbody tr:hover{background:var(--surface-sunken)}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--fg-primary)}.sort-indicator{margin-left:var(--space-1);opacity:.6;display:inline-block}.table td.actions-cell{text-align:right}.row-actions{gap:var(--space-2);justify-content:flex-end;display:inline-flex}@media (width<=720px){.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-2) 0;background:var(--surface-card)}.table td{justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);white-space:normal;text-align:right;display:flex}.table td:last-child{border-bottom:none}.table td:before{content:attr(data-label);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-tertiary);text-align:left}.table td.actions-cell{justify-content:flex-end}.table td.actions-cell:before{content:none}}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--fg-secondary);flex-wrap:wrap;display:flex}.pagination-controls{align-items:center;gap:var(--space-2);display:flex}.modal-overlay{background:color-mix(in srgb, var(--black) 55%, transparent);padding:var(--space-6) var(--space-4);z-index:100;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:720px;margin:auto 0}.modal-sm{max-width:440px}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex}.modal-title{font-size:var(--text-lg)}.modal-subtitle{color:var(--fg-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.modal-close{color:var(--fg-tertiary);font-size:var(--text-xl);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;line-height:1}.modal-close:hover{background:var(--surface-sunken);color:var(--fg-primary)}.modal-body{padding:var(--space-6);max-height:60vh;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-subtle);display:flex}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-3);z-index:200;max-width:min(360px, calc(100vw - var(--space-8)));flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:var(--surface-card);border-left:4px solid var(--info);font-size:var(--text-sm);animation:f4h-toast-in var(--duration-base) var(--ease-out);display:flex}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}@keyframes f4h-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.kpi-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg-secondary);min-height:2.4em}.kpi-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-black);color:var(--fg-primary);font-variant-numeric:tabular-nums}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header p{color:var(--fg-secondary);margin-top:var(--space-1)}.toolbar{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.toolbar .input,.toolbar .select{height:40px}.search-input{flex:220px;min-width:220px}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-header{align-items:center;gap:var(--space-4);height:64px;padding:0 var(--space-6);background:var(--surface-institutional-deep);color:var(--fg-inverse);z-index:40;display:flex;position:sticky;top:0}.app-header-brand{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.app-header-brand img{width:auto;height:28px}.app-header-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--fg-inverse);white-space:nowrap}.app-header-spacer{flex:1}.app-header-actions{align-items:center;gap:var(--space-3);display:flex}.header-icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--fg-inverse);font-size:var(--text-md);background:#ffffff0f;border:1px solid #ffffff2e;justify-content:center;align-items:center;display:flex}.header-icon-btn:hover{background:#ffffff24}.header-user{align-items:center;gap:var(--space-2);padding-left:var(--space-2);border-left:1px solid #ffffff2e;display:flex}.header-user-avatar{background:var(--action-activate);width:34px;height:34px;color:var(--fg-on-green);font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-inverse);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.hamburger-btn{display:none}.app-body{flex:1;min-height:0;display:flex}.app-sidebar{background:var(--surface-institutional);width:248px;padding:var(--space-5) var(--space-3);gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#ffffffb8;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);text-decoration:none;display:flex}.sidebar-nav-item:hover{color:var(--fg-inverse);background:#ffffff14}.sidebar-nav-item.active{background:var(--action-activate);color:var(--fg-on-green);font-weight:var(--weight-semibold)}.sidebar-nav-item.disabled{color:#ffffff59;cursor:default;pointer-events:none}.sidebar-nav-item .icon{width:20px;height:20px;font-size:var(--text-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-nav-item .soon-badge{text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-pill);background:#ffffff1f;margin-left:auto;padding:2px 6px;font-size:10px}.app-main{min-width:0;padding:var(--space-6);flex:1;overflow-x:hidden}@media (width<=1024px){.app-main{padding:var(--space-4)}}@media (width<=900px){.hamburger-btn{display:flex}.app-sidebar{z-index:50;width:min(280px,80vw);transition:transform var(--duration-base) var(--ease-standard);box-shadow:var(--shadow-lg);position:fixed;inset:64px 0 0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop{background:color-mix(in srgb, var(--black) 50%, transparent);z-index:45;display:none;position:fixed;inset:64px 0 0}.sidebar-backdrop.open{display:block}.header-user-name{display:none}}.login-screen{grid-template-columns:1.1fr 1fr;min-height:100svh;display:grid}.login-institutional{background:var(--surface-institutional-deep);color:var(--fg-inverse);padding:var(--space-12);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login-institutional:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 30% 30%, var(--navy-700), transparent 70%);opacity:.6;pointer-events:none;border-radius:50%;width:60%;position:absolute;inset:auto -20% -30% auto}.login-institutional-logo{width:auto;height:32px}.login-institutional-copy{gap:var(--space-5);flex-direction:column;max-width:460px;display:flex;position:relative}.login-institutional-copy h1{font-size:var(--text-4xl);line-height:var(--leading-tight);color:var(--fg-inverse)}.login-institutional-copy p{font-size:var(--text-md);color:var(--navy-200);line-height:var(--leading-relaxed)}.login-institutional-footer{font-size:var(--text-xs);color:var(--navy-300);letter-spacing:var(--tracking-wide);text-transform:uppercase;position:relative}.login-form-panel{background:var(--surface-page);padding:var(--space-8);justify-content:center;align-items:center;display:flex}.login-form-card{gap:var(--space-2);flex-direction:column;width:100%;max-width:380px;display:flex}.login-form-logo{width:auto;height:34px;margin-bottom:var(--space-6)}.login-form-card h2{font-size:var(--text-2xl)}.login-form-subtitle{color:var(--fg-secondary);margin-bottom:var(--space-6)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-submit{width:100%;margin-top:var(--space-2)}@media (width<=900px){.login-screen{grid-template-columns:1fr}.login-institutional{padding:var(--space-8) var(--space-6);gap:var(--space-8)}.login-institutional-copy h1{font-size:var(--text-2xl)}.login-institutional-footer{display:none}.login-form-panel{padding:var(--space-6)}}.dashboard-charts-grid{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:1.4fr 1fr;display:grid}.dashboard-charts-grid .chart-card:first-child{grid-column:1/-1}@media (width<=900px){.dashboard-charts-grid{grid-template-columns:1fr}}.chart-card{padding:var(--space-5)}.chart-card-header h3{font-size:var(--text-md)}.chart-card-header p{color:var(--fg-secondary);font-size:var(--text-sm);margin-top:2px}.chart-card-body{margin-top:var(--space-4)}.donut-chart-wrap svg text{font-family:var(--font-body)}.self-service-screen{background:var(--surface-sunken);flex-direction:column;min-height:100svh;display:flex}.self-service-topbar{background:var(--surface-page);border-bottom:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);justify-content:center;align-items:center;display:flex}.self-service-topbar img{width:auto;height:28px}.self-service-main{padding:var(--space-8) var(--space-4) var(--space-24);flex:1;justify-content:center;display:flex}.self-service-container{gap:var(--space-6);flex-direction:column;width:100%;max-width:760px;display:flex}.self-service-hero h1{font-size:var(--text-3xl)}.self-service-hero p{color:var(--fg-secondary);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.self-service-progress{gap:var(--space-2);flex-direction:column;display:flex}.self-service-progress-track{border-radius:var(--radius-pill);background:var(--border-subtle);height:8px;overflow:hidden}.self-service-progress-fill{background:var(--action-activate);border-radius:var(--radius-pill);height:100%;transition:width var(--duration-slow) var(--ease-standard)}.self-service-progress-label{font-size:var(--text-xs);color:var(--fg-tertiary);justify-content:space-between;display:flex}.self-service-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}@media (width<=640px){.self-service-card{padding:var(--space-4);border-radius:var(--radius-md)}}.self-service-savebar{z-index:20;background:color-mix(in srgb, var(--surface-page) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);justify-content:flex-end;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.self-service-save-message{font-size:var(--text-sm);margin-right:auto}.self-service-save-message.tone-success{color:var(--success)}.self-service-save-message.tone-error{color:var(--danger)}.self-service-status{padding:var(--space-8) var(--space-4);flex:1;justify-content:center;align-items:center;display:flex}.self-service-status-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-md);padding:var(--space-10) var(--space-8);text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.self-service-status-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.self-service-status-icon.tone-success{background:var(--green-50);color:var(--success)}:root[data-theme=dark] .self-service-status-icon.tone-success{background:color-mix(in srgb, var(--success) 20%, transparent)}.self-service-status-icon.tone-neutral{background:var(--surface-sunken);color:var(--fg-secondary)}.self-service-status-icon.tone-danger{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.self-service-status-card h1{font-size:var(--text-xl)}.self-service-status-card p{color:var(--fg-secondary);line-height:var(--leading-relaxed)}