:root { color-scheme: light; --navy:#153a63; --blue:#82b8df; --pale:#eef7fc; --line:#d7e5ee; --text:#263b4b; --danger:#a83232; }
* { box-sizing:border-box; }
body { margin:0; background:#f6f9fb; color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",sans-serif; }
.admin-shell { width:min(1120px,calc(100% - 32px)); margin:40px auto 80px; }
.admin-header { display:flex; justify-content:space-between; gap:20px; align-items:flex-end; margin-bottom:28px; }
.admin-header p { margin:0 0 6px; color:#5587a6; font-size:12px; letter-spacing:.16em; font-weight:700; }
h1 { margin:0; color:var(--navy); font-family:"Yu Mincho",serif; font-size:clamp(26px,4vw,40px); }
.logout { color:var(--navy); text-decoration:none; border-bottom:1px solid var(--blue); }
.panel { background:#fff; border:1px solid var(--line); border-radius:14px; padding:clamp(20px,4vw,38px); box-shadow:0 12px 35px rgba(21,58,99,.06); }
.notice { margin:0 0 24px; padding:14px 18px; border-radius:8px; background:#e9f7f1; color:#24634d; }
.notice--error { background:#fff0f0; color:var(--danger); }
.meta { display:flex; flex-wrap:wrap; gap:10px 24px; margin:0 0 28px; padding:14px 18px; background:var(--pale); border-radius:8px; font-size:14px; }
.group { margin-top:34px; }
.group h2 { margin:0 0 14px; padding-bottom:9px; color:var(--navy); font-size:21px; border-bottom:1px solid var(--blue); }
.property-row { display:grid; grid-template-columns:minmax(220px,1fr) 130px; align-items:center; gap:18px; padding:12px 4px; border-bottom:1px solid #edf1f4; }
.property-row label { font-weight:600; }
.property-row small { display:block; margin-top:4px; color:#6d7f8b; font-weight:400; }
input[type=number],input[type=text],input[type=password] { width:100%; padding:11px 12px; border:1px solid #bfcfd9; border-radius:6px; background:#fff; font:inherit; }
input:focus { outline:3px solid rgba(130,184,223,.3); border-color:#4b8fbf; }
.actions { position:sticky; bottom:12px; display:flex; justify-content:flex-end; margin-top:30px; padding:14px; background:rgba(255,255,255,.94); border:1px solid var(--line); border-radius:10px; }
button { border:0; border-radius:6px; padding:13px 34px; background:var(--navy); color:#fff; font:inherit; font-weight:700; cursor:pointer; }
button:hover { background:#245683; }
.login { width:min(460px,calc(100% - 32px)); margin:10vh auto; }
.login .panel { padding:38px; }
.field { margin:18px 0; }
.field label { display:block; margin-bottom:7px; font-weight:700; }
.login button { width:100%; margin-top:8px; }
@media (max-width:600px) { .admin-header { align-items:flex-start; flex-direction:column; } .property-row { grid-template-columns:1fr 92px; gap:10px; } .admin-shell { margin-top:24px; } }