:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#102a43;background:linear-gradient(180deg,#f5f7fa,#e8ecf2)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#0b5fff}button,input,textarea,select{font:inherit}textarea{min-height:90px}.shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#102a43;color:#f0f4f8}.topbar nav{display:flex;gap:.75rem;align-items:center}.topbar button{border:0;padding:.5rem .75rem;border-radius:6px;background:#d64545;color:#fff;cursor:pointer}.content{padding:1rem}.page{display:grid;gap:1rem}.card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 8px 20px #102a4314}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center}.login-page .card{width:min(420px,90vw)}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{display:grid;gap:.3rem}input,textarea,select,button{border-radius:8px;border:1px solid #bcccdc;padding:.5rem}button{background:#0b5fff;color:#fff;border:none;cursor:pointer}.action-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.row-between{display:flex;justify-content:space-between;align-items:center;gap:1rem}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #d9e2ec;padding:.5rem;text-align:left}.error{color:#d64545}pre{background:#f0f4f8;border-radius:8px;padding:.75rem;overflow-x:auto}@media(max-width:720px){.topbar{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}}