:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#18201d;background:#f4f6f5;font-size:15px}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{background:#17221e;color:#e9f0ed;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:20px;font-weight:800;letter-spacing:-.02em}.brand span{font-weight:500;color:#aebdb7}nav{margin-top:32px;display:grid;gap:5px}nav a{color:#c8d4cf;text-decoration:none;padding:10px 12px;border-radius:7px}nav a[aria-current=page],nav a:hover{background:#293a34;color:#fff}.account{margin-top:auto;display:grid;gap:5px;overflow-wrap:anywhere}.account small{color:#8fa099}.app{padding:32px;min-width:0}header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}h1{font-size:28px;margin:4px 0}h2{font-size:15px;margin:0 0 18px}p{color:#62706b;margin:4px 0}a{color:#225f48}.search{display:flex;gap:8px}.search input{width:min(420px,40vw)}input{border:1px solid #cad2cf;border-radius:7px;padding:10px 12px;font:inherit;background:#fff}button,.button{border:0;border-radius:7px;padding:10px 14px;background:#245f49;color:#fff;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.link{background:none;padding:2px 0;color:#c8d4cf;text-align:left}.table-wrap{background:#fff;border:1px solid #dce2df;border-radius:10px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid #e8ecea;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#69766f;background:#fafbfa}td small{display:block;color:#718079;margin-top:4px;max-width:330px;overflow:hidden;text-overflow:ellipsis}.status{display:inline-block;border-radius:999px;background:#e4eee9;color:#245f49;padding:4px 8px;font-size:12px;font-weight:700}.tabs{display:flex;grid-auto-flow:column;justify-content:start;overflow:auto;border-bottom:1px solid #d9dfdc;margin:0 0 22px;gap:22px}.tabs span{padding:10px 1px;white-space:nowrap;color:#69756f}.tabs .active{color:#1d5943;border-bottom:2px solid #1d5943}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid article{background:#fff;border:1px solid #dce2df;border-radius:10px;padding:20px;min-width:0}dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:11px;margin:0}dt{color:#68756f}dd{margin:0;overflow-wrap:anywhere}.alert{padding:12px 14px;background:#e7f0ec;border-radius:7px;margin-bottom:16px}.alert.error{background:#f8e5e3;color:#872f28}.login{display:grid;place-items:center;background:#edf1ef}.login-card{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #d8dfdc;border-radius:12px;padding:30px;box-shadow:0 15px 45px #1b2b2414}.login-card form,.login-card label{display:grid;gap:9px}.login-card form{margin-top:22px}.login-card button{margin-top:6px}@media(max-width:800px){body{grid-template-columns:1fr}aside{height:auto;position:static;padding:16px}aside nav{grid-auto-flow:column;overflow:auto;margin-top:15px}.account{margin-top:14px}.app{padding:20px}.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{width:100%}}