@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_6cbc0d5f-module__dx4leq__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_6cbc0d5f-module__dx4leq__variable{--font-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--navy:#123238;--navy-deep:#0c282d;--teal:#067875;--teal-deep:#056f6d;--aqua:#dff3f0;--cream:#f5f3ed;--white:#fff;--sand:#e5d2af;--coral:#a33f34;--amber:#f5a623;--blue:#4b8fa1;--ink:#183137;--muted:#5c6b6e;--line:#d9e2df;--success:#176b4a;--warning:#7a4a0e;--danger:#a33f34;--danger-deep:#a33f34;--info:#2c6070;--success-soft:#dcefe6;--warning-soft:#f6ead4;--danger-soft:#f4dcd7;--info-soft:#e2eef2;--surface:var(--white);--surface-muted:var(--cream);--surface-tint:#eef4f2;--surface-raised:var(--white);--bg:var(--cream);--bg-elevated:var(--white);--text:var(--ink);--text-muted:var(--muted);--border:var(--line);--border-strong:#c3d1cd;--topbar-bg:var(--navy);--topbar-fg:var(--white);--topbar-border:#ffffff1a;--gradient-brand:linear-gradient(135deg, var(--teal) 0%, var(--teal-deep) 100%);--text-xs:.75rem;--text-sm:.85rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.4rem;--text-2xl:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #0c282d0f;--shadow-md:0 6px 18px #0c282d1f;--shadow-lg:0 12px 32px #0c282d2e;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--z-nav:40;--z-modal:50;--z-toast:60;--z-skip:100;--focus-ring:var(--teal)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1f22;--bg-elevated:#122b2f;--surface:#122b2f;--surface-muted:#0f262a;--surface-tint:#17383d;--surface-raised:#163439;--text:#e7f0ee;--text-muted:#9fb3b2;--border:#22403f;--border-strong:#2d4f4d;--topbar-bg:#0a1a1d;--topbar-fg:#e7f0ee;--topbar-border:#ffffff14;--focus-ring:#4bd6cf;--success:#4cc795;--warning:#e0a94a;--danger:#e0796a;--info:#5fb4cd;--success-soft:#143528;--warning-soft:#3a2f18;--danger-soft:#3a201c;--info-soft:#14303a;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 20px #00000080;--shadow-lg:0 16px 40px #0009}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color var(--motion-base) var(--ease-standard), color var(--motion-base) var(--ease-standard);font-family:var(--font-jakarta), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;line-height:1.5}.auth-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1.5rem;display:flex}.app-shell{min-height:100vh;display:flex}.side-rail{background:var(--topbar-bg);width:88px;color:var(--topbar-fg);border-right:1px solid var(--topbar-border);flex-shrink:0;padding:1.25rem .75rem}.brand{flex-direction:column;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:var(--z-nav);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex;position:sticky;top:0}.user-name{font-weight:600}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.content{padding:1.5rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:720px;padding:1.5rem}.panel-heading{margin:0 0 .5rem;font-size:1.25rem}.muted{color:var(--text-muted)}.primary-button,.secondary-button{min-height:44px;font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:.4rem;padding:0 1rem;font-weight:600;display:inline-flex}.primary-button{background:var(--teal);color:#fff;border:1px solid var(--teal-deep)}.primary-button:hover{background:var(--teal-deep)}.secondary-button{background:var(--surface);color:var(--text);border:1px solid var(--border)}.danger-button{min-height:44px;font:inherit;cursor:pointer;background:var(--danger);color:#fff;border:1px solid var(--danger);border-radius:12px;align-items:center;gap:.4rem;padding:0 1rem;font-weight:600;display:inline-flex}.danger-button:hover{background:var(--danger-deep)}.danger-button:disabled,.secondary-button:disabled,.primary-button:disabled{opacity:.6;cursor:default}.confirm-inline{border:1px solid var(--danger);background:var(--danger-soft);border-radius:12px;flex-direction:column;gap:.75rem;padding:.85rem 1rem;display:flex}.confirm-message{margin:0}.confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.rail-nav{flex-direction:column;gap:.35rem;margin-top:1.5rem;display:flex}.rail-item,.mobile-item{min-height:44px;color:var(--topbar-fg);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.rail-item{flex-direction:column;font-size:.72rem}.rail-item.is-active,.mobile-item.is-active{background:var(--teal-deep)}.mobile-nav{display:none}.panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.metric-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.metric-card-button{text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard)}.metric-card-button:hover{border-color:var(--border-strong);background:var(--surface-tint)}.metric-hint{color:var(--text-muted);font-size:.8rem}.metric-value{font-size:1.75rem;font-weight:700}.metric-label{color:var(--text-muted);font-size:.85rem}.status-chip{border-radius:999px;align-items:center;padding:.15rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-approved{background:var(--success-soft);color:var(--success)}.status-pending{background:var(--warning-soft);color:var(--warning)}.status-suspended{background:var(--danger-soft);color:var(--danger)}.record-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.record-card{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.record-main{flex-direction:column;display:flex}.record-title{font-weight:600}.record-sub{color:var(--text-muted);font-size:.85rem}.audit-meta{color:var(--text-muted);flex-wrap:wrap;gap:.35rem .75rem;margin:.4rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.audit-meta-key{color:var(--text);font-weight:600}.pagination{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.user-filters{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.user-filters .field{flex:8rem}.modal-scrim{z-index:50;background:#0c282d73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:16px;width:min(480px,100%);max-height:90vh;overflow:auto}.modal-header,.modal-footer{align-items:center;padding:1rem 1.25rem;display:flex}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem}.modal-body{padding:1.25rem}.icon-button{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-tint);border-color:var(--border-strong)}.icon-button:active{transform:translateY(1px)}.form{flex-direction:column;gap:1rem;display:flex}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-field label{font-size:.9rem;font-weight:600}.form-field input,.form-field select{border:1px solid var(--border);min-height:44px;font:inherit;background:var(--surface);color:var(--text);border-radius:10px;padding:0 .75rem}.field-error{color:var(--danger);margin:0;font-size:.85rem}.toast-region{z-index:60;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex;box-shadow:0 6px 18px #0c282d33}.toast-dismiss{width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;background:#ffffff2e;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:inline-flex}.toast-dismiss:hover{background:#ffffff4d}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.primary-button,.secondary-button,.danger-button,.icon-button,.rail-item,.mobile-item,.record-button{transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), transform var(--motion-fast) var(--ease-standard)}.primary-button:hover,.danger-button:hover{box-shadow:var(--shadow-sm)}.primary-button:active,.secondary-button:active,.danger-button:active{transform:translateY(1px)}.record-button:hover{border-color:var(--teal);box-shadow:var(--shadow-sm)}.modal-scrim{animation:soleia-fade var(--motion-base) var(--ease-standard)}.modal-card{animation:soleia-pop var(--motion-base) var(--ease-out)}.toast{animation:soleia-slide-in var(--motion-base) var(--ease-out)}@keyframes soleia-fade{0%{opacity:0}to{opacity:1}}@keyframes soleia-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes soleia-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.state-note{color:var(--text-muted)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 2rem;display:flex}.empty-state-icon{border-radius:var(--radius-pill);background:var(--surface-tint);width:48px;height:48px;color:var(--teal-deep);justify-content:center;align-items:center;display:inline-flex}.empty-state-title{margin:0;font-size:1.05rem;font-weight:600}.empty-state-action{margin-top:.5rem}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-tint) 25%, color-mix(in srgb, var(--surface-tint) 55%, var(--surface)) 37%, var(--surface-tint) 63%);background-size:400% 100%;animation:1.4s infinite soleia-shimmer;display:block}.skeleton-list{flex-direction:column;gap:.5rem;display:flex}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}@keyframes soleia-shimmer{0%{background-position:100%}to{background-position:0}}.record-button{text-align:left;background:var(--surface);width:100%;font:inherit;color:inherit;cursor:pointer}.record-button:hover{background:var(--surface-muted)}.detail{flex-direction:column;gap:1.25rem;display:flex}.detail-identity{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.detail-section h3{margin:0 0 .5rem;font-size:1rem}.status-actions{flex-wrap:wrap;gap:.5rem;display:flex}.role-list{flex-direction:column;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.role-row{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.add-role-form{grid-template-columns:1fr 1fr;align-items:end;gap:.75rem;display:grid}.add-role-form .primary-button{grid-column:1/-1}.skip-link{z-index:var(--z-skip);background:var(--surface);color:var(--text);border-radius:0 0 10px;padding:.5rem .9rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:640px){.side-rail{display:none}.content{padding-bottom:5rem}.mobile-nav{background:var(--topbar-bg);justify-content:space-around;padding:.35rem;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-item{color:var(--topbar-fg);flex-direction:column;font-size:.72rem}.record-card{flex-direction:column;align-items:flex-start}}::selection{background:var(--aqua);color:var(--navy-deep)}body{background-color:var(--cream);background-image:radial-gradient(circle at 8% -12%,#dff3f0f2,#0000 34rem),radial-gradient(circle at 100% 0,#e5d2af47,#0000 30rem);background-attachment:fixed}.topbar{z-index:var(--z-nav);position:sticky;top:0;box-shadow:0 1px #0c282d1f,0 8px 24px #0c282d0f}.dashboard-title{color:var(--navy-deep);letter-spacing:-.035em;text-wrap:balance;margin-block:0 .25rem;font-size:clamp(1.65rem,4vw,2.2rem);line-height:1.15}.section-title,.panel-title{color:var(--navy-deep);letter-spacing:-.02em;text-wrap:balance}.panel,.card,.app-card,.summary-card,.stat-card{box-shadow:0 1px 2px #0c282d0d,0 10px 30px #0c282d0b}input,select,textarea{transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard)}@media (hover:hover){.primary-button:not(:disabled):hover,.secondary-button:not(:disabled):hover,.topbar-button:not(:disabled):hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.app-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[hidden]{display:none!important}.workspace-intro{color:var(--text-muted);max-width:65ch;margin:.5rem 0 1.25rem;line-height:1.6}.workspace-nav{flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 1.5rem;display:flex}.workspace-nav a{border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;color:var(--text);background:var(--bg-elevated);flex:145px;padding:.85rem 1rem;text-decoration:none}.workspace-nav a span{color:var(--text-muted);margin-top:.3rem;font-size:.8rem;display:block}.workspace-nav a[aria-current]{border-color:var(--teal);box-shadow:inset 0 3px var(--teal);background:var(--surface-tint)}.workspace-nav a:hover{border-color:var(--teal)}.work-filters{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);flex-wrap:wrap;align-items:end;gap:.75rem;margin:1rem 0;padding:1rem;display:flex}.work-filters label{flex:160px;gap:.4rem;min-width:0;display:grid}.work-filters input,.work-filters select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:44px;color:var(--text);background:var(--bg-elevated);font:inherit;padding:.6rem}.work-summary{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.work-summary button{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elevated);min-height:44px;color:var(--text);font:inherit;cursor:pointer;padding:.6rem .9rem}.work-summary button[aria-pressed=true]{border-color:var(--teal);background:var(--surface-tint);font-weight:700}.work-help{border:1px solid var(--border);border-left:4px solid var(--teal);border-radius:var(--radius-sm);background:var(--bg-elevated);margin:1rem 0;padding:1rem;line-height:1.6}.work-help p{margin:.4rem 0}.work-details{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);margin:1rem 0;padding:1rem}.work-details>summary{cursor:pointer;align-content:center;min-height:44px;font-weight:700;display:list-item}.work-details[open]>summary{margin-bottom:1rem}.workspace-nav a:focus-visible,.work-summary button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}@media (max-width:600px){.workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.workspace-nav a{padding:.7rem}.work-filters{padding:.75rem}.work-filters label{flex-basis:100%}.work-filters button{flex:1}input,select,textarea{font-size:16px}.pager,.pagination{flex-wrap:wrap;gap:.75rem}}
html{scrollbar-gutter:stable;scroll-padding-top:8rem}body{background-attachment:scroll;background-color:var(--bg);background-image:radial-gradient(ellipse at top left, color-mix(in srgb, var(--teal) 7%, transparent), transparent 65%);min-width:0;color:var(--text);line-height:1.5}.app-shell,.portal-shell{min-height:100dvh}:where(.app-main,.content,.dashboard,.panel,.workspace-panel,.column,.column-body,.card,.record-main,.builder,.group-block,.session-block,.day-card,.checklist-panel,.app-card){min-inline-size:0;max-inline-size:100%}:where(h1,h2,h3,p,dd,li,a,label,button,summary){overflow-wrap:anywhere}:where(h1,h2,h3){text-wrap:balance}.dashboard-title,.section-title,.panel-title,.welcome-title{color:var(--text);line-height:1.2}.dashboard-title,.welcome-title{font-size:clamp(1.6rem,1.25rem + 1.4vw,2.25rem)}.content{overflow-wrap:anywhere;padding:clamp(1rem,3vw,2rem)}.dashboard{width:100%;margin-inline:auto}.topbar{flex-wrap:wrap;gap:.75rem 1.25rem;padding:.75rem clamp(1rem,3vw,2rem)}.topbar .brand{min-width:0;max-width:100%;line-height:1.35}.topbar .brand>span{overflow-wrap:anywhere;min-width:0}.topbar .brand>svg{flex-shrink:0}.topbar-user,.topbar-actions{flex-wrap:wrap;gap:.5rem;min-width:0;max-width:100%}.topbar .user-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:16rem;overflow:hidden}button,input,select,textarea{font:inherit}button,.primary-button,.secondary-button,.topbar-button{white-space:normal;max-width:100%;min-height:44px}.icon-button,.toast-dismiss{flex-shrink:0;min-width:44px;min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{min-width:0;max-width:100%;min-height:44px}textarea{resize:vertical}fieldset{min-inline-size:0}:where(.panel-header,.checklist-header,.checklist-actions,.card-actions,.builder-actions,.day-actions,.row-actions,.filters,.pager,.pagination,.role-row,.confirm-actions,.modal-header,.modal-footer){flex-wrap:wrap;gap:.75rem}:where(.work-filters,.create-form,.builder-row)>*{min-width:0}.workspace-nav{gap:.75rem}.workspace-nav a{min-width:0;min-height:44px}.work-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.toast-region{width:min(26rem,100% - 2rem);max-width:calc(100% - 2rem);right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom))}.toast{overflow-wrap:anywhere;width:100%;min-width:0}.modal-scrim{padding:1rem}.modal-card{overscroll-behavior:contain;max-height:calc(100dvh - 2rem)}img,video{max-width:100%;height:auto}@media (max-width:640px){.topbar{align-items:flex-start}.topbar .brand{flex:100%}.topbar-user,.topbar-actions{margin-left:auto}.content{padding:1rem}input,select,textarea{font-size:1rem}.work-filters label,.create-form>label{flex-basis:100%}.work-filters button{flex:auto}.workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.checklist-panel,.builder{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.content>.panel{width:100%;max-width:1120px;margin-inline:auto}.record-main{overflow-wrap:anywhere}.role-row>*,.add-role-form>*{min-width:0}.metric-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}@media (max-width:640px){.topbar>.user-name{max-width:100%}.topbar-actions{flex:100%;justify-content:flex-end}.content{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.mobile-nav{z-index:var(--z-nav);padding-bottom:env(safe-area-inset-bottom)}.mobile-item{flex:1;min-height:56px}.toast-region{bottom:calc(5rem + env(safe-area-inset-bottom))}.add-role-form{grid-template-columns:minmax(0,1fr)}.record-actions{flex-wrap:wrap}}
.os-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:end;gap:1rem;margin-block:1.5rem;display:grid}.os-form label{flex-direction:column;gap:.4rem;min-width:0;display:flex}.os-form input,.os-form select,.os-form textarea,.os-picker input,.os-picker select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;padding:.65rem .75rem}.os-full{grid-column:1/-1}.os-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.os-form .os-check{flex-direction:row;align-items:center}.os-form .os-check input{width:auto}.os-picker{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;padding:.75rem}.os-picker label{flex-direction:column;gap:.4rem;display:flex}.os-picker .os-actions{margin-block:.5rem}.os-record{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow-wrap:anywhere;margin-block:1rem;padding:1rem}.os-record p{margin-block:.4rem}.os-form button,.os-actions button,.os-picker button{min-height:44px}@media (max-width:640px){.os-form{grid-template-columns:minmax(0,1fr)}.os-picker input,.os-picker select,.os-form input,.os-form select,.os-form textarea{font-size:1rem}}