:root{--color-ink:#122126;--color-muted:#58656a;--color-accent:#cf5f33;--color-accent-dark:#9d301d;--font-body:"Segoe UI", "Inter", sans-serif;--font-display:Georgia, "Times New Roman", serif;font-family:var(--font-body);color:var(--color-ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f1ec;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select,textarea{font:inherit}button{font-family:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-ink)}h1{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.6rem);line-height:1}h2{font-size:1.2rem}a{color:inherit}.shell{background:radial-gradient(circle at 0 0,#c84e2233,#0000 28%),linear-gradient(#f4efe7 0%,#f7f3ed 36%,#f3f5f2 100%);grid-template-columns:280px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s;display:grid}.shell--collapsed{grid-template-columns:56px minmax(0,1fr)}.sidebar{color:#f7f0e8;background:linear-gradient(#102025f0,#0d171ffa),#102025;border-right:1px solid #ffffff14;flex-direction:column;gap:24px;padding:28px 20px;display:flex}.brand{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;gap:6px;padding:0;display:grid}.brand span{font-family:var(--font-display);letter-spacing:.04em;font-size:1.4rem}.brand small{color:#f7f0e8b3}.nav{gap:18px;display:grid}.nav-group{gap:8px;display:grid}.nav-label{text-transform:uppercase;letter-spacing:.16em;color:#f7f0e885;font-size:.72rem}.nav-item{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:12px 14px;transition:background-color .18s,transform .18s}.nav-item:hover,.nav-item.active{background:#ed722c2e;transform:translate(2px)}.sidebar-collapse-btn{color:#f7f0e8b3;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.sidebar-collapse-btn:hover{color:#fff;background:#ffffff14}.shell--collapsed .sidebar{align-items:center;padding:20px 12px;overflow:hidden}.shell--collapsed .brand,.shell--collapsed .nav-label,.shell--collapsed .nav-item span,.shell--collapsed .sidebar-footer{display:none}.shell--collapsed .nav-item{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.shell--collapsed .sidebar-collapse-btn{align-self:center}.sidebar-footer{background:#ffffff0f;border-radius:20px;gap:8px;margin-top:auto;padding:18px;display:grid}.content{align-content:start;align-items:start;gap:28px;padding:36px;display:grid}.page-intro{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--color-accent);margin:0 0 8px;font-size:.72rem}.notice-card,.panel,.metric-card,.login-card,.login-hero,.comment-card,.media-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf5db;border:1px solid #121b1e14;box-shadow:0 22px 55px #261d1214}.notice-card,.panel,.metric-card,.login-card,.login-hero,.comment-card{border-radius:24px}.notice-card{gap:10px;padding:20px;display:grid}.page-stack{gap:24px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.metric-card{gap:10px;padding:20px;display:grid}.metric-card span{color:var(--color-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.metric-card strong{font-family:var(--font-display);color:var(--color-ink);font-size:2rem}.panel{align-content:start;align-self:start;gap:18px;padding:22px;display:grid}.panel-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.table-tools{align-content:start;gap:10px;display:grid}.toolbar input,.toolbar select,.detail-form input,.detail-form select,.detail-form textarea,.login-card input{color:var(--color-ink);background:#ffffffeb;border:1px solid #111a1d1f;border-radius:14px;padding:12px 14px}.toolbar input,.toolbar select{flex:0 240px;width:auto;min-width:0;min-height:48px}.detail-form input,.detail-form select,.detail-form textarea,.login-card input{width:100%}.toolbar-search-input{flex:420px;max-width:560px}.primary-button,.ghost-button,.text-button,.choice,.tag-chip{cursor:pointer;border-radius:14px;transition:transform .18s,background-color .18s}.primary-button{color:#fff9f3;background:linear-gradient(135deg,#d45c2e,#9d301d);border:0;padding:12px 16px}.ghost-button,.choice,.tag-chip{background:#ffffffd9;border:1px solid #111a1d1f;padding:12px 16px}.text-button{color:var(--color-accent-dark);background:0 0;border:0;padding:0}.primary-button:hover,.ghost-button:hover,.choice:hover,.tag-chip:hover{transform:translateY(-1px)}.detail-form{gap:24px}.api-key-create-form{gap:18px;display:grid}.api-key-create-actions{margin-top:6px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.detail-form label,.login-card label{gap:8px;display:grid}.detail-form label span,.login-card label span{color:var(--color-muted);font-size:.88rem}.full-width{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:12px;display:flex}.media-dropzone{text-align:center;cursor:pointer;background:#f7f2ebcc;border:1px dashed #111a1d33;border-radius:18px;gap:8px;margin-top:8px;padding:24px 18px;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.media-dropzone.drag-over{background:#fff3e8eb;border-color:#d45c2e80;transform:translateY(-1px)}.media-dropzone p,.media-dropzone small{color:var(--color-muted);margin:0}.media-file-input{display:none}.media-upload-list{gap:10px;margin-top:12px;display:grid}.media-upload-item{background:#ffffffb8;border:1px solid #111a1d14;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.media-picker-field{gap:12px;margin-top:8px;display:grid}.media-picker-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.media-picker-preview{gap:10px;display:grid}.media-picker-modal{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#10181c80;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.media-picker-panel{background:#fffaf5f5;border:1px solid #111a1d14;border-radius:18px;gap:16px;width:min(1080px,100%);max-height:min(80vh,860px);padding:20px;display:grid;overflow:auto;box-shadow:0 24px 80px #14120e38}.media-picker-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.media-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.media-picker-card{text-align:left;cursor:pointer;background:#fffaf5eb;border:1px solid #111a1d14;border-radius:18px;gap:8px;padding:12px;display:grid}.media-picker-card.selected{border-color:#d45c2e59;box-shadow:inset 0 0 0 1px #d45c2e29}.status-choice{gap:12px;display:flex}.choice.active,.tag-chip.selected{color:var(--color-accent-dark);background:#d45c2e1f;border-color:#d45c2e59}.assignment-block,.comments-list,.tree-list{gap:14px;display:grid}.tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{vertical-align:top;text-align:left;border-top:1px solid #111a1d14;padding:14px 12px}.data-table th{color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.82rem}.actions-cell{flex-wrap:wrap;gap:12px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;padding:6px 10px;font-size:.76rem;display:inline-flex}.status-pill.active,.status-pill.published,.status-pill.approved{color:#236a4d;background:#2d805c24}.status-pill.inactive,.status-pill.archived,.status-pill.revoked,.status-pill.spam{color:#7b3728;background:#632e201f}.status-pill.draft,.status-pill.pending{color:#855a12;background:#d290312e}.role-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.75rem}.role-badge.super_admin{background:#ed722c3d}.role-badge.admin{background:#ffffff1f}.login-shell{background:radial-gradient(circle at 0 0,#dd5f2929,#0000 24%),linear-gradient(#f4ede2 0%,#eff3eb 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{align-content:center;gap:18px;width:min(100%,420px);min-height:0;padding:36px;display:grid}.login-card-header{gap:6px;display:grid}.login-card-header p{color:var(--color-muted)}.login-submit{width:100%}.login-help{color:var(--color-muted);margin:0;font-size:.9rem}.error-text{color:#9d301d;margin:0}.helper-text{color:var(--color-muted);margin:0}.rte-fullscreen-shell{z-index:9999;background:#fff;display:grid;position:fixed;inset:0}.rte-wrapper--fullscreen{background:#fff;border:none;border-radius:0;grid-template-rows:auto 1fr;height:100%;display:grid;overflow:hidden}.rte-wrapper--fullscreen .rte-toolbar{flex-shrink:0}.rte-wrapper--fullscreen .rte-editable,.rte-wrapper--fullscreen .rte-source{min-height:0;overflow-y:auto}.rte-wrapper input,.rte-wrapper select,.rte-wrapper textarea{padding:unset;width:unset;border-radius:8px}.rte-wrapper{background:#ffffffeb;border:1px solid #111a1d1f;border-radius:14px;gap:0;display:grid;overflow:hidden}.rte-toolbar{background:#f7f2ebb3;border-bottom:1px solid #111a1d1a;flex-wrap:wrap;align-items:center;gap:2px;padding:8px 10px;display:flex}.rte-toolbar-group{align-items:center;gap:2px;display:flex}.rte-toolbar-sep{background:#111a1d1f;flex-shrink:0;width:1px;height:22px;margin:0 4px}.rte-btn{cursor:pointer;width:32px;height:32px;color:var(--color-ink);background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .14s,border-color .14s;display:flex}.rte-btn:hover{background:#111a1d12;border-color:#111a1d1f}.rte-btn.active{color:var(--color-accent-dark);background:#cf5f331f;border-color:#cf5f334d}.rte-btn:disabled{opacity:.35;cursor:default}.rte-select{height:32px;color:var(--color-ink);cursor:pointer;background:#ffffffd9;border:1px solid #111a1d1f;border-radius:8px;padding:0 8px;font-size:.8rem}.rte-color-btn{cursor:pointer;background:0 0;border:1px solid #111a1d1f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:32px;height:32px;padding:0;display:flex;position:relative;overflow:hidden}.rte-color-btn:hover{border-color:#111a1d4d}.rte-color-btn input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.rte-color-swatch{pointer-events:none;border-radius:2px;width:14px;height:6px}.rte-img-width-input{width:90px;height:32px;color:var(--color-ink);background:#ffffffd9;border:1px solid #111a1d1f;border-radius:8px;padding:0 8px;font-size:.8rem}.rte-img-width-input:disabled{opacity:.4;cursor:not-allowed}.rte-editable{min-height:240px;color:var(--color-ink);overflow-wrap:break-word;outline:none;padding:18px;font-size:.95rem;line-height:1.7}.rte-editable:empty:before{content:attr(data-placeholder);color:var(--color-muted);pointer-events:none}.rte-editable h1{font-size:2rem;font-weight:700;font-family:var(--font-display);margin:.6em 0 .3em}.rte-editable h2{font-size:1.6rem;font-weight:700;font-family:var(--font-display);margin:.6em 0 .3em}.rte-editable h3{font-size:1.3rem;font-weight:600;font-family:var(--font-display);margin:.5em 0 .25em}.rte-editable h4{margin:.4em 0 .2em;font-size:1.1rem;font-weight:600}.rte-editable h5{margin:.4em 0 .2em;font-size:1rem;font-weight:600}.rte-editable h6{color:var(--color-muted);margin:.4em 0 .2em;font-size:.9rem;font-weight:600}.rte-editable p{margin:.4em 0}.rte-editable ul,.rte-editable ol{margin:.4em 0;padding-left:1.6em}.rte-editable li{margin:.15em 0}.rte-editable a{color:var(--color-accent-dark);text-decoration:underline}.rte-editable blockquote{color:var(--color-muted);border-left:3px solid #111a1d33;margin:.5em 0;padding-left:1em}.rte-editable pre{background:#1d2021;border-radius:10px;margin:.5em 0;padding:14px 16px;overflow-x:auto}.rte-editable code{font-family:Consolas,Courier New,monospace;font-size:.88em}.rte-editable pre code{font-size:.85em}.rte-editable img{cursor:pointer;border-radius:8px;max-width:100%;display:block}.rte-editable img.rte-img-selected{outline-offset:2px;outline:2px solid #0d9488}.rte-source{resize:vertical;box-sizing:border-box;width:100%;min-height:240px;color:var(--color-ink);background:0 0;border:none;outline:none;padding:18px;font-family:Consolas,Courier New,monospace;font-size:.85rem;line-height:1.6}.rte-lightbox{z-index:1000;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rte-lightbox img{object-fit:contain;border-radius:10px;max-width:92vw;max-height:90vh;box-shadow:0 8px 48px #0009}.rte-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;line-height:1;display:flex;position:absolute;top:18px;right:24px}.rte-preview-backdrop{z-index:900;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.rte-preview-modal{flex-direction:column;flex:1;display:flex;overflow:hidden}.rte-preview-header{border-bottom:1px solid #111a1d1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.rte-preview-header h3{font-family:var(--font-display);margin:0;font-size:1.1rem}.rte-preview-close{cursor:pointer;color:var(--color-muted);background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.4rem;line-height:1}.rte-preview-close:hover{background:#111a1d12}.rte-preview-body{flex:1;padding:24px 28px;overflow-y:auto}.rte-preview-body img{cursor:pointer;border-radius:8px;max-width:100%}.rte-preview-body h1{font-size:2rem;font-weight:700;font-family:var(--font-display);margin:.6em 0 .3em}.rte-preview-body h2{font-size:1.6rem;font-weight:700;font-family:var(--font-display);margin:.5em 0 .25em}.rte-preview-body h3{margin:.4em 0 .2em;font-size:1.3rem;font-weight:600}.rte-preview-body p{margin:.5em 0;line-height:1.7}.rte-preview-body ul,.rte-preview-body ol{margin:.4em 0;padding-left:1.6em}.rte-preview-body a{color:var(--color-accent-dark)}.rte-preview-body pre{background:#1d2021;border-radius:10px;padding:14px 16px;overflow-x:auto}.rte-preview-body code{font-family:Consolas,monospace;font-size:.88em}.comment-thread{gap:12px;display:grid}.comment-card{gap:14px;padding:18px;display:grid}.comment-card.compact{margin-left:28px}.comment-meta{color:var(--color-muted);flex-wrap:wrap;gap:10px 14px;display:flex}.comment-reply{border-left:2px solid #111a1d14;padding-left:16px}.empty-state,.tree-group{background:#ffffff80;border:1px solid #111a1d14;border-radius:20px;padding:18px}.empty-state{gap:8px;display:grid}.empty-state.compact{padding:16px 18px}.tree-group{gap:12px;display:grid}.tree-group-header{justify-content:flex-end;display:flex}.tree-row{justify-content:space-between;align-items:start;gap:12px;padding-block:10px;display:flex}.tree-copy{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.tree-copy span{color:var(--color-muted);font-size:.88rem}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.media-card{border-radius:22px;gap:10px;padding:16px;display:grid}.media-thumb-preview{aspect-ratio:16/10;object-fit:cover;background:#ffffffb8;border:1px solid #111a1d14;border-radius:16px;width:100%}.banner-preview{object-fit:cover;background:#ffffffb3;border:1px solid #111a1d14;border-radius:18px;width:min(100%,360px);max-height:220px;display:block}.banner-upload-preview{margin-top:8px;display:inline-block;position:relative}.banner-remove-btn{color:#fff;cursor:pointer;background:#111a1d99;border:none;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;line-height:1;transition:background .15s;display:grid;position:absolute;top:8px;right:8px}.banner-remove-btn:hover{background:#8c261bd9}.banner-or-divider{text-align:center;color:var(--color-muted);margin:10px 0;font-size:.85rem;position:relative}.banner-or-divider:before,.banner-or-divider:after{content:"";background:#111a1d1f;width:44%;height:1px;position:absolute;top:50%}.banner-or-divider:before{left:0}.banner-or-divider:after{right:0}.media-thumb{aspect-ratio:16/10;font-family:var(--font-display);letter-spacing:.12em;color:#fff8f0;border-radius:16px;place-items:center;display:grid}.media-thumb.image{background:linear-gradient(135deg,#224a57,#45806d)}.media-thumb.document{background:linear-gradient(135deg,#82452e,#bd733f)}.danger{color:#8c261b}@media (width<=1200px){.page-intro{grid-template-columns:1fr}.metrics-grid,.media-grid,.media-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff14;border-right:0}.content,.login-shell{padding:20px}.metrics-grid,.media-grid,.media-picker-grid,.form-grid{grid-template-columns:1fr}.panel-header,.media-picker-header,.form-actions,.status-choice{flex-direction:column;align-items:stretch}}@media (width>=861px){.api-key-create-actions{justify-content:flex-end;padding-top:10px}}