:root{--cyan:#22b8bf;--pink:#e53886;--blue:#168ac1;--green:#51ae82;--orange:#ef9a22;--ink:#20242a;--muted:#65717c;--line:#dce2e6;--paper:#fff;--back:#f3f5f6}*{box-sizing:border-box}body{margin:0;background:var(--back);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}.top{min-height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100% - 1180px)/2))}.brand{font-size:29px;letter-spacing:1px;color:#111;text-decoration:none;font-weight:300}.brand b{font-weight:400;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--blue),var(--green),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.top nav{display:flex;align-items:center;gap:20px}.top nav a{color:var(--ink);text-decoration:none}.top nav a:hover{color:var(--cyan)}.top nav span{color:var(--muted)}.wrap{max-width:1180px;margin:38px auto;padding:0 22px;min-height:calc(100vh - 190px)}h1{font-size:32px;font-weight:400;margin:0 0 24px}h2{font-size:20px;font-weight:500}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.button,button{display:inline-block;border:0;border-radius:2px;background:var(--cyan);color:#fff;padding:11px 18px;font-size:15px;text-decoration:none;cursor:pointer}.button.secondary{background:#66737d}.button.danger,button.danger{background:#b83232}.panel{background:#fff;border:1px solid var(--line);padding:26px;box-shadow:0 2px 8px rgba(0,0,0,.04)}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f8fafb;color:#4d5963;font-size:13px;text-transform:uppercase;letter-spacing:.04em}td.actions{white-space:nowrap}td.actions a{margin-right:12px}.status{display:inline-block;padding:3px 9px;border-radius:12px;background:#e6f6ee;color:#247449;font-size:13px}.status.off{background:#eee;color:#666}.flash,.error{padding:13px 16px;margin-bottom:20px;border-left:4px solid var(--green);background:#eef9f4}.error{border-color:#b83232;background:#fff1f1;color:#8d2323}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{margin-bottom:18px}.field label{display:block;font-weight:600;margin-bottom:7px}.field input[type=text],.field input[type=password],.field input[type=date],.field textarea{width:100%;border:1px solid #bcc6cd;padding:11px 12px;font:inherit;background:#fff}.field textarea{min-height:300px;resize:vertical}.field small{display:block;color:var(--muted);margin-top:5px}.preview{max-width:320px;max-height:180px;object-fit:contain;border:1px solid var(--line);padding:4px}.form-actions{display:flex;align-items:center;gap:12px;margin-top:24px}.login{max-width:440px;margin:75px auto}.login .brandline{height:5px;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--blue),var(--green),var(--orange));margin:-26px -26px 26px}footer{text-align:center;color:#7a848c;padding:18px}@media(max-width:760px){.top{align-items:flex-start;gap:14px}.top nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.top nav span{display:none}.grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{border-bottom:2px solid var(--line);padding:8px}td{border:0;padding:7px}.brand{font-size:22px}}