:root{--web-green:#0d4038;--web-copper:#bc7a45;--web-ivory:#f5f1e9;--web-line:#ded5c8}
.web-auth{min-height:100vh;margin:0;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top,#eef2ed,#e7dfd3);color:#243632;font:14px/1.5 "Segoe UI",Arial}.web-auth-card{width:min(620px,100%);padding:32px;border:1px solid var(--web-line);border-top:4px solid var(--web-copper);border-radius:18px;background:#fff;box-shadow:0 24px 70px #163c3420}.web-auth-card.login{max-width:420px}.web-auth-card>img{display:block;width:300px;max-width:80%;height:70px;margin:0 auto 18px;object-fit:contain}.web-auth-card>span{display:block;color:var(--web-copper);font-size:10px;font-weight:800;letter-spacing:.16em;text-align:center}.web-auth-card h1{margin:8px 0;color:var(--web-green);font:500 30px Georgia;text-align:center}.web-auth-card>p{text-align:center;color:#6d7975}.web-auth form{display:grid;gap:14px}.web-auth fieldset{display:grid;gap:12px;padding:17px;border:1px solid var(--web-line);border-radius:12px}.web-auth legend{padding:0 8px;color:var(--web-green);font-weight:800}.web-auth label,.web-auth label small{display:block}.web-auth input{box-sizing:border-box;width:100%;margin-top:5px;padding:12px;border:1px solid var(--web-line);border-radius:9px;font:inherit}.web-grid{display:grid;grid-template-columns:1fr 2fr;gap:10px}.web-auth button{padding:13px;border:0;border-radius:9px;background:var(--web-green);color:white;font-weight:800;cursor:pointer}.web-auth button:disabled{opacity:.6}.web-error,.web-success{margin:12px 0;padding:11px 13px;border-radius:9px}.web-error{background:#fbe6e3;color:#963d36}.web-success{background:#e4f3eb;color:#26664f}.web-back{display:block;margin-top:18px;color:var(--web-green);text-align:center}.web-server-logout{position:fixed;right:16px;bottom:16px;z-index:99999;padding:9px 13px;border-radius:99px;background:#742f2a;color:white;text-decoration:none;font:700 10px "Segoe UI",Arial;box-shadow:0 5px 18px #0003}#webSyncStatus{position:fixed;right:18px;bottom:58px;z-index:100000;padding:8px 12px;border-radius:8px;background:#203a33;color:white;font:700 10px "Segoe UI",Arial;box-shadow:0 5px 20px #0003;transition:.25s}#webSyncStatus.ok{background:#2d6a55}#webSyncStatus.saving{background:#8a623d}#webSyncStatus.error,#webSyncStatus.conflict{background:#9a4038}#webSyncStatus.quiet{opacity:.25}@media(max-width:600px){.web-grid{grid-template-columns:1fr}.web-auth-card{padding:22px}}