*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans,Helvetica,serif}a{color:inherit;text-decoration:none}.app-shell{grid-template:"nav header"56px"nav main"1fr/auto 1fr;height:100vh;display:grid;overflow:hidden}header{z-index:100;background-color:var(--mist-blue);grid-area:header;align-items:center;gap:.5rem;height:56px;padding:0 .5rem;display:flex;position:sticky;top:0}header .content{flex:1;align-items:center;gap:1rem;display:flex}header h1{font-size:27px}header .nav-toggle{color:var(--charcoal-blue);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}header .nav-toggle:hover{background-color:#1f273414}nav{background-color:var(--charcoal-blue);color:var(--light-blue-gray);flex-direction:column;grid-area:nav;width:220px;height:100%;font-size:18px;display:flex;overflow-y:auto}nav button{width:100%;color:var(--light-blue-gray);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.75rem;padding:1rem;font-family:Open Sans,Helvetica,serif;font-size:16px;font-weight:500;display:flex;overflow:hidden}nav button:hover{background-color:var(--deep-blue)}nav button.active{background-color:var(--azure-blue);color:var(--white)}nav.collapsed{width:56px}nav.collapsed a span,nav.collapsed button span{display:none}main{grid-area:main;height:100%}main>section{grid-template:"subheader subheader""subnav article"1fr/auto 1fr;gap:.25rem;height:100%;margin:.25rem;display:grid;overflow:hidden}main>section header{z-index:100;background-color:var(--white);border-bottom:.1rem solid var(--mist-blue);grid-area:subheader;align-items:center;gap:.5rem;height:56px;padding:0 .5rem;display:flex;position:sticky;top:0}main>section article{grid-area:article;height:100vh;padding:.5rem;overflow-y:auto}main>section nav{background-color:var(--white);color:#000;border-right:.1rem solid var(--mist-blue);grid-area:subnav;width:auto;min-width:200px;padding:.5rem;overflow-y:auto}main>section nav button{color:var(--charcoal-blue);background-color:var(--white)}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;margin:1rem;padding:.75rem 1rem}form .form-field label{padding:.25rem 0;display:block}form .form-field .form-label{font-weight:600}form .form-field input,form select,form textarea,form button{border:1px solid var(--light-blue-gray);border-radius:4px;padding:.5rem .25rem;font-size:1rem}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,nav.collapsed{display:none}@media (min-width:450px){nav.collapsed{display:flex}.logo.small{display:none}.logo.medium{display:inline-block}}
:root{--white:#fff;--mist-blue:#e0e6ee;--light-blue-gray:#cdd8e3;--azure-blue:#3d94d8;--deep-blue:#073d67;--charcoal-blue:#1f2734;--green:#1fa45b;--light-green:#25c56d;--mint-green:#a2edc4;--violet:#702f8a;--magenta:#ce0f69;--light-magenta:#ee167c;--orange:#e04e39;--rose-pink:#fde9f3;--yellow:#ffb81c;--soft-amber:#fff8e8;--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%)}