:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#152e3c;background:#f1f5f5;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.admin-shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#081e2a;color:#b9cbd2;padding:34px 22px;display:flex;flex-direction:column}.logo{font-family:Georgia,serif;font-size:38px;font-weight:bold;color:white;position:relative;align-self:flex-start}.logo>span{color:#65d3bf}.logo small{display:block;font:9px system-ui;letter-spacing:.22em}.sidebar-title{font-size:9px;letter-spacing:.15em;color:#73929e;margin:54px 12px 20px}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:16px;min-height:52px;text-align:left;background:transparent;border:1px solid transparent;border-radius:9px;color:#83a0ac;font-size:10px;padding:14px}nav button span{font-size:12px;color:#c8d8df}nav button.active{background:#163540;border-color:#4ca49455;color:#67d3bf}nav button.active span{color:white}.sidebar-bottom{margin-top:auto;padding:35px 12px 0;font-size:11px;display:grid;gap:15px}.sidebar-bottom p{color:#6a8b98;font-size:10px;line-height:1.7}main{padding:45px clamp(20px,4vw,64px);max-width:1400px;width:100%}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}h1{font:42px/1.15 Georgia,serif;margin:10px 0}header p{color:#7a8f98;font-size:13px}.eyebrow{font-size:9px;letter-spacing:.18em;color:#438d7e;font-weight:750}.live-badge{font-size:10px;display:flex;align-items:center;gap:8px;padding:11px 14px;background:white;border:1px solid #dce7e6;border-radius:30px;white-space:nowrap}.live-badge i{width:6px;height:6px;background:#2daa79;border-radius:50%}.panel,.service-editor{padding:30px;background:white;border:1px solid #dce6e6;border-radius:15px;margin-bottom:22px}.panel h2,.section-head h2{font:27px Georgia,serif;margin:0 0 10px}.panel-intro,.section-head p{color:#71868f;font-size:12px;line-height:1.7;margin:0 0 24px}.toolbar{position:sticky;top:0;z-index:10;padding:17px 20px;background:#ffffffed;backdrop-filter:blur(12px);border:1px solid #dce6e6;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.toolbar strong{display:block;font-size:12px}.toolbar small{display:block;color:#86979e;font-size:10px;margin-top:5px}.toolbar-buttons{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary,.danger,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:7px;padding:12px 16px;min-height:44px;font-size:11px;font-weight:700;border:1px solid transparent}.primary{background:#64d3bf;color:#0b302a}.secondary,.small-button{background:white;color:#34535d;border-color:#d7e4e4}.danger{background:#fff1ee;color:#a44936}.small-button{padding:8px 12px;min-height:38px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:650;color:#3a5964}.field.wide{grid-column:1/-1}.field input:not([type=checkbox]),.field textarea,.field select{width:100%;border:1px solid #d5e1e2;border-radius:7px;padding:12px;color:#153947;background:#fbfdfd;min-height:44px;font-size:13px}.field textarea{resize:vertical;min-height:108px;line-height:1.6}.field .hint,.hint{font-size:10px;font-weight:400;color:#80969e;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #64d3bf;outline-offset:2px}.field input[type=checkbox]{width:20px;height:20px;accent-color:#45ad96}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:26px 0 20px}.section-head p{margin:0}.service-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.service-heading h3{margin:0;font:22px Georgia,serif}.service-heading small{color:#8aa0a8;font-size:10px;display:block;margin-top:5px}.service-tools{display:flex;gap:6px}.image-editor{display:grid;grid-template-columns:145px minmax(0,1fr);gap:22px;align-items:center;grid-column:1/-1;border:1px solid #e1eaea;border-radius:12px;padding:18px}.image-editor img{width:145px;height:120px;object-fit:cover;border-radius:7px;background:#e8f0ef}.image-editor h3{font-size:13px;margin:0 0 8px}.image-editor input{max-width:100%;font-size:11px;margin:12px 0}.image-editor .field input{margin:0}.image-editor .small-button{margin-top:10px}#status{font-size:12px;line-height:1.7;padding:0 2px;min-height:8px;color:#307b6c}#status.error{color:#a53a2d}.account{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7a929d;margin:30px 0}footer{font-size:10px;color:#8ca1a8;margin:45px 0 5px}.login-card{max-width:560px;padding:44px;margin:40px 0}.login-card p{line-height:1.8;color:#69828d}.lock{display:grid;place-items:center;background:#e2f5ef;color:#2a8771;width:50px;height:50px;border-radius:12px;margin-bottom:25px}.quiet{font-size:10px}.image-options{display:grid;gap:10px}.image-options label{font-size:10px;color:#69828d}.image-options input[type=url]{width:100%;font-size:12px;border:1px solid #d5e1e2;border-radius:6px;padding:10px}.upload-label{display:block}.upload-label input{display:block}.delete-image{color:#a44936}button:focus-visible,a:focus-visible{outline:3px solid #2b9e86;outline-offset:3px}
@media(max-width:1000px){.admin-shell{grid-template-columns:205px minmax(0,1fr)}aside{padding:25px 14px}.toolbar{align-items:start;flex-direction:column}.field-grid{grid-template-columns:1fr}header{align-items:start}.live-badge{display:none}}@media(max-width:700px){.admin-shell{display:block}aside{position:relative;height:auto;padding:18px}.logo{font-size:25px}.logo small{font-size:7px}.sidebar-title{display:none}nav{display:flex;overflow-x:auto;margin-top:18px;gap:6px}nav button{white-space:nowrap;gap:8px;padding:12px;min-height:44px}nav button span{font-size:11px}.sidebar-bottom{display:none}main{padding:28px 16px}h1{font-size:34px}.toolbar{top:0;padding:14px}.toolbar-buttons{width:100%}.toolbar-buttons button{flex:1;padding:10px;font-size:10px}.panel,.service-editor{padding:22px 18px}.image-editor{grid-template-columns:1fr;padding:14px}.image-editor img{width:100%;height:190px}.service-heading{align-items:start}.service-tools{flex-wrap:wrap;justify-content:end}.service-tools button{padding:8px}.section-head{align-items:start}.section-head .primary{white-space:nowrap}.account{overflow-wrap:anywhere}}
