:root{color-scheme:light;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#213e30;background:#f4f7f5;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#193f31;color:#fff;padding:20px 5%;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}a{color:#205642;text-underline-offset:4px}header a{color:inherit}header nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:14px}.brand{font-size:24px;font-weight:700;letter-spacing:.05em;text-decoration:none;display:flex;align-items:center;gap:12px}.brand img{width:36px;height:36px}main{margin:42px auto;padding:0 20px 50px}.narrow{max-width:500px}.wide{max-width:1280px}h1{font-size:28px;line-height:1.3;margin:0 0 24px}h2{font-size:21px;margin:0 0 20px}h3{font-size:16px;margin:20px 0 8px}section{background:#fff;border:1px solid #dde7e0;border-radius:12px;padding:26px;margin-bottom:20px}form{display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:7px;font-size:14px}input,select,textarea,button{font:inherit;max-width:100%}input,select,textarea{width:100%;padding:11px 12px;background:#fff;border:1px solid #ccd9cf;border-radius:7px;color:#203c2d}button{padding:11px 16px;border:0;border-radius:7px;background:#205642;color:#fff;cursor:pointer;font-weight:550}button:hover{background:#153e2c}.secondary{background:#edf4ee;color:#205642}.secondary:hover{background:#dce9df}input:focus,button:focus-visible,a:focus-visible{outline:3px solid #a6c78d;outline-offset:2px}p{line-height:1.6;overflow-wrap:anywhere}.muted,small{color:#687d6e;font-size:14px}small{display:block;margin-top:5px}.error{background:#fff0ed;border:1px solid #efc9c0;border-radius:8px;color:#a73527;padding:14px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.user-fields{display:grid;grid-template-columns:1fr 1fr 200px;gap:14px}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.actions button{margin-left:auto}.check{flex-direction:row;align-items:center}.check input{width:18px;height:18px}.users article{border-top:1px solid #e2e9e4;padding:24px 0}.users article>form+form{margin-top:12px;align-items:flex-start}.search{flex-direction:row;margin-bottom:12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td{padding:14px 12px;border-bottom:1px solid #e6ece7;vertical-align:top;min-width:140px}td:last-child{min-width:280px}nav [aria-current]{background:#d0e7b1;color:#193f31;padding:5px 8px;border-radius:5px;text-decoration:none}@media(max-width:720px){main{margin-top:26px;padding:0 14px 35px}section{padding:20px}.admin-grid,.user-fields{grid-template-columns:1fr}.admin-grid{gap:0}header{padding:18px;gap:16px}.brand{font-size:21px}header nav{gap:12px}.search{flex-wrap:wrap}.search button{width:100%}.actions{align-items:flex-start}.actions button{margin-left:0}.user-fields{gap:16px}}

.permission-fields{border:1px solid #d8e3d8;border-radius:10px;margin:20px 0;padding:16px}.permission-fields legend{font-size:14px;font-weight:600;padding:0 7px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-fields p{font-size:12px;line-height:1.5}.permission-fields .actions{flex-wrap:wrap}.permission-grid label{font-size:12px}@media(max-width:650px){.permission-grid{grid-template-columns:1fr}}

/* v39: account and administrator pages use the same compact phone rhythm. */
@media(max-width:720px){header{padding:10px 12px;gap:8px}.brand{font-size:18px;gap:8px}.brand img{width:28px;height:28px}header nav{gap:8px;font-size:13px}header nav a{min-height:36px;display:inline-flex;align-items:center}main{margin-top:18px;padding:0 12px 24px;min-width:0}h1{font-size:22px;margin-bottom:14px}h2{font-size:18px;margin-bottom:12px}section{padding:14px;margin-bottom:12px;border-radius:9px}form{gap:12px}.user-fields{gap:10px}.users article{padding:14px 0}.permission-fields{padding:10px;margin:12px 0}.permission-grid{gap:9px}input,select,textarea{padding:9px 10px;font-size:16px;min-width:0}button{min-height:42px;padding:9px 12px}.actions{gap:9px}.search{gap:8px}.table-scroll{max-width:100%;overscroll-behavior-x:contain}td{padding:9px 8px}p{margin:10px 0}.muted,small{font-size:13px}}

/* v46: compact account list; settings are expanded on demand. */
.admin-page section{padding:18px;margin-bottom:14px}.admin-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-section-title h2{margin:0 0 12px}.admin-page form{gap:10px}.admin-page input,.admin-page select{padding:8px 10px}.admin-page button{padding:8px 14px}.admin-user{border-top:1px solid #e2e9e4}.admin-user>summary{display:grid;grid-template-columns:minmax(180px,1fr) 160px 140px 80px;gap:14px;align-items:center;padding:10px 4px;cursor:pointer;list-style:none}.admin-user>summary::-webkit-details-marker{display:none}.admin-user-identity{min-width:0;overflow-wrap:anywhere}.admin-user-identity small{margin-top:3px;font-size:12px}.admin-user-role{font-size:13px}.admin-user-state{font-size:12px;color:#205642}.admin-user-state.is-disabled{color:#a73527}.admin-user-edit{font-size:13px;text-decoration:underline;text-underline-offset:3px}.admin-user[open]>summary{background:#f0f6ed}.admin-user-editor{padding:12px 4px 16px}.admin-user-editor>form+form{margin-top:10px;align-items:flex-start}.admin-page .user-fields{grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) minmax(140px,.7fr);gap:10px}.admin-page .employee-link{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:14px;align-items:end}.admin-page .employee-link small{font-size:12px;line-height:1.4;margin-bottom:6px}.admin-page .permission-fields{margin:6px 0;padding:10px 12px}.admin-page .permission-grid{gap:6px 24px}.admin-page .permission-grid label{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:8px}.admin-page .permission-grid select{font-size:13px}.admin-page .permission-fields p{margin:6px 0 10px}.admin-page .permission-fields .actions{gap:8px 16px}.admin-page .check input{width:16px;height:16px}.admin-page .check{font-size:13px}.admin-create{border-top:1px solid #e2e9e4;padding-top:12px;margin-top:4px}.admin-create>summary,.admin-settings>summary{font-weight:600;cursor:pointer;padding:8px 0}.admin-create>form{margin-top:12px}.admin-create>form>button{align-self:flex-start}.admin-settings{margin-bottom:14px}.admin-settings>section{margin-top:10px}.admin-page summary:focus-visible{outline:3px solid #a6c78d;outline-offset:2px}
@media(max-width:720px){.admin-page section{padding:12px}.admin-user>summary{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px 2px}.admin-user-role{grid-column:1;grid-row:2;font-size:12px}.admin-user-state{grid-column:2;grid-row:2;text-align:right}.admin-user-edit{grid-column:2;grid-row:1}.admin-page .user-fields,.admin-page .employee-link,.admin-page .permission-grid{grid-template-columns:1fr}.admin-page .employee-link{gap:4px}.admin-page .permission-grid label{grid-template-columns:minmax(0,1fr) minmax(140px,48%)}.admin-page .permission-grid select{font-size:16px}.admin-page .actions button{margin-left:auto}.admin-page button,.admin-page select{min-height:40px}.admin-page .permission-fields .check{min-height:32px}.admin-user-editor{padding-top:10px}}

[hidden]{display:none!important}.remembered-accounts{display:grid;gap:6px;margin-bottom:12px}.remembered-account{display:flex;gap:6px}.remembered-account>button:first-child{flex:1;text-align:left;display:grid;padding:10px 12px}.remembered-account small{font-weight:normal}.forget-account{width:38px;background:transparent;color:#64766f;border:1px solid #dae4df}.selected-account:empty{display:none}.selected-account{font-weight:600}.account-switch-form{margin:0}.account-switch-form button{font:inherit;color:inherit;background:none;border:0;padding:0}