:root{--navy:#122536;--ink:#213444;--muted:#687a84;--line:#dbe3e1;--paper:#f4f6f4;--accent:#eb735c}
.admin-image-placeholder{width:145px;height:100px;background:#e9eeec;color:var(--muted);display:grid;place-items:center;font-size:12px;text-align:center;flex:none}
.about-admin-section{margin-top:30px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.admin-header{height:70px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,5vw,72px);gap:20px}.admin-brand{font-size:17px;font-weight:800;display:flex;align-items:center;gap:10px}.admin-brand span{background:var(--accent);color:var(--navy);width:32px;height:32px;display:grid;place-items:center}.admin-header>div{display:flex;align-items:center;gap:22px}.admin-header>div>a,.admin-header button{color:#d6e1e3;font-size:13px;font-weight:700}.admin-header button{background:none;border:0;padding:0}.admin-main{width:min(1100px,calc(100% - 42px));margin:60px auto 100px}.kicker{font-size:11px;letter-spacing:.17em;color:#718790;font-weight:800}.admin-title{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}.admin-title h1,.auth-card h1{font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-.055em;color:var(--navy);margin:13px 0 10px}.admin-title p,.auth-card>p{color:var(--muted);margin:0}.demo-badge{font-size:11px;letter-spacing:.12em;font-weight:800;color:#8b574e;background:#fbe8e3;padding:10px 14px;white-space:nowrap}.panel{background:#fff;border:1px solid var(--line);margin-bottom:18px;padding:clamp(24px,4vw,45px)}.panel-heading{display:flex;align-items:start;gap:23px;margin-bottom:31px;padding-bottom:27px;border-bottom:1px solid var(--line)}.panel-heading>span{color:var(--accent);font-size:13px;font-weight:850;padding-top:5px}.panel-heading h2{margin:0 0 4px;font-size:25px;letter-spacing:-.04em;line-height:1.2}.panel-heading p{margin:0;color:var(--muted);font-size:14px}.fields{display:grid;gap:20px;margin-bottom:20px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:8px;font-size:13px;font-weight:750;color:#3c5260}label small{font-size:12px;font-weight:400;color:var(--muted);line-height:1.5}input:not([type=file]),textarea{width:100%;border:1px solid #cbd7d6;border-radius:0;background:#fbfcfb;padding:13px 14px;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--navy)!important;box-shadow:0 0 0 2px rgba(18,37,54,.13)}textarea{resize:vertical;min-height:82px}.image-field{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:22px;margin-top:7px}.image-field img{width:145px;height:100px;object-fit:cover;background:#e0e5e4}.image-field label{flex:1}.image-field input{max-width:100%;font-size:12px}.repeat-block{border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:28px}.repeat-block:last-child{border:0;margin-bottom:0;padding-bottom:0}.repeat-block h3{font-size:16px;margin:0 0 22px}.save-bar{background:var(--navy);color:#fff;padding:20px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.save-bar p{font-size:13px;color:#bdcbd0;margin:0}.primary{background:var(--accent);border:0;color:var(--navy);font-weight:800;font-size:14px;padding:14px 23px;min-height:48px}.primary:hover{background:#f18a76}.alert{padding:13px 16px;margin:0 0 20px;font-size:14px}.alert.error{background:#fbe7e4;color:#803e38;border-left:3px solid #cf5d51}.alert.success{background:#e3f2ec;color:#236448;border-left:3px solid #4da178}.auth-card{background:#fff;border:1px solid var(--line);max-width:520px;margin:8vh auto;padding:clamp(28px,5vw,55px)}.auth-card>p{margin-bottom:32px}.auth-card form{display:grid;gap:20px}.auth-card form button{justify-self:start}.auth-card code{background:#edf1ef;padding:2px 5px;font-size:13px}@media(max-width:650px){.admin-header{padding:0 18px}.admin-header>div{gap:12px}.admin-header>div>a{display:none}.admin-main{width:calc(100% - 30px);margin-top:40px}.admin-title{display:block}.demo-badge{display:inline-block;margin-top:20px}.fields.two{grid-template-columns:1fr}.image-field{display:block}.image-field img{margin-bottom:17px}.save-bar{display:block}.save-bar p{margin-bottom:18px}}
