.login-page{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{background:white;border:1px solid #e1e6ef;box-shadow:0 12px 48px #26385a12;border-radius:20px;padding:36px;width:min(440px,100%)}.login-card h1{font-size:26px;margin:26px 0 10px}.login-card label{display:block;margin:20px 0;color:#53627b}.login-card input{display:block;width:100%;margin-top:8px}.login-card button{width:100%;margin:8px 0 24px}.login-card p,.login-card small{color:#728099}.login-card #login-error{color:#bd3545}.login-card [hidden]{display:none}.cloud-account{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.cloud-account small{margin-right:auto}#groupeditor,#addgroup{display:none}#form>h3:first-of-type{display:none}.site-entry,.user-entry{border:1px solid #e1e6ef;border-radius:12px;padding:16px;margin:12px 0}.site-entry h3{margin:0 0 12px}.site-entry textarea{width:100%;margin:10px 0}.site-entry button,.user-entry button{margin:4px}.user-entry{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-entry span{margin-right:auto}.cloud-form label{display:block;margin:12px 0}.cloud-form input{width:100%;margin:8px 0}.cloud-error{color:#b62c41}#cloud-dialog{width:min(760px,94vw)}#cloud-dialog h2{margin-top:0}@media(max-width:800px){aside{display:none}main{margin-left:0;padding:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}header{align-items:flex-start;flex-direction:column;gap:16px}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.tablebox .scroll{overflow:auto}.cloud-account{font-size:13px}}
.admin-readonly [hidden]{display:none!important}.view-user-data,.cloud-account>a{color:#12786b;text-decoration:none;border:1px solid #cfe5df;border-radius:8px;padding:9px 12px;background:#f2f8f6}.view-user-data:hover,.cloud-account>a:hover{background:#e4f1ed}.readonly-badge{background:#e9f4f1;color:#12786b;padding:6px 10px;border-radius:20px;font-size:12px}.admin-readonly header .actions:empty{display:none}
.validity-fields{border:1px solid #dbe5e0;border-radius:10px;margin:18px 0;padding:14px}.validity-fields legend{color:#43675d;padding:0 6px}.cloud-form .unlimited-label{display:flex;align-items:center;gap:8px}.cloud-form .unlimited-label input{width:auto;margin:0}.date-range{display:grid;grid-template-columns:1fr 1fr;gap:16px}.access-period{color:#667b75;font-size:12px;line-height:1.7;margin-top:5px}.user-entry>span{min-width:160px}@media(max-width:500px){.date-range{grid-template-columns:1fr;gap:0}}