:root{--background:#f6f7f8;--surface:#fff;--foreground:#17191d;--muted:#687078;--line:#e5e8eb;--primary:#365f80;--danger:#a84f4f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--foreground);background:var(--background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.admin-layout{grid-template-columns:224px 1fr;min-height:100vh;display:grid}.sidebar{color:#f7f9fa;background:#1d252b;flex-direction:column;padding:22px 16px;display:flex}.brand{padding:6px 10px 24px;font-size:18px;font-weight:750}.nav{gap:4px;display:grid}.nav a{color:#cbd2d7;border-radius:7px;padding:10px 12px}.nav a:hover{color:#fff;background:#2a353d}.sidebar-bottom{gap:10px;margin-top:auto;display:grid}.header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:flex-end;align-items:center;gap:12px;height:68px;padding:0 28px;display:flex}.content{width:100%;max-width:1440px;padding:28px}.page-title{letter-spacing:0;margin:0 0 22px;font-size:26px}.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.metric-label{color:var(--muted);font-size:13px}.metric-value{margin-top:7px;font-size:26px;font-weight:750}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:880px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px;font-size:13px}th{color:var(--muted);background:#fafbfb;font-weight:650}.empty{text-align:center;color:var(--muted);padding:44px}.button{background:var(--primary);color:#fff;border:0;border-radius:7px;padding:10px 15px}.button.secondary{color:inherit;border:1px solid var(--line);background:0 0}.sign-in{place-items:center;min-height:100vh;padding:24px;display:grid}.sign-in-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:min(420px,100%);padding:28px}.field{gap:6px;margin-top:16px;display:grid}.field input{border:1px solid #ccd2d7;border-radius:7px;padding:11px 12px}.notice{color:var(--muted);line-height:1.5}.error{color:var(--danger);margin-top:12px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.page-heading .page-title{margin-bottom:6px}.page-heading .notice{margin:0}.environment-banner{border-radius:7px;margin-bottom:18px;padding:11px 14px;font-size:13px}.environment-banner.preview{color:#6d5614;background:#fff6dc;border:1px solid #eadba9}.environment-banner.connected{color:#315f42;background:#eaf6ee;border:1px solid #c4dfce}.theme-workspace{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}.theme-list{gap:7px;display:grid}.theme-list-item{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;color:inherit;border-radius:8px;grid-template-columns:30px 1fr 9px;align-items:center;gap:10px;padding:11px;display:grid}.theme-list-item:hover,.theme-list-item.selected{background:#fdfefe;border-color:#9aabb7}.theme-list-item strong,.theme-list-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.theme-list-item small{color:var(--muted);margin-top:3px;font-size:11px}.theme-swatch{border:1px solid #00000014;border-radius:6px;width:28px;height:28px}.status-dot{background:#aeb5ba;border-radius:50%;width:8px;height:8px}.status-dot.review{background:#d7a433}.status-dot.approved{background:#4b87b8}.status-dot.published{background:#45a66b}.status-dot.retired{background:#7f878d}.theme-editor{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field.compact{margin-top:0}.field input,.field select{color:inherit;background:#fff;border:1px solid #ccd2d7;border-radius:7px;padding:10px 11px}.field input:disabled,.field select:disabled{color:#70777d;background:#f4f5f6}.domain-picker{border:0;border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 14px;margin:20px 0 0;padding:17px 0 0;display:flex}.domain-picker legend{padding:0 8px 0 0;font-size:13px;font-weight:700}.domain-picker label{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.color-editor{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.color-editor label{color:var(--muted);justify-items:center;gap:5px;font-size:11px;display:grid}.color-editor input{border:1px solid var(--line);background:#fff;border-radius:6px;width:40px;height:32px;padding:2px}.section-title{margin:24px 0 12px;font-size:16px}.stage-previews{grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;display:grid}.dream-preview{border:1px solid #78828c38;border-radius:8px;align-content:start;gap:8px;min-height:150px;padding:14px;display:grid;position:relative;overflow:hidden}.dream-preview .energy-line{border-radius:99px;width:48%;height:3px;box-shadow:0 0 10px}.dream-preview small{opacity:.72}.dream-preview strong{min-height:38px;font-size:15px}.dream-preview b{margin-top:4px;font-size:25px}.preview-progress{background:#808a9138;border-radius:99px;height:4px;margin-top:auto;overflow:hidden}.preview-progress i{border-radius:inherit;height:100%;display:block}.editor-actions{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.button.secondary.dark{color:var(--foreground);border-color:#bcc4ca}.operation-message{color:var(--muted);margin:13px 0 0;font-size:13px}.moderation-toolbar{margin:18px 0 12px}.moderation-toolbar select{background:#fff;border:1px solid #ccd2d7;border-radius:7px;padding:9px 11px}.message-table{min-width:980px}.message-content{white-space:normal;min-width:320px;max-width:560px;line-height:1.5}.row-actions{justify-content:flex-end;gap:7px;display:flex}.button.small{white-space:nowrap;padding:7px 10px;font-size:12px}.settings-panel{max-width:560px;margin-top:18px}.settings-panel h2{margin:0;font-size:18px}.settings-panel .button{margin-top:18px}.success{color:#276749;margin:14px 0 0}@media (max-width:760px){.admin-layout{grid-template-columns:1fr}.sidebar{position:static}.nav{grid-template-columns:repeat(3,1fr)}.content{padding:20px 14px}.theme-workspace{grid-template-columns:1fr}.theme-list{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:1fr}.stage-previews{grid-template-columns:repeat(2,minmax(130px,1fr))}}