:root{--red:#bd1f2d;--dark:#202124;--muted:#667085;--bg:#f6f7fb;--card:#fff;--line:#e4e7ec;--ok:#067647;--warn:#b54708;--bad:#b42318}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--dark)}
a{color:var(--red);text-decoration:none}.topbar{background:var(--card);border-bottom:1px solid var(--line);padding:12px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center;position:sticky;top:0;z-index:10}.topbar small{display:block;color:var(--muted);font-weight:400}.topbar nav{display:flex;gap:12px;flex-wrap:wrap}.container{max-width:1150px;margin:20px auto;padding:0 14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}h1,h2,h3{margin-top:0}.muted{color:var(--muted)}label{display:block;font-weight:700;margin:12px 0 6px}input,select,textarea{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font-size:15px}textarea{min-height:90px}.btn{display:inline-block;border:0;background:var(--red);color:#fff;padding:11px 16px;border-radius:10px;font-weight:700;cursor:pointer}.btn.secondary{background:#344054}.btn.light{background:#fff;color:var(--red);border:1px solid var(--red)}.btn.danger{background:var(--bad)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top;font-size:14px}th{background:#f9fafb}.badge{display:inline-block;border-radius:999px;padding:4px 9px;background:#eef2ff;color:#3538cd;font-size:12px;font-weight:700}.badge.ok{background:#ecfdf3;color:var(--ok)}.badge.warn{background:#fffaeb;color:var(--warn)}.badge.bad{background:#fef3f2;color:var(--bad)}.steps{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.step{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:14px}.step.active{background:var(--red);color:#fff;border-color:var(--red)}.hidden{display:none!important}.notice{padding:12px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.success{padding:12px;border-radius:10px;background:#ecfdf3;border:1px solid #abefc6;color:#067647}.login{max-width:420px;margin:60px auto}.photo-preview{max-width:180px;border:1px solid var(--line);border-radius:10px;margin-top:8px}@media(max-width:800px){.topbar{display:block}.topbar nav{margin-top:8px}.grid{display:block}.col-3,.col-4,.col-6,.col-8,.col-12{margin-bottom:10px}.card{padding:14px}.container{margin-top:12px}th,td{font-size:13px}.btn{width:100%;text-align:center}}