*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f7f6;color:#18231e}aside{position:fixed;width:230px;height:100vh;background:#10261c;color:white;padding:28px 20px}aside h2{margin:0;color:#4ade80}aside p{opacity:.6;margin-bottom:35px}aside a{display:block;color:#d8e8df;text-decoration:none;padding:12px;border-radius:10px;margin:5px 0}aside a:hover{background:#1c3a2b}main{margin-left:230px;padding:32px;max-width:1300px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0;font-size:30px}header p{color:#69776f}.badge{background:#dcfce7;color:#166534;padding:9px 14px;border-radius:99px;font-weight:700}.card{background:white;padding:24px;border-radius:18px;box-shadow:0 6px 24px #10261c10;margin-bottom:24px}.grid2,.grid3{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.grid3{grid-template-columns:repeat(3,1fr)}label{display:block;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #dce5e0;border-radius:10px;margin:7px 0;font:inherit}textarea{resize:vertical}.toolbar{display:flex;gap:10px;margin:15px 0}button{border:0;padding:11px 16px;border-radius:9px;cursor:pointer;font-weight:700}.primary,.small{background:#16a34a;color:white}.secondary{background:#e7ece9}.small{padding:8px 10px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1ef}th{font-size:13px;color:#69776f}.pick{width:auto}.hint,footer{color:#718078;font-size:14px}.queue{margin-top:15px;padding:12px;background:#f7faf8;border-radius:10px;display:none}@media(max-width:800px){aside{position:static;width:100%;height:auto}aside a{display:inline-block}main{margin:0;padding:18px}.grid2,.grid3{grid-template-columns:1fr}header{align-items:flex-start;gap:12px;flex-direction:column}}