*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#183044;background:#f4f7fa}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #d9e2e9;border-radius:8px;padding:11px 17px;background:white;color:#183044}button:disabled{opacity:.5;cursor:wait}a{color:#187b77;text-decoration:none}aside{width:230px;position:fixed;inset:0 auto 0 0;background:#102b3a;color:#d7e4eb;padding:35px 23px}.brand{color:white;font-weight:800;font-size:27px;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:2px;margin-top:10px;color:#70d2c2}.caption{font-size:10px;letter-spacing:2px;color:#7997a9;margin-top:65px}.nav{display:block;width:100%;text-align:left;background:transparent;color:#a8bfcd;border:0;margin:7px 0;padding:15px}.nav.active{background:#244755;color:#8ee0d3}.aside-bottom{position:absolute;bottom:30px;font-size:12px;color:#9eb8c7}.aside-bottom p{color:#5f8398}main{margin-left:230px;padding:0 46px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dde5eb;padding:27px 0;font-size:12px;min-height:85px}.crumb{color:#7c8e9c}.crumb b{color:#405666;margin-left:8px}#identity{color:#647989;font-size:12px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#178e80;margin-top:0}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.15;margin:15px 0}h2{font-size:18px;margin:0 0 15px}.intro{color:#7b8e9d;line-height:1.7;font-size:15px}.heading{display:flex;align-items:center;justify-content:space-between;margin:40px 0 30px}.primary{background:#147f76;border-color:#147f76;color:white;font-weight:bold}.primary:hover{background:#116e65}.card{background:white;border:1px solid #dfe7ec;border-radius:12px;padding:26px;box-shadow:0 3px 10px #18304403}.toolbar{display:flex;gap:15px;align-items:end;margin-bottom:25px}.toolbar label{min-width:250px;margin:0}.toolbar #checked{font-size:11px;color:#8a9ba7;padding:12px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stats span{font-size:12px;color:#7d8f9d}.stats strong{display:block;font-size:32px;margin-top:15px}.empty{text-align:center;padding:65px 25px}.empty p{font-size:14px;color:#8193a0;line-height:1.8;margin-bottom:25px}.symbol{font-size:25px;background:#e8f5f1;color:#248f80;border-radius:14px;width:55px;height:55px;display:grid;place-items:center;margin:0 auto 22px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading h2{margin:0}.section-heading a{font-size:12px}.row{padding:20px 0;border-top:1px solid #edf1f4;display:flex;gap:20px;justify-content:space-between}.row h3{font-size:14px;margin:0 0 8px}.row p{font-size:12px;color:#7c8e9a;margin:0;line-height:1.7}.badge{font-size:10px;border-radius:5px;padding:6px 10px;background:#eff5f8;align-self:start;color:#53778d}.error{color:#af5143;font-size:13px}.connect-card{max-width:650px;margin:30px auto}.connect-card p,.login-card p{font-size:13px;color:#768c9c;line-height:1.7}label{font-size:12px;font-weight:bold;display:block;margin:18px 0}input,select{display:block;width:100%;padding:12px;border:1px solid #d6e1e8;border-radius:7px;background:white;color:#183044;margin-top:8px}.login-card{max-width:430px;margin-top:30px}#login{padding:50px 0}#message{font-size:13px;white-space:pre-wrap;color:#b04f40}#disconnect{margin-top:20px;color:#9c514b;background:transparent}footer{font-size:11px;color:#97a6b0;border-top:1px solid #dde5eb;padding:23px 0;margin-top:50px;display:flex;justify-content:space-between}[hidden]{display:none!important}@media(max-width:850px){aside{position:static;width:100%;padding:20px;display:flex;gap:15px;align-items:center}.brand{font-size:20px}.brand span{font-size:8px}.caption,.aside-bottom{display:none}.nav{width:auto;font-size:12px;padding:10px;margin:0}main{margin:0;padding:0 20px}.stats{grid-template-columns:repeat(2,1fr)}.heading{gap:15px;align-items:start}.heading h1{font-size:28px}.heading .primary{font-size:12px}.toolbar{flex-wrap:wrap}.toolbar label{min-width:200px}#identity{display:none}}

