:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e8eef9;background:#0c111c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1240px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243044}.brand{font-weight:800;font-size:27px;color:#fff;text-decoration:none;letter-spacing:-1px}.brand span{font-weight:400;color:#8393ac;font-size:14px;margin-left:16px;letter-spacing:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:10px 0 16px}h2{font-size:19px;margin:0 0 14px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#75d9bf}.muted,.hint{color:#99a9c0;line-height:1.6}.hint{font-size:12px;margin-top:22px}.card{background:#141c2b;border:1px solid #27344b;border-radius:14px;padding:26px}.narrow{max-width:440px;margin:60px auto}.heading,.list-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.heading{margin:20px 0 24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stats span{font-size:13px;color:#9eacc3}.stats strong{display:block;font-size:32px;margin-top:10px}.layout{display:grid;grid-template-columns:310px 1fr;gap:22px;align-items:start}label{display:block;font-size:13px;font-weight:600;margin:20px 0}input{display:block;width:100%;background:#0c1422;border:1px solid #34445f;padding:12px 13px;color:#f3f7ff;border-radius:7px;font:inherit;margin-top:8px;outline:none}input:focus{border-color:#74dfc0;box-shadow:0 0 0 3px #74dfc020}button{border:1px solid #3b4b63;border-radius:7px;background:#202d42;color:#edf5ff;padding:10px 13px;font:inherit;font-size:13px;cursor:pointer}button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:wait}.primary{background:#71ddbc;color:#08251c;border-color:#71ddbc;font-weight:700}form>.primary{width:100%;margin-top:4px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}td,th{padding:16px 9px;border-bottom:1px solid #29364c}th{font-weight:500;color:#97a9c4}td:first-child{font-weight:600;overflow-wrap:anywhere}.table-scroll{overflow:auto}td .actions{display:flex;gap:6px;flex-wrap:wrap}td button{font-size:11px;padding:7px 9px}.badge{font-size:11px;display:inline-block;padding:5px 9px;border-radius:20px;background:#22314a;white-space:nowrap}.badge.active{color:#88edc7;background:#153b32}.badge.disabled{color:#ffb1b1;background:#482b36}.list-head input{max-width:220px;margin:0}#status{padding:14px 0;color:#7ce2be;min-height:42px;white-space:pre-wrap}#status.error{color:#ffaaa8}footer{font-size:12px;color:#76869f;padding-bottom:40px}dialog{border:1px solid #40506c;border-radius:14px;padding:28px;width:420px;background:#162034}dialog::backdrop{background:#0009}.actions{display:flex;gap:10px;justify-content:flex-end}[hidden]{display:none!important}@media(max-width:850px){.layout{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}.stats{gap:8px}.stats .card{padding:18px}h1{font-size:26px}.list-head{align-items:start;flex-direction:column}header,main,footer{padding:18px}.narrow{margin:30px auto}}
textarea{display:block;width:100%;resize:vertical;min-height:110px;background:#0c1422;border:1px solid #34445f;padding:12px;color:#f3f7ff;border-radius:7px;font:inherit;margin-top:8px}textarea:focus{outline:2px solid #74dfc0}#message-error{color:#ffaaa8;white-space:pre-wrap}

.product-tabs{display:flex;gap:12px;margin:0 0 24px}.product-tabs button{min-width:150px}.product-tabs .selected{background:#195ee7;color:white;border-color:#195ee7}