*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--blue-900: #1e4eae;--blue-700: #3473e9;--blue-300: #bed3fe;--blue-200: #dce7fe;--blue-100: #f0f5fe;--system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--brand-primary: var(--blue-900);--brand-secondary: #72b455;--success: #27ae60;--warning: #e2b93b;--error: #eb5757;--gray-1: #333;--gray-2: #4f4f4f;--gray-3: #828282;--gray-4: #bdbdbd;--gray-5: #e0e0e0}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1}header{padding:1rem;background:var(--brand-primary);display:flex;justify-content:space-between;align-items:center;color:#fff}header a{color:inherit}header h1{text-transform:uppercase}header h1 a{color:inherit;text-decoration:none}header .department-switcher{display:flex;align-items:center;gap:1rem}header .user{display:flex;align-items:center;gap:1rem}header .user .profile-picture{border-radius:50%;height:32px;width:32px}footer{padding:1rem;background-color:var(--blue-100);border-top:1px solid var(--blue-200);display:flex;justify-content:space-between}footer .meta{display:flex;gap:1rem}footer .meta a{color:var(--brand-primary)}nav{background-color:var(--blue-100);padding:.5rem 1rem;border-bottom:1px solid var(--blue-200);display:flex;gap:1rem}nav a{color:var(--brand-primary);text-decoration:none}.flashes{margin-bottom:1rem}.flash{padding:.5rem 1rem;color:#fff}.notice{background-color:var(--success)}.alert{background-color:var(--error)}.warning{color:var(--gray-1);background-color:var(--warning)}dl{display:grid;grid-gap:0 .5rem;grid-template-columns:max-content}dt{font-weight:bold}dd{margin:0;grid-column-start:2}form:not(.button_to){display:flex;flex-direction:column;gap:1rem}label{display:block}table thead tr th,table thead tr td,table tbody tr th,table tbody tr td{padding:.3rem}table thead tr th:first-child,table thead tr td:first-child,table tbody tr th:first-child,table tbody tr td:first-child{padding-left:0}table thead tr th{text-align:left}body{font-family:var(--system-ui)}main{padding:1rem}main a{color:var(--brand-primary)}.action-header{display:flex;align-items:center;gap:1rem}