*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#20324a;font:15px/1.55 system-ui,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:235px;background:white;border-right:1px solid #e2e8f0;padding:30px 22px}.brand{display:block;font-size:23px;font-weight:700;text-decoration:none;margin-bottom:38px}.brand b{color:#087f8c}aside small{font-size:11px;letter-spacing:2px;color:#789}nav{display:grid;gap:6px;margin:14px 0 30px}nav a{padding:10px 12px;text-decoration:none;border-radius:8px;color:#456}nav a:hover{background:#e7f4f5;color:#087f8c}main{margin-left:235px;padding:0 38px 30px;max-width:1700px}header{display:flex;justify-content:space-between;border-bottom:1px solid #dfe6ef;padding:23px 0;margin-bottom:34px;color:#6b7b90;font-size:13px}h1{font-size:30px;letter-spacing:-.8px;margin:6px 0 10px}h2{font-size:18px}p{color:#63758a}section,article{background:white;border:1px solid #e1e8f0;border-radius:12px;padding:24px;margin:20px 0;box-shadow:0 3px 12px #172b4d04}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards strong{display:block;font-size:36px;margin-top:8px}.cards span{color:#718096}.eyebrow{color:#087f8c;letter-spacing:2px;font-size:11px;font-weight:bold}.heading{display:flex;align-items:center;justify-content:space-between;gap:14px}a{color:#087f8c}button,.button{display:inline-block;background:#087f8c;color:white;border:0;border-radius:7px;padding:10px 16px;text-decoration:none;font:inherit;cursor:pointer}.secondary{background:#edf2f7;color:#344b63}.inline{display:inline}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}input,select,textarea{border:1px solid #cbd5e1;border-radius:6px;padding:10px;font:inherit;background:white;max-width:100%}form p label{display:block;font-weight:600;color:#344b63}form p input:not([type=checkbox]),form p textarea{width:100%;max-width:620px}input[type=checkbox]{width:18px;height:18px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:14px 10px;border-bottom:1px solid #e7edf3;vertical-align:middle}th{color:#708096;font-size:12px}td small{display:block;color:#7b899b;font-size:11px;margin-top:5px}.table-wrap{overflow-x:auto}.logo{width:44px;height:35px;object-fit:contain}.notice{padding:14px 20px;border-radius:8px;background:#def2e9}.notice.error,.errorlist{color:#a22;background:#fff0f0;padding:15px}.login{max-width:500px;margin:70px auto}.pagination{padding:20px 0 0}.pagination a{margin:0 12px}.code{font-size:27px;letter-spacing:3px}footer{color:#90a0b0;font-size:12px;margin-top:35px}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}aside{position:static;width:auto;padding:15px}aside nav{display:flex;flex-wrap:wrap;margin:0}.brand{margin:0}aside>small{display:none}aside form{margin-top:10px}main{margin:0;padding:0 18px}.heading{flex-wrap:wrap}}@media(max-width:480px){.cards{grid-template-columns:1fr;gap:0}.cards article{margin:7px 0}}