*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f4f7fb;color:#1f2937}.app{min-height:100vh}.topbar{background:#0f172a;color:white;padding:14px 22px;display:flex;justify-content:space-between}.topbar a{color:#fff}.container{max-width:1100px;margin:30px auto;padding:0 16px}.card{background:white;border-radius:14px;padding:22px;box-shadow:0 8px 25px rgba(0,0,0,.08);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}input,select,textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;margin:6px 0 14px}button,.btn{background:#2563eb;color:white;border:0;padding:11px 16px;border-radius:10px;text-decoration:none;cursor:pointer}.btn-danger{background:#dc2626}.btn-success{background:#16a34a}.alert{padding:12px;border-radius:10px;margin:10px 0}.alert-error{background:#fee2e2}.alert-success{background:#dcfce7}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left}.badge{padding:5px 9px;border-radius:999px;background:#e5e7eb}