:root{--bg:#f4f6f8;--card:#fff;--text:#17202a;--muted:#6b7280;--line:#e5e7eb;--primary:#155eef;--danger:#b42318;--ok:#027a48;--warn:#b54708}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:18px}.header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.header h1{margin:0;font-size:24px}.header p{color:var(--muted);margin:4px 0 0}.nav{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.btn,button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:11px 14px;font-weight:700;display:inline-flex}.btn.secondary,button.secondary{background:#344054}.btn.light,button.light{color:var(--text);border:1px solid var(--line);background:#fff}.btn.danger,button.danger{background:var(--danger)}.btn.ok,button.ok{background:var(--ok)}.btn.warn,button.warn{background:var(--warn)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:16px;box-shadow:0 2px 8px #1018280a}.grid{gap:12px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{margin-bottom:6px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:12px;font-size:16px}textarea{resize:vertical;min-height:90px}.badge{color:#155eef;background:#eef4ff;border-radius:999px;padding:5px 9px;font-size:13px;font-weight:700;display:inline-block}.badge.ok{color:#027a48;background:#ecfdf3}.badge.warn{color:#b54708;background:#fffaeb}.badge.danger{color:#b42318;background:#fef3f2}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:700}.success{color:var(--ok);font-weight:700}@media (max-width:700px){.grid.two{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}.btn,button,.actions a,.actions button{width:100%}}