*{box-sizing:border-box}
body{font-family:ui-sans-serif,system-ui,Segoe UI,Arial;background:#f1f5f9;color:#0f172a;margin:0}
a{color:#0ea5e9;text-decoration:none}
.container{max-width:1100px;margin:34px auto;padding:0 16px}
.card{background:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(2,24,48,.08);padding:20px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.brand{font-weight:800}
.btn{display:inline-block;padding:10px 14px;border:none;border-radius:10px;background:#f97316;color:#fff;font-weight:700;cursor:pointer}
.btn.secondary{background:#e2e8f0;color:#0f172a}
.alert{padding:10px;border-radius:10px;margin:10px 0}
.alert.err{background:#fee2e2;color:#991b1b}.alert.ok{background:#d1fae5;color:#065f46}
label{display:block;margin:10px 0 6px}
input[type="text"],input[type="email"],input[type="password"],input[type="file"],textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px}
table{width:100%;border-collapse:collapse;margin-top:10px}
th,td{padding:10px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:14px}
th{background:#f8fafc}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f7;color:#334155;font-size:12px;margin-left:8px}
.pagination{display:flex;gap:6px;margin-top:12px}
.pagination a{padding:6px 10px;border-radius:8px;background:#eef2f7}
.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:1000}
.modal-backdrop.active{display:flex}
.modal{width:92%;max-width:680px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(2,8,23,.15);padding:20px;position:relative}
.modal .close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:22px;color:#94a3b8;cursor:pointer}
.copybox{width:100%;min-height:80px;border:1px dashed #cbd5e1;border-radius:10px;padding:8px;background:#fafafa}
.small{font-size:12px;color:#64748b}