.cc-badge-admin{--badge-surface:var(--cc-surface,#fff);--badge-line:var(--cc-border,#dce3ee);--badge-text:var(--cc-charcoal,#172033);color:var(--badge-text)}.cc-badge-admin button,.cc-badge-admin input,.cc-badge-admin select,.cc-badge-admin textarea{font:inherit;border:1px solid var(--badge-line);background:var(--badge-surface);color:inherit;border-radius:7px;min-width:0;padding:8px 10px}.cc-badge-admin button{cursor:pointer}.cc-badge-admin button:disabled{opacity:.45;cursor:default}.cc-badge-admin button[aria-pressed=true],.cc-badge-admin button[aria-current=page]{background:var(--cc-lavender-soft,#eeedff);color:var(--cc-purple,#4338ca);border-color:#a5a0ed}.cc-badge-admin :focus-visible{outline-offset:2px;outline:3px solid #9baff7}.badge-tabs{border-bottom:1px solid var(--badge-line);flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px 0;display:flex}.badge-creator-grid{grid-template-columns:minmax(160px,210px) minmax(300px,1fr) minmax(220px,300px);align-items:start;gap:16px;display:grid}.badge-directory{gap:6px;max-height:75vh;display:grid;position:sticky;top:12px;overflow:auto}.badge-directory button{text-align:left;gap:6px;display:grid}.badge-directory small{font-size:11px}.badge-directory details button{width:100%;margin-top:6px}.badge-editor,.badge-preview,.badge-rule{border:1px solid var(--badge-line);background:var(--badge-surface);border-radius:10px;padding:16px}.badge-preview{min-width:0;position:sticky;top:12px}.badge-editor fieldset,.badge-rule fieldset{border:0;min-width:0;padding:0}.badge-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cc-badge-admin label{gap:6px;margin-bottom:12px;font-size:13px;display:grid}.cc-badge-admin label.badge-check{align-items:center;display:flex}.cc-badge-admin h3{margin:20px 0 10px;font-size:14px;font-weight:700}.cc-badge-admin h2{font-size:18px;font-weight:700}.cc-badge-admin p{margin:12px 0;font-size:13px;line-height:1.6}.badge-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.badge-icons{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;display:grid}.badge-icons svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.badge-palettes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0;display:grid}.badge-palettes button{gap:7px;display:grid;font-size:10px!important}.badge-stage{background:var(--muted,#f4f7fb);border-radius:10px;justify-content:center;align-items:center;min-height:150px;margin:16px 0;padding:14px;display:flex}.badge-rule{margin:14px 0}.badge-rule>span{margin-left:12px;font-size:12px}.badge-rule>button{margin-right:8px}.badge-rule small{overflow-wrap:anywhere}.cc-badge-admin table{border-collapse:collapse;width:100%}.cc-badge-admin td,.cc-badge-admin th{text-align:left;border-bottom:1px solid var(--badge-line);padding:12px;font-size:13px}.cc-earned-badge{isolation:isolate;vertical-align:middle;background:var(--badge-bg);max-width:100%;color:var(--badge-fg);border:1px solid var(--badge-edge);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font:14px/1.25 Contrail One,Arial,sans-serif;display:inline-flex;position:relative;overflow:hidden}.cc-earned-badge>span,.cc-earned-badge>svg{z-index:1;position:relative}.cc-earned-badge svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.cc-earned-badge.large{padding:9px 17px;font-size:22px}.cc-earned-badge.large svg{width:22px;height:22px}.cc-earned-badge.shadow{box-shadow:0 2px 4px #07112622}.cc-earned-badge[data-border=none]{border:0}.cc-earned-badge[data-border=thick]{border-width:2px}.cc-earned-badge[data-border=double]{border-style:double;border-width:3px}.cc-earned-badge[data-border=dashed]{border-style:dashed}.cc-earned-badge[data-border=dotted]{border-style:dotted;border-width:2px}.cc-earned-badge[data-border=boldDash]{border-style:dashed;border-width:2px}.cc-earned-badge[data-border=inset]{box-shadow:inset 0 0 0 2px var(--badge-bg), inset 0 0 0 3px var(--badge-edge)}.cc-earned-badge[data-border=ring]{box-shadow:0 0 0 2px var(--badge-bg), 0 0 0 3px var(--badge-edge);margin:3px}.cc-earned-badge[data-border=outline]{background:0 0}.cc-earned-badge[data-border=soft]{box-shadow:0 0 0 4px color-mix(in srgb, var(--badge-edge) 25%, transparent)}.cc-earned-badge[data-border=accent]{border-color:var(--badge-accent)}.cc-earned-badge[data-element=slash]:after{content:"//";color:var(--badge-accent)}.cc-earned-badge[data-element=dot]:after{content:"●";color:var(--badge-accent)}.cc-earned-badge[data-element=dots]:after{content:"•••";color:var(--badge-accent)}.cc-earned-badge[data-element=chevron]:after{content:"»";color:var(--badge-accent)}.cc-earned-badge[data-element=diamond]:after{content:"◇";color:var(--badge-accent)}.cc-earned-badge[data-element=stripe]{border-left:6px solid var(--badge-accent)}.cc-earned-badge[data-element=underline]{box-shadow:inset 0 -3px var(--badge-accent)}.cc-earned-badge[data-element=corners]{border-left:3px solid var(--badge-accent);border-right:3px solid var(--badge-accent)}.cc-earned-badge[data-element=split]:before{content:"";background:var(--badge-accent);opacity:.2;position:absolute;inset:0 65% 0 0}.cc-member-badges{flex-wrap:wrap;gap:4px;margin-left:6px;display:inline-flex}@media (max-width:1200px){.badge-creator-grid{grid-template-columns:170px minmax(300px,1fr)}.badge-preview{grid-area:1/2;position:static}.badge-directory{grid-row:1/span 2}.badge-editor{grid-area:2/2}}@media (max-width:800px){.badge-creator-grid{grid-template-columns:1fr}.badge-preview{grid-area:2/1}.badge-directory{grid-row:1}.badge-editor{grid-area:3/1}.badge-directory{max-height:240px;position:static}.badge-fields{grid-template-columns:1fr}}.cc-badge-admin input[type=checkbox]{width:16px;height:16px;accent-color:var(--cc-purple,#6654de);flex-shrink:0;margin:0;padding:0}.badge-actions label:has(input[type=checkbox]){align-items:center;gap:7px;margin:0;display:flex}.badge-tabs button{white-space:nowrap;padding:8px 9px;font-size:13px}.cc-badge-admin button[type=submit],.badge-editor button:not([type]){font-weight:600}