*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#1f2937}.app-shell{min-height:100vh}.topbar{background:#0f172a;color:#fff;padding:1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.topbar nav a{color:#cbd5e1;margin-right:1rem;text-decoration:none;font-weight:600}.topbar nav a.active{color:#fff}.content{padding:1rem;max-width:1100px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #00000014}.card p{font-size:2rem;margin:.5rem 0 0}.form{display:grid;gap:.75rem;max-width:520px}.form input,.form select,.form button{padding:.7rem;border-radius:8px;border:1px solid #cbd5e1}.form button{background:#2563eb;color:#fff;border:none;cursor:pointer}.table-wrap{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;border-bottom:1px solid #e5e7eb;text-align:left}.message{margin-top:.75rem;font-weight:600}