.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.login-screen{display:none;min-height:100svh;place-items:center;padding:24px;background:#0b1428}
.auth-pending .shell,.auth-required .shell{display:none!important}
.auth-required .login-screen{display:grid}
.is-authenticated .login-screen{display:none!important}
.login-card{width:min(100%,380px);display:grid;gap:18px;padding:34px;border:1px solid #263553;border-radius:24px;background:#111d35;box-shadow:0 28px 90px rgba(0,0,0,.42)}
.login-logo{display:block;width:112px;height:112px;object-fit:contain;margin:0 auto 6px}
.login-card label{display:grid;gap:7px;color:#b8c5da;font-size:.82rem;font-weight:700}
.login-card input{width:100%;height:48px;padding:0 14px;border:1px solid #334461;border-radius:10px;background:#0b1428;color:#fff;outline:none}
.login-card input:focus{border-color:#4c86ff;box-shadow:0 0 0 3px rgba(76,134,255,.18)}
.login-card .button{height:48px;font-size:1rem}
.login-error{min-height:20px;margin:-3px 0;color:#ffb4b4;text-align:center;font-size:.85rem}
.item-card{display:flex!important;flex-direction:column;min-width:0}
.item-card .card-image{position:relative;flex:0 0 180px;height:180px;min-height:0;overflow:hidden}
.item-card .card-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.item-card .card-body{position:relative;z-index:1;flex:1;width:100%;background:var(--card)}
.gallery-main{position:relative}
.delete-picture{position:absolute;right:18px;bottom:18px;z-index:4;border:1px solid rgba(255,255,255,.72);border-radius:999px;padding:9px 13px;background:rgba(116,20,29,.88);color:#fff;font-weight:750;box-shadow:0 5px 20px rgba(0,0,0,.25);backdrop-filter:blur(8px)}
.delete-picture:hover{background:#8a2830}
.no-active-haul{display:grid;min-height:122px;place-items:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted);background:var(--soft)}
[data-theme="dark"] .login-card{background:#101b31}
[data-theme="dark"] .item-card .card-body{background:var(--card)}
@media(max-width:720px){
 .login-card{padding:26px 21px;border-radius:19px}
 .login-logo{width:92px;height:92px}
 .item-card .card-image{flex-basis:220px;height:220px}
 .delete-picture{right:10px;bottom:10px;padding:8px 11px;font-size:.78rem}
}