*{box-sizing:border-box}body{color:#1b2430;background:#f4f6f8;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{color:#fff;background:#0b4f6c;align-items:center;gap:16px;padding:10px 18px;display:flex}header b{font-size:18px}header nav{gap:8px;margin-left:auto;display:flex}button{cursor:pointer;background:#e3e8ee;border:0;border-radius:6px;padding:8px 14px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.primary{color:#fff;background:#0b7a4b}.warn{color:#fff;background:#c77700}.danger{color:#fff;background:#b3261e}.nav{color:#cfe6f0;background:0 0}.nav.on{color:#fff;background:#fff2}main{max-width:1300px;margin:0 auto;padding:18px}.card{background:#fff;border-radius:10px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #0001}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input,select,textarea{font:inherit;border:1px solid #c8d0d8;border-radius:6px;padding:8px}label{color:#556;margin:8px 0 4px;font-size:13px;display:block}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #eef;padding:6px 8px}th{color:#667;font-weight:600}.pill{color:#fff;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.s-ready{background:#0b7a4b}.s-on_call{background:#1565c0}.s-ringing{background:#7b1fa2}.s-wrap_up{background:#00838f}.s-break{background:#c77700}.s-not_ready{background:#b3261e}.s-logged_out{background:#8a96a3}.big{font-size:42px;font-weight:700}.muted{color:#778;font-size:13px}.alert{background:#fde7e7}.alertTxt{color:#b3261e;font-weight:700}.tile{background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 3px #0001}.tile h3{margin:0 0 6px}.tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.notice{background:#fff8e1;border:1px solid #f0d58a;border-radius:6px;padding:8px 12px;font-size:13px}.err{color:#b3261e}.login{max-width:380px;margin:60px auto}.otype{vertical-align:middle;border:1px solid;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.otype-new{color:#1a4fa0;background:#e8f0fe;border-color:#c6d8f7}.otype-refill{color:#6a1b9a;background:#f3e8fd;border-color:#e0c8f5}