:root{color:#12385f;--blue-strong:#1882d9;--blue-soft:#e8f4ff;--blue-border:#bfdcff;--blue-deep:#0f4d80;--white:#fff;--text-soft:#54708d;--shadow:0 30px 60px #1851881f;background:radial-gradient(circle at 0 0,#73beff42,#0000 38%),linear-gradient(#eef8ff 0%,#f8fcff 100%);font-family:Barlow,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{min-height:100vh}.login-page,.fullscreen-loader{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.login-backdrop{background:radial-gradient(circle at 20% 20%,#1882d926,#0000 30%),radial-gradient(circle at 80% 10%,#7dd6ff33,#0000 25%),linear-gradient(135deg,#fffc,#e8f4fff2);position:absolute;inset:0}.login-card,.page-panel,.user-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #bfdcffcc}.login-card{z-index:1;border-radius:28px;width:min(460px,100%);padding:36px;position:relative}.topbar-title{align-items:center;gap:14px;height:100%;display:flex}.topbar-title span{color:#a5bde2!important}.topbar-title h1{margin:0;font-size:1.45rem}.topbar-title span,.login-header p,.user-card span,.placeholder-page p{color:var(--text-soft)}.login-form{gap:18px;display:grid}.login-form label{gap:8px;display:grid}.login-form input{border:1px solid var(--blue-border);background:#fff;border-radius:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,transform .2s}.login-form input:focus{border-color:var(--blue-strong);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #1882d91f}.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:14px;padding:14px 18px;transition:transform .2s,opacity .2s,background .2s}.swx-slogan{width:100%}.primary-button{color:#fff;background:linear-gradient(135deg,#1578c8,#38a6ff);justify-content:center;align-items:center;min-height:52px;transition:transform .2s,filter .2s;display:inline-flex}.primary-button:hover{filter:brightness(1.15)}.primary-button:disabled,.ghost-button:disabled{cursor:wait;opacity:.7}.ghost-button:hover{transition:transform .2s,opacity .2s,background .2s;background:#ffffff49!important}.form-error{color:#ad2a3c;background:#fff1f4;border:1px solid #ffc9d2;border-radius:12px;padding:12px 14px}.button-spinner,.loader-orbit{border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.app-shell{background:radial-gradient(circle at 0 0,#73beff33,#0000 28%),linear-gradient(#eef7ff 0%,#f6fbff 100%);min-height:100vh}.topbar{color:#fff;z-index:20;background:linear-gradient(90deg,#0f5e9e,#1989df);justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 30px #0b497b38}.topbar-user{align-items:center;gap:16px;display:flex}.topbar .ghost-button{color:#fff;background:#ffffff29}.topbar .logo-mark{box-shadow:none}.app-body{grid-template-columns:280px 1fr;min-height:100vh;padding-top:72px;display:grid}.sidebar{background:#f3f9ff;border-right:1px solid #d8e8f7;flex-direction:column;gap:24px;padding:24px 18px;display:flex}.nav-sections{gap:20px;display:grid}.nav-section{gap:8px;display:grid}.nav-section p{text-transform:uppercase;letter-spacing:.08em;color:#6a8aa9;margin:0;font-size:.9rem}.nav-item{color:#285174;border-radius:12px;padding:12px 14px}.nav-item.active,.nav-item:hover{color:var(--blue-deep);background:linear-gradient(135deg,#1882d91f,#73beff2e)}.sidebar-footer{margin-top:auto}.user-card{box-shadow:none;background:#fff;border-radius:16px;gap:4px;padding:16px;display:grid}.content-area{align-content:start;gap:16px;padding:24px;display:grid}.breadcrumbs{color:#6f89a3;flex-wrap:wrap;gap:8px;display:flex}.breadcrumbs span{gap:8px;display:inline-flex}.breadcrumbs i{opacity:.6;font-style:normal}.page-panel{background:#fff;border-radius:18px;min-height:calc(100vh - 152px);padding:28px}.placeholder-page h2{margin-top:0}.programs-page,.entity-form{gap:20px;display:grid}.page-header-row,.section-heading,.form-actions,.link-icon,.row-actions{justify-content:space-between;align-items:center;gap:6px;display:flex}.action-icon{transition:transform .15s ease-in-out!important}.action-icon:hover{cursor:pointer;transform:scale(1.1)}.section-heading{flex-direction:column;align-items:flex-start}.page-header-row h2,.section-heading h2{margin:0}.page-header-row p,.section-heading p,.empty-state{color:var(--text-soft);margin:0}.entity-form label{gap:8px;display:grid}.entity-form select,.entity-form input{border:1px solid var(--blue-border);border-radius:12px;padding:14px 16px}label span{-webkit-user-select:none;user-select:none}.checkboxes{align-items:center;gap:2px;width:fit-content;display:flex}.checkboxes input{margin-bottom:1px}.field-error{color:#ad2a3c}.data-grid-shell{background:#fff;overflow:hidden;box-shadow:0 7px 12px #18518814}.programs-grid-area{gap:16px;display:grid}.programs-search-row{justify-content:flex-start;display:flex}.programs-search{gap:8px;width:min(420px,100%);display:grid}.programs-search span{color:var(--text-soft);font-weight:600}.programs-search input{border:1px solid var(--blue-border);background:#f9fcff;border-radius:12px;padding:14px 16px}.grid-toolbar{justify-content:flex-end;width:100%;display:flex}.grid-link{color:var(--blue-strong)}.test{outline:1px solid red!important}.logo-image{filter:brightness(0)invert();max-height:100%;padding-block:8px}.logo-mark{border-radius:14px;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 1px #fff6}.logo-mark__bar{background:#fff;border-radius:999px;width:18px;height:6px;transform:rotate(-28deg)translateY(-2px)}.logo-mark__dot{background:#ffffffe6;border-radius:50%;width:8px;height:8px;position:absolute;bottom:10px;right:9px}.fullscreen-loader{color:var(--blue-deep);gap:16px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=920px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:16px}.app-body{grid-template-columns:1fr;padding-top:116px}.sidebar{border-bottom:1px solid #d8e8f7;border-right:0}.page-header-row,.form-actions,.row-actions,.data-grid-shell .MuiDataGrid-toolbarContainer{flex-direction:column;align-items:stretch}}.flex{justify-content:center;align-items:center;display:flex}