@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#192b38;background:#f5f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#136c69;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,.button{border:0;border-radius:6px;background:#176c67;color:#fff;padding:10px 18px;cursor:pointer}button:disabled{opacity:.45;cursor:default}input,textarea,select{width:100%;padding:10px 12px;border:1px solid #ced7df;border-radius:6px;background:#fff;color:#192b38}input[type=checkbox]{width:22px;height:22px}textarea{min-height:95px}select[multiple]{min-height:130px}label{display:grid;gap:8px;text-transform:capitalize;font-size:14px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 24px}h2{font-size:19px}.app{display:flex;min-height:100vh}aside{width:245px;flex-shrink:0;background:#112c34;padding:32px 22px;color:#fff;position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain}.brand{font-size:28px;font-weight:700;letter-spacing:-1px;color:inherit}.brand span{display:block;font-weight:400;font-size:12px;letter-spacing:0;color:#b1c5ca;margin-top:8px}aside nav{display:grid;gap:7px;margin-top:42px}aside nav a{color:#b9cdd1;padding:12px;border-radius:6px;font-size:14px}aside nav a[data-status=active],aside nav a:hover{background:#24434a;color:#fff;text-decoration:none}.workspace{flex:1;min-width:0}header{display:flex;justify-content:flex-end;align-items:center;gap:22px;border-bottom:1px solid #e0e6eb;background:#fff;padding:18px 40px;font-size:14px}header button{background:#eef3f3;color:#176c67}main{padding:42px;max-width:1500px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.heading h1{margin:0}.toolbar,.pagination,.form-actions{display:flex;gap:12px;align-items:center;margin:24px 0}.toolbar input{max-width:350px}.toolbar select{max-width:200px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e0e6eb;border-radius:9px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th,td{padding:17px 20px;border-bottom:1px solid #edf0f2;font-size:14px}th{text-transform:capitalize;color:#637581;font-size:12px;background:#fafcfc}tr:last-child td{border-bottom:0}.pagination{justify-content:flex-end;font-size:13px}.pagination span{margin-right:auto;color:#637581}.record-form{background:#fff;border:1px solid #e0e6eb;border-radius:9px;padding:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.form-actions{grid-column:1/-1;margin:0}.error{background:#fff0ef;border:1px solid #f0bbb4;color:#9f3326;padding:12px 20px;border-radius:6px;margin-bottom:24px;font-size:14px}.error p{margin:6px 0}.empty{padding:24px;text-align:center;color:#637581}.auth{max-width:470px;margin:8vh auto;padding:32px;background:#fff;border:1px solid #e0e6eb;border-radius:12px}.auth h1{margin-top:32px}.auth form{display:grid;gap:20px}.auth nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.auth .brand{color:#176c67}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}.cards a{background:#fff;padding:24px;border:1px solid #e0e6eb;border-radius:9px}.cards a:hover{border-color:#176c67;text-decoration:none}.cards h2{color:#192b38}.cards span{font-size:13px}.muted{color:#637581}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#176c67;font-size:12px;margin-bottom:16px}dl{background:#fff;border:1px solid #e0e6eb;border-radius:9px;padding:12px 24px}dl>div{display:grid;grid-template-columns:200px 1fr;padding:14px 0;border-bottom:1px solid #edf0f2;font-size:14px}dt{text-transform:capitalize;color:#637581}dd{margin:0;overflow-wrap:anywhere}pre{overflow:auto;font-size:12px}.danger{background:#a83b35}@media(max-width:900px){aside{width:190px;padding:24px 14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:24px}.record-form{grid-template-columns:1fr}}@media(max-width:600px){.app{display:block}aside{width:auto;position:static;height:auto;overflow-y:visible}aside nav{display:flex;overflow:auto;margin-top:16px;white-space:nowrap}header{padding:12px 20px}.cards{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}dl>div{grid-template-columns:1fr;gap:8px}.auth{margin:24px 16px}.pagination{flex-wrap:wrap}}