.cf-shell{background:var(--color-canvas);min-height:100vh}.cf-header{background:var(--color-header);color:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 max(20px,50vw - 380px);display:flex}.cf-brand{font-size:20px;font-weight:800}.cf-panel{background:var(--color-surface);border-radius:20px;max-width:760px;min-height:70vh;margin:24px auto;padding:28px;box-shadow:0 8px 32px #191d2612}.cf-panel h1{margin:0 0 12px;font-size:26px}.cf-panel h2{margin:28px 0 12px;font-size:18px}.cf-form{gap:16px;max-width:520px;margin-top:24px;display:grid}.cf-form label{gap:6px;font-size:14px;font-weight:650;display:grid}.cf-form input:not([type=checkbox]),.cf-form textarea,.cf-panel textarea{border:1px solid var(--color-border);background:#fff;border-radius:10px;width:100%;min-height:46px;padding:10px 12px}.cf-form textarea,.cf-panel textarea{min-height:92px}.cf-check{align-items:center;grid-template-columns:auto 1fr!important;gap:10px!important;display:flex!important}.cf-actions{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.cf-row{border-bottom:1px solid var(--color-border);gap:5px;padding:16px 4px;display:grid}.cf-row p,.cf-row span,.cf-muted{color:var(--color-muted);font-size:14px}.cf-empty{color:var(--color-muted);padding:24px 0}.cf-alert,.cf-notice{border-radius:10px;margin:14px 0;padding:12px 14px}.cf-alert{color:var(--color-danger);background:var(--color-danger-soft)}.cf-notice{color:#245b36;background:#e9f8ed}.cf-pill{background:#fff3b0;border-radius:999px;padding:4px 10px;display:inline-block}@media (max-width:600px){.cf-panel{margin:12px;padding:20px}.cf-header{padding:0 16px}}