*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#1f2933;font-family:Arial,sans-serif}.container{background:#fff;border:1px solid #d8e0e8;border-radius:8px;box-shadow:0 2px 12px #1f293314;margin:.5in;min-height:calc(100vh - 1in);padding:40px;width:calc(100vw - 1in)}.auth-shell{display:flex;min-height:100vh;width:100%}h1{color:#1f4e79;margin-top:0}.header-row{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.brand-lockup{align-items:center;display:flex;gap:12px}.brand-lockup img{display:block;height:56px;width:56px}.brand-lockup h1{margin:0}.table-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.auth-panel{align-items:flex-start;align-self:flex-start;background:#fff;border:1px solid #d8e0e8;border-radius:8px;box-shadow:0 2px 12px #1f293314;display:flex;flex-direction:column;gap:14px;height:300px;margin:.5in;max-width:660px;min-height:300px;padding:28px 32px 32px;width:660px}.auth-panel p{color:#4c5b68;line-height:1.5;margin:0;max-width:520px}.primary-action{font-size:14px;min-width:96px}button{background:#1f4e79;border:0;border-radius:6px;color:#fff;cursor:pointer;font:inherit;font-size:12px;min-width:96px;padding:10px 16px}button:hover:not(:disabled){background:#173b5d}button:disabled{cursor:wait;opacity:.7}.link-action{background:transparent;color:#06c;font-size:14px;margin-top:8px;min-width:0;padding:0;text-align:left}.link-action:hover:not(:disabled){background:transparent;text-decoration:underline}.error-message{background:#fff1f1;border:1px solid #f0b7b7;border-radius:6px;color:#9a1c1c;padding:12px 14px}.status-message{background:#edf8f1;border:1px solid #a8d8b8;border-radius:6px;color:#1f6b3a;padding:12px 14px}.users-section{margin-top:32px}.table-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.table-toolbar p{color:#2d3a45;font-weight:700;margin:0}.table-toolbar label{align-items:center;color:#52616d;display:flex;font-size:14px;gap:8px}.table-toolbar select{border:1px solid #b9c5cf;border-radius:6px;color:#1f2933;font:inherit;padding:8px 10px}h2{color:#22313f;font-size:1.25rem;margin:0 0 16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:12px;min-width:720px;width:100%}th,td{border-bottom:1px solid #d9e1ea;padding:12px;text-align:left;vertical-align:top}th{background:#eef3f8;color:#22313f;font-weight:700}td{color:#2d3a45}.openable-row{cursor:pointer}.openable-row:hover{background:#f6faf8}.sort-button{align-items:center;background:transparent;color:inherit;display:inline-flex;font-size:inherit;font-weight:inherit;gap:8px;justify-content:space-between;min-width:0;padding:0;text-align:left;width:100%}.sort-button:hover:not(:disabled){background:transparent;color:#1f4e79}.sort-button span{color:#52616d;font-size:12px;font-weight:400}.pagination-row{align-items:center;color:#52616d;display:flex;font-size:14px;gap:16px;justify-content:space-between;margin-top:14px}.pagination-row div{display:flex;gap:8px}.secondary-action{background:#eef3f8;color:#1f2933;min-width:88px}.secondary-action:hover:not(:disabled){background:#dbe7ef}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}@media(max-width:640px){.container{margin:.25in;min-height:calc(100vh - .5in);padding:24px;width:calc(100vw - .5in)}.auth-panel{margin:24px;max-width:calc(100vw - 48px);width:calc(100vw - 48px)}.header-row,.table-toolbar,.pagination-row{align-items:stretch;flex-direction:column}.pagination-row div{justify-content:space-between}}