*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#172033}.side{position:fixed;left:0;top:0;bottom:0;width:250px;background:#111827;color:#fff;padding:20px;overflow-y:auto}.side nav{display:flex;flex-direction:column;gap:6px}.side a{color:#dbe4f0;text-decoration:none;padding:11px 12px;border-radius:8px}.side a:hover{background:#263246}.side h2{margin-top:0}.main,main{margin-left:250px;padding:24px}header{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px;position:sticky;top:0;background:#f5f7fb;padding:10px 0;z-index:2}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.card{background:#fff;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 4px 18px #17203312;overflow:auto}.btn,button{display:inline-block;padding:10px 14px;border:0;border-radius:8px;background:#111827;color:#fff;cursor:pointer;text-decoration:none}.btn.secondary{background:#e5e7eb;color:#111827}input,select,textarea{width:100%;padding:10px;border:1px solid #d7dce5;border-radius:8px;margin:5px 0 12px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:10px;border-bottom:1px solid #e8ebf0;text-align:left}.table-wrap{overflow:auto}.pill{padding:4px 8px;border-radius:999px;background:#eef2ff}form.inline{display:inline}.notice{padding:12px;background:#ecfdf5;border-radius:8px}.danger{background:#fee2e2}.search{max-width:420px}@media(max-width:800px){.side{width:210px}.main,main{margin-left:210px;padding:15px}}@media(max-width:600px){.side{position:relative;width:100%;height:260px}.main,main{margin-left:0}}