*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Hiragino Sans,sans-serif;color:#1a202c}header{display:flex;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap}header nav{display:flex;gap:4px}header button{padding:6px 12px;border:1px solid #cbd5e0;background:#fff;border-radius:6px;cursor:pointer}header button.active{background:#2b6cb0;color:#fff;border-color:#2b6cb0}header .me{margin-left:auto;color:#718096;font-size:.85rem}main{padding:16px}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:6px 10px;border-bottom:1px solid #edf2f7}th{background:#f7fafc}.center{display:flex;flex-direction:column;align-items:center;margin-top:15vh;gap:16px}.error{color:#c53030}input,select{padding:6px 8px;border:1px solid #cbd5e0;border-radius:6px}.filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}