:root{font-family:system-ui,sans-serif;color:#172033;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header{padding:1rem max(1rem,calc((100vw - 1280px)/2));background:#073b4c;color:#fff;display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:1.35rem}h2{margin-top:0;font-size:1.1rem}header p{margin:.25rem 0 0;font-size:.85rem;color:#d4ecf2}main{max-width:1280px;margin:auto;padding:1rem}.card{background:#fff;border:1px solid #dce3e8;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000000a}.toolbar,.filters,.actions,.auth-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.auth-actions{margin-top:.7rem}.auth-actions button{background:#fff;color:#087e8b}.toolbar{margin-bottom:1rem}.toolbar form{display:flex;gap:.5rem}input,select,textarea,button{font:inherit;border:1px solid #b8c4cb;border-radius:5px;padding:.55rem}input,textarea{width:100%}textarea{min-height:4rem}button{background:#087e8b;color:#fff;border-color:#087e8b;cursor:pointer}button:hover{background:#056570}.filters input{flex:2;min-width:220px}.filters select{flex:1;min-width:150px}.layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:1rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{padding:.6rem;text-align:left;border-bottom:1px solid #e4e9ec;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover{background:#edf8f8}label{display:block;font-size:.85rem;margin:.5rem 0}label input,label select,label textarea{display:block;margin-top:.2rem}.message{min-height:1.2rem;color:#a03321;font-size:.9rem}#reader{max-width:480px;margin-bottom:.7rem}.tabs{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.tab{background:#e8eff1;color:#173a43;border-color:#cbd9dd}.tab.active{background:#087e8b;color:#fff}.tabs span{margin-left:auto;text-transform:capitalize;background:#f0c75e;padding:.25rem .55rem;border-radius:999px;font-size:.8rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.8rem;margin-bottom:1rem}.metric{background:#fff;border:1px solid #dce3e8;border-radius:8px;padding:1rem}.metric b{font-size:1.8rem;display:block;color:#087e8b}.metric span{font-size:.85rem;text-transform:capitalize}#history{border-top:1px solid #e4e9ec;margin-top:1rem;padding-top:.7rem}#history h3{font-size:1rem;margin:.1rem 0}#history ul,.card ul{padding-left:1.2rem;font-size:.9rem;line-height:1.55}input[type=checkbox]{width:auto}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){main{padding:.65rem}.layout{grid-template-columns:1fr}header{padding:.8rem}th,td{padding:.45rem}.toolbar>*{flex:1}.toolbar form{flex:2}}