.channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ch{border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0;transition:border-color .15s}
.ch:hover{border-color:var(--line-2)}
.ch.primary{background:var(--ink);color:#F4EFEC;border-color:var(--ink)}
.ch.primary p,.ch.primary .meta{color:#CFC6C1}
.ch.primary .ic-c{background:#2A2725;color:#E7A9B9}
.ch .top{display:flex;justify-content:space-between;align-items:flex-start}
.ch h3{margin:0;font-size:17px}
.ch p{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.55}
.ch .meta{font-size:12.5px;color:var(--muted)}
.ch .val{font-weight:700;font-size:14.5px;word-break:break-word}
.ch .btn{margin-top:auto;height:46px;font-size:12px;width:100%}
.ch.primary .btn{background:#F4EFEC;color:var(--ink)}
.status{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.06em;border-radius:999px;padding:4px 10px;background:var(--green-soft);color:#24432F}
.status i{width:7px;height:7px;border-radius:999px;background:#2F8A57}
.status.off{background:#F1ECE9;color:var(--muted)}
.status.off i{background:var(--muted)}
.quick{display:flex;flex-wrap:wrap;gap:10px}
.quick a{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 14px;border-radius:999px;border:1px solid var(--line-2);font-size:14px;font-weight:600;background:#fff}
.quick a:hover{border-color:var(--ink);color:var(--ink)}
.quick a .ic-c{width:32px;height:32px}
.formwrap{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start}
.formcard{border:1px solid var(--line);border-radius:24px;padding:32px}
.aside-info{display:flex;flex-direction:column;gap:16px}
.counter{font-size:12px;color:var(--muted);text-align:right}
.file{display:flex;align-items:center;gap:12px;border:1.5px dashed var(--line-2);border-radius:12px;padding:12px 16px;font-size:13.5px;color:var(--ink-2);cursor:pointer}
.file:hover{border-color:var(--ink)}
.file input{position:absolute;opacity:0;width:1px;height:1px}
.file:focus-within{border-color:var(--ink)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-2);line-height:1.5;cursor:pointer}
.consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink);flex:none}
.success{text-align:center;align-items:center;padding:24px 8px}
.success .tick{width:64px;height:64px;border-radius:999px;background:var(--green-soft);display:flex;align-items:center;justify-content:center}
.success h3{margin:0;font-family:var(--serif);font-weight:500;font-size:28px}
.success .tkt{font-family:ui-monospace,Menlo,monospace;font-size:15px;background:var(--soft);padding:8px 14px;border-radius:10px;font-weight:700}
.hours td:last-child{text-align:right}
@media (max-width:1200px){.channels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.formwrap{grid-template-columns:1fr}}
@media (max-width:768px){
  .channels{grid-template-columns:1fr;gap:10px}
  .ch{padding:18px}
  .formcard{padding:20px;border-radius:20px}
  .quick a{height:46px;font-size:13px}
}
