:root{font-family:Arial,sans-serif;color:#1f2937;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.ad{background:#fff3cd;text-align:center;padding:12px;border-bottom:1px solid #ead58b}header{background:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 4%;box-shadow:0 2px 14px #0000000d;position:sticky;top:0;z-index:3}.brand{font-size:24px;font-weight:700}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:#2563eb;text-decoration:none}main{max-width:1180px;margin:28px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 8px 26px #0000000a}.card h3{margin-top:0}.btn,button{background:#2563eb;color:#fff;border:0;border-radius:8px;padding:10px 15px;cursor:pointer}.btn.secondary{background:#64748b}.danger{background:#dc2626}input,select,textarea{width:100%;padding:10px;border:1px solid #d7dce5;border-radius:8px;margin-top:5px}label{display:block;margin:12px 0}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.flash{padding:12px;border-radius:8px;margin-bottom:15px}.flash.success{background:#dcfce7}.flash.error{background:#fee2e2}.usage{height:10px;background:#e5e7eb;border-radius:10px;overflow:hidden}.usage span{display:block;height:100%;background:#2563eb}footer{text-align:center;padding:30px;color:#64748b}@media(max-width:760px){header{align-items:flex-start;gap:12px;flex-direction:column}.row{grid-template-columns:1fr}.table{font-size:14px}}