:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14213d;background:#f4f8ff}*{box-sizing:border-box}body{margin:0}a{color:#124ab9}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:13px 20px;background:#003bff;color:#fff;font-weight:700}button:hover{background:#002cbf}button:disabled{opacity:.6;cursor:wait}.secondary{background:#e8effc;color:#12356c}.secondary:hover{background:#d4e2fb}.skip-link{position:absolute;left:-9999px;top:5px;background:#fff;padding:10px}.skip-link:focus{left:10px}.admin-header{background:#fff;border-bottom:1px solid #d9e4f3;display:flex;justify-content:space-between;align-items:center;padding:12px max(24px,calc((100vw - 1120px)/2));gap:20px}.admin-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;color:#14213d}.admin-brand img{border-radius:50%}main{max-width:1120px;margin:auto;padding:44px 24px}.login-panel,.editor-card{background:#fff;border:1px solid #dce6f4;border-radius:20px;padding:28px;box-shadow:0 10px 35px #14213d0a}.login-panel{max-width:460px;margin:60px auto}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:#0644b4}h1{font-size:clamp(30px,4vw,44px);line-height:1.1;margin:8px 0 14px}h2{margin:0 0 18px}p{line-height:1.5;color:#53637a}form{display:grid;gap:12px}label{font-weight:700;margin-top:7px}input,textarea,select{width:100%;border:1px solid #9db2d0;background:#fff;color:#14213d;border-radius:10px;padding:12px}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #f36b14;outline-offset:2px}textarea{resize:vertical}.editor-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px}.admin-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px}.file-help{font-size:13px;margin:0}.admin-item{padding:14px 0;border-top:1px solid #dce6f4}.admin-item strong{display:block}.admin-item small{color:#53637a}.admin-item button{display:block;margin-top:9px;padding:8px 12px;background:#fff2ef;color:#9e2818}.admin-item button:hover{background:#ffe0d9}#message:not(:empty){position:sticky;bottom:10px;background:#e8f4ed;color:#164e2b;padding:14px;border-radius:10px;margin-top:20px;font-weight:700}@media(max-width:760px){.admin-layout{grid-template-columns:1fr}.admin-header{padding:12px 18px}main{padding:28px 16px}.login-panel{margin:20px auto}.editor-card{padding:20px}}
.image-preview{display:block;width:min(100%,360px);height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #dce6f4}.image-preview[hidden]{display:none}
.order-card{grid-column:1/-1}.order-card>p{margin:-7px 0 18px;font-size:14px}.news-order{padding:0;margin:0;list-style:none;display:grid;gap:8px;counter-reset:news}.news-order-item{counter-increment:news;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dce6f4;border-radius:12px;padding:12px 14px}.news-order-item>div:first-child{min-width:0;display:grid;gap:4px}.news-order-item>div:first-child:before{content:counter(news,decimal-leading-zero);color:#0644b4;font-size:12px;font-weight:800}.news-order-item strong{font-size:14px;line-height:1.3}.news-order-item small{color:#53637a}.news-order-controls{display:flex;gap:7px;flex:none}.news-order-controls button{padding:8px 11px;font-size:12px;background:#e8effc;color:#12356c}.news-order-controls button:hover{background:#d4e2fb}.news-order-controls button:disabled{opacity:.45;cursor:default}
@media(max-width:520px){.news-order-item{align-items:stretch;flex-direction:column;gap:10px}.news-order-controls button{flex:1}.news-order-controls{width:100%}}
.edit-card{grid-column:1/-1;scroll-margin-top:22px}.edit-card[hidden]{display:none}.edit-card h2{margin-bottom:6px}.edit-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.edit-actions .secondary{background:#e8effc;color:#12356c}.edit-actions #restoreOriginal{margin-left:auto}.admin-item-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-item-actions button{display:inline-block}.admin-item-actions .edit-button{background:#e8effc;color:#12356c}.news-order-controls .edit-button{background:#e8effc;color:#12356c}
@media(max-width:520px){.edit-actions button{flex:1 1 100%}.edit-actions #restoreOriginal{margin-left:0}}
.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.admin-tabs button{background:#e7eef9;color:#24426d;padding:12px 16px;min-height:44px}
.admin-tabs button[aria-pressed="true"]{background:#003bff;color:#fff}
.area-off{display:none!important}
.admin-layout{grid-template-columns:1fr}
#siteSettingsForm{gap:18px}
.editor-card fieldset{border:1px solid #dce6f4;border-radius:14px;padding:20px;display:grid;gap:10px;margin:12px 0}
.editor-card legend{font-weight:800;padding:0 8px;color:#173968}
.setting-check{display:flex;align-items:center;gap:12px;min-height:44px;margin:0;font-weight:600}
.setting-check input{width:20px;height:20px;flex:none;accent-color:#003bff}
.settings-list{display:grid;gap:16px;margin-bottom:20px}
.settings-row{border:1px solid #dce6f4;border-radius:14px;background:#f8faff;padding:20px;display:grid;gap:12px}
.settings-row h3{margin:0;font-size:17px}
.settings-row label:not(.setting-check){display:grid;gap:8px;margin:0}
.row-actions{display:flex;gap:8px;flex-wrap:wrap}
.row-actions button{min-height:44px;font-size:13px;padding:10px 14px}
.settings-actions{background:#fff;border:1px solid #dce6f4;border-radius:14px;padding:20px}
.settings-actions[hidden]{display:none}
.settings-actions>div{display:flex;gap:10px;flex-wrap:wrap}
.settings-actions>p{margin-top:0;color:#234b7d;font-weight:700}
.settings-actions details{margin-top:18px;font-size:14px}
.settings-actions summary{cursor:pointer;padding:10px 0}
.settings-actions details button{margin:5px 8px 5px 0;font-size:13px}
.import-label{display:block;font-size:13px;margin:12px 0}
.import-label input{margin-top:8px}
#sitePreview{width:min(1100px,calc(100% - 20px));max-height:95vh;border:1px solid #c5d4e9;border-radius:16px;padding:20px;background:#f4f8ff;color:#14213d}
#sitePreview::backdrop{background:#01020eaa}
#sitePreview header{display:flex;justify-content:space-between;gap:16px;align-items:start}
#sitePreview h2{margin:0;font-size:24px}
#sitePreview p{font-size:14px;margin:8px 0 16px}
#sitePreview select{margin:8px 0 14px}
#previewFrame{display:block;width:100%;height:65vh;border:1px solid #dce6f4;border-radius:12px;background:#fff}
@media(max-width:520px){.admin-tabs{gap:6px}.admin-tabs button{flex:1 1 45%;padding:10px;font-size:13px}.editor-card fieldset,.settings-row{padding:16px}.settings-actions>div button{flex:1}.admin-header{gap:10px}.admin-brand{min-width:0}}
