*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden}body{font-family:Open Sans,Helvetica,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-rows:56px 1fr;grid-template-columns:auto 1fr;grid-template-areas:"nav header" "nav main";height:100vh;overflow:hidden}header{grid-area:header;position:sticky;top:0;z-index:100;height:56px;display:flex;align-items:center;padding:0 .5rem;background-color:var(--mist-blue);gap:.5rem}header .content{display:flex;align-items:center;gap:1rem;flex:1}header h1{font-size:27px}header .nav-toggle{background:none;border:none;color:var(--charcoal-blue);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}header .nav-toggle:hover{background-color:#1f273414}nav{grid-area:nav;background-color:var(--charcoal-blue);color:var(--light-blue-gray);font-size:18px;height:100%;overflow-y:auto;width:220px;display:flex;flex-direction:column}nav button,nav a{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:1rem;width:100%;background:none;border:none;color:var(--light-blue-gray);font-family:Open Sans,Helvetica,serif;font-size:16px;font-weight:500;cursor:pointer;white-space:nowrap;overflow:hidden}nav button:hover,nav a:hover{background-color:var(--deep-blue)}nav button.active,nav a.active{background-color:var(--azure-blue);color:var(--white)}nav h3{margin-top:10px}nav.collapsed{width:56px}nav.collapsed a span,nav.collapsed button span{display:none}main{grid-area:main;height:100%}main>section{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"subheader" "subnav" "article";overflow:hidden;height:100%;gap:.25rem;margin:.25rem}main>section header{grid-area:subheader;position:sticky;top:0;z-index:100;height:56px;display:flex;align-items:center;padding:0 .5rem;background-color:var(--white);border-bottom:.1rem solid var(--mist-blue);gap:.5rem}main>section article{grid-area:article;overflow-y:auto;height:100vh;padding:.5rem}main>section nav{grid-area:subnav;padding:.5rem;overflow-y:auto;background-color:var(--white);color:#000;border-bottom:.1rem solid var(--mist-blue);width:100%;min-width:0;display:flex;flex-wrap:wrap}main>section nav h3{width:100%;margin-top:.25rem}main>section nav button{color:var(--charcoal-blue);background-color:var(--white);width:auto}main>section nav button:hover{background-color:var(--mist-blue)}main>section nav button.active{background-color:var(--azure-blue)}.container{background-color:var(--palette-background);border:2px solid var(--palette-border);color:var(--palette-font);border-radius:4px;padding:.75rem 1rem;margin:1rem}main>section article table{display:block;width:100%;border-collapse:collapse;table-layout:fixed}main>section article table caption,main>section article table thead{display:none}main>section article table tbody{display:block}main>section article table tbody tr{display:block;border-bottom:1px solid var(--mist-blue);margin-bottom:.75rem;padding-bottom:.75rem}main>section article table tbody tr:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}main>section article table tbody td{display:grid;grid-template-columns:minmax(6rem,8rem) minmax(0,1fr);gap:.5rem;padding:.25rem 0;overflow-wrap:anywhere}main>section article table tbody td:before{content:attr(data-label);font-weight:700}form .form-field label{display:block;padding:.25rem 0}form .form-field .form-label{font-weight:600}form .form-field input,form select,form textarea,form button{font-size:1rem;padding:.5rem .25rem;border-radius:4px;border:1px solid var(--light-blue-gray)}form button[type=submit]{background-color:var(--light-green);color:var(--white);border-color:var(--green);padding:.5rem 1rem}form button[type=button]{background-color:var(--light-magenta);color:var(--white);border-color:var(--magenta);padding:.5rem 1rem}form button[disabled]{background-color:var(--light-blue-gray);color:var(--white);border-color:var(--mist-blue);padding:.5rem 1rem}.logo.small{display:inline-block}.logo.medium{display:none}nav.collapsed{display:none}@media(min-width:450px){nav.collapsed{display:flex}.logo.small{display:none}.logo.medium{display:inline-block}main>section{grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"subheader subheader" "subnav article"}main>section nav{border-bottom:none;border-right:.1rem solid var(--mist-blue);width:auto;min-width:200px;display:block}main>section nav h3{width:auto;margin-top:10px}main>section nav button{width:100%}main>section article table{display:table;table-layout:fixed}main>section article table thead{display:table-header-group}main>section article table tbody{display:table-row-group}main>section article table tbody tr{display:table-row;border-bottom:1px solid var(--mist-blue);margin-bottom:0;padding-bottom:0}main>section article table tbody td{display:table-cell;padding:.5rem;border-bottom:1px solid var(--mist-blue)}main>section article table tbody td:before{content:none}main>section article table th{text-align:left;padding:.5rem;border-bottom:2px solid var(--mist-blue)}}:root{--white: rgb(255 255 255);--mist-blue: rgb(224 230 238);--light-blue-gray: rgb(205 216 227);--azure-blue: rgb(61 148 216);--deep-blue: rgb(7 61 103);--charcoal-blue: rgb(31 39 52);--green: rgb(31 164 91);--light-green: rgb(37 197 109);--mint-green: rgb(162, 237, 196);--violet: rgb(112 47 138);--magenta: rgb(206 15 105);--light-magenta: rgb(238 22 124);--orange: rgb(224 78 57);--rose-pink: rgb(253, 233, 243);--yellow: rgb(255 184 28);--soft-amber: rgb(255, 248, 232);--success-background: var(--mint-green);--success-border: var(--green);--success-font: var(--charcoal-blue);--warning-background: var(--soft-amber);--warning-border: var(--yellow);--warning-font: var(--charcoal-blue);--error-background: var(--rose-pink);--error-border: var(--magenta);--error-font: var(--charcoal-blue);--default-background: var(--white);--default-border: var(--mist-blue);--default-font: var(--charcoal-blue)}.palette-default{--palette-background: var(--default-background);--palette-border: var(--default-border);--palette-font: var(--default-font)}.palette-success{--palette-background: var(--success-background);--palette-border: var(--success-border);--palette-font: var(--success-font)}.palette-warning{--palette-background: var(--warning-background);--palette-border: var(--warning-border);--palette-font: var(--warning-font)}.palette-error{--palette-background: var(--error-background);--palette-border: var(--error-border);--palette-font: var(--error-font)}.palette-disabled{--palette-background: color-mix(in srgb, var(--palette-background) 70%, white 30%);--palette-border: color-mix(in srgb, var(--palette-border) 70%, white 30%);--palette-font: color-mix(in srgb, var(--palette-font) 70%, white 30%)}