:root{color-scheme:light;--ink:#172d32;--teal:#11675f;--muted:#647a7d}*{box-sizing:border-box}body.account-page{margin:0;min-height:100vh;background:#f2f5f2;color:var(--ink);font:16px/1.7 Tahoma,Arial,sans-serif;display:grid;place-items:center;padding:28px}.auth-card{width:min(100%,460px);padding:44px;background:#fff;border:1px solid #dfe7e0;border-radius:22px;box-shadow:0 22px 70px #183c3210}.brand{font:800 23px/1 Arial,sans-serif;letter-spacing:3px;text-decoration:none;color:var(--ink);display:inline-block;direction:ltr}.brand span{color:var(--teal)}.eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:3px;color:var(--teal);margin-top:35px}h1{font-size:30px;line-height:1.4;margin:12px 0}.muted{color:var(--muted);font-size:14px}form{margin-top:28px}label{display:block;font-size:13px;font-weight:bold;margin:16px 0 8px}input,select{font:inherit;width:100%;border:1px solid #cbd7d1;border-radius:9px;background:#fff;padding:11px;color:var(--ink)}input:focus{outline:2px solid #198977;outline-offset:2px}button,.primary{font:inherit;cursor:pointer}.primary{display:block;width:100%;border:0;border-radius:9px;padding:12px 18px;margin-top:25px;background:var(--teal);color:#fff;font-weight:bold}.primary span{float:left}button:disabled{opacity:.6;cursor:wait}.form-error{color:#a53030;font-size:13px;min-height:20px}.auth-note{font-size:12px;color:var(--muted);border-top:1px solid #e4eae5;padding-top:20px;margin-top:15px}.text-link{font-size:13px;color:var(--teal)}[hidden]{display:none!important}
.account-bar{position:fixed;z-index:700;bottom:8px;left:8px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 16px);padding:6px 10px;border:1px solid #cbd8d1;border-radius:7px;background:#fffffff5;color:#233c3c;font:11px/18px Tahoma,Arial,sans-serif;direction:rtl;box-shadow:0 2px 12px #0001}.account-bar button,.account-bar a{font:inherit;color:#11675f;border:0;background:none;padding:1px;text-decoration:none;cursor:pointer}.account-bar #cloudStatus{color:#486960}.account-bar #cloudStatus[data-level=error]{color:#b02929}.account-cover{position:fixed;inset:0;z-index:9999;background:#edf2ef;display:grid;place-items:center;padding:24px;color:#193a36;font:15px/1.9 Tahoma,Arial,sans-serif;direction:rtl}.account-cover>section{max-width:480px;width:100%;background:white;padding:32px;border:1px solid #d3ddd5;border-radius:16px}.account-cover h2{font-size:22px}.account-cover button{border:0;border-radius:6px;padding:10px 15px;margin:5px;color:#fff;background:#11675f;font:inherit;cursor:pointer}.account-cover .secondary{color:#11675f;background:#e9f0eb}
.admin-shell{width:min(100%,980px);align-self:start;margin-top:35px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.admin-box{margin-top:24px;background:white;border:1px solid #dfe7e0;padding:25px;border-radius:14px}.admin-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}.admin-grid .primary{margin:0}.admin-grid label{margin-top:0}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{text-align:right;padding:14px 8px;border-bottom:1px solid #e4eae5}.admin-table button{background:#e9f0eb;border:0;padding:7px 10px;border-radius:6px;color:#11675f;margin:3px}.admin-table button.danger{color:#a53030;background:#faeeee}.status-message{min-height:22px;color:#11675f;font-size:14px}.admin-table-wrap{overflow:auto}@media(max-width:650px){.auth-card{padding:28px}.admin-grid{grid-template-columns:1fr}.account-bar{flex-wrap:wrap;gap:5px;font-size:10px}.account-bar #cloudStatus{max-width:190px}.admin-box{padding:16px}.admin-head{flex-wrap:wrap}}

body.hosted-exam{padding-top:40px}.hosted-exam .account-bar{top:0;bottom:auto;left:0;width:100%;max-width:none;height:40px;border-radius:0;box-shadow:none;justify-content:flex-start;gap:14px;padding:6px 16px}.hosted-exam .account-bar #accountName{max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hosted-exam .account-bar #cloudStatus{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hosted-exam .start-screen{top:40px}.hosted-exam .side-panel{top:40px;height:calc(100% - 40px)}.hosted-exam .modal-cover{top:40px}@media(max-width:650px){body.hosted-exam{padding-top:64px}.hosted-exam .account-bar{height:64px;gap:6px 12px;padding:6px 10px}.hosted-exam .account-bar #cloudStatus{order:5;flex:0 0 100%;max-width:none}.hosted-exam .start-screen,.hosted-exam .side-panel,.hosted-exam .modal-cover{top:64px}.hosted-exam .side-panel{height:calc(100% - 64px)}}