:root{color-scheme:light;--bg:#f1f5f9;--panel:#fff;--ink:#1c3446;--muted:#60778a;--line:#dce5ed;--primary:#007da8;--soft:#e8f5f9;--nav:#102c41;--navtext:#b7cad8;--danger:#af3c4e;--aqua:#55bab7}html[data-theme=dark]{color-scheme:dark;--bg:#0e1b27;--panel:#172b3a;--ink:#e7f1f8;--muted:#adc1cf;--line:#324a5c;--primary:#70d3ee;--soft:#1c4051;--nav:#0a1926;--navtext:#bbccd8}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Segoe UI",Tahoma,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:30px}h2{font-size:21px}h3{font-size:17px}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:21px;height:21px;flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}label{display:block;font-size:13px;font-weight:600;margin-bottom:21px}input,textarea,select{display:block;width:100%;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);font-size:15px;line-height:1.6;margin-top:8px}input[type=file]{font-size:12px;line-height:1.6;background:var(--bg)}input[type=file]::file-selector-button{border:0;border-radius:4px;background:var(--soft);color:var(--primary);padding:8px 12px;margin-inline-end:12px;font-weight:700;cursor:pointer}input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:var(--primary)}textarea{resize:vertical;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-height:44px;border:1px solid var(--primary);background:var(--primary);color:white;border-radius:7px;font-size:13px;font-weight:700;line-height:1.5}.button:hover{filter:brightness(.93)}html[data-theme=dark] .button{color:#082333}.button.secondary{background:var(--panel);border-color:var(--line);color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--primary);font-weight:700;margin-bottom:10px}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;z-index:60;background:var(--nav);color:var(--navtext);display:flex;flex-direction:column;overflow-y:auto;padding:24px 15px 16px;scrollbar-width:thin}.panel-brand{display:flex;align-items:center;gap:12px;font-size:28px;color:var(--ink);line-height:1.25}.panel-brand>span{font-size:19px;font-weight:700;letter-spacing:-.03em}.panel-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.12em;margin-top:6px;color:var(--muted)}.sidebar>.panel-brand{padding:0 9px;color:#fff}.sidebar .panel-brand small{color:#9abaca;font-size:8px}.panel-brand>.panel-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#55bab7;color:#082b3c}.panel-mark svg{width:24px;height:24px}.workspace-name{font-size:11px;display:flex;align-items:center;gap:7px;padding:13px 12px;border:1px solid #ffffff20;border-radius:7px;margin:25px 6px 8px;color:#b6d5e2}.status-dot{width:6px;height:6px;background:#55bab7;border-radius:50%;display:inline-block;flex-shrink:0}.sidebar-group{margin-top:20px}.sidebar-label{display:block;font-size:9px;letter-spacing:.1em;font-weight:700;color:#7f9eb2;padding:0 13px 8px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;font-size:12px;color:var(--navtext);margin-block:2px;position:relative}.sidebar nav a:hover{background:#ffffff0b;color:#fff}.sidebar nav a.active{background:#0e799a;color:#fff;box-shadow:inset 3px 0 #65cece}.nav-symbol{display:inline-flex}.nav-symbol svg{width:17px;height:17px}.badge{margin-inline-start:auto;background:#d3f4f3;color:#15516b;border-radius:5px;padding:0 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding:25px 12px 6px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px}.sidebar-bottom button{border:0;background:transparent;color:#b7d2e2;padding:0;font-size:10px}.sidebar-backdrop{position:fixed;inset:0;background:#04172b88;border:0;z-index:55}.panel-main{margin-left:252px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:75px;padding:15px 36px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.panel-breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.panel-breadcrumb strong{font-weight:600;color:var(--ink)}.panel-breadcrumb>span{color:#a2b1bd}.panel-tools{display:flex;align-items:center;gap:17px}.panel-tools>a{font-size:11px;color:var(--muted)}.admin-avatar{display:grid;place-items:center;width:34px;height:34px;background:var(--soft);border:1px solid var(--line);border-radius:50%;color:var(--primary)!important}.admin-avatar svg{width:17px;height:17px}.panel-menu{display:none}.panel-content{max-width:1500px;padding:32px 36px;margin-inline:auto;min-height:calc(100vh - 145px)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.panel-title h1{margin:0}.panel-title time{font-size:11px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:7px 12px}.panel-title .eyebrow{font-size:9px;margin-bottom:8px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:32px;position:relative;overflow:hidden}.welcome:after{content:"";position:absolute;width:240px;height:240px;right:-75px;top:-70px;border:45px solid var(--soft);border-radius:50%;pointer-events:none}.welcome small{font-size:9px;letter-spacing:.1em;color:var(--primary);font-weight:700}.welcome h2{font-size:31px;margin:13px 0}.welcome p{font-size:13px;max-width:540px;margin-bottom:23px}.quick-buttons{display:flex;flex-wrap:wrap;gap:10px}.welcome-cross{display:grid;place-items:center;position:relative;z-index:1;margin-right:16px;color:var(--primary)}.welcome-cross svg{width:95px;height:95px;stroke-width:1}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-block:23px}.stat-card{position:relative;display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card>small{display:block;font-size:11px;color:var(--muted);padding-right:26px}.stat-card>strong{display:block;font-size:35px;font-weight:700;line-height:1.3;margin-block:13px 10px}.stat-card>span:last-child{display:flex;align-items:center;justify-content:space-between;color:var(--primary);font-size:10px}.stat-card>span:last-child svg{width:15px;height:15px}.stat-icon{position:absolute;right:18px;top:20px;display:grid;place-items:center;width:27px;height:27px;background:var(--soft);color:var(--primary);border-radius:7px}.stat-icon svg{width:16px;height:16px}.panel-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:23px}.panel-card{padding:27px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:24px;min-width:0}.panel-card h2{margin-bottom:20px}.panel-card h3{margin-top:28px;margin-bottom:18px}.panel-card hr{border:0;border-top:1px solid var(--line);margin-block:30px}.card-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.card-heading h2{margin-bottom:8px}.card-heading .hint{margin:0}.card-heading>a:not(.button){color:var(--primary);font-size:12px;white-space:nowrap}.hint{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:24px}.task-list{list-style:none;margin:0;padding:0}.task-list li+li{border-top:1px solid var(--line)}.task-list a{display:flex;align-items:center;gap:11px;font-size:12px;padding:13px 0}.task-list small{margin-inline-start:auto;color:var(--muted);font-size:10px;white-space:nowrap}.task-list svg{width:14px;height:14px;color:var(--muted)}.task-indicator{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:13px;flex-shrink:0}.task-indicator.ready{color:var(--primary);background:var(--soft);border-color:transparent}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px;min-height:210px;background:var(--bg);border:1px dashed var(--line);border-radius:8px;text-align:center;color:var(--muted);font-size:13px}.empty-state>svg{width:32px;height:32px;color:var(--primary);margin-bottom:16px}.empty-state>strong{color:var(--ink);font-weight:600}.empty-state small{margin-top:7px;font-size:11px}.empty-state>a{font-size:11px;color:var(--primary);margin-top:18px}.request-mini{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:12px}.request-mini small{display:block;font-size:11px;color:var(--muted)}.request-mini a{font-size:11px;color:var(--primary)}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shortcut-grid>a{display:flex;align-items:center;gap:10px;padding:17px 12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:12px}.shortcut-grid>a>svg{width:18px;height:18px;color:var(--primary)}.shortcut-grid>a>svg:last-child{width:13px;height:13px;margin-inline-start:auto}.lang-tabs,.editor-tabs{display:flex;gap:7px;margin-bottom:24px}.lang-tabs>a,.editor-tabs>button{display:flex;align-items:center;gap:22px;min-height:43px;padding:11px 17px;font-size:12px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--panel)}.lang-tabs>a.active,.editor-tabs>button[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:white;font-weight:700}html[data-theme=dark] .lang-tabs>a.active,html[data-theme=dark] .editor-tabs>button[aria-selected=true]{color:#082333}.lang-tabs small,.editor-tabs small{font-size:10px;opacity:.8}.language-fields{border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:23px;margin:0 0 26px;min-width:0}.language-fields legend{font-size:12px;font-weight:700;padding:0 8px;color:var(--primary)}.language-fields label:last-child{margin-bottom:0}.language-fields input,.language-fields textarea{background:var(--panel)}.editor-section-title{border-top:1px solid var(--line);padding-top:27px}.editor-save{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:17px;padding:20px 0 0;margin-top:25px;background:var(--panel);border-top:1px solid var(--line)}.editor-save span{font-size:11px;color:var(--muted)}.editor-cover{display:flex;align-items:center;gap:25px;margin-bottom:22px}.preview-image{max-width:250px;max-height:180px;object-fit:contain}.editor-gallery,.upload-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.editor-gallery>div,.upload-previews figure{margin:0;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);min-width:0}.editor-gallery img,.upload-previews img{display:block;width:100%;height:145px;object-fit:contain;margin-bottom:12px}.editor-gallery label{font-size:11px;margin-bottom:10px}.editor-gallery input[type=number]{padding:6px 9px;font-size:12px}.editor-gallery .check{font-size:10px;margin:12px 0 0;gap:7px}.upload-previews figcaption{overflow-wrap:anywhere;color:var(--muted);font-size:10px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-weight:600;color:var(--muted);background:var(--bg);white-space:nowrap;font-size:10px}th,td{padding:16px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--bg)}td{color:var(--muted)}td strong{color:var(--ink);font-weight:600}td small{font-size:10px;display:block;margin-top:5px}.content-row{display:flex;align-items:center;gap:13px;min-width:200px;max-width:350px}.list-thumb{width:56px;height:45px;object-fit:contain;background:var(--bg);border:1px solid var(--line);border-radius:5px;flex-shrink:0}.mono{font-family:monospace;font-size:11px;overflow-wrap:anywhere}.pill{display:inline-flex;white-space:nowrap;border-radius:5px;padding:4px 8px;background:var(--bg);color:var(--muted);font-size:10px}.pill.green{background:var(--soft);color:var(--primary)}.row-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.row-actions>a{font-size:11px;color:var(--primary);padding:6px 9px;border:1px solid var(--line);border-radius:5px}.danger-text{font-size:11px;color:var(--danger);padding:5px;background:transparent;border:0}.check{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:400;margin-block:20px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.media-preview{display:block;width:100%;height:220px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.media-grid .empty-state{min-height:220px}.content-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.content-toolbar label{width:min(350px,100%);margin:0;font-size:11px}.content-toolbar input{font-size:13px;padding:10px 12px}.content-toolbar>span{font-size:11px;color:var(--muted);padding-bottom:11px}.filter-links{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--primary)}.status-form{display:flex;align-items:center;gap:7px}.status-form select{font-size:11px;margin:0;min-width:130px;padding:7px}.status-form button{padding:8px 10px;border:1px solid var(--line);border-radius:5px;background:var(--soft);color:var(--primary);font-size:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:25px;padding-top:24px;font-size:12px;color:var(--primary)}.alert{padding:16px 20px;border:1px solid var(--line);border-radius:8px;font-size:13px;margin-bottom:24px}.alert.success{background:var(--soft);color:var(--primary)}.alert.error{background:#fff0f2;color:#973146;border-color:#ecc5cc}.account-card{max-width:700px}.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 36px;color:var(--muted);font-size:10px}.logo-upload-preview{padding:24px;max-width:420px;border:1px solid var(--line);border-radius:8px;background:repeating-conic-gradient(#f2f2f2 0% 25%,#fff 0% 50%) 50%/20px 20px;margin-bottom:25px}.logo-upload-preview img{display:block;max-height:160px;width:100%;object-fit:contain}.theme-picker{position:relative;display:inline-flex}.theme-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--primary);font-size:20px}.theme-options{position:absolute;inset-inline-end:0;top:calc(100% + 9px);width:155px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 25px #0002;z-index:90}.theme-options>button{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:5px;background:transparent;color:var(--ink);text-align:start;font-size:13px}.theme-options>button[aria-pressed=true]{background:var(--soft);color:var(--primary);font-weight:700}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:100px;padding:50px;background:var(--bg);position:relative}.login-body:before{content:"";position:fixed;inset:0 50% 0 0;background:var(--nav);z-index:-1}.login-intro{width:440px;color:white}.login-intro h1{font-size:52px;line-height:1.15;letter-spacing:-.05em;margin-bottom:25px}.login-intro .eyebrow{color:#72cecf}.login-intro>p{color:#b4cbd9;max-width:350px;font-size:15px}.login-benefits{margin-top:40px;display:flex;flex-direction:column;gap:13px;font-size:12px;color:#c7dce8}.login-benefits>span:before{content:"✓";color:#72cecf;margin-right:12px}.login-card,.install-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:36px;width:100%;max-width:440px;box-shadow:0 20px 65px #122c4510}.login-card .panel-brand{margin-bottom:30px;color:var(--primary)}.login-theme{position:absolute;right:25px;top:27px}.login-card>.eyebrow{margin-top:35px}.login-card h2{font-size:29px;margin-bottom:14px}.login-card>p{font-size:13px;margin-bottom:27px}.login-card .button{width:100%;margin-top:6px}.password-field{display:flex;position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:10px;top:19px;border:0;background:transparent;color:var(--primary);font-size:11px;padding:6px}.subtle{display:block;font-size:12px;text-align:center;margin-top:23px;color:var(--primary)}.fine{font-size:10px!important;color:var(--muted)!important;text-align:center;margin:25px 0 0!important}.install-card{max-width:750px}.install-card h1{margin-top:30px}.install-card p{font-size:13px}
@media(max-width:1250px){.sidebar{width:226px;padding-inline:12px}.panel-main{margin-left:226px}.panel-content{padding:28px}.panel-header{padding-inline:28px}.panel-card{padding:23px}.welcome{padding:27px}.welcome h2{font-size:28px}.welcome-cross svg{width:70px;height:70px}.stat-grid{gap:13px}.stat-card{padding:18px}.stat-card>small{font-size:10px}.stat-icon{right:13px;top:16px}.shortcut-grid{grid-template-columns:1fr 1fr}.editor-gallery,.upload-previews{grid-template-columns:repeat(3,minmax(0,1fr))}.login-body{gap:70px}.login-intro{max-width:380px}.login-intro h1{font-size:45px}}
@media(max-width:1000px){.sidebar{width:210px}.panel-main{margin-left:210px}.panel-content{padding:25px}.panel-header{padding-inline:25px}.panel-columns{grid-template-columns:1fr;gap:0}.stat-grid{grid-template-columns:1fr 1fr}.stat-card>small{font-size:12px}.stat-card{padding:23px}.stat-icon{right:20px;top:20px}.welcome-cross{display:none}.form-grid{gap:0 17px}.card-heading{gap:15px}.login-body{gap:50px;padding:35px}.login-intro{width:330px}.login-intro h1{font-size:39px}.login-card{max-width:400px;padding:30px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:260px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.panel-main{margin-left:0}.panel-menu{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font-size:12px}.panel-menu svg{width:17px;height:17px}.panel-header{min-height:65px;padding:13px 20px}.panel-breadcrumb{display:none}.panel-tools{gap:12px}.panel-tools>a{font-size:10px}.panel-content{padding:26px 20px}.panel-title h1{font-size:28px}.panel-title time{font-size:10px;padding:6px 8px}.welcome{padding:25px}.welcome h2{font-size:28px}.welcome p{font-size:13px}.panel-card{padding:22px}.card-heading{flex-wrap:wrap}.card-heading>.button{width:100%}.editor-save{bottom:0}.editor-save span{display:none}.editor-save>.button{width:100%}.editor-cover{flex-direction:column;align-items:start;gap:10px}.panel-footer{padding:20px;font-size:9px}.login-body:before{display:none}.login-intro{display:none}.login-body{padding:28px 20px}.login-card{max-width:450px}}
@media(max-width:480px){.panel-title .eyebrow{font-size:8px}.panel-title h1{font-size:25px}.panel-title time{display:none}.panel-content{padding:23px 16px}.panel-header{padding-inline:16px}.stat-grid{gap:12px;margin-block:18px}.stat-card{padding:18px}.stat-card>small{font-size:10px;padding-right:18px}.stat-card>strong{font-size:30px}.stat-icon{right:12px;top:15px;width:23px;height:23px}.stat-icon svg{width:14px;height:14px}.welcome{padding:22px}.welcome h2{font-size:27px}.welcome small{font-size:8px}.quick-buttons{gap:8px}.quick-buttons>.button{font-size:11px;padding:11px 12px}.panel-card{padding:20px 17px}.panel-card h2{font-size:20px}.panel-columns{gap:0}.form-grid,.media-grid{grid-template-columns:1fr}.lang-tabs,.editor-tabs{gap:5px}.lang-tabs>a,.editor-tabs>button{font-size:11px;padding:10px 12px;gap:9px;flex:1;justify-content:center}.lang-tabs small,.editor-tabs small{font-size:8px}.language-fields{padding:17px 13px}.editor-gallery,.upload-previews{grid-template-columns:1fr 1fr;gap:10px}.editor-gallery img,.upload-previews img{height:120px}.content-toolbar{align-items:start;flex-direction:column;gap:9px}.content-toolbar>span{padding:0}.shortcut-grid{grid-template-columns:1fr}.shortcut-grid>a{padding:14px}.task-list a{font-size:11px;gap:8px}.task-list small{font-size:9px}.task-list svg{display:none}.panel-tools .admin-avatar{display:none}.panel-footer span{font-size:9px}.hint{font-size:11px}.login-card{padding:28px}.login-theme{right:23px;top:23px}.login-card .panel-brand>span{font-size:16px}.login-card h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.sidebar nav a{font-size:13px}.sidebar-label{font-size:9px}.drawer-open{overflow:hidden}
.welcome>div{position:relative;z-index:1}.sidebar-close{display:none}
@media(max-width:760px){.sidebar-backdrop{left:260px}.sidebar-close{display:grid;place-items:center;align-self:flex-end;width:32px;height:32px;margin-bottom:15px;background:#ffffff10;border:1px solid #ffffff30;border-radius:6px;color:white}.sidebar-close svg{width:18px;height:18px}.welcome:after{display:none}}
html[data-theme=dark] .button.secondary{color:var(--ink)}

/* Roadside operator console */
:root{--bg:#f3f2ee;--panel:#fff;--ink:#242b33;--muted:#666e78;--line:#dcdedc;--primary:#88600c;--soft:#fff5d9;--nav:#181f28;--navtext:#bfccd5;--aqua:#ffc247}html[data-theme=dark]{--bg:#12191f;--panel:#1c2731;--ink:#edf2f5;--muted:#b3c0c9;--line:#354653;--primary:#ffc247;--soft:#3a3425;--nav:#0d141c;--navtext:#b6c7d2}.sidebar nav a.active{background:#ffc247;color:#20252c;box-shadow:none}.panel-brand>.panel-mark{background:#ffc247;color:#171c22}.sidebar-close{border-radius:4px}.workspace-name{border-radius:4px}.welcome{border-radius:6px}.welcome:after{display:none}.welcome-cross{color:var(--primary)}.button,.panel-card,.stat-card{border-radius:5px}.security-notice{padding:20px 24px;background:var(--soft);border:1px solid var(--line);border-inline-start:4px solid #ffc247;border-radius:5px;font-size:12px;line-height:1.8;margin-bottom:23px}.security-notice strong{display:block;margin-bottom:5px}.security-filters{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:25px}.security-filters label{flex:1;min-width:160px;margin:0}.security-filters .button{height:49px}.security-detail{display:grid;grid-template-columns:1fr 1fr;gap:15px}.security-detail>div{background:var(--bg);padding:14px;border:1px solid var(--line);border-radius:5px;min-width:0}.security-detail dt{font-size:11px;font-weight:700;color:var(--muted)}.security-detail dd{font-family:monospace;font-size:12px;margin:7px 0 0;overflow-wrap:anywhere}.export-form{margin-top:23px}.text-link{font-size:12px;color:var(--primary);white-space:nowrap}.welcome .quick-buttons .button.secondary{color:var(--ink)}@media(max-width:640px){.security-detail{grid-template-columns:1fr}.security-filters{gap:14px}.security-filters label{width:100%;flex:auto}.security-filters .button{width:100%}}
/* Construction workspace */
:root{--bg:#f4f3ee;--panel:#fff;--ink:#263c32;--muted:#68736d;--line:#d9ded6;--primary:#3d6450;--soft:#e9ede5;--nav:#1d3429;--navtext:#c4d0c6;--aqua:#c2a478}html[data-theme=dark]{--bg:#15231b;--panel:#203429;--ink:#edf0e7;--muted:#b1bfb2;--line:#3d5141;--primary:#c2a478;--soft:#2c4031;--nav:#0f2017;--navtext:#c5d3c5}.sidebar nav a.active{background:#c1a477;color:#1e3025}.sidebar nav a{font-size:12px;min-height:40px}.sidebar .sidebar-label{margin-top:22px;font-size:9px;color:#9cb19e}.sidebar .panel-brand{margin-bottom:28px}.construction-mark{display:grid;place-items:center;background:#c1a477;color:#203b2b;width:38px;height:40px;font-size:30px}.panel-header{justify-content:space-between}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.welcome{background:var(--soft);color:var(--ink)}.welcome h2{font-family:Georgia,serif;font-size:34px}.welcome .button.secondary{color:var(--ink)}.panel-card{border-radius:6px}.media-preview{object-fit:contain;max-height:260px}.lead-note{padding:20px 0;border-bottom:1px solid var(--line)}.lead-note small{color:var(--muted)}.editor-lang-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:12px}.editor-lang-tabs button{background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:10px 18px}.editor-lang-tabs button[aria-selected=true]{background:var(--primary);color:var(--panel)}[data-lang-panel][hidden]{display:none!important}.editor-footer{display:flex;gap:15px;margin:22px 0}.domain-editor .panel-card{margin-bottom:22px}.request-mini{display:block}.security-detail dd{font-family:inherit}.login-intro{background:#213c2c}.login-intro h1{font-family:Georgia,serif;font-weight:400}.login-benefits{display:grid;gap:10px;color:#d3dece}.demo-login-card{padding:20px;background:var(--soft);border:1px solid var(--line);border-inline-start:4px solid var(--primary);border-radius:8px;margin-block:22px}.demo-login-card h3{font-size:17px;margin:0 0 12px}.demo-login-card dl{margin:0;display:grid;gap:8px}.demo-login-card dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;background:var(--panel);padding:10px 12px;border:1px solid var(--line)}.demo-login-card dt{font-size:11px;color:var(--muted)}.demo-login-card dd{margin:0;font-size:12px;overflow-wrap:anywhere;direction:ltr}.demo-login-card p{font-size:12px;line-height:1.7;margin:14px 0 0}@media(max-width:760px){.panel-content{padding:24px 18px}.welcome h2{font-size:28px}.editor-lang-tabs{gap:6px}.editor-lang-tabs button{padding:9px 13px}.stat-grid{grid-template-columns:1fr 1fr}.security-detail{grid-template-columns:1fr}.editor-footer{flex-wrap:wrap}}@media(max-width:360px){.stat-grid{grid-template-columns:1fr}.demo-login-card dl>div{grid-template-columns:1fr}}
/* Installer layout */
.setup-body{min-height:100vh;padding:40px 24px;display:flex;align-items:center;justify-content:center}.setup-card{width:100%;max-width:800px;min-width:0;padding:38px 40px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 60px #1835240d}.setup-card h1{margin:14px 0 18px;font-size:32px}.setup-card>p{margin-bottom:28px}.setup-card .hint{font-size:12px;line-height:1.8}.setup-card .button{width:100%;margin-top:4px}.setup-card input{max-width:100%}@media(max-width:600px){.setup-body{padding:20px 14px;align-items:flex-start}.setup-card{padding:25px 20px;border-radius:10px}.setup-card h1{font-size:27px}.setup-card .form-grid{grid-template-columns:1fr;gap:0}.setup-card label{font-size:12px}.setup-card input{font-size:14px}}

/* V1.1 navigation groups. Native details works with keyboard and without JavaScript. */
.sidebar nav .sidebar-group{margin:12px 0 0;padding:0;border:0}.sidebar-group-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 10px;cursor:pointer;list-style:none;color:#c5d2c9;font-size:10px;font-weight:700;letter-spacing:.08em;border-radius:5px}.sidebar-group-title::-webkit-details-marker{display:none}.sidebar-group-title::marker{content:''}.sidebar-group-title:hover{background:#ffffff0b;color:#fff}.sidebar-group-title svg{width:15px;height:15px;flex:0 0 15px;transition:transform .15s}.sidebar-group[open]>.sidebar-group-title svg{transform:rotate(180deg)}.sidebar-group[open]>.sidebar-group-title{color:#d6bd95}.sidebar-group-items{border-inline-start:1px solid #607468;margin:2px 6px 8px;padding-inline-start:7px}.sidebar nav .sidebar-group-items a{padding:9px 10px;font-size:12px}.sidebar-system{margin-top:20px}.sidebar-system>.sidebar-label{padding:8px 10px;color:#c5d2c9}.sidebar-group-title:focus-visible{outline:2px solid #d6bd95;outline-offset:1px}
/* V3 workspace */
:root{--nav:#272a27;--navtext:#d4d5cd;--accent:#a58356;--primary:#353d36;--paper:#f1f0ec;--panel:#fff;--line:#deddd6;--ink:#30342e}html[data-theme=dark]{--paper:#222620;--panel:#2b3028;--ink:#f1eee6;--line:#4b5146}.sidebar{background:#272d29}.sidebar nav a.active{background:#b79a70;color:#1e2923;box-shadow:none}.sidebar-group[open]>.sidebar-group-title{color:#dec7a6}.panel-card{border-radius:6px}.panel-header{border-bottom:1px solid var(--line)}.panel-title h1{font-size:30px}.editor-tabs{display:flex;gap:7px;flex-wrap:wrap;position:sticky;top:70px;background:var(--paper);padding:12px 0;z-index:10;margin-bottom:18px}.editor-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:12px 18px;font-size:12px;border-radius:4px}.editor-tabs button[aria-selected=true]{background:#38473c;color:white;border-color:#38473c}[data-project-panel][hidden]{display:none}.sales-board{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:18px;overflow:auto}.board-column{background:var(--paper);padding:18px;min-height:150px;border:1px solid var(--line)}.board-column h3{font-size:14px;margin-top:0}.board-column article,.board-lead{display:block;padding:14px;background:var(--panel);border:1px solid var(--line);margin-bottom:12px;color:var(--ink)}.board-column p{font-size:12px}.board-column small{font-size:11px}.media-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.media-library article{border:1px solid var(--line);padding:15px;min-width:0}.media-library img{width:100%;height:160px;object-fit:contain;background:var(--paper);margin-bottom:12px}.media-library strong{font-size:11px;overflow-wrap:anywhere}.media-library p{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.login-visual{background:#2e3730}.login-visual h1{font-size:clamp(35px,4vw,62px)}
@media(max-width:950px){.sales-board{grid-template-columns:repeat(2,minmax(180px,1fr))}.media-library{grid-template-columns:1fr 1fr}.editor-tabs{top:60px}.editor-tabs button{padding:10px 12px}}
@media(max-width:600px){.media-library{grid-template-columns:1fr}.sales-board{display:flex}.board-column{min-width:240px}.editor-tabs{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel-title h1{font-size:25px}.editor-tabs button{text-align:start}}

.showcase-media-settings{min-width:0;border:1px solid var(--line);padding:18px;margin:10px 0}.showcase-media-settings legend{font-weight:700;padding-inline:8px}

/* V3 login composition and header actions — shared by both editions. */
.login-body{isolation:isolate;display:grid;grid-template-columns:minmax(0,440px) minmax(0,440px);align-items:center;justify-content:center;gap:clamp(60px,8vw,150px);min-height:100vh;min-height:100svh;padding:48px 36px;background:#f2f0ea}
.login-body::before{display:block;position:fixed;inset:0 50% 0 0;z-index:-1;background:linear-gradient(90deg,rgba(20,30,27,.88),rgba(20,30,27,.76)),url('site-progress.webp') center/cover no-repeat;content:""}
.login-body::after{content:"";position:fixed;inset:0 0 0 50%;z-index:-1;background:url('architecture-drawing.svg') center/cover no-repeat;opacity:.65;pointer-events:none}
.login-intro{display:block;width:100%;max-width:440px;background:transparent;padding:28px 0;color:#fff}
.login-intro h1{font-size:clamp(38px,3.4vw,56px);line-height:1.15;letter-spacing:-.04em;text-shadow:0 2px 20px #0004}
.login-intro .eyebrow{color:#e0c596;letter-spacing:.15em}
.login-intro>p,.login-benefits{color:#e0e7de}.login-benefits>span:before{color:#e0c596}
.login-card{width:100%;max-width:440px;padding:36px;background:var(--panel);box-shadow:0 22px 80px #18241c20}
html[data-theme=dark] .login-body{background:#20251f}html[data-theme=dark] .login-body::after{opacity:.24}
.sidebar-bottom{display:block;padding:24px 8px 10px;text-align:center;border-top:1px solid #ffffff1c;margin-top:auto}
.sidebar-bottom small{display:block;color:#e6ddcd;font-size:12px;line-height:1.6;letter-spacing:.03em;white-space:normal}
.panel-header-brand{min-width:0;overflow-wrap:anywhere;margin-inline-end:auto;font-weight:600}
.panel-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.panel-logout{margin:0}
.panel-action{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap}
.panel-action:hover{background:var(--soft);border-color:var(--accent)}.panel-action-logout:hover{color:var(--danger)}
.panel-header-actions .theme-toggle{width:42px;height:42px;font-size:22px}
@media(max-width:1100px){.panel-header{gap:12px;padding-inline:20px}.panel-action{padding:9px 10px}.panel-header-brand{font-size:13px}}
@media(max-width:900px){.panel-action span{display:none}.panel-action{width:42px;padding:9px}.login-body{gap:48px;padding:36px 28px}.login-card{padding:30px}.login-intro h1{font-size:38px}}
@media(max-width:760px){.login-body{display:flex;min-height:100svh;padding:28px 18px}.login-intro{display:none}.login-body::before{inset:0;background:linear-gradient(#18241de0,#18241de8),url('site-progress.webp') center/cover no-repeat}.login-body::after{inset:0;opacity:.15}.login-card{padding:30px;max-width:450px}.panel-header{gap:10px;padding:12px 16px;flex-wrap:wrap}.panel-header-brand{flex:1}.panel-header-actions{gap:7px}.panel-menu{min-height:42px}.panel-content{min-width:0}}
@media(max-width:420px){.panel-header-brand{flex-basis:calc(100% - 100px)}.panel-header-actions{margin-inline-start:auto}.login-card{padding:26px 22px}.login-theme{top:23px;right:20px}.login-card h2{font-size:26px}}