:root{--s5-accent:#7dd3fc;--s5-background:#05080c;--s5-buttons:#e8f3f8;--s5-corners:12px;--s5-blur:12px}.s5-global-banner{position:sticky;top:0;z-index:1200;display:flex;align-items:center;justify-content:center;gap:14px;min-height:40px;padding:8px 16px;background:#14191f;border-bottom:1px solid #2d3742;color:#f8fafc;font-size:13px;font-weight:700;text-align:center}.s5-global-banner button{border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}.s5-global-banner.hidden,.s5-crash-toast.hidden,.s5-image-controls.hidden{display:none!important}.s5-modal{width:min(720px,calc(100vw - 28px));max-height:80vh;padding:0;border:1px solid #33404b;border-radius:16px;background:#101419;color:#edf4f7;box-shadow:0 28px 80px rgba(0,0,0,.55)}.s5-modal::backdrop,.s5-command-palette::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.s5-modal form{display:grid;gap:18px;padding:22px}.s5-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.s5-modal header div{display:grid;gap:3px}.s5-modal header span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#83c8e8}.s5-modal header strong{font-size:23px}.s5-modal header>button{border:0;background:transparent;color:#cbd5e1;font-size:24px;cursor:pointer}.s5-update-body{overflow:auto;max-height:50vh;padding:16px;border:1px solid #27313a;border-radius:14px;background:#0b0f13}.s5-update-body img{max-width:100%;height:auto}.s5-command-palette{width:min(680px,calc(100vw - 28px));padding:0;border:1px solid #34414c;border-radius:18px;background:#11161b;color:#edf4f7;box-shadow:0 26px 90px rgba(0,0,0,.6)}.s5-command-shell{display:grid}.s5-command-shell header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #29333c}.s5-command-shell header span{font-size:11px;color:#7dd3fc}.s5-command-shell header strong{flex:1}.s5-command-shell header button{border:0;background:transparent;color:#cbd5e1;font-size:20px;cursor:pointer}.s5-command-shell>input{margin:12px 12px 8px;padding:13px 14px;border:1px solid #34414c;border-radius:12px;background:#0b0f13;color:#f8fafc;outline:none}.s5-command-results{display:grid;gap:5px;padding:0 10px 12px;max-height:50vh;overflow:auto}.s5-command-results>button{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid transparent;border-radius:11px;background:transparent;color:#e5edf2;text-align:left;cursor:pointer}.s5-command-results>button:hover,.s5-command-results>button:focus{border-color:#34414c;background:#182027}.s5-command-results small{color:#8fa0ad}.s5-crash-toast{position:fixed;right:18px;bottom:18px;z-index:1400;padding:12px 15px;border:1px solid #6b4050;border-radius:12px;background:#1c1116;color:#fecdd3;box-shadow:0 16px 45px rgba(0,0,0,.4)}.s5-admin-suite{margin-top:26px;padding-top:26px;border-top:1px solid #2c343b}.s5-admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.s5-admin-heading h2{margin:4px 0 6px;font-size:25px}.s5-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.s5-card{display:grid;align-content:start;gap:14px;padding:17px;border:1px solid #303a43;border-radius:15px;background:#11161a;min-width:0}.s5-card-wide{grid-column:1/-1}.s5-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.s5-card>header>div{display:grid;gap:3px}.s5-card>header span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7fbad5}.s5-card>header strong{font-size:17px}.s5-card button,.s5-product-tabs button,.s5-editor-toolbar button,.s5-image-upload{border:1px solid #34414b;border-radius:9px;background:#171e24;color:#edf4f7;padding:8px 10px;cursor:pointer}.s5-card button:hover,.s5-product-tabs button:hover,.s5-editor-toolbar button:hover{background:#202932}.s5-card button.primary-button{background:#e7f1f6;color:#0a1014;border-color:#e7f1f6}.s5-card button.danger{border-color:#723e48;color:#fecdd3;background:#241218}.s5-chip{padding:5px 8px;border:1px solid #345267;border-radius:999px;background:#0f1f2a}.s5-product-tabs{display:flex;gap:8px;flex-wrap:wrap}.s5-product-tabs button.active{border-color:#71c9f1;background:#163040}.s5-update-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px}.s5-field{display:grid;gap:6px}.s5-field span,.s5-card label{font-size:12px;color:#a9b8c3}.s5-card input,.s5-card textarea,.s5-card select{border:1px solid #34414b;border-radius:9px;background:#0b1014;color:#edf4f7;padding:9px 10px;outline:none}.s5-card textarea{min-height:100px;resize:vertical}.s5-editor-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;padding:8px;border:1px solid #303a43;border-bottom:0;border-radius:12px 12px 0 0;background:#0e1317}.s5-editor-toolbar button{padding:6px 9px}.s5-editor-toolbar select{padding:6px 8px}.s5-editor-toolbar input[type=color]{width:38px;height:31px;padding:3px}.s5-image-upload{position:relative;overflow:hidden;font-size:12px}.s5-image-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.s5-rich-editor{min-height:300px;max-height:560px;overflow:auto;padding:18px;border:1px solid #303a43;border-radius:0 0 12px 12px;background:#090d10;color:#f5f7f8;outline:none;line-height:1.6}.s5-rich-editor:focus{border-color:#52788c}.s5-rich-editor img{max-width:100%;height:auto;cursor:pointer}.s5-live-preview{display:grid;align-content:start;gap:7px}.s5-live-preview>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#87bcd3}.s5-preview-body{min-height:300px;max-height:560px;overflow:auto;padding:18px;border:1px solid #303a43;border-radius:12px;background:#080c10;line-height:1.6}.s5-preview-body img{max-width:100%;height:auto}.s5-image-controls{display:flex;gap:12px;flex-wrap:wrap;padding:10px;border:1px solid #303a43;border-top:0;border-radius:0 0 10px 10px}.s5-image-controls label{display:flex;align-items:center;gap:7px}.s5-update-actions,.s5-schedule-row,.s5-inline,.s5-button-wrap{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.s5-update-actions{padding-top:4px}.s5-update-actions>label{display:flex;align-items:center;gap:7px}.s5-schedule-row{padding-top:4px;border-top:1px solid #29333b}.s5-schedule-row label{display:flex;align-items:center;gap:8px}.s5-three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.s5-three-columns h4,.s5-chart-grid h4{margin:0 0 8px;font-size:13px}.s5-mini-list{display:grid;gap:6px;max-height:240px;overflow:auto}.s5-mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px;border:1px solid #2b343c;border-radius:10px;background:#0d1216}.s5-mini-list>div>span{display:grid;gap:2px;min-width:0}.s5-mini-list strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s5-mini-list small{font-size:10px;color:#8899a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s5-mini-list>div>div{display:flex;gap:4px}.s5-lock-grid,.s5-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.s5-lock-grid label,.s5-theme-grid label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid #2d3740;border-radius:10px}.s5-theme-grid input[type=color]{width:46px;height:32px;padding:2px}.s5-theme-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;border:1px solid var(--preview-accent,#7dd3fc);border-radius:var(--preview-radius,12px);background:var(--preview-bg,#05080c);backdrop-filter:blur(var(--preview-blur,12px))}.s5-theme-preview button{background:var(--preview-button,#e8f3f8);color:#0a0f12;border:0;border-radius:var(--preview-radius,12px)}.s5-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.s5-metrics>div{display:grid;gap:3px;padding:12px;border:1px solid #2e3941;border-radius:11px;background:#0c1115}.s5-metrics span{font-size:10px;color:#8fa0ad;text-transform:uppercase;letter-spacing:.06em}.s5-metrics strong{font-size:18px}.s5-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.s5-bar-chart{display:grid;gap:6px}.s5-bar-chart>div{display:grid;grid-template-columns:58px 1fr 30px;align-items:center;gap:6px;font-size:10px}.s5-bar-chart i{height:7px;border-radius:999px;background:#202a31;overflow:hidden}.s5-bar-chart i b{display:block;height:100%;border-radius:inherit;background:#71c9f1}.s5-bar-chart strong{text-align:right}.s5-feedback-metrics{display:flex;gap:8px;flex-wrap:wrap}.s5-feedback-metrics span{padding:6px 9px;border:1px solid #303b44;border-radius:999px;background:#0d1216;font-size:11px}.s5-action-history{display:grid;gap:5px;max-height:320px;overflow:auto}.s5-action-history>div{display:grid;grid-template-columns:160px minmax(150px,1fr) 120px 1.2fr;gap:10px;padding:8px 10px;border-bottom:1px solid #273039;font-size:11px}.s5-action-history time,.s5-action-history small,.s5-action-history span{color:#899aa6}.s5-response-feedback{display:flex;align-items:center;gap:4px;margin-top:8px;opacity:.72}.s5-response-feedback button{width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;filter:grayscale(.35)}.s5-response-feedback button:hover,.s5-response-feedback button.selected{border-color:#34414b;background:#171e24;filter:none}.s5-global-theme-active .primary-button{border-radius:var(--s5-corners)!important;background:var(--s5-buttons)!important}.s5-global-theme-active .sidebar,.s5-global-theme-active .main-shell{backdrop-filter:blur(var(--s5-blur))}.s5-global-theme-active .nav-item.active,.s5-global-theme-active .mode-badge{border-color:var(--s5-accent)!important}.error-copy{color:#fda4af!important}@media(max-width:1000px){.s5-admin-grid{grid-template-columns:1fr}.s5-card-wide{grid-column:auto}.s5-update-layout,.s5-three-columns,.s5-chart-grid{grid-template-columns:1fr}.s5-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.s5-action-history>div{grid-template-columns:1fr}.s5-update-layout .s5-live-preview{order:2}}@media(max-width:640px){.s5-admin-heading{display:grid}.s5-metrics,.s5-lock-grid,.s5-theme-grid{grid-template-columns:1fr}.s5-card{padding:13px}.s5-editor-toolbar{gap:4px}.s5-rich-editor,.s5-preview-body{min-height:220px}.s5-global-banner{font-size:12px;padding-inline:10px}}