.server-controls{display:flex;gap:8px;flex-wrap:wrap;align-self:center}.server-controls button{font-size:11px;padding:9px 12px}.danger-button{color:#a54036;border-color:#edc7bf}.primary.danger-button{background:#ab4339;color:white}.server-dialog{width:min(640px,94vw);max-height:90vh;overflow:auto;border:1px solid #dfe7ec;border-radius:14px;padding:28px;color:#183044;box-shadow:0 20px 80px #0003}.server-dialog::backdrop{background:#102b3a99}.server-dialog p{font-size:13px;line-height:1.7}.server-dialog input[type=checkbox]{width:auto;display:inline-block;margin-right:10px}.server-dialog pre{white-space:pre-wrap;background:#f4f7fa;padding:16px;font-size:11px;line-height:1.7}.cloud-instances{padding-left:20px;background:#f7fafc}.cloud-instances>p{padding:16px;font-size:13px}.row{flex-wrap:wrap}

.admin-section{padding:10px 0}.activity-card{margin-top:24px}.activity-card p{font-size:12px;color:#7b8e9d;line-height:1.7}.assignment-card{border:1px solid #e1e8ed;border-radius:9px;padding:8px 15px;margin:12px 0}.assignment-list p{font-size:12px;color:#7b8e9d}.assignment-card input[type=checkbox]{width:auto;display:inline-block;margin:0 9px 0 0}.permission-options{display:flex;gap:15px;flex-wrap:wrap}.permission-options label{font-size:11px;font-weight:400;margin:8px 0 15px}

.server-dialog form{display:flex;flex-direction:column;gap:12px}.server-dialog form>button{order:20}.server-dialog form>.error{order:19}.server-dialog details{margin:12px 0;max-height:250px;overflow:auto}

.details-link{display:inline-flex;align-items:center;border:1px solid #cbd9e2;border-radius:9px;padding:10px 15px;text-decoration:none;color:#123a4b}.detail-card{margin-bottom:20px}.detail-grid{margin:16px 0}.detail-grid>div{display:grid;grid-template-columns:minmax(130px,220px) 1fr;border-bottom:1px solid #edf1f4;padding:12px 0;gap:18px}.detail-grid dt{color:#687d8a}.detail-grid dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:650px){.detail-grid>div{grid-template-columns:1fr;gap:5px}}

.order-page{max-width:1050px}.order-page form{max-width:820px}.order-page label{margin-top:20px}.order-page select{width:100%}.order-page details{margin:15px 0;max-height:250px;overflow:auto}.order-page form>button{margin-top:18px}aside>p:not(.caption){font-size:12px;color:#afc3cd;padding:0 18px}

.order-summary{margin-top:22px;background:#f4f8fa;border:1px solid #dbe6eb;padding:22px;border-radius:12px}.order-summary strong{font-size:28px;color:#0a7b76}.order-page input[type=checkbox]{width:auto;display:inline-block;margin-left:12px}.order-page label{font-size:15px}

.order-page{max-width:none;padding:30px}.order-page form{max-width:none}.purchase-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0 28px}.purchase-plan{text-align:left;white-space:normal;border:2px solid #dfe7ed;background:white;border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:12px;color:#14384a;min-height:245px}.purchase-plan.selected{border-color:#0050b3;box-shadow:0 0 0 2px #e5efff;background:#f6f9ff}.purchase-plan h3{margin:0;font-size:20px}.purchase-plan p{margin:0;font-size:12px;color:#637c8b;line-height:1.5}.purchase-plan strong{font-size:26px;color:#004da8}.plan-select{margin-top:auto;border-radius:6px;padding:10px 12px;background:#edf3fb;color:#0050b3;font-weight:600;text-align:center}.purchase-plan.selected .plan-select{background:#0050b3;color:white}.order-summary{background:#f4f7fc;border-color:#cedff3}.order-summary strong{color:#0050b3}.order-page h2{font-size:25px}.order-page form>button{background:#0050b3;border-color:#0050b3;min-height:48px;font-size:15px}.order-page select{min-height:48px;font-size:15px}@media(max-width:700px){.purchase-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-plan{padding:15px}.purchase-plan strong{font-size:20px}.order-page{padding:18px}}@media(max-width:420px){.purchase-plans{grid-template-columns:1fr}}