:root{--brand:#00aeef;--brand-dark:#0088bd;--navy:#063e5d;--ink:#102b3b;--muted:#6f8290;--line:#dce7ed;--bg:#f3f7f9;--surface:#fff;--soft:#eaf7fc;--success:#159b70;--warning:#dc8a16;--danger:#d84d5b;--shadow:0 12px 42px rgba(3,48,71,.09);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}
.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,#073d59 0%,#062f47 100%);color:#fff;padding:24px 16px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 23px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--brand);font-size:13px;font-weight:800;box-shadow:0 0 0 4px rgba(255,255,255,.08)}.brand b{font-size:13px;line-height:1.25;letter-spacing:.03em}.brand small{display:block;color:#8edcf8;font-size:9px;letter-spacing:.14em;margin-top:3px}.quick-create{border:0;background:var(--brand);color:#032d41;border-radius:10px;height:43px;margin:18px 4px 12px;font-weight:800;text-align:left;padding:0 16px;box-shadow:0 8px 24px rgba(0,174,239,.2)}.quick-create span{font-size:20px;margin-right:8px}nav{overflow:auto;scrollbar-width:none}.nav-label{font-size:10px;letter-spacing:.16em;color:#6eacc6;text-transform:uppercase;font-weight:700;padding:18px 13px 7px}.nav-item{width:100%;height:42px;border:0;background:transparent;color:#c7dbe5;display:grid;grid-template-columns:26px 1fr auto;align-items:center;text-align:left;border-radius:8px;padding:0 11px;margin:2px 0;font-size:14px}.nav-item i{font-style:normal;font-size:17px;color:#86b5ca}.nav-item em{font-style:normal;font-size:11px;background:rgba(255,255,255,.1);padding:3px 7px;border-radius:9px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.09);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--brand)}.nav-item.active i{color:var(--brand)}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:15px 10px 0;display:grid;gap:10px;font-size:12px;color:#b5d0dc}.system-state{font-size:10px;color:#85b1c3}.system-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3ed39e;margin-right:5px;box-shadow:0 0 8px #3ed39e}
.workspace{grid-column:2;min-width:0}.topbar{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.global-search{width:min(510px,45vw);height:40px;border:1px solid var(--line);background:#f8fafb;border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:9px}.global-search input{border:0;outline:0;background:transparent;flex:1;min-width:0}.global-search kbd{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 5px}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn,.notification,.mobile-toggle{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center}.notification{position:relative}.notification b{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;border-radius:10px;font-size:9px;min-width:17px;height:17px;display:grid;place-items:center}.user-chip{border:0;background:transparent;display:flex;gap:9px;align-items:center;text-align:left;padding:4px 0 4px 7px}.user-chip>span:first-child{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand),#0a78a4);color:#fff;display:grid;place-items:center;font-weight:800}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:13px}.user-chip small{font-size:10px;color:var(--muted);margin-top:2px}.mobile-toggle{display:none}.content{padding:30px 32px 60px;max-width:1680px;margin:0 auto}.loading-state{min-height:60vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loading-state div{width:34px;height:34px;border:3px solid #c9eaf6;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:auto}.loading-state p{font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:18px}.eyebrow{display:block;color:var(--brand-dark);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin-bottom:6px}.page-head h1{font-size:28px;margin:0;letter-spacing:-.035em}.page-head p{margin:7px 0 0;color:var(--muted);font-size:14px}.head-actions{display:flex;gap:9px}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn{min-height:39px;border-radius:8px;padding:0 15px;font-weight:700;font-size:13px;border:1px solid transparent}.primary-btn{background:var(--brand);color:#003044}.primary-btn:hover{background:#19baf3}.secondary-btn{background:#fff;border-color:#abddee;color:#087ea8}.ghost-btn{background:#fff;border-color:var(--line)}.danger-btn{background:#fff1f2;color:var(--danger);border-color:#f4cbd0}
.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:22px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:17px;min-height:112px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:62px;height:62px;border-radius:50%;right:-20px;top:-21px;background:var(--soft)}.metric span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;font-size:28px;margin:12px 0 4px}.metric small{font-size:11px;color:var(--success)}.metric.warning small{color:var(--warning)}.metric.danger small{color:var(--danger)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel+.panel{margin-top:18px}.panel-head{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head b{font-size:15px}.panel-head small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.panel-head button,.text-link{border:0;background:transparent;color:var(--brand-dark);font-weight:700;font-size:12px}.post-row{display:grid;grid-template-columns:44px minmax(0,1fr) 110px 94px 30px;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid #edf2f4}.post-row:last-child{border-bottom:0}.post-thumb{width:44px;height:44px;border-radius:7px;background:#dfeef4 center/cover}.post-row strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-row small{font-size:10px;color:var(--muted)}.status{display:inline-flex;align-items:center;width:max-content;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700;background:#e8f8f2;color:var(--success)}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px}.status.draft,.status.review{background:#fff5df;color:var(--warning)}.status.scheduled{background:#eaf1ff;color:#4d6fc7}.status.trash{background:#fff0f1;color:var(--danger)}.row-menu{border:0;background:transparent;font-size:20px;color:var(--muted)}.activity-list{padding:8px 18px}.activity{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #edf2f4}.activity:last-child{border:0}.activity i{width:28px;height:28px;background:var(--soft);border-radius:50%;display:grid;place-items:center;color:var(--brand-dark);font-style:normal;font-size:11px}.activity p{margin:0;font-size:12px;line-height:1.4}.activity small{font-size:10px;color:var(--muted)}.workflow{padding:17px 18px;display:grid;gap:12px}.workflow-row{display:grid;grid-template-columns:88px 1fr 26px;align-items:center;gap:10px;font-size:11px}.bar{height:6px;background:#edf3f6;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand);border-radius:4px}
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter-select,.search-field{height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 11px;font-size:12px}.search-field{width:260px}.table-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{height:42px;text-align:left;background:#f8fbfc;color:#6e808b;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:0 14px}.data-table td{padding:13px 14px;border-bottom:1px solid #edf2f4;font-size:12px}.data-table tbody tr:hover{background:#fbfdfe}.data-table .title-cell{max-width:480px}.data-table .title-cell b{display:block;font-size:13px;margin-bottom:3px}.data-table .title-cell small{color:var(--muted)}.table-actions{display:flex;gap:5px}.table-actions button{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:30px;height:30px}.empty{padding:60px 20px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);margin-bottom:5px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;font-size:11px;color:var(--muted)}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.media-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.media-card .media-image{aspect-ratio:1.3;background:#e8f0f4 center/cover no-repeat;display:grid;place-items:center;color:var(--muted)}.media-card .media-info{padding:10px}.media-card b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card small{font-size:9px;color:var(--muted)}.media-card button{position:absolute;top:6px;right:6px;border:0;background:rgba(5,42,60,.8);color:#fff;width:26px;height:26px;border-radius:6px}.upload-card{border:1px dashed #8acfe8;background:#f5fcff;border-radius:10px;aspect-ratio:1.22;display:grid;place-content:center;text-align:center;color:var(--brand-dark);font-size:12px}.upload-card input{display:none}.upload-card span{font-size:25px}.split-panel{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.form-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.form-card h2{font-size:16px;margin:0 0 17px}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:1fr 1fr}.field-grid label,.editor-sidebar label{display:grid;gap:6px;font-size:11px;font-weight:700}.field-grid input,.field-grid textarea,.field-grid select,.editor-sidebar input,.editor-sidebar select{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;outline:0}.field-grid input:focus,.field-grid textarea:focus,.editor-sidebar input:focus,.editor-sidebar select:focus{border-color:var(--brand)}.field-grid textarea{min-height:85px;resize:vertical}.settings-tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:18px}.settings-tabs button{border:0;background:transparent;padding:10px 13px;color:var(--muted);font-size:12px}.settings-tabs button.active{color:var(--brand-dark);box-shadow:inset 0 -2px var(--brand)}
.editor-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border:0;padding:0;margin:0;background:#f5f8fa}.editor-dialog::backdrop{background:rgba(3,26,38,.6)}.editor-shell{height:100%;display:flex;flex-direction:column}.editor-bar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:13px;flex:none}.editor-bar>div:nth-child(2){flex:1}.editor-bar strong,.editor-bar small{display:block}.editor-bar small{font-size:10px;color:var(--muted);margin-top:2px}.editor-actions{display:flex;gap:8px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 328px;min-height:0;flex:1}.editor-main{padding:36px max(28px,calc((100vw - 1050px)/2));overflow:auto}.editor-sidebar{background:#fff;border-left:1px solid var(--line);padding:18px;overflow:auto}.editor-sidebar section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line);display:grid;gap:12px}.editor-sidebar h3{font-size:12px;margin:0;text-transform:uppercase;letter-spacing:.08em}.title-input{font-size:36px;font-weight:750;letter-spacing:-.045em;border:0;background:transparent;outline:0;width:100%;padding:0;margin-bottom:8px}.slug-row{display:flex;align-items:center;font-size:11px;color:var(--muted);margin-bottom:23px}.slug-row input{border:0;outline:0;background:transparent;color:var(--brand-dark);flex:1}.excerpt-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;min-height:70px;resize:vertical;background:#fff}.editor-tools{height:42px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;display:flex;align-items:center;padding:0 8px;margin-top:16px}.editor-tools button{border:0;background:transparent;height:30px;min-width:32px;border-radius:5px;font-size:11px}.editor-tools button:hover{background:var(--soft)}.editor-tools span{flex:1}.content-editor{width:100%;min-height:500px;border:1px solid var(--line);border-radius:0 0 9px 9px;padding:22px;font:16px/1.75 Georgia,serif;outline:0;resize:vertical;background:#fff}.content-preview{min-height:500px;border:1px solid var(--line);border-radius:0 0 9px 9px;padding:30px;background:#fff;font:17px/1.8 Georgia,serif}.content-preview img{max-width:100%}.seo-panel{background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:18px;padding:18px}.section-heading{display:flex;justify-content:space-between;margin-bottom:15px}.section-heading b,.section-heading small{display:block}.section-heading small{color:var(--muted);font-size:10px;margin-top:3px}.seo-score{color:var(--success);font-size:12px;font-weight:800}.seo-snippet{border-left:3px solid var(--brand);padding:8px 12px;margin-bottom:15px;background:#f8fbfc}.seo-snippet small{color:#328554}.seo-snippet strong{display:block;color:#185bbc;font-size:17px;margin:5px 0}.seo-snippet p{margin:0;font-size:12px;color:#50636e}.switch-row{grid-template-columns:1fr auto!important;align-items:center}.switch-row small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.switch-row input{width:38px;height:20px}.media-drop{width:100%;aspect-ratio:1.65;border:1px dashed #91cfe5;background:#f5fcff;border-radius:9px;overflow:hidden;color:var(--brand-dark)}.media-drop img{width:100%;height:100%;object-fit:cover}.media-drop span{display:grid;gap:3px}.media-drop small{color:var(--muted);font-size:9px}.revision-list{display:grid;gap:8px;font-size:10px;color:var(--muted)}
.modal{border:0;padding:0;background:transparent;max-width:94vw}.modal::backdrop{background:rgba(3,35,50,.65)}.modal-card{width:560px;max-width:92vw;max-height:82vh;background:#fff;border-radius:13px;overflow:hidden;box-shadow:var(--shadow)}.modal-card.wide{width:920px}.modal-card>header{height:62px;border-bottom:1px solid var(--line);padding:0 18px;display:flex;justify-content:space-between;align-items:center}.modal-card header b,.modal-card header small{display:block}.modal-card header small{font-size:10px;color:var(--muted);margin-top:3px}.modal-card header button{border:0;background:transparent;font-size:24px}.modal-content{padding:18px;overflow:auto;max-height:calc(82vh - 62px)}.upload-zone{display:inline-block;padding:10px 14px;background:var(--brand);border-radius:8px;font-size:12px;font-weight:700;margin-bottom:14px}.media-grid.compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.media-grid.compact .media-card{cursor:pointer}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:8px}.toast{background:#083c56;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:var(--shadow);font-size:12px;animation:toast .25s ease}.toast.error{background:#a93440}@keyframes toast{from{transform:translateY(8px);opacity:0}}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:220px}.app-shell{grid-template-columns:220px 1fr}.split-panel{grid-template-columns:1fr}.field-grid.two{grid-template-columns:1fr}}
@media(max-width:820px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s;width:min(82vw,300px)}.sidebar.open{transform:none}.workspace{width:100%}.mobile-toggle{display:grid}.mobile-backdrop{display:none;position:fixed;inset:0;background:rgba(2,28,40,.5);z-index:25}.mobile-backdrop.show{display:block}.topbar{padding:0 14px;height:62px}.global-search{width:auto;flex:1;margin:0 9px}.global-search kbd{display:none}.user-chip>span:last-child{display:none}.content{padding:22px 15px 45px}.page-head{align-items:flex-start}.page-head h1{font-size:24px}.page-head p{font-size:12px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:100px;padding:14px}.post-row{grid-template-columns:40px minmax(0,1fr) 30px}.post-row>*:nth-child(3),.post-row>*:nth-child(4){display:none}.toolbar{align-items:stretch;flex-direction:column}.search-field{width:100%}.table-card{overflow:auto}.data-table{min-width:760px}.editor-layout{display:block;overflow:auto}.editor-main{padding:25px 15px}.editor-sidebar{border-left:0;border-top:1px solid var(--line)}.editor-actions .ghost-btn{display:none}.title-input{font-size:28px}.editor-dialog{height:100dvh}.editor-bar{padding:0 10px}.editor-bar .primary-btn,.editor-bar .secondary-btn{padding:0 10px}.media-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric strong{font-size:24px}.head-actions .secondary-btn{display:none}.top-actions .icon-btn{display:none}.page-head{margin-bottom:18px}.editor-bar>div:nth-child(2){display:none}.editor-actions{margin-left:auto}.content-editor{min-height:420px}.field-grid.two{grid-template-columns:1fr}}

.nav-featured{margin:4px 0 5px;background:linear-gradient(100deg,rgba(0,174,239,.18),rgba(255,255,255,.04));border:1px solid rgba(80,205,248,.22);height:46px}.nav-featured i{color:#65dafd}.banner-limit{align-self:center;font-size:11px;color:var(--muted);padding-right:4px}.banner-builder{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:18px;align-items:start}.banner-column,.banner-preview-panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(3,48,71,.045)}.builder-head{min-height:66px;padding:13px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.builder-head b,.builder-head small{display:block}.builder-head b{font-size:14px}.builder-head small{font-size:10px;color:var(--muted);margin-top:3px}.builder-head input{height:35px;width:210px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:11px}.builder-head strong{font-size:11px;color:var(--brand-dark);background:var(--soft);padding:6px 9px;border-radius:20px}.builder-head a{font-size:11px;color:var(--brand-dark);font-weight:700}.banner-pool,.banner-selected{padding:9px 14px;max-height:620px;overflow:auto}.banner-pool-item{display:grid;grid-template-columns:70px minmax(0,1fr) 34px;gap:11px;align-items:center;padding:11px 2px;border-bottom:1px solid #edf3f5}.banner-pool-item:last-child{border-bottom:0}.banner-thumb{width:70px;aspect-ratio:1.4;border-radius:7px;background:#e7f0f4 center/cover no-repeat}.banner-pool-item small,.banner-pool-item b,.banner-pool-item time{display:block}.banner-pool-item small{color:var(--brand-dark);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.banner-pool-item b{font-size:12px;line-height:1.35;margin:4px 0}.banner-pool-item time{font-size:9px;color:var(--muted)}.banner-pool-item>button{border:1px solid #9fdaf0;background:#f2fbfe;color:var(--brand-dark);border-radius:50%;width:31px;height:31px;font-size:18px}.banner-selected-item{display:grid;grid-template-columns:34px 128px minmax(0,1fr) 34px;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #edf3f5}.banner-selected-item:last-child{border-bottom:0}.banner-order{font-size:12px;color:var(--brand-dark);font-weight:800}.banner-cover{height:82px;border:0;border-radius:9px;background:#dcebf1 center/cover;position:relative;overflow:hidden}.banner-cover span{position:absolute;left:5px;right:5px;bottom:5px;padding:5px;background:rgba(2,39,57,.8);color:#fff;border-radius:5px;font-size:8px}.banner-selected-copy small{font-size:9px;color:var(--brand-dark);text-transform:uppercase}.banner-selected-copy b{display:block;font-size:13px;line-height:1.35;margin:4px 0}.banner-selected-copy p{font-size:10px;line-height:1.4;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.banner-item-actions{display:grid;gap:4px}.banner-item-actions button,.menu-editor-row>div button,.home-section-card>div:last-child button{width:30px;height:27px;border:1px solid var(--line);background:#fff;border-radius:6px}.banner-item-actions button:disabled,.menu-editor-row button:disabled,.home-section-card button:disabled{opacity:.3}.banner-item-actions .danger{color:var(--danger)}.banner-preview-panel{margin-top:18px}.banner-preview{min-height:310px;display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(135deg,#074d6c,#067ca4);color:#fff}.banner-preview-image{background:#0a6a8f center/cover no-repeat;min-height:310px}.banner-preview-copy{padding:44px;display:flex;flex-direction:column;justify-content:center}.banner-preview-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8de1fa}.banner-preview-copy h3{font-size:27px;line-height:1.12;margin:10px 0}.banner-preview-copy p{font-size:12px;line-height:1.55;color:#c6e6f0}.banner-preview-copy>b{font-size:11px;margin-top:8px}.banner-preview-empty{grid-column:1/-1;display:grid;place-content:center;color:#b9dce7}.menu-editor{padding:0}.menu-editor-head,.menu-editor-row{display:grid;grid-template-columns:70px minmax(180px,.7fr) minmax(260px,1.3fr) 120px;gap:12px;align-items:center}.menu-editor-head{height:42px;padding:0 16px;background:#f8fbfc;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.menu-editor-row{padding:11px 16px;border-top:1px solid #edf2f4}.menu-editor-row>span{color:var(--brand-dark);font-size:11px;font-weight:800}.menu-editor-row label{font-size:9px;color:var(--muted)}.menu-editor-row input{display:block;width:100%;margin-top:4px;height:34px;border:1px solid var(--line);border-radius:7px;padding:0 9px;color:var(--ink)}.menu-editor-row>div{display:flex;gap:4px}.homepage-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px}.homepage-layout>aside{background:linear-gradient(145deg,#073f5c,#086b8e);color:#fff;padding:24px;border-radius:14px;height:max-content}.homepage-layout>aside b{font-size:17px}.homepage-layout>aside p{font-size:12px;line-height:1.6;color:#c0e3ef;margin:10px 0 22px}.homepage-layout>aside a{font-size:11px;color:#8de2ff;font-weight:800}.homepage-layout>section{display:grid;gap:9px}.home-section-card{display:grid;grid-template-columns:48px minmax(0,1fr) 60px 72px;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px 17px;opacity:.7}.home-section-card.enabled{opacity:1;border-color:#b9e2f1}.home-section-card>span{font-size:13px;font-weight:800;color:var(--brand-dark)}.home-section-card b,.home-section-card small{display:block}.home-section-card b{font-size:14px}.home-section-card small{font-size:10px;color:var(--muted);margin-top:4px}.home-section-card>div:last-child{display:flex;gap:4px}.cms-toggle{position:relative;width:42px;height:23px}.cms-toggle input{opacity:0}.cms-toggle i{position:absolute;inset:0;background:#cad8de;border-radius:20px}.cms-toggle i:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.cms-toggle input:checked+i{background:var(--brand)}.cms-toggle input:checked+i:after{transform:translateX(19px)}
@media(max-width:1100px){.banner-builder{grid-template-columns:1fr}.banner-pool,.banner-selected{max-height:440px}.homepage-layout{grid-template-columns:1fr}.homepage-layout>aside{display:flex;align-items:center;gap:16px}.homepage-layout>aside p{margin:0;flex:1}}
@media(max-width:700px){.banner-selected-item{grid-template-columns:28px 90px minmax(0,1fr)}.banner-item-actions{grid-column:2/-1;display:flex}.banner-preview{grid-template-columns:1fr}.banner-preview-copy{padding:26px}.banner-preview-image{min-height:220px}.menu-editor-head{display:none}.menu-editor-row{grid-template-columns:36px 1fr;padding:14px}.menu-editor-row label:nth-of-type(2),.menu-editor-row>div{grid-column:2}.home-section-card{grid-template-columns:35px 1fr 46px}.home-section-card>div:last-child{grid-column:2/-1}}
.title-edit{border:0;background:transparent;padding:0;text-align:left;width:100%;cursor:pointer}.title-edit:hover b{color:var(--brand-dark)}.title-edit b,.title-edit small{display:block}.external-url-field{display:grid;gap:6px;font-size:11px;font-weight:700;margin:0 0 14px}.external-url-field>span{display:grid;grid-template-columns:1fr auto}.external-url-field input{width:100%;border:1px solid var(--line);border-radius:7px 0 0 7px;padding:10px;background:#fff;outline:0}.external-url-field button{border:1px solid var(--line);border-left:0;border-radius:0 7px 7px 0;background:var(--soft);color:var(--brand-dark);font-size:11px;font-weight:700;padding:0 12px}.external-url-field input:focus{border-color:var(--brand)}

/* CMS workspace upgrades */
.route-loading{min-height:62vh;display:grid;place-content:center;justify-items:center;color:var(--muted);text-align:center}.route-loading b{color:var(--ink);font-size:15px;margin-top:15px}.route-loading span{font-size:11px;margin-top:5px}.loading-orbit{position:relative;width:48px;height:48px;border:1px solid #bfe8f6;border-radius:50%;animation:orbit 1.1s linear infinite}.loading-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--brand);top:-4px;left:20px}.loading-orbit i:nth-child(2){top:20px;left:auto;right:-4px;background:#087fa9}.loading-orbit i:nth-child(3){top:auto;bottom:-4px;left:20px;background:#83dfff}.loading-lines{width:260px;display:grid;gap:7px;margin-top:22px}.loading-lines i{height:7px;border-radius:10px;background:linear-gradient(90deg,#e7f2f6 25%,#cdebf5 50%,#e7f2f6 75%);background-size:220% 100%;animation:shimmer 1.2s infinite}.loading-lines i:nth-child(2){width:78%;justify-self:center}.loading-lines i:nth-child(3){width:55%;justify-self:center}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}
.editor-main{max-width:none}.editor-tools{height:auto;min-height:50px;flex-wrap:wrap;gap:3px;padding:7px 9px;position:sticky;top:0;z-index:3;box-shadow:0 5px 18px rgba(5,58,82,.04)}.editor-tools select{height:32px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0 8px;font-size:11px}.editor-tools button{padding:0 9px}.editor-tools button.active{background:#dff5fd;color:var(--brand-dark)}.tool-divider{flex:0 0 1px!important;width:1px;height:22px;background:var(--line);margin:0 3px}.tool-spacer{flex:1!important}.rich-editor,.content-source{width:100%;min-height:540px;border:1px solid var(--line);border-radius:0 0 10px 10px;padding:34px 40px;background:#fff;outline:0;font:17px/1.85 Arial,sans-serif}.rich-editor:empty:before{content:attr(data-placeholder);color:#9aa9b2}.rich-editor:focus{border-color:#8bd8f2;box-shadow:inset 0 0 0 1px #8bd8f2}.rich-editor h2{font-size:28px;line-height:1.3;margin:1.5em 0 .55em}.rich-editor h3{font-size:22px;line-height:1.35;margin:1.35em 0 .5em}.rich-editor p{margin:0 0 1em}.rich-editor blockquote{border-left:4px solid var(--brand);margin:1.4em 0;padding:10px 18px;background:#f3fbfe;color:#426474}.rich-editor img,.content-preview img{max-width:100%;height:auto;border-radius:9px}.rich-editor figure{margin:24px 0}.rich-editor figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}.content-source{font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.content-preview{font-family:Arial,sans-serif}
.banner-selected-item{grid-template-columns:34px 142px minmax(0,1fr) 34px;align-items:start}.banner-cover{height:104px}.banner-selected-copy{display:grid;gap:8px}.banner-selected-copy label{font-size:9px;color:var(--muted);font-weight:700}.banner-selected-copy input,.banner-selected-copy textarea{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:7px;padding:8px 9px;background:#fbfdfe;color:var(--ink);font-size:12px}.banner-selected-copy textarea{min-height:60px;resize:vertical;line-height:1.4}.banner-selected-copy input:focus,.banner-selected-copy textarea:focus{outline:0;border-color:var(--brand);background:#fff}.banner-source{font-size:9px;color:#8a9aa3}.banner-item-actions{padding-top:20px}
.page-builder{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.page-builder-settings{display:grid;gap:14px}.page-builder-settings .form-card{margin:0}.page-builder-canvas{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-height:640px}.live-badge{font-size:10px;color:#05805e;background:#e7f8f2;border-radius:20px;padding:6px 9px}.page-component{display:grid;grid-template-columns:42px minmax(0,1fr) 52px 74px;gap:12px;align-items:center;padding:14px 17px;border-bottom:1px solid #edf2f4;opacity:.58}.page-component.enabled{opacity:1}.component-handle{font-size:11px;font-weight:800;color:var(--brand-dark)}.page-component b,.page-component small{display:block}.page-component b{font-size:13px}.page-component small{font-size:10px;color:var(--muted);margin-top:3px}.component-actions{display:flex;gap:5px}.component-actions button{width:31px;height:29px;border:1px solid var(--line);border-radius:6px;background:#fff}.component-actions button:disabled{opacity:.3}.page-layout-preview{margin:22px;border:1px solid #cfe1e8;border-radius:12px;overflow:hidden;background:#f5f9fb}.preview-browser{height:38px;background:#e9f1f4;display:flex;align-items:center;gap:6px;padding:0 12px}.preview-browser i{width:7px;height:7px;border-radius:50%;background:#acc3cd}.preview-browser span{margin-left:8px;font-size:9px;color:#69808b}.preview-wire{padding:26px}.preview-wire>b{display:block;font-size:18px;margin-bottom:17px}.wire-grid{display:grid;grid-template-columns:repeat(var(--preview-cols),1fr);gap:9px}.wire-grid span{display:grid;place-items:center;aspect-ratio:1.4;border-radius:7px;background:linear-gradient(135deg,#d8f0f8,#b9e5f4);color:#3487a5;font-size:10px}.page-open-link{display:grid;place-items:center}.field-grid select{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff}
.appearance-studio{display:grid;grid-template-columns:minmax(420px,.8fr) minmax(560px,1.2fr);gap:18px;align-items:start}.identity-preview{position:sticky;top:96px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 16px 44px rgba(4,53,75,.08)}.identity-preview-header{height:76px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid var(--line)}.identity-preview-header img{width:48px;height:48px;object-fit:contain}.identity-preview-header span{margin-right:auto}.identity-preview-header b,.identity-preview-header small{display:block}.identity-preview-header b{font-size:12px;color:var(--brand-dark)}.identity-preview-header small{font-size:8px;color:var(--muted);letter-spacing:.1em;margin-top:3px}.identity-preview-header i{width:42px;height:7px;border-radius:10px;background:#d9e6eb}.identity-preview-body{min-height:310px;padding:58px 40px;background:linear-gradient(145deg,#f4fbfe,#e0f5fc)}.identity-preview-body small{color:var(--brand-dark);letter-spacing:.13em;font-size:9px}.identity-preview-body h2{font-size:34px;line-height:1.1;color:#073e5b;max-width:500px}.identity-preview-body p{font-size:13px;color:#59717e}.identity-preview-footer{min-height:112px;background:#073e5b;color:#fff;padding:24px;display:flex;align-items:center;gap:14px}.identity-preview-footer img{width:48px;height:48px;object-fit:contain}.identity-preview-footer b,.identity-preview-footer small{display:block}.identity-preview-footer small{opacity:.72;font-size:10px;margin-top:5px}.appearance-panels{display:grid;gap:14px}.appearance-panels .form-card{margin:0}.logo-control{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;margin-bottom:18px}.logo-control>button{height:118px;border:1px dashed #80cfe9;border-radius:10px;background:#f3fbfe;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--brand-dark);font-size:11px}.logo-control img{width:60px;height:60px;object-fit:contain}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.color-grid label{font-size:11px;font-weight:700}.color-grid input{display:block;width:100%;height:44px;border:1px solid var(--line);border-radius:8px;margin-top:6px;padding:4px;background:#fff}.responsive-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}.responsive-settings>div{background:#f6fafb;border:1px solid var(--line);border-radius:9px;padding:14px}.responsive-settings b{font-size:12px;color:var(--brand-dark)}.responsive-settings label{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:10px;margin-top:14px}.responsive-settings input{grid-column:1/-1;width:100%}.responsive-settings output{color:var(--brand-dark);font-weight:800}
@media(max-width:1200px){.appearance-studio{grid-template-columns:1fr}.identity-preview{position:static}.page-builder{grid-template-columns:1fr}.page-builder-settings{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.editor-tools{position:static}.editor-tools button{padding:0 7px}.rich-editor,.content-source{padding:22px 18px;min-height:460px}.banner-selected-item{grid-template-columns:28px 90px minmax(0,1fr)}.banner-cover{height:88px}.appearance-studio{display:block}.identity-preview{margin-bottom:15px}.identity-preview-header i{display:none}.appearance-panels,.page-builder-settings{display:grid;grid-template-columns:1fr}.color-grid,.responsive-settings{grid-template-columns:1fr 1fr}.logo-control{grid-template-columns:110px 1fr}.page-component{grid-template-columns:34px 1fr 48px}.component-actions{grid-column:2/-1}.wire-grid{grid-template-columns:repeat(2,1fr)!important}}

body[data-admin-mode="super"] .sidebar{background:linear-gradient(180deg,#073d59 0%,#05283d 72%,#102f43 100%)}body[data-admin-mode="super"] .brand-mark{box-shadow:0 0 0 4px rgba(255,255,255,.1),0 0 26px rgba(0,174,239,.35)}.user-management{grid-template-columns:minmax(0,1fr) 340px}.user-management .data-table select{min-width:132px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px;font-size:11px}.user-actions{display:flex;gap:6px}.user-actions button{min-height:32px;padding:0 10px}.super-admin-badge,.current-user-badge{display:inline-flex;margin:6px 6px 0 0;border-radius:20px;padding:3px 7px;font-size:8px;font-weight:800;letter-spacing:.08em}.super-admin-badge{background:#dff6fd;color:#087fa9}.current-user-badge{background:#eef2f4;color:#627984}.auth-status{display:grid;gap:16px;align-items:start}.auth-status .status{justify-self:start}.auth-status p{margin:0;color:var(--muted);line-height:1.65}.auth-status a{justify-self:start;text-decoration:none}@media(max-width:1180px){.user-management{grid-template-columns:1fr}}