.admin-bg{min-height:100vh;display:grid;place-items:center;background:#17382e}.login-box{width:min(440px,92%);background:#fff;padding:38px;box-shadow:0 20px 60px #0003}.login-box h1{font-family:Georgia,serif;margin-top:30px}.login-box form,.searchbar{padding:0}.small{font-size:.85rem;color:#777}.admin-top{background:#17382e;color:#fff;padding:18px 5%;display:flex;justify-content:space-between;gap:20px}.admin-top a{color:#e7ad70}.admin-wrap{max-width:1200px;margin:auto;padding:45px 24px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-heading h1,.form-page h1{font-family:Georgia,serif;font-size:2.4rem}.searchbar{display:flex;gap:10px;background:transparent;margin:25px 0}.searchbar input{margin:0}.clear{align-self:center}.table-scroll{overflow:auto;background:#fff}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.admin-table th{background:#f1eee7}.actions{white-space:nowrap}.actions a{margin-right:12px;font-weight:700;color:#2e7558}.actions .danger{color:#a33}.alert{padding:12px 15px;margin:15px 0}.success{background:#e6f5ec;color:#24663f}.error{background:#fde9e7;color:#8a2f28}.form-page{max-width:700px;margin:45px auto;padding:0 20px}.form-page form{box-shadow:0 8px 30px #0000000d}.form-page a{color:#a65f30}@media(max-width:700px){.admin-top,.admin-heading,.searchbar{flex-direction:column}.searchbar .btn{width:100%}}

.thumb{width:80px;height:58px;object-fit:cover;border-radius:6px}.no-image{font-size:.8rem;color:#888}.current-image img{width:220px;max-height:150px;object-fit:cover;border-radius:8px;margin-bottom:14px}.current-image p{font-weight:700;margin-bottom:8px}

/* Sans-serif admin UI, navigation indicator and CSS delete popup */
body,button,input,select,textarea,table{font-family:Arial,Helvetica,sans-serif!important}
.login-box h1,.admin-heading h1,.form-page h1{font-family:Arial,Helvetica,sans-serif!important}
.admin-nav{display:flex;gap:8px;align-items:center;padding:12px 5%;background:#fff;border-bottom:1px solid #e4ded4}
.admin-nav a{padding:10px 14px;text-decoration:none;font-weight:700;border-radius:4px}
.admin-nav a.active{font-weight:800;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px;color:#b76b36}
.link-danger{border:0;background:transparent;padding:0;margin:0 12px 0 0;color:#a33;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.52);display:none;align-items:center;justify-content:center;padding:20px;z-index:9999}.modal-overlay.show{display:flex}.modal-box{width:min(430px,96%);background:#fff;border-radius:10px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.modal-box h3{margin:0 0 10px;font-size:1.35rem}.modal-box p{line-height:1.6;color:#59635e}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.btn-danger{background:#a33}.btn-muted{background:#69736e}
@media(max-width:700px){.admin-nav{flex-wrap:wrap}}
.login-shell{width:min(980px,96%);display:flex;flex-direction:column;align-items:center;gap:18px}.login-nav{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:4px;background:#fff;padding:10px 14px;border-radius:6px}.login-nav a{padding:10px 12px;text-decoration:none;font-weight:700}.login-nav a.active{font-weight:800;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px;color:#b76b36}
.current-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e7f4ec;color:#21623e;font-size:.82rem;font-weight:800}.delete-disabled{color:#999;font-weight:700;text-decoration:line-through;cursor:not-allowed;margin-right:12px}